Awesome. I have it.
Your couch. I it's mine.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.
×
*/
/* Slider https://github.com/kenwheeler/slick/blob/master/slick/slick.scss */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
/* Slider Theme https://github.com/kenwheeler/slick/blob/master/slick/slick-theme.scss*/
/* Slider */
.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat; }
/* Icons */
@font-face {
font-family: "slick";
src: url("./fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "←"; }
[dir="rtl"] .slick-prev:before {
content: "→"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "→"; }
[dir="rtl"] .slick-next:before {
content: "←"; }
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
.edx-header .primary-menu li.menu-link .menu-item:after, .edx-header .primary-menu-wrapper .primary-menu li .menu-item:after {
content: '\00BB';
padding-left: 4px; }
.flt-right {
float: right; }
.hidden {
display: none; }
.hidden-important {
display: none !important; }
.round {
border-radius: 50%; }
.sr-is-focusable,
.sr-is-focusable:focus,
.sr-is-focusable:active {
outline: none; }
/*
* OpenSans fonts loaded post-render
*/
/*
* Fonts Families
*/
/*
* Variables
*/
/*
* Mixins
*/
.inline-p-heading {
display: inline;
float: left;
margin: 0 5px 0 0;
font-size: 1em;
font-weight: 600; }
.content-section {
padding: 20px; }
/*
* @file
* global.base
*
* - normalize with small modifications for Drupal and AT: http://necolas.github.com/normalize.css/
* - Gutter widths, see $gutter-width in _custom.scss
* - Default container alignment.
* - Flexible images and media declarations.
* - Copies of the SCSS mixins for reference, which includes an improved
* element-invisible and focusable styles.
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block; }
/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1; }
/*
* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices
*/
audio:not([controls]) {
display: none;
height: 0; }
/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/
[hidden] {
display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* If you are using the themes Responsive JS feature (media_queries.js) do not
* set a font-family on the html element, use body.
*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
height: 100%;
overflow-y: scroll; }
/*
* 1 . Addresses margins handled incorrectly in IE6/7
*/
body {
min-height: 100%;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility\9;
/* Only IE, can mess with Android */ }
/*
* Addresses font-family inconsistency between 'textarea' and other form elements.
*/
button,
input,
select,
textarea {
font-family: sans-serif; }
/* =============================================================================
Links
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/
a:focus {
outline: thin dotted; }
/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0; }
/* =============================================================================
Typography
========================================================================== */
/*
* Headings
*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {
font-size: 3.75em;
line-height: 1.5em;
margin: 0 0 .7em 0;
padding: 0; }
h2 {
font-size: 1.5em;
line-height: 1.45em;
margin: 0 0 .7em 0;
padding: 0 0 .45em 0; }
h3 {
font-size: 1.1em;
line-height: 1.5em;
margin: 0 0 1.1em 0;
padding: 0; }
h4 {
font-size: 1.1em;
line-height: 1.5em;
margin: 0 0 1.1em 0;
padding: 0; }
h5 {
font-size: 1em;
line-height: 1em;
margin: 0 0 0 0;
padding: 0; }
h6 {
font-size: 1em;
line-height: 1em;
margin: 0 0 0 0;
padding: 0; }
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/
abbr[title] {
border-bottom: 1px dotted; }
/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
blockquote {
margin: 1em 40px; }
/*
* Addresses styling not present in S5, Chrome
*/
dfn {
font-style: italic; }
/*
* Addresses styling not present in IE6/7/8/9
*/
mark {
background: #ff0;
color: #000; }
/*
* Addresses margins set differently in IE6/7
*/
p,
pre {
margin: 0 0 1em 0; }
/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em; }
/*
* Improves readability of pre-formatted text in all browsers
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; }
/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/
q {
quotes: none; }
q:before,
q:after {
content: '';
content: none; }
small {
font-size: 75%; }
/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7
*/
dl,
menu,
ol,
ul {
margin: 1em 0; }
dd {
margin: 0 0 0 40px; }
/*
* Addresses paddings set differently in IE6/7
*/
menu,
ol,
ul {
padding: 0 0 0 40px; }
/*
* Corrects list images handled incorrectly in IE7
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Remove border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
/* border: 0; */
/* Drupal core already does this, uncomment if you need it */
-ms-interpolation-mode: bicubic; }
/*
* Corrects overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
margin: 0; }
/* =============================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7
*/
form {
margin: 0; }
/*
* Define consistent margin, and padding
*/
fieldset {
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px; }
/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle; }
/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/
button,
input {
line-height: normal; }
/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled],
input[disabled] {
cursor: default; }
/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
* Known issue: excess padding remains in IE6
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px; }
/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
/*
* Removes inner padding and search cancel button in S5, Chrome on OS X
*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; }
/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers
*/
textarea {
overflow: auto;
vertical-align: top; }
/* =============================================================================
Tables
========================================================================== */
/*
* 1. Remove most spacing between table cells
*/
table {
border: 1px solid;
border-spacing: 0;
border-collapse: collapse;
font-size: inherit;
font: 100%; }
/* =============================================================================
Gutters
========================================================================== */
/*
* If gutters are set in theme settings they will override these values,
* see Extensions > Modify Output > Design
* $gutter-width is set in _base.scss
*/
#main-content,
.block-inner,
.pane-inner,
.menu-wrapper,
.branding-elements,
.breadcrumb-wrapper,
.attribution,
.at-panel .rounded-corner,
.block-panels-mini > .block-title,
div.messages {
margin-left: 0;
margin-right: 0; }
#main-content.col-wrapper {
margin-left: auto;
margin-right: auto; }
/*
* Panel pages need negative margin equal to the gutter width applied to #content,
* this is taken care of in theme settings as per above for normal gutters
*/
#content .panel-display,
#content .panel-flexible {
margin-left: -10px;
margin-right: -10px; }
/* =============================================================================
Flexible Media and Cross browser improvements
========================================================================== */
/*
* - This can cause issues in table cells where no width is set on the column,
* only in some versions of webkit and IE 7/8.
* - declaring the width attribute on image elements and using max-width causes
* the "dissappering images" bug in IE8.
* - Mapping services such as Google Maps may break also, see below for fixes.
*/
img {
height: auto;
-ms-interpolation-mode: bicubic; }
/* Ethan Marcotte - http://front.ie/l8rJaA */
img,
embed,
object,
video {
max-width: 100%; }
/* Disable flexiblity for IE8 and below */
.lt-ie9 img,
.lt-ie9 object,
.lt-ie9 embed,
.lt-ie9 video {
max-width: none; }
/* Override max-width 100% for map displays */
#map img,
.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img,
#locationmap_map img,
.geofieldMap img,
.views_horizontal_slider img {
max-width: none !important; }
/* =============================================================================
Misc helpers, Accessibility classes etc
========================================================================== */
/* Prevent overflowing content */
header[role=banner],
.content-inner,
.nav,
.region-sidebar-first,
.region-sidebar-second,
.region-secondary-content,
.region-tertiary-content {
overflow: visible;
word-wrap: break-word; }
/**
* General classes for hiding content. These are all included as SASS mixins.
* @SEE: sass/_custom.scss
*/
/**
* Image replacement
* Kellum Method: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement
* Additional helpers from http://html5boilerplate.com/docs/css/
*/
.ir {
/* Kellum Method */
display: block !important;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
/* Remove the default border from elements like button */
border: 0;
/* Crush the text down to take up no space */
font: 0/0 a;
/* Remove any text shadows */
text-shadow: none;
/* Hide any residual text in Safari 4 and any mobile devices that may need it */
color: transparent;
/* Hide the default background color on elements like button */
background-color: transparent; }
/* More robust element-invisible and element-focuable classes */
.sr, .inline-search-container .inline-search .search-bar-label,
.element-invisible {
border: 0;
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
/* ensure there are spaces in sr text */
word-wrap: normal; }
.sr.element-focusable:active, .inline-search-container .inline-search .element-focusable.search-bar-label:active, .sr.element-focusable:focus, .inline-search-container .inline-search .element-focusable.search-bar-label:focus,
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
clip: auto;
height: auto;
overflow: visible;
position: static;
width: auto; }
/* Shift content offscreen, can be usefull when you reall need to do this */
.offscreen {
position: absolute;
top: -99999em;
width: 1px;
height: 1px;
overflow: hidden;
outline: 0; }
/* Hide content from all users */
.element-hidden {
display: none; }
/* Hide Sidebar Dropdown jump menu title */
#edit-jump--2 option:first-child {
display: none; }
/*
* @file
* global.styles
*
* Styles you add here will load for all device sizes, they are "global", as
* opposed to "responsive" styles, which only load for a given breakpoint (media
* query) that you set in theme settings. See the README for more details.
*
*
* How to use this file:
* --------------------
*
* There are many empty selectors and some basic styles to act as a guide.
* Nothing is set in stone and you can change anything - even delete all of it
* and start with your own clean slate.
*
* To FORCE PRINT all selectors you can search and replace a single { (opening
* curly brace) and insert an empty comment. This is very useful in conjuction
* with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
*
* See global.base also which includes normalize.css and some additional
* helper classes and base styles.
*/
/* =============================================================================
* Base
* ========================================================================== */
/*
* To preserve theme settings never apply font properties to the HTML element.
* This is critically important if you are using the Responsive JavaScript
* feature as this relies on being able to set a pseudo font family on the HTML
* element. If you need to set default font properties of any kind use the BODY
* element as these can be overridden using font theme settings.
*/
html {
background: #fff; }
body {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5em;
font-weight: 400;
color: #4e4e4e; }
/* =============================================================================
* HTML Elements
* ========================================================================== */
h1 {
color: #050505;
font-weight: 300; }
h2 {
color: #050505;
font-weight: 300; }
h3 {
color: #050505;
font-weight: bold; }
h4 {
color: #050505;
font-weight: normal; }
h5 {
color: #050505;
font-weight: 300; }
h6 {
color: #050505;
font-weight: bold; }
b,
strong {
font-weight: 700;
color: #303030; }
hr {
background-color: #9b9b9b;
border: 0;
color: #9b9b9b;
height: 1px;
line-height: 1px;
margin: 0 0 1em 0;
padding: 0; }
iframe {
border: 0;
margin: 0;
padding: 0; }
pre,
code,
tt,
samp,
kbd,
var {
font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif; }
/* =============================================================================
* Wrappers
* ========================================================================== */
/*
* Page wrapper, includes the .container class which sets the overall page or section width
* Main wrapper in page.tpl.php, the .container class sets the width of the page, do not add width to it!
*/
#page .region-banner .region-container {
padding: 0; }
#menu-bar .region-container {
width: auto;
padding: 0; }
/*
* Wraps all header elements - branding and .region-header
*/
/*
* Wraps the sidebars the content column
*/
/*
* Main content column wrapper
*/
/*
* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column
*/
/*
* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style
*/
/*
* Footer wrapper
*/
/*
* Panels may need additional margin wrangling when in the $content region
*/
/*
* Full Width Wrappers
* These are used in the optional page--full-width-wrappers.tpl.php template.
* All have internal .container classes. In the full width wrapper template the
* .container classes set the width or max-width of the contained element - you
* can style this but never add any width/margin/padding/borders etc to .container
*/
/*
* Wraps #page
*/
/*
* Wraps the leaderboard
*/
/*
* Wraps the header
*/
#header-wrapper {
/* Debug styles, is this working */
background: rgba(255, 192, 203, 0.5); }
/*
* Wraps the nav elements
*/
/*
* Wraps breadcrumb
*/
/*
* Wraps messages and help
*/
/*
* Wraps the secondary content/preface region
*/
/*
* Wraps the main content column
*/
/*
* Wraps the tertiary content/postfix region
*/
/*
* Footer wrapper
*/
#footer-wrapper {
/* Debug styles, is this working? */
background: rgba(255, 192, 203, 0.5); }
/* =============================================================================
* Branding
* ========================================================================== */
/*
* Wraps all the branding elements, logo, name and slogan
*/
/*
* Logo
*/
#logo {
padding: 0; }
#logo img {
vertical-align: bottom; }
/*
* Wrapper for the site name and slogan (hgroup)
*/
/*
* Site name (h1)
*/
#site-name {
margin: 0; }
#site-name a:link, #site-name a:visited {
text-decoration: none; }
#site-name a:hover, #site-name a:focus {
text-decoration: underline; }
/*
* Site slogan (h2)
*/
#site-slogan {
margin: 0; }
/* =============================================================================
* Page content header
* ========================================================================== */
/*
* Main content header wraps the page title, tabs and actions links
*/
/*
* The main page title (h1)
*/
#page-title {
margin: 0; }
/* =============================================================================
* Misc Global Styles
* ========================================================================== */
/*
* Feed icons
*/
/*
* Aggregator feed source
*/
#aggregator .feed-source .feed-icon {
display: inline;
float: none;
margin-right: 10px; }
.feed-details dt,
.feed-details dd {
display: inline;
margin: 0; }
/*
* Generic styles for the more link
*/
/*
* Generic styles for links. See the ul.links declaration in node and comment stylesheets
*/
ul.links {
margin: 0;
padding: 0; }
ul.links.inline {
display: block; }
ul.links li {
display: inline;
list-style: none;
padding: 0 10px 0 0; }
/*
* Enable use of a cleaner list when icons are present
*/
ul.list-icons {
padding: 0; }
ul.list-icons li {
margin-bottom: 1em; }
ul.list-icons li img {
margin: 10px;
vertical-align: middle; }
/*
* Allow clean floating of images
*/
img.float-left {
float: left;
margin: 0 10px 5px 0; }
img.float-right {
float: right;
margin: 0 0 5px 10px; }
/*
* Search results are an ordered list so reset the margin
*/
.search-results {
margin: 0; }
/* =============================================================================
* Regions
* ========================================================================== */
/*
* Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc
*/
/*
* Regions have an inner div - perfect for adding margin, padding or borders
*/
/*
* Regions can be nested, such as when using Panels
*/
/*
* Header region, embedded in the #header
*/
/*
* Generally used to output Drupals help block, if the help module is enabled
*/
/*
* Secondary content
*/
/*
* Sits above the main content header, like a content-top region
*/
/*
* Sits below the main content, like a content-bottom region
*/
/*
* Sidebars - targets both
*/
/*
* First sidebar
*/
/*
* Second sidebar
*/
/*
* Tertiary content
*/
/* =============================================================================
* Links
* ========================================================================== */
a {
color: #2968aa;
text-decoration: none; }
a:hover, a:focus {
border-bottom: 1px dotted #2968aa; }
/* =============================================================================
* Primary, Secondary and Menu Bar region menus
* ========================================================================== */
/*
* Use one of the following id's for granular control:
* - #menu-bar (menu bar region)
* - #primary-menu (main menu)
* - #secondary-menu (secondary/user menu)
* You can target all of these with .nav or div[id$="menu-bar"]
*/
.nav {
clear: both;
margin: 0; }
.nav ul,
.nav ul.menu {
margin: 0;
padding: 0; }
.nav > li,
.nav ul.menu > li {
display: block;
float: left;
list-style: none;
margin: 0;
padding: 0 0 0 20px; }
.nav > li.last,
.nav ul.menu > li.last {
padding-left: 0; }
.nav > li a,
.nav ul.menu > li a {
white-space: nowrap; }
.nav .block {
margin-bottom: 0; }
/* =============================================================================
* Superfish
* ========================================================================== */
ul.sf-menu {
margin-bottom: 0; }
ul.sf-menu a {
border-left: 0;
border-top: 0;
padding: 0 10px;
text-decoration: none;
height: 2.5em;
line-height: 2.5em; }
ul.sf-menu li:hover, ul.sf-menu li.sfHover {
outline: 0; }
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {
outline: 0; }
/*
* Superfish blocks
*/
.block-superfish ul {
margin: 0 !important;
padding: 0 !important; }
.block-superfish li {
margin: 0 !important;
padding: 0 !important; }
/*
* Vertical style
*/
.sf-vertical {
width: 100%; }
.sf-vertical li {
width: 100%; }
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
left: 100%;
top: 0;
margin: 0;
padding: 0; }
.sf-vertical li a {
padding: 0 10px; }
/*
* Navbar style
*/
.sf-navbar {
padding-bottom: 0 !important; }
/*
* Sensible padding for the default style
*/
.sf-menu.sf-style-default a {
padding: 0 10px; }
/* =============================================================================
* Menus, usually blocks
* ========================================================================== */
ul.menu {
padding-left: 15px; }
ul.menu > ul {
padding-left: 15px; }
ul.menu li {
margin: 0; }
/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
padding: 0; }
/* =============================================================================
* Book navigation menu
* ========================================================================== */
.book-navigation .page-up {
/* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
min-width: 2em;
white-space: nowrap; }
.book-navigation .menu {
margin-left: 0; }
/* =============================================================================
* Breadcrumbs
* ========================================================================== */
.breadcrumb, #breadcrumb {
padding: 10px 0 0 15px;
position: relative;
z-index: 2;
font-size: .75em;
/* If the label is set to show in theme settings the label class is added */ }
.breadcrumb .breadcrumb-label, #breadcrumb .breadcrumb-label {
font-size: 1em;
display: inline;
padding-right: 10px; }
.breadcrumb .breadcrumb-label:after, #breadcrumb .breadcrumb-label:after {
content: ":"; }
.breadcrumb ol, #breadcrumb ol {
margin: 0;
padding: 0; }
.breadcrumb .with-breadcrumb-label ol, #breadcrumb .with-breadcrumb-label ol {
display: inline; }
.breadcrumb li, #breadcrumb li {
list-style: none;
display: inline; }
.course-breadcrumb {
padding: 10px 0 0 30px !important;
margin-bottom: -15px;
background-color: #ffffff;
font: -apple-system-body !important; }
/* =============================================================================
* Pagers
* ========================================================================== */
.item-list .pager {
padding: .5em 0; }
.item-list .pager li {
margin: 0;
background-image: none;
display: inline;
list-style-type: none;
padding: .5em; }
.item-list .pager li.pager-current {
font-weight: 700; }
.block .item-list .pager li {
margin: 0; }
/*
* Theme the various states of pager links
*/
/* =============================================================================
* Skip Navigation
* ========================================================================== */
#skip-link {
left: 50%;
margin-left: -6.5em;
margin-top: 0;
padding: 0 0.5em;
position: absolute;
width: 12em;
z-index: 1050; }
#skip-link a {
background: #4e4e4e;
background: rgba(0, 0, 0, 0.6);
color: #fff;
display: block;
line-height: 2;
padding: 0;
text-align: center;
text-decoration: none; }
#skip-link a:link, #skip-link a:visited {
background: #4e4e4e;
background: rgba(0, 0, 0, 0.6);
color: #fff;
display: block;
line-height: 2;
padding: 0;
text-align: center;
text-decoration: none; }
#skip-link a:hover, #skip-link a:focus, #skip-link a:active {
outline: 0; }
/* =============================================================================
* Tabs (local tasks)
* ========================================================================== */
#tasks {
margin-bottom: 15px; }
ul.primary {
border-bottom-color: #ccc;
margin: 20px 0;
padding: 0 0 0 5px; }
ul.primary li {
display: block;
float: left;
margin: 0 1px -1px; }
ul.primary li a {
background-color: #f5f5f5;
border-color: #ccc;
margin-right: 1px;
padding: 0 10px;
display: block;
float: left;
height: 1.5em;
line-height: 1.5em; }
ul.primary li a:hover, ul.primary li a:focus {
background-color: #eee;
border-color: #ccc; }
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
background-color: #fff;
border-bottom-color: #fff; }
ul.secondary {
border-bottom: 1px solid #ccc;
margin: 1em 0 0;
padding: 0 .3em 1em; }
ul.secondary li {
border-right: 0;
list-style: none;
padding: 0 10px 0 0; }
ul.secondary li a:hover, ul.secondary li a.active {
border-bottom: none;
text-decoration: underline; }
/* =============================================================================
* Action links
* ========================================================================== */
ul.action-links {
margin: 20px 0 0;
list-style: none; }
/* =============================================================================
* Field Styling
* ========================================================================== */
/*
* Wrapper for any field
*/
/*
* Above and inline classes are on the field wrapper
*/
/*
* When labels are set to inline in field display settings the clearfix class is automatically added
*/
/*
* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
*/
.field-label {
font-size: 1em;
font-weight: 700;
font-family: inherit;
line-height: inherit;
margin-bottom: 0; }
/*
* Field types (Core)
*/
/*
* Image fields use the