/** * @file * Styles are organized using the SMACSS technique. @see http://smacss.com/book/ * * When you turn on CSS aggregation at admin/con;fig/development/performance, all * of these @include files will be combined into a single file. */ /* Import Sass mixins, variables, Compass modules, etc. */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*VARIABLES*/ @keyframes fade { 0% { opacity: 0; transform: translateY(0.25em); } } /* 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 _init.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: Verdana, Tahoma, "DejaVu Sans", sans-serif; /* 1 */ font-size: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ line-height: 1.5em; } /* 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.5em 0; } blockquote { /* Also indent the quote on both sides. */ margin: 1.5em 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.5em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.75em; margin-bottom: 0.75em; } h2 { font-size: 1.5em; line-height: 2em; margin-top: 1em; margin-bottom: 1em; } h3 { font-size: 1.17em; line-height: 1.28205em; margin-top: 1.28205em; margin-bottom: 1.28205em; } h4 { font-size: 1em; line-height: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } h5 { font-size: 0.83em; line-height: 1.80723em; margin-top: 1.80723em; margin-bottom: 1.80723em; } h6 { font-size: 0.67em; line-height: 2.23881em; margin-top: 2.23881em; margin-bottom: 2.23881em; } /* 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.5em 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.5em; } /* 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.5em 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.0625em; border-top-style: solid; padding-top: 0.4625em; border-bottom-width: 0.0625em; border-bottom-style: solid; padding-bottom: 0.9125em; border-left-width: 0.0625em; border-left-style: solid; padding-left: 0.9125em; border-right-width: 0.0625em; border-right-style: solid; padding-right: 0.9125em; } /** * 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.5em; margin-bottom: 1.5em; } /* 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; } /* Apply the shared properties of grid items in a single, efficient ruleset. */ #header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer { padding-left: 5px; padding-right: 5px; -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: 610px) { #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: 610px) 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: 75%; margin-left: 25%; margin-right: -100%; } .sidebar-first .region-sidebar-first { float: left; width: 25%; margin-left: 0%; margin-right: -25%; } /** * 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: 75%; margin-left: 0%; margin-right: -75%; } .sidebar-second .region-sidebar-second { float: left; width: 25%; margin-left: 75%; margin-right: -100%; } /** * 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: 75%; margin-left: 25%; margin-right: -100%; } .two-sidebars .region-sidebar-first { float: left; width: 25%; margin-left: 0%; margin-right: -25%; } .two-sidebars .region-sidebar-second { float: left; width: 100%; margin-left: 0%; margin-right: -100%; 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 3rd column from left. */ } .two-sidebars .region-sidebar-second .block { padding-left: 5px; padding-right: 5px; -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(2n+1) { float: left; width: 50%; margin-left: 0%; margin-right: -50%; clear: left; } .two-sidebars .region-sidebar-second .block:nth-child(2n) { float: left; width: 41.66667%; margin-left: 58.33333%; margin-right: -100%; } } /** * Use 12 grid columns for larger screens. */ @media all and (min-width: 960px) { /** * The layout when there is only one sidebar, the left one. */ .sidebar-first #content { float: left; width: 75%; margin-left: 25%; margin-right: -100%; } .sidebar-first .region-sidebar-first { float: left; width: 25%; margin-left: 0%; margin-right: -25%; } /** * 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: 75%; margin-left: 0%; margin-right: -75%; } .sidebar-second .region-sidebar-second { float: left; width: 25%; margin-left: 66.66667%; margin-right: -91.66667%; } /** * 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: 50%; margin-left: 25%; margin-right: -75%; } .two-sidebars .region-sidebar-first { float: left; width: 25%; margin-left: 0%; margin-right: -25%; } .two-sidebars .region-sidebar-second { float: left; width: 25%; margin-left: 75%; margin-right: -100%; } } /* 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.5em; } /* 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.5em 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.5em 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.5em; 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.5em; } .tabs-secondary__tab, .tabs-secondary__tab.is-active { margin: 0.75em 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.5em; } /** * 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.5em 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.5em 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.5em; } 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.5em 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'); } /** * @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. */ /*Hide the King's logo and topnav */ @media print { img.header__logo-image { display: none !important; } .tncontainer { display: none !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: 16px; } #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; } /* Hide sidebars and nav elements. */ #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons { visibility: hidden; display: none; } } #hero { width: 100%; position: relative; overflow: auto; } #hero article { /*border-top: 3px solid rgba(35, 35, 35, 0.75);*/ z-index: 10; position: relative; } #hero article #artOverlay { width: 100%; height: 100vh; text-align: center; /*transition: all 0.45s ease-in-out 0s;*/ background-color: rgba(193, 193, 193, 0.35); } #hero article #artOverlay h1 { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); font-size: 3.815rem; padding: 0px 5%; font-family: "Oswald", Arial, sans-serif; font-weight: 400; text-transform: uppercase; color: #f4f4f4; max-width: 1100px; margin: 0 auto; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; -moz-animation: 0.45s ease-out 0.25s normal backwards 1 running fade; -webkit-animation: 0.45s ease-out 0.25s normal backwards 1 running fade; animation: 0.45s ease-out 0.25s normal backwards 1 running fade; } #hero article #artOverlay h1 em { font-weight: 700; } #hero article #artOverlay .notice, #hero article #artOverlay .emergency { position: relative; top: 45%; -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); transform: translateY(-45%); display: block; color: #f4f4f4; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; -moz-animation: 0.45s ease-out 0.25s normal backwards 1 running fade; -webkit-animation: 0.45s ease-out 0.25s normal backwards 1 running fade; animation: 0.45s ease-out 0.25s normal backwards 1 running fade; max-width: 1100px; width: 90%; margin: 0px auto; padding: 10px; } #hero article #artOverlay .notice a, #hero article #artOverlay .emergency a { color: #f4f4f4; display: block; } #hero article #artOverlay .notice { line-height: 2rem; background-color: rgba(43, 43, 43, 0.25); } #hero article #artOverlay .emergency { font-size: 2rem; font-family: "Oswald", Arial, sans-serif; line-height: 2.5rem; } #hero article #artOverlay .emergency p { padding: 10px 0px; } #hero article #artOverlay h2 { font-size: 1.569rem; font-family: "Oswald", Arial, sans-serif; font-weight: 300; color: #e0e0e0; text-transform: uppercase; line-height: 1.5em; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; } #hero video { position: absolute; bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; } #loadVid { /*background: rgba(193, 193, 193, 0.35) url('../images/gears.svg') center center no-repeat; width: 100%; height: 100%; position: absolute;*/ } #tagline { clear: left; } #tagline #blurb-content { padding: 5%; float: left; width: 100%; margin-right: 0; margin-left: 0; font-family: 'Ubuntu', Arial, sans-serif; color: #4d4848; font-size: 1.467rem; font-weight: 300; line-height: 2.247rem; text-shadow: 0px 2px 3px rgba(128, 128, 128, 0.3); background-size: cover; } #tagline h3 { font-family: "Oswald", Arial, sans-serif; color: white; font-size: 2.0rem; font-weight: bold; text-transform: uppercase; margin: 0 0 2% 0; } #tagline a { display: block; transition: all 0.25s ease-in-out 0s; margin: 1% 0; padding-top: 2%; padding-bottom: 2%; } #holycross { overflow: hidden; } #holycross a { transition: all 0.25s ease-in-out 0s; } #holycross a:hover { border-bottom: 1px dotted #ad1f2e; } #holycross div.padder { padding-top: 4%; padding-bottom: 11%; float: left; width: 100%; } #holycross h2 { float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; font-size: 2.159rem; color: #221f1f; text-transform: uppercase; font-family: "Oswald", Arial, sans-serif; padding-bottom: 5%; line-height: 43.944px; text-shadow: 0px 2px 3px rgba(128, 128, 128, 0.3); } #holycross #photo-section { clear: left; float: left; } #holycross #photo-section #holycrossphoto { float: left; width: 33.33333%; margin-left: 8.33333%; margin-right: -41.66667%; display: inline-block; vertical-align: top; font-size: 0; line-height: 0px; padding-bottom: 20px; } #holycross #photo-section #holycrossphoto img { -moz-box-shadow: black 2px 2px 10px; -webkit-box-shadow: black 2px 2px 10px; box-shadow: black 2px 2px 10px; width: 100%; } #holycross #photo-section .copy { float: left; width: 41.66667%; margin-left: 50%; margin-right: -91.66667%; font-family: 'Ubuntu', Arial, sans-serif; font-size: 1.375rem; color: #4d4848; line-height: 2.550rem; text-shadow: 0px 2px 3px rgba(128, 128, 128, 0.3); } #holycross #photo-section .copy p { padding-bottom: 7%; } #holycross .parallax-window { clear: left; min-height: 500px; } #link-area { float: left; background: transparent url("../images/red-bg.png"); color: #f4f4f4; padding: 8% 0; width: 100%; } #link-area h2 { float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; padding-bottom: 5%; font-size: 2.159rem; font-family: "Oswald", Arial, sans-serif; letter-spacing: 0.03em; text-transform: uppercase; line-height: 1.5em; text-align: center; } #link-area #boxes { clear: left; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; padding: 0; } #link-area #boxes li { display: inline-block; padding: 0 1% 1% 0; width: 31%; } #link-area #boxes li a { display: block; position: relative; width: 100%; border: 3px solid #870013; overflow: hidden; } #link-area #boxes li a img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; width: 100%; float: left; transform: scale(1); transition: all 0.25s ease-in-out 0s; } #link-area #boxes li a .blurb { font-size: 1.7rem; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; z-index: 10; color: #f4f4f4; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; transition: all 0.25s ease-in-out 0s; line-height: 2rem; padding: 0 10px; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } #link-area #boxes li a .view { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; background-color: rgba(43, 43, 43, 0.8); font-size: 3rem; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); width: 100%; z-index: 11; color: #f4f4f4; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; transition: all 0.25s ease-in-out 0s; padding: 20px 0; letter-spacing: 0rem; } #link-area #boxes li a .view:hover { letter-spacing: 0.25rem; } #link-area #boxes li a:hover img { transform: scale(1.2); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } #link-area #boxes li a:hover .blurb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; top: 45%; } #link-area #boxes li a:hover .view { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: 50%; } #kings-on-the-web { clear: left; float: left; width: 100%; padding: 7% 0% 5% 0%; overflow: hidden; } #kings-on-the-web .yt { clear: left; text-align: center; position: relative; padding-bottom: 56.25%; margin-right: auto; margin-left: auto; height: 0; max-width: 90%; overflow: hidden; } #kings-on-the-web .yt iframe, #kings-on-the-web .yt object, #kings-on-the-web .yt embed { position: absolute; top: 0; left: 3%; width: 93.3%; height: 84%; } #kings-on-the-web h2.social-media-title { float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; text-align: center; font-size: 4.001rem; font-style: "Oswald", Arial, sans-serif; font-weight: bold; margin-bottom: 65px; text-transform: uppercase; color: #505050; } #kings-on-the-web h2.social-media-title a { color: #505050; border-bottom: 1px dotted #505050; padding-bottom: 3px; transition: all 0.25s ease-in-out 0s; } #kings-on-the-web h2.social-media-title a:hover { color: #ad1f2d; border-bottom: 1px dotted #ad1f2d; } #kings-on-the-web #social-stream { margin-bottom: 9%; margin-left: auto; margin-right: auto; width: 95%; padding: 0 8%; } #kings-on-the-web .leftcol { clear: left; float: left; width: 50%; margin-left: 8.33333%; margin-right: -58.33333%; padding-bottom: 8%; vertical-align: top; } #kings-on-the-web .leftcol #facebook { background: #97a5c8; } #kings-on-the-web .leftcol #twitter { background: #99c6e9; } #kings-on-the-web .leftcol #facebook, #kings-on-the-web .leftcol #twitter { padding-right: 1.5%; color: #f6f6f6; line-height: 1.5em; margin-bottom: 6%; max-height: 128px; overflow: hidden; } #kings-on-the-web .leftcol #facebook img, #kings-on-the-web .leftcol #twitter img { float: left; padding-right: 1.5%; } #kings-on-the-web .leftcol #facebook p, #kings-on-the-web .leftcol #twitter p { padding-top: 1.5%; padding-bottom: 1.5%; } #kings-on-the-web .social-media-links { float: left; width: 25%; margin-left: 66.66667%; margin-right: -91.66667%; overflow: hidden; } #kings-on-the-web .social-media-links img { width: 100%; } #kings-on-the-web #by-the-numbers { clear: left; float: left; width: 100%; } #kings-on-the-web #by-the-numbers .img-cont { min-height: 500px; background-position: center center; background-size: cover; color: #ececec; float: left; width: 100%; padding: 10px 0 10% 0; position: relative; -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } #kings-on-the-web #by-the-numbers .img-cont h3 { float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; font-size: 5.163rem; font-weight: bold; font-family: "Oswald", Arial, sans-serif; letter-spacing: 0.02em; padding-top: 2%; text-align: center; line-height: 5.162rem; text-transform: uppercase; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont { clear: left; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; font-family: "Oswald", Arial, sans-serif; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column { vertical-align: top; display: inline-block; width: 33%; padding: 3% 3% 0 3%; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column h4 { font-size: 3.7rem; padding-bottom: 5%; font-weight: 700; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column p { font-size: 1.876rem; font-weight: 300; line-height: 2.5rem; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column-spread { position: absolute; left: 50%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); bottom: 2%; width: 100%; font-size: 1.276rem; line-height: 1.5rem; font-weight: 300; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column-spread p { font-size: 1.2rem; } #block-views-2015-current-news-block, #block-views-2015-upcoming-events-block { padding-right: 5%; padding-left: 5%; overflow: hidden; } #block-views-2015-current-news-block h2, #block-views-2015-upcoming-events-block h2 { text-align: center; font-size: 4.001rem; font-style: "Oswald", Arial, sans-serif; font-weight: bold; color: #505050; margin-bottom: 65px; text-transform: uppercase; } #block-views-2015-current-news-block menu, #block-views-2015-upcoming-events-block menu { text-align: center; } #block-views-2015-current-news-block menu span, #block-views-2015-upcoming-events-block menu span { width: 62px; height: 62px; display: inline-block; text-indent: -9001px; cursor: pointer; background-image: url("../images/prev_next_btns.png"); } #block-views-2015-current-news-block menu span.prev, #block-views-2015-upcoming-events-block menu span.prev { background-position: top left; } #block-views-2015-current-news-block menu span.prev:hover, #block-views-2015-upcoming-events-block menu span.prev:hover { background-position: bottom left; } #block-views-2015-current-news-block menu span.next, #block-views-2015-upcoming-events-block menu span.next { background-position: top right; } #block-views-2015-current-news-block menu span.next:hover, #block-views-2015-upcoming-events-block menu span.next:hover { background-position: bottom right; } #block-views-2015-current-news-block menu span.first, #block-views-2015-upcoming-events-block menu span.first { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; cursor: auto; } #block-views-2015-current-news-block menu span.first:hover, #block-views-2015-upcoming-events-block menu span.first:hover { background-position: top left !important; } #block-views-2015-current-news-block .more-link, #block-views-2015-upcoming-events-block .more-link { margin-top: 3%; margin-right: 4%; float: right; width: 140px; } #block-views-2015-current-news-block .more-link a, #block-views-2015-upcoming-events-block .more-link a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; font-size: 1.4rem; text-transform: uppercase; padding: 7px 60px 7px 15px; font-family: "Oswald", Arial, sans-serif; display: block; background: transparent url("../images/right-arrow.gif") 100px center no-repeat; border: 1px solid #505050; color: #ab1a2e; letter-spacing: 0.1rem; transition: all 0.25s ease-in-out 0s; } #block-views-2015-current-news-block .more-link a:hover, #block-views-2015-upcoming-events-block .more-link a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; letter-spacing: 0rem; } #block-views-2015-current-news-block { clear: left; margin-bottom: 50px; padding-top: 3%; } #block-views-2015-upcoming-events-block { padding-top: 70px; padding-bottom: 120px; background: transparent url("../images/events-bg.png"); border: 1px solid #c7c7c7; } #block-views-2015-upcoming-events-block .event_container a img { width: 100%; } #by-the-numbers .tri-column-cont .tri-column:nth-child(n+7) { display: none !important; } * { box-sizing: border-box; } .parallax-window { min-height: 400px; background: transparent; } a { text-decoration: none; color: #ad1f2e; } span.accent { color: #ad1f2e; } body { background: transparent url("../images/body-bg.png"); font-size: 16px; font-family: 'Ubuntu', Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; font-weight: bold; } .hideScroll { overflow-y: hidden; padding-right: 17px; } .noScroll { overflow: hidden; position: fixed; width: 100%; } small { font-size: 60%; line-height: 1em; } dt { font-weight: bold; } em { font-style: italic; } ul { margin: 1em 0; } /*SOCIAL MEDIA*/ a.facebook { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/facebook.svg"); } a.twitter { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/twitter.svg"); } a.linkedin { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/linkedin.svg"); } a.youtube { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/youtube.svg"); } a.instagram { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/instagram.svg"); } a.pinterest { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/pinterest.svg"); } a.flickr { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/flickr.svg"); } a.blogs { background-image: url("/sites/all/themes/kings2015/images/new-social-media-icons/blogs.svg"); } #page { margin: 0pt auto; width: 100%; position: relative; z-index: 0; transition: all 0.15s linear 0s; } #page:before, #page:after { content: ""; display: table; } #page:after { clear: both; } header#header { background-color: rgba(43, 43, 43, 0.25); text-transform: uppercase; z-index: 100; color: #fff; font-family: "Oswald", Arial, sans-serif; font-weight: bold; position: fixed; width: 100%; overflow-y: hidden; overflow-x: hidden; -moz-transition-property: background-color, height; -o-transition-property: background-color, height; -webkit-transition-property: background-color, height; transition-property: background-color, height; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } header#header #block-menu-menu-topnav { margin-top: 3.5rem; } header#header #block-menu-menu-topnav h2 { transition: all 0.25s ease-in-out 0s; } header#header #block-menu-menu-topnav h2.block-title { font-size: 1.4rem; cursor: pointer; text-align: left; position: absolute; left: 120px; z-index: 50; padding: 0px 70px 0px 15px; background: transparent url("../images/menu.png") center right no-repeat; display: block; border: 1px solid #fff; color: #ffffff; letter-spacing: 0.1rem; transition: all 0.25s ease-in-out 0s; -webkit-transform: translateZ(0); } header#header #block-menu-menu-topnav h2.block-title:hover { border: 1px solid #fff !important; color: #ffffff !important; letter-spacing: 0rem; } header#header #block-menu-menu-topnav h2.stayFocus { color: #ccc; background: #106b64 url("../images/close.png") 91px center no-repeat; letter-spacing: 0rem; border: 1px solid #3c908a; } header#header #block-menu-menu-topnav h2.stayFocus:hover { padding: 0px 65px 0 20px; color: #fff; background: #106b64 url("../images/close-white.png") 86px center no-repeat; } header#header #block-menu-menu-topnav ul.menu { padding: 0; margin: 0; list-style-image: none; list-style-type: none; font-size: 1.2rem; letter-spacing: 0.05rem; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; transition: all 0.25s ease-in-out 0s; } header#header #block-menu-menu-topnav ul.menu li.menu__item { display: inline-block; vertical-align: top; list-style-image: none; list-style-type: none; padding: 0 3%; width: 32%; margin-bottom: 90px; } header#header #block-menu-menu-topnav ul.menu li.menu__item ul li { display: list-item; width: auto; margin-bottom: 0; } header#header #block-menu-menu-topnav ul.menu li.menu__item ul li a { display: block; line-height: 2rem; font-weight: 400; color: #9d9d9d; transition: all 0.25s ease-in-out 0s; padding-right: 10px; } header#header #block-menu-menu-topnav ul.menu li.menu__item ul li a:hover { color: #f4f4f4; padding-left: 10px; } header#header #block-menu-menu-topnav ul.menu a.upper { color: #ad1f2e; display: block; font-size: 2.5rem; margin-bottom: 20px; padding-bottom: 10px; line-height: 2.75rem; transition: all 0.25s ease-in-out 0s; } header#header #block-menu-menu-topnav ul.menu a.upper:hover { color: #E76067; } header#header .logo-cont { text-align: center; margin: 0pt auto; } header#header .logo-cont a { outline: none; } header#header .logo-cont a img { max-width: 280px; } header#header .header__region { width: 100%; } header#header h2.search-button { position: absolute; right: 120px; z-index: 50; padding: 0px 60px 0px 15px; background: transparent url("../images/search.png") center right no-repeat; display: block; font-size: 1.4rem; cursor: pointer; -webkit-transform: translateZ(0); border: 1px solid #fff; color: #ffffff; letter-spacing: 0.1rem; transition: all 0.25s ease-in-out 0s; } header#header h2.search-button:hover, header#header h2.stayFocus { border: 1px solid #fff !important; color: #ffffff !important; letter-spacing: 0rem; } .noHeroImage header#header h2.search-button, .noHeroImage header#header #block-menu-menu-topnav h2.block-title, header#header.dark-bar h2.search-button, header#header.dark-bar #block-menu-menu-topnav h2.block-title { border: 1px solid #bdbdbd; color: #bdbdbd; } /* Old Search #block-search-form { margin: 0; } #block-search-form h2.block-title { display: none; } #block-search-form #search-block-form { position: fixed; z-index: 55; width: 100%; margin-left: auto; margin-right: auto; margin-top: -49px; transition: $transition; input#edit-search-block-form--2 { border: 3px solid #ccc!important; line-height: 1.5em; padding: 7px 20px!important; width: 100%; color: $body-color; font-size: 1.2em; height: 49px; } input#edit-submit--2{ display: none; } #edit-actions { display: none; } } .searchEnabled { margin-top: 49px!important; } */ /* New Search */ #block-search-form { margin: 0; } #search-block-form { position: fixed; z-index: -1; top: 0px; left: 0px; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(0, 0, 0, 0.75); transition: all 0.5s ease-in-out 0s; -ms-transform: translate(0px, -100%); -webkit-transform: translate(0px, -100%); transform: translate(0px, -100%); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } #search-block-form.open { z-index: 1001; -ms-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } #search-bar #search-block-form div.form-item-search-block-form > label.element-invisible { position: fixed !important; top: 20%; right: 10%; color: #fff; background-image: url("../images/search-close.svg"); background-position: center center; background-repeat: no-repeat; background-color: #FFF; opacity: 1; padding: 10px 17px; font-size: 0px; cursor: pointer; line-height: 0px; height: 48px !important; width: 48px !important; clip: auto !important; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; } #search-bar #search-block-form div.form-item-search-block-form > label.element-invisible:hover { box-shadow: inset 0 0 0 4px #ad1f2e, 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ } #search-bar #search-block-form input#edit-search-block-form--2 { position: absolute; top: 50%; width: 100%; color: white; background: transparent !important; font-size: 3.75rem; font-weight: 300; text-align: center; border: 0px !important; margin: 0px auto; margin-top: -51px; padding: 10px 30px !important; outline: none; color: #f4f4f4; } #search-bar #search-block-form .form-actions input[type="submit"] { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; border: 0px none; color: #f4f4f4; padding: 15px; background: none; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; /* Hack to improve aliasing on mobile/tablet devices */ } #search-bar #search-block-form .form-actions input[type="submit"]:hover { background: #ad1f2e; } noscript.warning { font-size: 2rem; line-height: 3rem; margin-left: auto; margin-right: auto; padding: 20px; position: fixed; text-align: center; top: 115px; width: 100%; z-index: 20; } noscript.warning a:hover { border-bottom: 1px dotted #ab1a2e; } footer { clear: left; overflow: hidden; background: transparent url("../images/footer-bg.png"); } footer .logo-and-apply { padding-bottom: 35px; border-bottom: 10px solid #c3253a; margin: 0 9% 45px 9%; } footer .logo-and-apply .left { display: inline-block; text-align: left; width: 35%; vertical-align: top; margin-top: 3%; color: #FFF; text-transform: uppercase; } footer .logo-and-apply .left a.home-link img { max-width: 85%; } footer .logo-and-apply .left address { font-family: "Oswald", Arial, sans-serif; font-weight: 300; font-size: 1.373rem; text-transform: capitalize; color: #c5c5c5; } footer .logo-and-apply .left address p { line-height: 1.8rem; } footer .logo-and-apply .left address a { color: #c5c5c5; line-height: 1.8rem; transition: all 0.25s ease-in-out 0s; } footer .logo-and-apply .left address a:hover { color: #f4f4f4; } footer .logo-and-apply .right { display: inline-block; text-align: right; vertical-align: top; margin-top: 5.5%; width: 60%; } footer .logo-and-apply .right a.apply-btn { -moz-box-shadow: black 2px 2px 10px; -webkit-box-shadow: black 2px 2px 10px; box-shadow: black 2px 2px 10px; text-align: center; background: #303030; color: #dbdbdb; font-size: 2.188rem; font-family: "Oswald", Arial, sans-serif; padding: 20px 0px; border: 1px solid #ffffff; display: inline-block; transition: all 0.25s ease-in-out 0s; letter-spacing: 0.25rem; width: 60%; } footer .logo-and-apply .right a:hover { text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; background-color: #9ec53c; letter-spacing: 0rem; } footer div[role=navigation] { width: 100%; float: left; text-align: center; } footer div[role=navigation] > ul.menu { font-family: "Oswald", Arial, sans-serif; width: 100%; margin-top: 0; margin-bottom: 0; padding-right: 9%; padding-left: 9%; text-align: left; } footer div[role=navigation] > ul.menu > li { display: inline-block; width: 28%; margin: 0% 2.5% 5% 2.5%; vertical-align: top; text-align: left; } footer div[role=navigation] > ul.menu > li > a { padding-bottom: 15px; line-height: 2rem; font-size: 1.569rem; font-weight: bold; color: #ffffff; letter-spacing: 0.03rem; transition: all 0.25s ease-in-out 0s; display: block; } footer div[role=navigation] > ul.menu > li > a:hover { text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; } footer div[role=navigation] > ul.menu > li ul { padding: 0 0 0 20px; } footer div[role=navigation] > ul.menu > li ul li { width: 100%; margin: 0; display: block; text-align: left; } footer div[role=navigation] > ul.menu > li ul li a { font-weight: 300; color: #c5c5c5; line-height: 2rem; font-size: 1.373rem; display: block; transition: all 0.25s ease-in-out 0s; padding: 0 10px 0 0; } footer div[role=navigation] > ul.menu > li ul li a:hover { padding: 0 0 0 10px; color: #f4f4f4; } footer #copyright { display: block; clear: both; font-family: "Ubuntu", Arial, sans-serif; background-color: #303030; text-align: center; padding: 12px 50px; letter-spacing: 0.02em; color: #ffffff; font-size: 1rem; line-height: 2rem; } footer #copyright span.bull { padding: 0px 8px; } footer #copyright a { color: #fff; border-bottom: 1px dotted #505050; padding-bottom: 3px; transition: all 0.25s ease-in-out 0s; } footer #copyright a:hover { color: #ad1f2d; border-bottom: 1px dotted #ad1f2d; } footer .block { margin: 0; } footer #block-block-72 { clear: both; } /* EMERGENCY AREA */ .not-front .block-emergency a:not(.contextual-links-trigger) { padding: 20px; display: block; text-align: center; color: #f4f4f4; background-color: #3c908a; text-transform: uppercase; font-size: 1.35rem; font-weight: bold; font-family: "Oswald", Arial, sans-serif; } .not-front .block-emergency a:not(.contextual-links-trigger) p { padding: 5px 0px; line-height: 2rem; } .not-front .emergency .block-emergency a { background-color: #ad1f2e; text-transform: uppercase; font-size: 2.5rem; font-weight: bold; font-family: "Oswald", Arial, sans-serif; } .not-front .emergency .block-emergency a p { line-height: 3rem; } #kings-on-the-web-icons { width: 100%; padding-top: 18%; padding-right: 5%; padding-left: 5%; padding-bottom: 5%; } #kings-on-the-web-icons a { display: inline-block; width: 18%; height: 10%; margin: 2%; padding: 3% 2% 3% 6%; line-height: 0; vertical-align: top; font-family: "Oswald", Arial, sans-serif; font-size: 1.2rem; text-transform: uppercase; color: #000 !important; background-position: top left; background-repeat: no-repeat; text-align: center; border-bottom: 0px none !important; background-size: 33% 100%;} #kings-on-the-web-icons a:hover { text-decoration: none; } .sidebar #kings-on-the-web-icons a { width: 95%; padding: 10% 5% 10% 10% !important; margin: 3%; } .sidebar #kings-on-the-web-icons h4 { margin: 10% 3%; font-size: 1.5rem; } table#social_tbl a.social-header { width: 100%; background-repeat: no-repeat; padding: 15px !important; color: #FFF !important; text-align: center; border-bottom: 0px none !important; font-family: "Oswald", Arial, sans-serif; } .kings-social { margin: 20px 0px; } .kings-social a { background-repeat: no-repeat; font-size: 0; line-height: 0; width: 3%; height: 3%; margin: 1%; padding: 3%; } #block-block-82 { clear: both; } #kings-on-the-web-icons-footer { width: 100%; padding: 10px 20px; text-align: center; clear: both; border-top: 1px solid #730313; background-color: #525252; text-align: center; } #kings-on-the-web-icons-footer a { display: inline-block; font-size: 0px; line-height: 0px; width: 3%; height: 3%; padding: 3%; margin: 1%; background-repeat: no-repeat; transition: all 0.25s ease-in-out 0s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } #kings-on-the-web-icons-footer a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* NEWS & EVENTS VIEW ROWS */ .view-2015-Current-News .views-row, .view-2015-Upcoming-Events .views-row { transition: all 0.25s ease-in-out 0s; display: inline-block; vertical-align: top; padding: 20px 1%; width: 29%; margin: 1% 2%; } .view-2015-Current-News .views-row a.big-block, .view-2015-Upcoming-Events .views-row a.big-block { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; transition: all 0.25s ease-in-out 0s; padding-bottom: 10px; position: relative; display: block; line-height: 1.5rem; } .view-2015-Current-News .views-row a.big-block time, .view-2015-Upcoming-Events .views-row a.big-block time { color: #ab1e2c; font-size: 1.55rem; padding-bottom: 15px; display: block; font-weight: bold; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; } .view-2015-Current-News .views-row a.big-block h3, .view-2015-Upcoming-Events .views-row a.big-block h3 { color: #505050; font-weight: bold; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; padding-bottom: 15px; font-size: 1.55rem; margin-top: 0; margin-bottom: 0; } .view-2015-Current-News .views-row a.big-block p, .view-2015-Upcoming-Events .views-row a.big-block p { color: #505050; font-family: "Ubuntu", Arial, sans-serif; font-size: 1rem; line-height: 1.7rem; padding: 10px 0; } .view-2015-Current-News .views-row a.big-block img, .view-2015-Upcoming-Events .views-row a.big-block img { width: 100%; } .view-2015-Current-News .views-row a.big-block span.view-more-link, .view-2015-Upcoming-Events .views-row a.big-block span.view-more-link { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; background-color: rgba(158, 197, 60, 0.8); border: 1px solid #f4f4f4; font-size: 3rem; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); width: 100%; z-index: 12; color: #f4f4f4; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; transition: all 0.25s ease-in-out 0s; padding: 20px 0; letter-spacing: 0rem; } .view-2015-Current-News .views-row a.big-block span.view-more-link:hover, .view-2015-Upcoming-Events .views-row a.big-block span.view-more-link:hover { letter-spacing: 0.25rem; } .view-2015-Current-News .views-row a.big-block *, .view-2015-Upcoming-Events .views-row a.big-block * { transition: all 0.25s ease-in-out 0s; } .view-2015-Current-News .views-row a.big-block:hover *, .view-2015-Upcoming-Events .views-row a.big-block:hover * { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .view-2015-Current-News .views-row a.big-block:hover span.view-more-link, .view-2015-Upcoming-Events .views-row a.big-block:hover span.view-more-link { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: 50%; } .view-2015-Current-News .views-row:hover, .view-2015-Upcoming-Events .views-row:hover { -moz-box-shadow: rgba(100, 100, 100, 0.6) 0px 0px 10px; -webkit-box-shadow: rgba(100, 100, 100, 0.6) 0px 0px 10px; box-shadow: rgba(100, 100, 100, 0.6) 0px 0px 10px; background-color: rgba(229, 229, 229, 0.9); } .page-news-and-events .views-row, .page-node-1783 .views-row, .page-node-1782 .views-row { width: 100% !important; margin: 2% 0px !important; } .page-news-and-events .views-row a, .page-node-1783 .views-row a, .page-node-1782 .views-row a { border-bottom: 0px none !important; } .view-ethics-center-events .views-row { padding: 10px 20px; text-align: left; } .view-ethics-center-events .views-row h2 { font-size: 1.25rem; line-height: 2rem; margin-bottom: 10px; } .view-ethics-center-events .views-row p { padding: 8px 0px; } .view-ethics-center-events .views-row-even { background: #FFF; } /*fullMenu additions*/ .fullMenu { -webkit-overflow-scrolling: touch; overflow-y: scroll !important; height: 100% !important; padding-top: 2rem !important; background-color: #2b2b2b !important; border-bottom: 0px none !important; z-index: 1000 !important; } .fullMenu h2 { z-index: 1001 !important; } .fullMenu #block-menu-menu-topnav h2.block-title { position: absolute !important; } .fullMenu #block-search-form h2.block-title { position: absolute !important; } header#header.fullMenu #block-menu-menu-topnav ul.menu { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } header#header.fullMenu .logo-cont a img { max-width: 40%; } /*Admin Overrides*/ .gsc-result .gs-title { height: 25px !important; } @media screen and (max-width: 321px) { header#header { height: unset !important; } .header__logo-image { padding-bottom: 10px !important; } } @media screen and (max-width: 460px) { header#header { background-color: rgba(155, 155, 155, 0.7) !important; padding-bottom: 10px !important; } } .nobullet { list-style: none; } @media screen and (max-width: 584px) { #nf-menu { margin-top: 30% !important; } } @media screen and (max-width: 735px) { #bottom-logo { max-height: 100px; } .f-right { float: left !important; } .fm { padding-bottom: 10px !important; } .footer-la { height: 160px; } .marker { width: 60px; display: inline-block; float: left; } a.f-address { float: left; text-align: left; display: inline-block; } } @media screen and (min-width: 461px) { #nf-menu { margin-top: 2%; } } @media screen and (min-width: 461px) { .menuBTN { float: unset; } .search7 { float: unset; } } #hero.cd-section { z-index: -1; } @media screen and (max-width: 460px) { #page { overflow-x: hidden !important; overflow-y: auto !important; } .header__logo-image { padding-top: 50px !important; margin: 0 auto !important; } #hero.cd-section { position: unset !important; } #full_menu { background-color: rgba(255,255,255,1.00) !important; } } @media screen and (max-width: 900px) { #interior-hero h1.title { padding: 40% 5% 13%; } } @media screen and (min-width: 901px) { #interior-hero h1.title { padding: 23% 5% 13%; } } @media screen and (max-width: 460px) { #hero { height: 100vh; } } @media screen and (min-width: 461px) { #hero { height: 80vh; } } @media screen and (min-width: 460px) { .header__logo-image { left: 50px !important; top: 50px !important; position: absolute; } } #hero.cd-section { overflow-x: hidden !important; } @media screen and (max-width: 460px) { .right7:before { -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); transform: skewX(0deg); } } @media screen and (min-width: 460px) { .right7:before { -webkit-transform: skewX(-10deg); -moz-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); } } #block-menu-menu-topnav { display: none; } @media screen and (max-width: 460px) { .socialspan { display: none; } .sm-icon { margin-right: 0 !important; } } @media screen and (max-height: 450px) { section#hero.cd-section { overflow-x: hidden; overflow-y: scroll; } #artOverlay { display: none !important; } } .mmwrapper { height: 40px; width: 100%; background-color: white; z-index: -99999999; position: absolute; } @media screen and (max-width: 460px) { .mmwrapper { display: block; } } @media screen and (min-width: 460px) { .mmwrapper { display: none; } } @media screen and (max-width: 460px) and (min-width: 321px) { .tncontainer { top: 0px; width: 250px; font-size: 1.2rem; float: right; height: 40px; right: 0; padding-left: 0; } .search7 { display: inline-block; } } footer .logo-and-apply { border-bottom: 5px solid white !important; } .navheading { color: grey; font-size: 1.5rem; } section#hero.cd-section { overflow: hidden; } /* FadeInDown */ @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100, 0); transform: translate3d(0, -100, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* HVR-fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098D1; color: white; } /* HVR-sweep-to-right */ /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (max-width: 500px) { #link-area #boxes li { width: 100% !important; } } /* Mobile Menu */ @media screen and (max-width: 460px) { a.fullnav { font-size: 2rem !important; line-height: 3rem !important; } #ln-column { width: 100% !important; } #rn-column { width: 100% !important; padding-bottom: 30%; } #mn-column { width: 100% !important; margin-top: 0px !important; } .nm { font-size: 2em !important; } #full_menu ul { padding-left: 8%; } } /* TOPNAV AND BREAKPOINTS */ @media screen and (max-width: 321px) { .socialspan { font-size: 1.25rem; } } .footerql2 { color: white; padding-top: 5px; padding-bottom: 5px; margin-right: 5px; } .footerql2:hover { text-decoration: none; } .socialspan { vertical-align: super; } .sm-icon { fill: #ffffff; width: 38px; height: 38px; display: inline-block; margin-right: 10px; } #blurb-content { background-color: grey; } @media screen and (max-width: 850px) { #close-button { top: 25px; } } @media screen and (max-width: 466px) { #full_menu { padding-top: 7% !important; } } a.f-address:hover { text-decoration: underline; } .discover { cursor: pointer; } .disclaimer { color: grey; margin-bottom: 4%; text-align: center; } #main { background-image: url("/sites/default/files/blizzard.png"); } @media only screen and (max-height: 595px) { #video-tagline { display: none !important; } #hero { height: 100vh !important; } } @media only screen and (min-width: 1651px) { .imgtile { opacity: 1.0 !important; } #link-area #boxes li a .blurb { top: 89% !important; border-top: 1px solid rgba(187, 187, 187, 1.0); } } @media only screen and (max-width: 500px) { #link-area #boxes li a .blurb { top: 89% !important; } } @media only screen and (min-width: 900px) and (max-width: 1650px) { #link-area #boxes li a .blurb { top: 55%; } .number { font-size: 6rem !important; } } .imgtile { opacity: 1.0 !important; } @media only screen and (min-width: 501px) and (max-width: 899px) { #link-area #boxes li a .blurb { top: 55% !important; } .number { font-size: 3rem !important; } .imgtile { opacity: 0.5 !important; } } #link-area { padding: 4% 0 0 0 !important; } @media only screen and (min-width: 100px) and (max-width: 749px) { #link-area #boxes { width: 90% !important; margin-left: 5% !important; margin-right: -95% !important; } } @media only screen and (min-width: 750px) and (max-width: 2200px) { #link-area #boxes { width: 68% !important; margin-left: 16% !important; margin-right: -84% !important; } } @media only screen and (min-width: 2201px) { #link-area #boxes { width: 48.33333% !important; margin-left: 26.33333% !important; margin-right: -74.66667% !important; } } @media only screen and (max-width: 460px) { .tncontainer ul { padding: 0; } .tncontainer { height: 40px; } } @media only screen and (max-width: 500px) { #link-area #boxes li { width: 100% !important } #link-area #boxes li a { max-height: 200px; } } @media only screen and (min-width: 900px) { .tncontainer { float: right; margin-top: 62px; } header#header { min-height: 200px; } } @media only screen and (min-width: 460px) and (max-width: 900px) { .tncontainer { float: left; margin-top: 170px; padding-right: 0; margin-left: 3%; } } @media only screen and (max-width: 460px) { header#header #block-menu-menu-topnav { margin-top: 0 !important; padding: 0px 0px !important; } header#header { padding: 0px 0px !important; } .tncontainer { position: absolute; margin-top: 0; top: 0; left: 0; right: 0; margin-left: auto !important; margin-right: auto !important; } } @media only screen and (max-width: 900px) { #video-tagline { display: none; } } @media only screen and (min-width: 500px) { #ln-column { margin-top: 0px; } #mn-column { margin-top: 0px; } #rn-column { margin-top: 0px; } } @media only screen and (min-width: 0px) and (max-width: 499px) { #ln-column { margin-top: 30px; } #mn-column { margin-top: 30px; } } ul#boxes-f { padding-left: 0; clear: left; float: left; width: 100%; padding: 0; } .nm { font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.5em; color: grey; margin-left: 0; margin-right: 0; } @media screen and (min-width: 0px) and (max-width: 460px) { .tncontainer { padding-right: 0px; } } @media screen and (min-width: 460px) { .tncontainer { padding-right: 30px; } } @media screen and (min-width: 0px) and (max-width: 460px) { .rhbutton { font-size: 1.25rem; height: 40px; padding: 10px 12px 0; } .tncontainer { background-color: white; } } @media screen and (min-width: 460px) { .rhbutton { padding: 20px 30px; font-size: 1rem; } } #search-bar #search-block-form .form-actions input[type="submit"]:hover { background: white; } .hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover { background-color: #ad1f2e !important; } @media screen and (max-width: 500px) { .nm { line-height: 1.25em; } } @media screen and (min-width: 501px) { .nm { line-height: 2em; } } @media screen and (min-width: 501px) { #ln-column { width: 32%; } #mn-column { width: 32%; } #rn-column { width: 32%; } } @media screen and (max-width: 500px) { #ln-column { width: 49%; } #mn-column { width: 49%; } #rn-column { width: 49%; } } @media screen and (max-width: 675px) { .footer-la { height: 130px; } } @media screen and (min-width: 676px) and (max-width: 2400px) { .footer-la { height: 200px; } } @media screen and (min-width: 2401px) { .footer-la { height: 250px; } } @media screen and (max-width: 509px) { h3#nf { line-height: 1.1em !important; } footer .logo-and-apply .f-right { margin-top: 6% !important; } } @media only screen and (min-width: 850px) { #vt-header { font-size: 2.0rem; } } @media only screen and (max-width: 849px) { #vt-header { font-size: 1.5rem; } } #tagline a { color: grey; } @media only screen and (min-width: 735px) { .marker { width: 76px; } } @media only screen and (max-width: 510px) { a.f-address { font-size: 1.25rem; font-weight: lighter; } } @media only screen and (min-width: 767px) { .marker { display: inline-block; } } @media only screen and (min-width: 511px) { a.f-address { font-size: 1.25em; } img#map-marker.onscroll { width: 100%; display: inline-block; } } h1#vt-header { margin-left: 2%; margin-right: 2%; } @media only screen and (min-width: 1227px) { .fm { width: 19.3%; } } @media only screen and (min-width: 958px) and (max-width: 1226px) { .fm { width: 19.1%; } } @media only screen and (min-width: 918px) and (max-width: 957px) { .fm { width: 19%; } } @media only screen and (min-width: 735px) and (max-width: 917px) { .fm { width: 49%; } } @media only screen and (min-width: 0px) and (max-width: 734px) { .fm { width: 100%; } a.ftiles { min-height: 50px; } } @media only screen and (max-width: 779px) { #hero { background-image: url('/sites/all/themes/kings2015/images/hero.jpg'); background-size: cover; } } @media only screen and (max-width: 533px) and (min-width: 0px) { .blurb2 { font-size: 1rem; } .ftiles { min-height: 60px; } header#header .logo-cont a img { max-width: 67%; } } @media only screen and (min-width: 534px) { #vt-subheader { display: block; } header#header .logo-cont a img { max-width: 350px; } } @media only screen and (min-width: 734px) { a.ftiles { min-height: 140px; } } @media (max-width: 560px) and (min-width: 461px) { header#header { height: 300px; } } @media (max-width: 460px) { header#header { height: 150px; color: grey; } } .search7 { display: inline-block; } #search-close { right: 7%; position: absolute; border: 1px solid; padding: 3px 8px 3px 8px; transition: all 0.25s ease-in-out 0s; } #search-bar #search-block-form input#edit-search-block-form--2 { color: grey; } #search-block-form { background-color: rgba(255, 255, 255, 0.9); } #search-bar #search-block-form .form-actions input[type="submit"] { box-shadow: inset 0 0 0 4px grey, 0 0 1px transparent; color: grey; } header#header { position: absolute; } header#header.dark-bar { background-color: rgba(43, 43, 43, 0); display: none; } h2 { margin-top: 20px } #full_menu ul { padding-left: 15%; } a.fullnav { margin-left: 10px; font-family: "Oswald", Arial, sans-serif; font-size: 1.2rem; } a.fullnav:hover { transition: all 0.25s ease-in-out 0s; color: white; background: #ad1f2d; padding: 5px 10px 5px 10px; } .menuBTN { display: inline-block; } body { background: url("#"); } ul { margin-top: 0; } #full_menu { display: none; color: grey; width: 100%; padding-top: 5%; padding-bottom: 5%; top: 0; position: absolute; background-color: rgba(255, 255, 255, 0.90); overflow-y: visible; } .right7:hover:before { color: #ad1f2d; } .right7:after { color: red; } .rhbutton:hover:after { color: red; } .rhbutton { font-weight: lighter; display: inline-block; position: relative; color: grey; text-decoration: none; opacity: 1.0; transition: all 0.25s ease-in-out 0s; cursor: pointer; } .rhbutton:before { position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; content: ""; background: white; width: 100%; height: 100%; transition: .2s; -webkit-backface-visibility: hidden; } .rhbutton:hover { opacity: 1.0; color: #ad1f2d; } a.rhbutton.right7 { transition: all 0.25s ease-in-out 0s; } #ln-column { display: inline-block; vertical-align: top; } #mn-column { display: inline-block; vertical-align: top; } #rn-column { display: inline-block; vertical-align: top; } span.blurb2 { font-size: 1.5em; } .fm { margin-right: 2px; margin-left: 2px; } /* VIDEO LOOP */ @media screen and (min-width: 901px) { #block-block-78 { position: absolute; } } @media screen and (max-width: 900px) { #block-block-78 { position: unset; } } #block-block-78 { top: -50%; left: -50%; width: 200%; height: 200%; z-index: -999999; } h1#vt-header { cursor: unset; } #hero video { top: 0; bottom: 0; right: 0; left: 0; margin: auto; min-height: 80vh; min-width: 50%; } #block-block-78 { overflow: hidden; } #full_menu { position: inherit; } #hero article #artOverlay { height: -webkit-fill-available; width: -webkit-fill-available; } #lncolumn+mn-column+rn-column { margin-top: 3%; } #close-button { right: 7%; position: absolute; border: 4px solid lightgrey; transition: all 0.25s ease-in-out 0s; background-image: url(/sites/all/themes/kings2015/images/search-close.svg); width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; background-color: white; } #close-button:hover { border-color: #ad1f2e; cursor: pointer; } #blurb-content { background: linear-gradient( rgba(130, 130, 130, 0.8), rgba(130, 130, 130, 0.8)), url(/sites/default/files/tagline-bkg.jpg); background-image: linear-gradient(rgba(130, 130, 130, 0.8), rgba(130, 130, 130, 0.8)), url(/sites/default/files/tagline-bkg.jpg); } footer .logo-and-apply .right a:hover { background-color: rgba(100, 100, 100, 0); color: white; opacity: 1.0; } div#blurb-content.wow.animated.zoomIn { background: linear-gradient( rgba(130, 130, 130, 0.8), rgba(130, 130, 130, 0.8)), url("/sites/default/files/tagline-bkg.jpg"); background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; padding: 2% !important; } #blurb-content h3 { text-align: center; color: white; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; font-weight: lighter; margin-left: 8.33333%; margin-right: 8.33333%; } h2.search-button { display: none !important; } #kings-on-the-web-icons-footer { padding: 0.5% !important; } #kings-on-the-web-icons-footer a { background-color: rgba(255, 0, 0, 0) !important; padding: 0 !important; } #link-area { background-image: url("/sites/default/files/blizzard.png") !important; } #link-area #boxes li a { padding: 0px !important; border: 0px !important; } #link-area #boxes li a .view { background-color: rgba(43, 43, 43, 0) !important; } #link-area h2 { font-size: 4rem !important; color: #ad1f2d !important; text-shadow: rgba(0, 0, 0, 0) 3px 3px 2px !important; padding-bottom: 4%; } @media screen and (min-width: 501px) { #link-area #boxes li { width: 49%; } } #link-area #boxes li { padding: 0 !important; margin: 0; } h2.block-title, header#header h2.search-button { top: 37px !important; } header#header #block-menu-menu-topnav h2.block-title { left: auto !important; right: 300px !important; top: 43px !important; } @media screen and (max-width: 460px) { #artOverlay { background: linear-gradient(-12deg,rgba(100,100,100,0) 50%,rgba(71,71,71,0)); } } @media screen and (min-width: 461px) { #hero article #artOverlay { background: linear-gradient(-12deg, rgba(100, 100, 100, 0) 50%, rgba(71, 71, 71, 0.6)); } } /* BY THE NUMBERS STYLES*/ #link-area #boxes li a .blurb { background-color: rgba(187, 187, 187, 0.85); padding-bottom: 30px; } #link-area #boxes li a img { opacity: 1.0 !important; } #link-area #boxes li a .view { font-size: 2em; line-height: 1.25em; } #link-area #boxes li a .blurb { opacity: 1.0; } .number { font-size: 6rem; } .blurb { opacity: 1.0; } /* FOOTER CSS NEW */ footer .logo-and-apply { margin: 0 9% 0px 9%; padding-bottom: 5px; } footer .logo-and-apply .left a.home-link img { max-width: 100%; } footer .logo-and-apply .left { width: 50%; } .left { float: left; margin-bottom: 2%; } .hvr-sweep-to-right { vertical-align: inherit; } .hvr-sweep-to-right:before { background: grey; } ul#boxes { padding-left: 0; } .fm { display: inline-block; padding-bottom: 0; padding-top: 0; } img.nflb-tile:hover { padding: 2%; } a.footerql:hover { background-color: white; color: #ad1f2e; padding: 20px 10px 20px 10px; } ul.bl { padding: 0; text-align: center; padding-top: 10px; } ul.bl2 { padding: 0; text-align: center; padding-top: 10px; } li.bl { display: inline-block; padding: 5px; } #nf-menu { width: 100%; margin-top: 2%; padding-top: 2%; padding-bottom: 2%; margin-bottom: 0; } .hvr-underline-reveal:before { background: white; height: 2px; } #address-nf { font-size: 1em; display: inline-block; } #right-tile { display: inline-block; position: relative; width: 100%; } .f-right { margin-right: 0; } img#bottom-logo { margin-left: 1%; } img.nflb-tile-large { display: inline-block; } #nf-right-block { width: 32%; display: inline-block; float: left; } #nf-left-block { width: 100%; display: inline-block; } a.ftiles { display: inline-block; position: relative; width: 100%; border: 1px solid white; min-width: 100px; } span.blurb2 { color: white; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); z-index: 10; color: #f4f4f4; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; transition: all 0.25s ease-in-out 0s; line-height: 2rem; padding: 0 10px; width: 100%; } a.f-address { color: white; text-shadow: none; } .vis-app-buttons { display: inline-block; } a.footerql { color: white; padding: 10px; transition: all 0.25s ease-in-out 0s; } li#footer { float: left; padding-right: 4%; padding-left: 4%; color: white; } img.nflb-tile-large { width: 100%; } img.nflb-tile { padding-right: 1%; transition: all 0.25s ease-in-out 0s; } footer .logo-and-apply { border-bottom: 0px; } footer .logo-and-apply .f-right { margin-top: 4%; padding-right: 2%; } a#faddress:hover { text-decoration: none; } h3#nf { margin: 0; display: inline-block; color: white; line-height: 1.35em; } .f-right { display: inline-block; float: right; } .nfbutton { font-size: 2.188rem; font-family: "Oswald", Arial, sans-serif; padding: 20px 0px; border: 1px solid; display: inline-block; transition: all 0.25s ease-in-out 0s; text-align: center; font-weight: lighter; padding: 20px 50px 20px 50px; } h3#nf { display: inline-block; text-align: center; padding: 0; transition: all 0.25s ease-in-out 0s; } .footer-la { border-bottom: 5px solid white; } img[width="1"][height="1"] { display: none; } @media screen and (max-width: 780px) { header#header h2.search-button { top: 16px; } #navigation .block-title { top: 20px; } } @media screen and (min-width: 781px) { header#header h2.search-button { top: 37px; } #navigation .block-title { top: 37px; } } .fullMenu { max-height: unset !important; } @media screen and (max-width: 779px) { h2.search-button { top: 16px !important; } h2.block__title.block-title { top: 20px !important; } } @media screen and (max-width: 460px) { .tncontainer { width: 250px; } .search7 { float: unset; } .menuBTN { float: unset; } } /* CTA - Frontpage */ #tagline { margin-bottom: 5%; } #block-block-101 { margin-bottom: 1%; } @media screen and (max-width: 899px) { .cta-wrapper { min-height: 0; } } @media screen and (min-width: 900px) { .cta-wrapper { display: inline-block; width: 100%; margin-bottom: 0; } } #tagline #blurb-content { float: unset !important; } @media only screen and (max-width: 936px) and (min-width: 0px) { #cta-left { display: none; } #cta-right { max-width: 95%; margin-top: 3%; margin-bottom: 7%; } } @media screen and (max-width: 937px) { #cta-mission { display: none; } #cta-mbuttons { margin-top: 5%; width: 100%; padding-left: 5%; text-align: left; margin-bottom: 0; } } @media screen and (min-width: 937px) { #cta-mission { display: inline-block; float:left; } #cta-mbuttons { padding-top: 10%; width: 50%; text-align: left; float: left; padding-left: 10%; } } #cta-mission { width: 40%; margin-top: 0.5%; margin-bottom: 7%; margin-right: 10%; } #cta-mbuttons { padding-right: 5%; display: inline-block; vertical-align: middle; padding-bottom: 10%; } #cta-image { vertical-align: middle; display: inline-block; } .ctabutton { margin-top: 5px; font-size: 2.188rem; font-family: "Oswald", Arial, sans-serif; border: 1px solid; display: inline-block; transition: all 0.25s ease-in-out 0s; text-align: center; font-weight: lighter; } .ctabutton:hover { background-color: #ad1f2e; color: white; transition: all 0.25s ease-in-out 0s; } @media screen and (max-width: 460px) { .ctabutton { padding: 15px 40px; width: 48%; } } @media screen and (min-width: 460px) { .ctabutton { padding: 20px 50px; width: unset; } } #cta-headline { color: grey; margin-right: 50px; } #cta-left { float: left; width: 50%; padding-top: 0; padding-left: 10%; } @media screen and (min-width: 937px) { #cta-right { width: 45%; } } @media screen and (max-width: 936px) { #cta-right { width: 100%; } } #cta-right { padding-top: 8%; display: inline-block; padding-left: 5%; } #cta-image-2 { margin-bottom: 7px; } .cta-wrapper-1 { display: block; width: 100%; margin-left: auto; margin-right: auto; height: auto; overflow: hidden; } .cta-wrapper { height: auto; overflow: hidden; display: block; margin-left: auto; margin-right: auto; } #cta-headline-m { color: grey; font-size: 2rem; } #cta-headline { font-size: 2rem; } /* 2018 Homepage Styles */ #full_menu { height: 100vh; } #tagline a p { color: white; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; margin-left: 8.33333%; margin-right: 8.33333%; } #vt-header { padding-top: 3vh; padding-bottom: 5px; font-weight: lighter; margin: 0; text-align: center; color: white; } #video-tagline { background-color: rgba(153,152,145,1); height: 20vh; } #video-tagline a { color: white; border: 1px solid white; padding-left: 1%; padding-right: 1%; } #tagline { padding-top: 0; padding-bottom: 0; } #tagline #blurb-content { width: 100%; margin-right: 0; margin-left: 0; } #tagline a p { text-align: center; } h2#vt-subheader { margin-top: 0; margin-bottom: 0; } #vt-subheader { color: white; text-align: center; font-weight: lighter; font-size: 1.5rem; } #tagline h3 { color: white; } #blurb-content { background-size: cover; } #tagline #blurb-content { padding: 5%; } @media screen and (max-width: 460px) { .header__logo-image { position: unset; display: unset; margin-top: 55px; padding-top: 0; } .mmwrapper { top: 0; position: absolute; } } .header__logo { float: none; } @media screen and (min-width: 461px) { .header__logo-image { float: left; filter: drop-shadow(0px 5px 5px #303030); -webkit-filter: drop-shadow(0px 5px 5px #303030); } .navheading { text-transform: uppercase; font-weight: bold; } h3#nf { font-weight: lighter; list-style-type: none; } } #header { background: none !important; } @media only screen and (max-width: 779px) { #hero { background-image: url(/sites/default/files/still-2.jpg) !important; background-position: center; } } #full_menu li { padding-top: 3%; font-weight: 400; font-family: "Oswald",Arial,sans-serif; font-size: 1.2rem; text-transform: none; list-style-type: none; } #tagline h3 { font-weight: bold; } #full_menu { height: 100vh; overflow-x: hidden; } #block-search-form .contextual-links-wrapper { right: 125px; top: 63px; } #block-menu-menu-topnav .contextual-links-wrapper { left: 243px; top: 61px; } /*overrides*/ .kings-2011-content { display: none !important; } #flCookie_swf_1 { display: none; } #header#header .contextual-links-region { position: inherit; } #header#header .block { margin-bottom: 0; } h1, h2 { margin-top: 5px; margin-bottom: 5px; } #main { padding-top: 0; } #header#header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer { padding-left: 0; padding-right: 0; } #holycross p { margin: 0; } .front .block { margin-bottom: 0; } #kings-on-the-web h3, h4, p { margin-bottom: 0; margin-top: 0; } .fullHeight { height: 100%; } /* BUTTONS */ .btn { color: #f4f4f4; font-size: 1.3rem; padding: 15px 20px; font-family: "Oswald", Arial, sans-serif; text-shadow: 1px 1px 3px #666666; text-decoration: none; transition: all 0.25s ease-in-out 0s; text-align: center; margin: 20px 0px; } .btn a { color: #f4f4f4; display: block; } .btn-link { padding: 0px; } .btn-link a { padding: 15px 20px; } .btn:hover { text-decoration: none; } .btn-blue { background: #4096ee; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQwOTZlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5ODBiOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4096ee), color-stop(100%, #2980b9)); background-image: -moz-linear-gradient(top, #4096ee, #2980b9); background-image: -webkit-linear-gradient(top, #4096ee, #2980b9); background-image: linear-gradient(to bottom, #4096ee, #2980b9); border: solid #1f628d 2px; } .btn-blue:hover { background: #3cb0fd; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjYjBmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM0OThkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3cb0fd), color-stop(100%, #3498db)); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); } .btn-red { background: #c41230; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0MTIzMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FiMDAxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c41230), color-stop(100%, #ab001d)); background-image: -moz-linear-gradient(top, #c41230, #ab001d); background-image: -webkit-linear-gradient(top, #c41230, #ab001d); background-image: linear-gradient(to bottom, #c41230, #ab001d); border: solid #610019 2px; } .btn-red:hover { background: #da1537; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhMTUzNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwMDAyMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #da1537), color-stop(100%, #c00020)); background-image: -moz-linear-gradient(top, #da1537, #c00020); background-image: -webkit-linear-gradient(top, #da1537, #c00020); background-image: linear-gradient(to bottom, #da1537, #c00020); } .btn-green { background: #008c00; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGMwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiYTYxNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008c00), color-stop(100%, #4ba614)); background-image: -moz-linear-gradient(top, #008c00, #4ba614); background-image: -webkit-linear-gradient(top, #008c00, #4ba614); background-image: linear-gradient(to bottom, #008c00, #4ba614); border: solid #047700 2px; } .btn-green:hover { background: #009c00; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOWMwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0YjYxOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009c00), color-stop(100%, #54b619)); background-image: -moz-linear-gradient(top, #009c00, #54b619); background-image: -webkit-linear-gradient(top, #009c00, #54b619); background-image: linear-gradient(to bottom, #009c00, #54b619); } .btn-yellow { background: #febf04; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYmYwNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxYTgwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #febf04), color-stop(100%, #e1a800)); background-image: -moz-linear-gradient(top, #febf04, #e1a800); background-image: -webkit-linear-gradient(top, #febf04, #e1a800); background-image: linear-gradient(to bottom, #febf04, #e1a800); border: solid #b08400 2px; } .btn-yellow:hover { background: #ffcf3f; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmY2YzZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0YjYwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffcf3f), color-stop(100%, #f4b600)); background-image: -moz-linear-gradient(top, #ffcf3f, #f4b600); background-image: -webkit-linear-gradient(top, #ffcf3f, #f4b600); background-image: linear-gradient(to bottom, #ffcf3f, #f4b600); } /* PAGE INTERIOR */ body.not-front ul { list-style-type: square; list-style-position: inside; } body.not-front ol { list-style: decimal; } body.not-front #main #content ul li, body.not-front #main #content ol li { margin: 10px 0px; } body.not-front { color: #505050; } body.not-front #main { padding: 5% 5% 5% 5%; } body.not-front div[role=main] a, body.not-front section.region-sidebar-second a { border-bottom: 0px none; color: #ad1f2d; padding-bottom: 3px; } body.not-front div[role=main] a:hover, body.not-front section.region-sidebar-second a:hover { color: #ad1f2d; border-bottom: 1px dotted #ad1f2d; } body.not-front div[role=main] a.borderless:hover { border-bottom: 0px none; } body.not-front div[role=main] img { padding: 10px 20px 10px 0px; } body.not-front div[role=main] img.file-icon { padding: 0px; } body.not-front #main #content p { padding: 15px 0; } body.not-front #main #content h1, body.not-front #main #content h2 { margin-top: 20px; margin-bottom: 20px; line-height: inherit; } body.not-front #main #content h1 em, body.not-front #main #content h2 em { display: inline-block; font-size: 0.55em; } body.not-front #main #content h3 { font-weight: bold; text-transform: uppercase; font-family: "Oswald", Arial, sans-serif; } body.not-front div[role=main] small { font-style: italic; } body.not-front #main #content img.shadowed { -moz-box-shadow: #909090 2px 2px 10px; -webkit-box-shadow: #909090 2px 2px 10px; box-shadow: #909090 2px 2px 10px; padding: 0px; margin: 15px 0px; } body.not-front .btn-2015 { background-color: #ad1f2e; color: #f4f4f4; text-transform: uppercase; text-align: center; font-family: "Oswald", Arial, sans-serif; font-weight: bold; font-size: 2.2rem; border: 1px solid #fff; padding: 0px; } #interior-hero h1.title { background-color: gray; background-size: cover; color: #f4f4f4; text-transform: uppercase; text-align: center; font-family: "Oswald", Arial, sans-serif; font-size: 4.438rem; font-weight: bold; letter-spacing: 0.05rem; text-shadow: rgba(0, 0, 0, 0.7) 3px 3px 2px; } #interior-hero h1.title span { -moz-animation: 0.45s ease-out 0.25s normal backwards 1 running fade; -webkit-animation: 0.45s ease-out 0.25s normal backwards 1 running fade; animation: 0.45s ease-out 0.25s normal backwards 1 running fade; } #interior-hero a { color: #ad1f2e; padding: 2px 0px; transition: all 0.25s ease-in-out 0s; } #interior-hero a:hover { color: #e96a76; } #interior-hero nav.breadcrumb { padding: 15px 5%; background: #e0e0e0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 1.569rem; line-height: 1.869rem; font-family: "Oswald", Arial, sans-serif; font-weight: 300; color: #8e8e8e; border-bottom: 0px none; } body.not-front #main #content { font-family: "Ubuntu", Arial, sans-serif; font-weight: 300; font-size: 1.219rem; line-height: 2rem; padding: 0 50px 5% 50px; } body.not-front.sidebar-first.one-sidebar #main #content { padding-right: 0px; } #main #navigation { width: 90%; display: none; } .not-front #content time { color: #ab1e2c; font-size: 1.55rem; padding-bottom: 15px; display: block; font-weight: bold; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; } .node-type-news-events #content h3.field-content { margin: 0px; } .node-type-news-events #content h3.field-content a { line-height: 3rem; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .issuuembed div span { display: none; } .not-front #content .media-element-container { display: inline-block; } /* These rules hide all undergraduate majors that are not the current active trail so that there aren't 30-some extra links in the leftnav */ body.node-type-academics #block-menu-menu-undergraduate-majors ul li { display: none; } body.node-type-academics #block-menu-menu-undergraduate-majors ul li.is-active-trail, body.node-type-academics #block-menu-menu-undergraduate-majors ul li.last, body.node-type-academics #block-menu-menu-undergraduate-majors ul li:nth-last-child(2), body.node-type-academics #block-menu-menu-undergraduate-majors ul li ul li { display: list-item; } /*LEFTNAV*/ #main aside.sidebars div.block-menu { font-family: "Oswald", Arial, sans-serif; } #main aside.sidebars div.block-menu h2 { background-color: #ad1f2d; padding: 20px; font-weight: bold; font-size: 1.7rem; color: #f4f4f4; word-wrap: normal; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; text-transform: uppercase; } #main aside.sidebars div.block-menu h2 a.block-title-link { color: #f4f4f4; display: block; } #main aside.sidebars div.block-menu ul.menu { list-style-type: none; padding: 0; margin: 0; } #main aside.sidebars div.block-menu ul.menu li { list-style-image: none; list-style-type: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; font-weight: 300; color: #8e8e8e; font-size: 1.469rem; } /* collapse / expand image states */ #main aside.sidebars div.block-menu .collapsed > a { background-image: url("../images/down-arrow.png"); background-position: 93% 50%; background-repeat: no-repeat; } #main aside.sidebars div.block-menu .collapsed > a:hover { background-image: url("../images/down-arrow-hover.png"); } #main aside.sidebars div.block-menu ul li .collapsed > a:hover { background-image: url("../images/down-arrow.png"); } #main aside.sidebars div.block-menu .expanded > a { background-image: url("../images/up-arrow.png"); background-position: 93% 50%; background-repeat: no-repeat; } #main aside.sidebars div.block-menu .collapsed a { outline-style: none; } #main aside.sidebars div.block-menu ul.menu li.expanded > a, #main aside.sidebars div.block-menu .expanded > a:hover { background-image: url("../images/up-arrow-hover.png"); } /* end collapse / expand image states*/ #main aside.sidebars div.block-menu ul.menu li.last { border-bottom: 1px solid #fff; } #main aside.sidebars div.block-menu ul.menu li a { color: #8e8e8e; display: block; line-height: 1.8rem; padding: 15px 40px 15px 18px; background-color: #d0d0d0; transition: all 0.25s ease-in-out 0s; border: 0px none; } #main aside.sidebars div.block-menu ul.menu li.expanded > a, #main aside.sidebars div.block-menu ul.menu li a:hover { background-color: #3c908a; color: #f4f4f4; } #main aside.sidebars div.block-menu ul.menu li ul li.expanded > a, #main aside.sidebars div.block-menu ul.menu li ul li a:hover { color: #e9e9e9; background-color: #8e8e8e; } #main aside.sidebars div.block-menu ul.menu li ul li a.active, #main aside.sidebars div.block-menu ul.menu li ul li a.active:hover { background-color: #f4f4f4; color: #ad1f2e; } #main aside.sidebars div.block-menu ul.menu li ul { background-color: #e9e9e9; } #main aside.sidebars div.block-menu ul.menu li ul li { border: 0px none; font-size: 1.25rem; } #main aside.sidebars div.block-menu ul.menu li ul li a { background-color: transparent; background-position: 93% 50%; background-repeat: no-repeat; padding: 13px 43px 13px 30px; line-height: 1.3rem; } #main aside.sidebars div.block-menu ul.menu li ul li a:hover { background-color: #e9e9e9; color: #ad1f2e; } #main aside.sidebars div.block-menu ul.menu li ul li ul { padding: 3px 20px; border-bottom: 1px solid #fff; } #main aside.sidebars div.block-menu ul.menu li ul li ul li.last { border-bottom: 0px none; } #main aside.sidebars div.block-menu ul.menu li ul li ul li a.active, #main aside.sidebars div.block-menu ul.menu li ul li ul li a.active:hover { background-color: inherit; } /*LEFT SIDEBAR - CONTACT US (use when needed, such as when there is not enough content for a second column)*/ .region-sidebar-first .block.contact-us { background: #f4f4f4; border: 1px solid #fff; text-align: center; } .region-sidebar-first .block.contact-us h2.block-title { font-family: "Oswald", Arial, sans-serif; background-color: #3c908a; color: #f4f4f4; padding: 10px 20px; border-bottom: 1px solid #fff; text-transform: uppercase; text-align: left; } .region-sidebar-first .block.contact-us table { width: 100%; margin: 0; font-size: 0.85rem; } .region-sidebar-first .block.contact-us table th { text-align: right; padding: 10px; text-transform: uppercase; } .region-sidebar-first .block.contact-us table td { text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } /*RIGHT SIDEBAR*/ .region-sidebar-second .block { background: #f4f4f4; border: 1px solid #fff; text-align: center; } .region-sidebar-second h2.block-title { font-family: "Oswald", Arial, sans-serif; background-color: #3c908a; color: #f4f4f4; padding: 10px 20px; border-bottom: 1px solid #fff; text-transform: uppercase; text-align: left; } .region-sidebar-second table { width: 100%; margin: 0; font-size: 0.85rem; } .region-sidebar-second table th { text-align: right; padding: 10px; text-transform: uppercase; } .region-sidebar-second table td { text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } /* Page Search */ .page-search #main #content #google-cse-results { line-height: 1.2rem; } .gsc-control-cse .gs-spelling { line-height: 3.3rem; } .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 1.25rem !important; font-family: "Oswald", Arial, sans-serif; } .page-search #content table td, .page-search #content table th { padding: 0px !important; } .page-search #main #content a { border-bottom: 0pt none !important; padding-bottom: 0px; } .page-search #page #main #content table { margin-top: 0 !important; margin-bottom: 0 !important; } .page-search .gsc-table-result, .page-search .gsc-thumbnail-inside, .page-search .gsc-url-top { padding-left: 0px; padding-right: 0px; } .page-search #content .form-wrapper .form-item-keys label { font-size: 2rem; } .page-search #content .form-wrapper .form-item-keys input[type="text"] { padding: 15px; } /* News & Events */ .section-news-and-events #content .view .views-row { margin: 8% 0; } .section-news-and-events #content .view .views-row article h2.node-title { font-family: "Oswald", Arial, sans-serif; font-weight: bold; line-height: 3.5rem; } .section-news-and-events #content .view .views-row article h2.node-title a { border-bottom: 0pt none !important; } /* Admission Pages*/ .apply-btn-choice .apply-portal { width: 100%; height: 25%; display: inline-block; vertical-align: top; background-size: cover; background-position: center; text-align: center; margin-bottom: 2%; padding-bottom: 0px !important; border-bottom: 0px none !important; color: #FFF; } .apply-btn-choice .apply-kings { background-image: url("/sites/all/themes/kings2015/images/Kos_4.jpg"); } .apply-btn-choice .apply-commonapp { background-image: url("/sites/all/themes/kings2015/images/x_143644.jpg"); } .apply-btn-choice .apply-portal img { display: block; text-align: center; margin: 0 auto; margin-bottom: 15px; width: 50%; } .apply-btn-choice .apply-portal .apply-modal { background: rgba(57, 57, 57, 0.6); padding: 2%; width: 100%; transition: all 0.25s ease-in-out 0s; } .apply-btn-choice .apply-portal span { color: #FFF; font-size: 0.9rem; line-height: 0.9rem; } .apply-btn-choice a.apply-portal:hover .apply-modal { background: #2098d1; } #open-house-2016 { display: block; position: relative; top: -125px; visibility: hidden; } /* Undergraduate Majors page */ .page-node-197 ul.majors { width: 49%; vertical-align: top; } .page-node-197 ul.majors.first-column { float: left; } .page-node-197 ul.majors.second-column { float: right; } .page-node-1789 ul.undergrad-majors { list-style: none; } .page-node-1789 ul.undergrad-majors li { display: inline-block; /* non-flexbox browsers */ display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; vertical-align: top; padding: 0 1% 1% 0; width: 31%; } .page-node-1789 ul.undergrad-majors li a { display: block; position: relative; width: 100%; border: 3px solid #CCC; overflow: hidden; padding-bottom: 0px; } .page-node-1789 ul.undergrad-majors li a img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; width: 100%; float: left; transform: scale(1); transition: all 0.25s ease-in-out 0s; } .page-node-1789 ul.undergrad-majors li a .blurb { font-size: 1.7rem; left: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 100%; z-index: 10; color: #f4f4f4; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; transition: all 0.25s ease-in-out 0s; line-height: 2rem; padding: 0 10px; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .page-node-1789 ul.undergrad-majors li a .view { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; background-color: rgba(43, 43, 43, 0.8); font-size: 3rem; left: 0; position: absolute; text-align: center; top: 55%; transform: translateY(-50%); width: 100%; z-index: 11; color: #f4f4f4; font-family: "Oswald", Arial, sans-serif; text-transform: uppercase; transition: all 0.25s ease-in-out 0s; padding: 20px 0; letter-spacing: 0rem; } .page-node-1789 ul.undergrad-majors li a .view:hover { letter-spacing: 0.25rem; } .page-node-1789 ul.undergrad-majors li a:hover { border: 3px solid #870013; } .page-node-1789 ul.undergrad-majors li a:hover img { transform: scale(1.2); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .page-node-1789 ul.undergrad-majors li a:hover .blurb { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; top: 45%; } .page-node-1789 ul.undergrad-majors li a:hover .view { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: 50%; } /* Webforms */ .not-front #main form .webform-component > label { text-transform: uppercase; font-family: "Oswald", Arial, sans-serif; font-size: 1.5rem; padding: 5px 0px; } .not-front #main form label.option { font-family: "Ubuntu", Arial, sans-serif; text-transform: none; font-size: 1.2rem; } .not-front #main form input, .not-front #main form select, .not-front #main form textarea { padding: 5px; color: #505050; font-size: 1rem; } .not-front #main form input:-moz-placeholder, .not-front #main form select:-moz-placeholder, .not-front #main form textarea:-moz-placeholder { color: #bfbfbf; } .not-front #main form input::-moz-placeholder, .not-front #main form select::-moz-placeholder, .not-front #main form textarea::-moz-placeholder { color: #bfbfbf; } .not-front #main form input:-ms-input-placeholder, .not-front #main form select:-ms-input-placeholder, .not-front #main form textarea:-ms-input-placeholder { color: #bfbfbf; } .not-front #main form input::-webkit-input-placeholder, .not-front #main form select::-webkit-input-placeholder, .not-front #main form textarea::-webkit-input-placeholder { color: #bfbfbf; } .not-front #main form select option { padding: 10px; } .not-front #main form .form-actions { margin: 1.5em 0; } .not-front #main form a.tabledrag-handle .handle { margin: 0em 0.5em; padding: 0.5em 0.5em; } .not-front #main form .form-type-checkbox, .not-front #main form .form-type-radio { padding: 3px 15px; } .not-front #main form .form-checkboxes .form-type-checkbox:nth-child(even) { background: #eaeaea; border: 1px solid #d3d3d3; border-left: 0px none; border-right: 0px none; } .not-front #main form .form-actions input { -moz-box-shadow: black 2px 2px 10px; -webkit-box-shadow: black 2px 2px 10px; box-shadow: black 2px 2px 10px; text-align: center; background: #303030; color: #dbdbdb; font-size: 1.588rem; font-family: "Oswald", Arial, sans-serif; padding: 15px 30px; border: 1px solid #ffffff; display: inline-block; transition: all 0.25s ease-in-out 0s; } .not-front #main form .form-actions input.webform-next, .not-front #main form .form-actions input.webform-submit { margin-left: 15px; } .not-front #main form .form-actions input:hover { text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; background-color: #9ec53c; color: #f4f4f4; } .not-front #main form .form-actions input[type="reset"]:hover { text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 2px; background-color: #ad1f2e; color: #f4f4f4; } .not-front #main form div.form-item.hidden { display: none; } .not-front .block-webform form, .not-front .block-webform .webform-confirmation { padding: 20px; text-align: left; } .not-front .block-webform form label, .not-front .block-webform .webform-confirmation label { font-size: 1.1rem; } .not-front .block-webform .messages, .not-front .block-webform .messages--status, .not-front .block-webform .messages--warning, .not-front .block-webform .messages--error { margin: 20px; } .not-front .error ul { text-align: left; } .not-front form fieldset { margin: 25px 2px; } .not-front form span.fieldset-legend { font-size: 2rem; font-family: "Oswald", Arial, sans-serif; font-weight: bold; text-transform: uppercase; } .form-item { padding-right: 10px; } /*Chosen Overrides*/ body.not-front div[role=main] form .chosen-container a.chosen-single { color: #505050; border-bottom: 0px none; padding-bottom: 0px; border-radius: 0px; background: #fff; line-height: 1.5rem; } body .chosen-container { max-width: 100%; font-size: 1rem; } body .chosen-container .chosen-results li { line-height: 1rem; } /* TABLES */ .not-front #content table { width: 100%; } .not-front #content table td, .not-front #content table th { padding: 12px; } .not-front #content table.small_tbl td, .not-front #content table.small_tbl th { padding: 5px; } .not-front #content table tr:nth-child(even) { background: #eaeaea; border: 1px solid #d3d3d3; border-left: 0px none; border-right: 0px none; } .not-front #content table thead tr { background: #505050; color: #f4f4f4; } .not-front #content table thead tr th { text-transform: uppercase; font-size: 1.2rem; font-weight: bold; } /* USER LOGIN */ body.page-user ul li { list-style: none; } body.page-user ul li a { outline-style: none; border-bottom: 0px none !important; } /* LOGGED-IN */ .logged-in ul.tabs-primary { list-style: none !important; } .logged-in ul.tabs-primary a, .logged-in ul.tabs-primary a:hover, .logged-in .contextual-links-wrapper a, .logged-in .contextual-links-wrapper a:hover { border: 0px none !important; padding-bottom: 0 !important; transition: none !important; color: #505050 !important; } .logged-in .slicknav_menu { position: relative; z-index: 99999; } @media (max-width: 1024px) { body.admin-menu.adminimal-menu:before { height: 0px; } } /* MAINTENANCE MODE */ .maintenance-page header#header { height: auto; position: static; padding: 20px !important; margin-bottom: 30px; } .maintenance-page #page { padding: 20px; } .maintenance-page #maintenance_links ul { list-style: inside square; } /*GLC Page http://www.kings.edu/glc */ .page-node-1116 .media-element-container { float: right; } /*KOTS*/ .sponsorship_kots th, .sponsorship_kots td { width: 33.333%; } .sponsorship_kots td.status { text-transform: uppercase; } .sponsorship_kots tr.named { color: #6f6f6f; } .sponsorship_kots tr.named th { text-decoration: line-through; } /*PA Faculty*/ .page-node-432 .inner_link { cursor: pointer; color: #ad1f2e; } .page-node-432 .inner_link:hover { border-bottom: 1px dotted #ad1f2e; } #breadcrumb_region .region-breadcrumb-region { margin-top: 0; font-size: 1.569rem; line-height: 1.869rem; font-family: "Oswald",Arial,sans-serif; } #breadcrumb_region .region-breadcrumb-region #block-block-95 { margin-bottom: 0; } #breadcrumb_region .region-breadcrumb-region #block-block-95 a { color: #FFF; padding: 15px 5%; display: block; } #breadcrumb_region .region-breadcrumb-region #block-block-95 a.open { background-color: forestgreen; } #breadcrumb_region .region-breadcrumb-region #block-block-95 a.closed { background-color: #ad1f2e; } /*Media Queries*/ @media (max-width: 609px) { #kings-on-the-web-icons { padding-top: 42% !important; } } @media (min-width: 610px) and (max-width: 702px) { #kings-on-the-web-icons { padding-top: 38% !important; } } @media (min-width: 703px) and (max-width: 1499px) { #kings-on-the-web-icons { padding-top: 21% !important; } } @media (min-width: 1500px) { #kings-on-the-web-icons { padding-top: 15% !important; } } @media (max-width: 520px) { body.not-front #main #content { padding: 0 0 5% 0; } } @media (max-width: 920px) { header#header #block-menu-menu-topnav h2.block-title { text-indent: -2000px; height: 39px; width: 60px; padding: 0; } header#header #block-menu-menu-topnav h2.stayFocus, header#header #block-menu-menu-topnav h2.stayFocus:hover { background: #106b64 url("../images/close.png") no-repeat scroll center center; padding: 0; } header#header h2.search-button { text-indent: -2000px; height: 39px; width: 60px; padding: 0; background: transparent url("../images/search_small.png") center center no-repeat; } .fullMenu .block-title, .fullMenu .search-button { top: 55px; } } @media (min-width: 1481px) { html { font-size: 18px; } header#header #block-menu-menu-topnav h2.block-title, header#header h2.search-button { top: 30px; } #block-views-2015-current-news-block .more-link a, #block-views-2015-upcoming-events-block .more-link a { width: 150px; } footer div[role=navigation] ul.menu li { width: 14%; } .region-sidebar-second table { font-size: 100%; } } @media (min-width: 780px) and (max-width: 1024px) { html { font-size: 15px; } #block-views-2015-current-news-block .views-row, #block-views-2015-upcoming-events-block .views-row { width: 45%; } #holycross #photo-section .copy { margin-bottom: 5%; } footer div[role=navigation] ul.menu li { width: 40%; } footer .logo-and-apply .right a.apply-btn { width: 235px; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column { width: 48%; } .fullMenu .block-title, .fullMenu .search-button { top: 55px; } #kings-on-the-web-icons a { width: 40%; } } @media (max-width: 779px) { .page-node-197 ul.majors { width: 100%; } .page-node-197 ul.majors.first-column, .page-node-197 ul.majors.second-column { float: none; } body.not-front div[role=main] img { float: none; padding-left: 0px !important; padding-right: 0px !important; } } @media (min-width: 561px) and (max-width: 779px) { html { font-size: 14px; } header#header #block-menu-menu-topnav h2.block-title { left: 22px; top: 20px; } header#header h2.search-button { right: 22px; top: 20px; } header#header .logo-cont a img { padding-top: 5px; } header#header #block-menu-menu-topnav ul.menu li.menu__item { width: 47%; } #block-views-2015-current-news-block .views-row, #block-views-2015-upcoming-events-block .views-row { width: 45%; } #holycross #photo-section .copy { margin-bottom: 5%; } footer div[role=navigation] ul.menu li { width: 40%; } footer .logo-and-apply .right a.apply-btn { width: 235px; } #hero video { display: none; } #hero article .inner { background-image: url("../images/hero.jpg"); background-position: center center; background-size: auto; } #hero article .inner h2 { color: #f4f4f4; } #link-area #boxes li { width: 49%; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column { width: 48%; } #kings-on-the-web-icons a { width: 40%; } #social-stream ul.stream li:nth-child(n+6) { display: none; } } @media (min-width: 461px) and (max-width: 560px) { html { font-size: 12px; } header#header #block-menu-menu-topnav h2.block-title { left: 22px; top: 20px; } header#header h2.search-button { right: 10px; top: 20px; } header#header .logo-cont a img { padding-top: 5px; } .fullMenu .block-title, .fullMenu .search-button { top: 35px; } #hero video { display: none; } #hero article .inner { background-image: url("../images/hero.jpg"); background-position: center center; background-size: auto; } #hero article .inner h2 { color: #f4f4f4; } header#header #block-menu-menu-topnav ul.menu li.menu__item { width: 47%; } #holycross #photo-section #holycrossphoto { float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; } #holycross #photo-section .copy { clear: left; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; } #link-area #boxes li { width: 48%; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column { width: 45%; } #block-views-2015-current-news-block .views-row, #block-views-2015-upcoming-events-block .views-row { width: 45%; } footer .logo-and-apply .left { width: 100%; text-align: center; } footer .logo-and-apply .left address { font-size: 1.5rem; margin: 10px 0px; line-height: 2.25rem; } footer .logo-and-apply .left img#bottom-logo { margin: 0; } footer .logo-and-apply .right, footer .logo-and-apply .right a { width: 100% !important; } footer div[role=navigation] ul.menu li { width: 44%; } footer div[role=navigation] ul.menu li a.topper { font-size: 2.5rem; line-height: 3rem; } footer div[role=navigation] ul.menu li ul li a { font-size: 1.5rem; } .sidebar #kings-on-the-web-icons a, #kings-on-the-web-icons a { width: 95%; padding: 6% 2% 6% 6% !important; } #social-stream ul.stream li:nth-child(n+6) { display: none; } footer .logo-and-apply .left { margin-top: 6%; } } @media (max-width: 460px) { .hideScroll { padding: 0; } html { font-size: 11px; } #hero article #artOverlay h1 { font-size: 3rem; } #hero article #artOverlay.special_message .notice p, #hero article #artOverlay.special_message .emergency p { padding: 5px 0px; } #hero article #artOverlay.special_message h1, #hero article #artOverlay.special_message .notice, #hero article #artOverlay.special_message .emergency { top: 38%; } #hero article .inner h1, #hero article .inner h2, header#header #block-menu-menu-topnav h2.block-title { left: 10px; top: 20px; } header#header h2.search-button { right: 10px; top: 20px; } header#header .logo-cont a img { padding-top: 5px; } header#header #block-menu-menu-topnav ul.menu li.menu__item { width: 100%; margin-bottom: 30px; } header#header #block-menu-menu-topnav ul.menu li.menu__item ul li a { line-height: 3.7rem; font-size: 1.8rem; } #tagline p:last-child { padding-bottom: 0; } h1.title { font-size: 2.938rem; padding: 45% 5% 18% 5%; } #page { transition: none; } #holycross #photo-section #holycrossphoto { float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; } #holycross #photo-section .copy { clear: left; float: left; width: 83.33333%; margin-left: 8.33333%; margin-right: -91.66667%; } #hero video { display: none; } #hero article .inner { background-image: url("../images/hero.jpg"); background-position: center center; background-size: auto; } #hero article .inner h2 { color: #f4f4f4; } .fullMenu .block-title, .fullMenu .search-button { top: 28px; } #link-area #boxes { text-align: center; } #link-area h2 { text-align: left; } #link-area #boxes li { width: 75%; margin: 15px 0; } #kings-on-the-web h2.social-media-title { text-align: left; line-height: 5rem; } #social-stream ul.stream li:nth-child(n+6) { display: none; } #kings-on-the-web h2.yt-title { display: none; } #kings-on-the-web #by-the-numbers .img-cont { float: left; padding: 30px 0px 60px 0px; } #kings-on-the-web #by-the-numbers .img-cont h3 { text-align: left; } #kings-on-the-web #by-the-numbers .img-cont .tri-column-cont .tri-column { width: 100%; } #block-views-2015-current-news-block .views-row, #block-views-2015-upcoming-events-block .views-row { width: 94%; margin: 1% 3%; padding: 20px 2%; } #block-views-2015-current-news-block h2, #block-views-2015-upcoming-events-block h2 { margin: 0 4%; width: 92%; line-height: 5rem; text-align: left; } #block-views-2015-current-news-block p, #block-views-2015-upcoming-events-block p { font-size: 1.3rem !important; line-height: 2rem !important; } footer .logo-and-apply .left { width: 100%; text-align: center; } footer .logo-and-apply .left address { font-size: 1.5rem; margin: 10px 0px; line-height: 2.25rem; } footer .logo-and-apply .left img#bottom-logo { margin: 0; } footer .logo-and-apply .right, footer .logo-and-apply .right a { width: 100% !important; } footer div[role=navigation] { padding: 0 9%; } footer div[role=navigation] ul.menu { padding: 0; } footer div[role=navigation] ul.menu li { width: 100%; margin-bottom: 10%; } footer div[role=navigation] ul.menu li a.topper { font-size: 2.5rem; } footer div[role=navigation] ul.menu li ul li a { font-size: 2rem; line-height: 3.5rem; } .sidebar #kings-on-the-web-icons a, #kings-on-the-web-icons a { width: 95%; padding: 6% 2% 6% 6% !important; } #kings-on-the-web-icons-footer a { width: 9%; height: 9%; padding: 9%; margin: 3%; } footer .logo-and-apply .left { margin-top: 6%; } } @media (min-width: 610px) and (max-width: 930px) { .page-node-1789 ul.undergrad-majors li { width: 49%; } } @media only screen and (max-width: 609px) { .page-node-1789 ul.undergrad-majors li { width: 100%; } } /* -------------------------------- Modules - reusable parts of our design -------------------------------- */ .cd-img-replace { /* replace text with a background-image */ display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; } /* -------------------------------- Main components -------------------------------- */ .cd-scroll-down { position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 90px; width: 38px; height: 44px; background: url("../images/cd-arrow-bottom.svg") no-repeat center center; z-index: 11; } .touch .cd-scroll-down { display: none; } /* No Touch devices */ .cd-nav-trigger { display: none; } .no-touch #cd-vertical-nav { position: fixed; right: 20px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: "Ubuntu Condensed", Arial, sans-serif; z-index: 15; } .no-touch #cd-vertical-nav ul { margin: 0; padding: 0; } .no-touch #cd-vertical-nav li { text-align: right; } .no-touch #cd-vertical-nav a { display: inline-block; /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */ -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 0; } .no-touch #cd-vertical-nav a:after { content: ""; display: table; clear: both; } .no-touch #cd-vertical-nav a span { float: right; display: inline-block; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .no-touch #cd-vertical-nav a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .no-touch #cd-vertical-nav a:hover .cd-label { opacity: 1; } .no-touch #cd-vertical-nav a.is-selected .cd-dot { background-color: white; } .no-touch #cd-vertical-nav .cd-dot { position: relative; /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/ top: 13px; height: 12px; width: 12px; border-radius: 50%; background-color: #ad1f2e; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-box-shadow: black 0px 0px 5px; -webkit-box-shadow: black 0px 0px 5px; box-shadow: black 0px 0px 5px; } .no-touch #cd-vertical-nav .cd-label { position: relative; margin-right: 10px; padding: .4em .5em; color: #505050; font-size: 14px; font-size: 0.875rem; background-color: rgba(255,255,255,0.65); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } /* Touch devices */ .touch .cd-nav-trigger { display: block; position: fixed; bottom: 30px; right: 5%; height: 44px; width: 44px; border-radius: 0.25em; background: rgba(255, 255, 255, 0.9); z-index: 101; } .touch .cd-nav-trigger span { position: absolute; height: 4px; width: 4px; background-color: #3e3947; border-radius: 50%; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 102; } .touch .cd-nav-trigger span::before, .touch .cd-nav-trigger span::after { content: ''; height: 100%; width: 100%; position: absolute; left: 0; background-color: inherit; border-radius: inherit; } .touch .cd-nav-trigger span::before { top: -9px; } .touch .cd-nav-trigger span::after { bottom: -9px; } .touch #cd-vertical-nav { position: fixed; z-index: 102; right: 5%; bottom: 30px; width: 90%; max-width: 400px; max-height: 90%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; border-radius: 0.25em; background-color: rgba(255, 255, 255, 0.9); } .touch #cd-vertical-nav a { display: block; padding: 1em; border-bottom: 1px solid rgba(62, 57, 71, 0.1); } .touch #cd-vertical-nav a span:first-child { display: none; } .touch #cd-vertical-nav a.is-selected span:last-child { color: #d88683; } .touch #cd-vertical-nav.open { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .touch #cd-vertical-nav.open + .cd-nav-trigger { background-color: transparent; } .touch #cd-vertical-nav.open + .cd-nav-trigger span { background-color: rgba(62, 57, 71, 0); } .touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .touch #cd-vertical-nav.open + .cd-nav-trigger span::after { background-color: #3e3947; height: 3px; width: 20px; border-radius: 0; left: -8px; } .touch #cd-vertical-nav.open + .cd-nav-trigger span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 1px; } .touch #cd-vertical-nav.open + .cd-nav-trigger span::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); bottom: 0; } .touch #cd-vertical-nav li:last-child a { border-bottom: none; } @media only screen and (min-width: 768px) { .touch .cd-nav-trigger, .touch #cd-vertical-nav { bottom: 40px; } } .webform-progressbar { display: none; } /* SMACSS theme rules */ /* @import "theme-A"; */ /* @import "theme-B"; */