/*
 * @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.
 */
/* line 41, ../sass/global.styles.scss */
html {
  background: #fff;
}

/* =============================================================================
 *   HTML Elements
 * ========================================================================== */
/* line 135, ../sass/global.styles.scss */
pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif;
}

/* =============================================================================
 *   Wrappers
 * ========================================================================== */
/*
 * Outer wrappers:
 * - #page-wrapper: body > #page-wrapper
 * - #page: body > #page-wrapper > #page
 * - .container: body > #page-wrapper > #page.container
 *
 * The .container class holds the page width value from theme settings. You can
 * style the .container class but do not add width such as border, padding,
 * margins etc.
 */
/*
 * 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 - you can style this but never
 * add any width/margin/padding/borders etc to .container
 */
/*
 * Wraps the leaderboard
 */
/*
 * Wraps the header
 */
/* line 231, ../sass/global.styles.scss */

/*
 * 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
 */
/* line 289, ../sass/global.styles.scss */
#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
 */
/* line 310, ../sass/global.styles.scss */
#logo {
}
/* line 313, ../sass/global.styles.scss */
#logo img {
  vertical-align: bottom;
}

/*
 * Wrapper for the site name and slogan
 */
/*
 * Site name (h1)
 */
/* line 328, ../sass/global.styles.scss */
#site-name {
  margin: 0;
}
/* line 333, ../sass/global.styles.scss */
#site-name a:link, #site-name a:visited {
  text-decoration: none;
}
/* line 338, ../sass/global.styles.scss */
#site-name a:hover, #site-name a:focus {
  text-decoration: underline;
}

/*
 * Site slogan (h2)
 */
/* line 349, ../sass/global.styles.scss */
#site-slogan {
  margin: 0;
}

/* =============================================================================
 *   Page content header
 * ========================================================================== */
/*
 * Main content header wraps the page title, tabs and actions links
 */
/*
 * The main page title (h1)
 */
/* line 367, ../sass/global.styles.scss */
#page-title {
  margin: 0;
}

/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */
/*
 * Feed icons
 */
/*
 * Aggregator feed source
 */
/* line 385, ../sass/global.styles.scss */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

/* line 392, ../sass/global.styles.scss */
.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
 */
/* line 408, ../sass/global.styles.scss */
ul.links {
  margin: 0;
  padding: 0;
}
/* line 412, ../sass/global.styles.scss */
ul.links.inline {
  display: block;
}
/* line 416, ../sass/global.styles.scss */
ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Search results are an ordered list so reset the margin
 */
/* line 427, ../sass/global.styles.scss */
.search-results {
  margin: 0;
  padding: 0;
}

/*
 * Attribution message and link
 */
/* line 436, ../sass/global.styles.scss */
.attribution {
  display: block;
  opacity: 0.65;
  padding: 1em 0;
  text-align: center;
}
/* line 442, ../sass/global.styles.scss */
.attribution a {
  text-decoration: none;
  color: inherit;
}
/* line 446, ../sass/global.styles.scss */
.attribution a:hover, .attribution a:focus {
  text-decoration: underline;
}

/* =============================================================================
 *   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
 */
/*
 * Footer region
 */
/* =============================================================================
 *   Links
 * ========================================================================== */
/* line 540, ../sass/global.styles.scss */
a {
  text-decoration: none;
}
/* line 549, ../sass/global.styles.scss */
a:hover, a:focus {
  text-decoration: underline;
}

/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */
/* line 560, ../sass/global.styles.scss */
.nav {
  clear: both;
}
/* line 564, ../sass/global.styles.scss */
.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
}
/* line 570, ../sass/global.styles.scss */
.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 579, ../sass/global.styles.scss */
.nav li a,
.nav ul.menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}
/* line 591, ../sass/global.styles.scss */
.nav .block {
  margin-bottom: 0;
}

/* =============================================================================
 *   Superfish
 * ========================================================================== */
/* line 601, ../sass/global.styles.scss */
ul.sf-menu {
  margin-bottom: 0;
}
/* line 604, ../sass/global.styles.scss */
ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}
/* line 617, ../sass/global.styles.scss */
ul.sf-menu li:hover, ul.sf-menu li.sfHover {
  outline: 0;
}
/* line 624, ../sass/global.styles.scss */
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {
  outline: 0;
}

/*
 * Superfish blocks
 */
/* line 640, ../sass/global.styles.scss */
.block-superfish ul {
  margin: 0 !important;
  padding: 0 !important;
}
/* line 651, ../sass/global.styles.scss */
.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * Vertical style
 */
/* line 661, ../sass/global.styles.scss */
.sf-vertical {
  width: 100%;
}
/* line 664, ../sass/global.styles.scss */
.sf-vertical li {
  width: 100%;
}
/* line 669, ../sass/global.styles.scss */
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}
/* line 677, ../sass/global.styles.scss */
.sf-vertical li a {
  padding: 0 10px;
}

/*
 * Navbar style
 */
/* line 687, ../sass/global.styles.scss */
.sf-navbar {
  padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
/* line 695, ../sass/global.styles.scss */
.sf-menu.sf-style-default a {
  padding: 0 10px;
}

/* =============================================================================
 *   Menu Toggles
 * ========================================================================== */
/* line 705, ../sass/global.styles.scss */
.at-mt .at-menu-toggle,
.at-mt .at-menu-toggle ul,
.at-mt .at-menu-toggle ul.menu {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
/* line 713, ../sass/global.styles.scss */
.at-mt .at-menu-toggle-button {
  margin: 0;
}
/* line 717, ../sass/global.styles.scss */
.at-mt .at-menu-toggle ul a {
  padding: 0 10px;
  white-space: nowrap;
}

/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */
/* line 728, ../sass/global.styles.scss */
ul.menu {
  padding-left: 15px;
}
/* line 731, ../sass/global.styles.scss */
ul.menu ul {
  padding-left: 15px;
}
/* line 739, ../sass/global.styles.scss */
ul.menu li {
  margin: 0;
}

/* If li.content exists it's a problem, so reset the padding */
/* line 768, ../sass/global.styles.scss */
.block .menu li.content {
  padding: 0;
}

/* =============================================================================
 *   Book navigation menu
 * ========================================================================== */
/* line 785, ../sass/global.styles.scss */
.book-navigation .page-up {
  /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */
  min-width: 2em;
  white-space: nowrap;
}
/* line 791, ../sass/global.styles.scss */
.book-navigation .menu {
  margin-left: 0;
}

/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */
/* line 801, ../sass/global.styles.scss */
#breadcrumb {
  /* If the label is set to show in theme settings the label class is added */
}
/* line 805, ../sass/global.styles.scss */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}
/* line 810, ../sass/global.styles.scss */
#breadcrumb .breadcrumb-label:after {
  content: ":";
}
/* line 815, ../sass/global.styles.scss */
#breadcrumb ol {
  margin: 0;
  padding: 0;
}
/* line 820, ../sass/global.styles.scss */
#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}
/* line 824, ../sass/global.styles.scss */
#breadcrumb li {
  list-style: none;
  display: inline;
}

/* =============================================================================
 *   Pagers
 * ========================================================================== */
/* line 851, ../sass/global.styles.scss */
ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

/* line 858, ../sass/global.styles.scss */
.item-list ul.pager li {
  margin: 0;
}

/* line 863, ../sass/global.styles.scss */
ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}
/* line 869, ../sass/global.styles.scss */
ul.pager li.pager-current {
  font-weight: 700;
}

/* line 875, ../sass/global.styles.scss */
.block ul.pager li {
  margin: 0;
}

/*
 * Theme the various states of pager links
 */
/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */
/* line 912, ../sass/global.styles.scss */
#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}
/* line 921, ../sass/global.styles.scss */
#skip-link a {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
/* line 931, ../sass/global.styles.scss */
#skip-link a:link, #skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
/* line 942, ../sass/global.styles.scss */
#skip-link a:hover, #skip-link a:focus, #skip-link a:active {
  outline: 0;
}

/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */
/* line 955, ../sass/global.styles.scss */
#tasks {
  margin-bottom: 15px;
}

/* line 960, ../sass/global.styles.scss */
ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}
/* line 965, ../sass/global.styles.scss */
ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}
/* line 970, ../sass/global.styles.scss */
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;
}
/* line 980, ../sass/global.styles.scss */
ul.primary li a:hover, ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}
/* line 989, ../sass/global.styles.scss */
ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

/* line 999, ../sass/global.styles.scss */
ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}
/* line 1004, ../sass/global.styles.scss */
ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}
/* line 1010, ../sass/global.styles.scss */
ul.secondary li a:hover, ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}

/* =============================================================================
 *   Action links
 * ========================================================================== */
/* line 1024, ../sass/global.styles.scss */
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
 */
/* line 1051, ../sass/global.styles.scss */
.field-label-inline {
  /* Remove the margin on inline field lables to preserve vertical formatting */
}
/* line 1054, ../sass/global.styles.scss */
.field-label-inline .field-label {
  margin: 0;
}

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
/* line 1062, ../sass/global.styles.scss */
.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

/*
 * Field types (Core)
 */
/*
 * Image fields use the <figure> and <figcaption> elements from HTML5
 */
/*
 * Taxonomy
 */
/* line 1091, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  margin-bottom: 1.5em;
}
/* line 1096, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}
/* line 1101, ../sass/global.styles.scss */
.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Text
 */
/*
 * Long text
 */
/*
 * Text with summary
 */
/*
 * File
 */
/*
 * Number/Integer
 */
/*
 * Decimal
 */
/*
 * Number float
 */
/*
 * List
 */
/*
 * List boolean
 */
/*
 * List integer
 */
/*
 * List float
 */
/*
 * Field types (Contrib)
 */
/*
 * Named fields
 */
/*
 * Underscores in field name are replaced with dashes
 */
/*
 * Image Alignment Theme Settings - included here so you can easily override
 */
/*
 * Float none setting
 */
/*
 * Float left setting
 */
/* line 1215, ../sass/global.styles.scss */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
/* line 1224, ../sass/global.styles.scss */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */
/* line 1233, ../sass/global.styles.scss */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}

/* =============================================================================
 *   Block Styling
 * ========================================================================== */
/*
 * Main wrapper for most blocks, block_system_main does not have it
 */
/* line 1247, ../sass/global.styles.scss */
.block {
}

/*
 * Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it
 */
/*
 * The first block in the region
 */
/*
 * The last block in the region
 */
/*
 * Zebra striping for each block in the region
 */
/*
 * Zebra striping for each block in the region
 */
/*
 * Block title
 */
/* line 1285, ../sass/global.styles.scss */
.block-title {
  margin: 0;
}

/*
 * Block content wrapper
 */
/*
 * Match item list and block menu margin and padding
 */
/* line 1301, ../sass/global.styles.scss */
.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}
/* line 1306, ../sass/global.styles.scss */
.block-content li {
  margin: 0;
  padding: 0;
}

/*
 * Block for the latest news items in the first category
 */
/*
 * Block for the latest news items in the first feed
 */
/*
 * First block created with "Add block" link
 */
/*
 * "Recent blog posts" block
 */
/*
 * "Book navigation" block for the current book's table of contents
 */
/*
 * "Recent comments" block
 */
/*
 * "Active forum topics" block
 */
/*
 * "New forum topics" block
 */
/*
 * Language switcher block
 */
/*
 * Custom menu block
 */
/*
 * "Recent content" block
 */
/*
 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon
 */
/*
 * "Most recent poll" block
 */
/*
 * "Author information" block for the profile of the page's author
 */
/*
 * "Search form" block
 */
/*
 * "Shortcuts" block
 */
/*
 * "Popular content" block
 */
/*
 * "Main menu" block
 */
/*
 * "Management" block for Drupal management menu
 */
/*
 * "Navigation" block for Drupal navigation menu
 */
/*
 * "User menu" block for Drupal user menu
 */
/*
 * "System help" block
 */
/*
 * "Main page content" block
 */
/*
 * "Powered by Drupal" block
 */
/*
 * "User login form" block
 */
/*
 * "Who's new" block for a list of the newest users
 */
/*
 * "Who's online" block for a list of the online users
 */
/* =============================================================================
 *   Node Styling
 * ========================================================================== */
/* line 1479, ../sass/global.styles.scss */
.node {
  margin-bottom: 20px;
}
/* line 1496, ../sass/global.styles.scss */
.node .node-title {
  margin: 0;
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */
/*
 * Wrapper for the list of comments and its titles
 */
/* line 1554, ../sass/global.styles.scss */
#comments {
  margin: 1.5em 0;
}
/* line 1558, ../sass/global.styles.scss */
#comments h2.comment-title {
  margin: 0;
}
/* line 1562, ../sass/global.styles.scss */
#comments h2.comment-form {
  margin: 0;
}

/*
 * Wrapper for a single comment
 */
/* line 1572, ../sass/global.styles.scss */
.comment {
  margin-bottom: 20px;
}

/*
 * Comment title
 */
/* line 1603, ../sass/global.styles.scss */
.comment-title {
  margin: 0;
}

/*
 * Comment states
 */
/*
 * Preview of the comment before submitting new or updated comment
 */
/*
 * "New" marker for comments that are new for the current user
 */
/* line 1635, ../sass/global.styles.scss */
.new {
  color: #c00;
}

/*
 * Nested comments are indented
 */
/* line 1643, ../sass/global.styles.scss */
.indented {
  margin-left: 40px;
}

/* =============================================================================
 *   Forms
 * ========================================================================== */
/*
 * Wrapper for a form element (or group of form elements) and its label
 */
/* line 1657, ../sass/global.styles.scss */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}
/* line 1663, ../sass/global.styles.scss */
.form-item label {
  font-weight: 700;
}
/* line 1670, ../sass/global.styles.scss */
.form-item .description {
  font-size: 0.85em;
}

/*
 * Highlight marks and form required mark
 */
/* line 1683, ../sass/global.styles.scss */
.marker,
.form-required {
  color: #c00;
}

/*
 * The submit button
 */
/* line 1697, ../sass/global.styles.scss */
.container-inline div,
.container-inline label {
  display: inline;
}

/*
 * Define consistent borders
 */
/* line 1706, ../sass/global.styles.scss */
fieldset {
  border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
/*
 * Buttons used by contrib modules like Media
 */
/* line 1720, ../sass/global.styles.scss */
a.button {
  -moz-appearance: button;
  -webkit-appearance: button;
}

/*
 * Password confirmation
 */
/* line 1728, ../sass/global.styles.scss */
.password-parent,
.confirm-parent {
  margin: 0;
}

/* =============================================================================
 *   Tables
 * ========================================================================== */
/* line 1738, ../sass/global.styles.scss */
table {
  padding: 0;
  width: 100%;
}
/* line 1743, ../sass/global.styles.scss */
table.sticky-header {
  z-index: 10;
}

/* line 1749, ../sass/global.styles.scss */
table,
thead,
tbody,
tr,
th,
td {
  border-color: #ccc;
}

/* line 1759, ../sass/global.styles.scss */
table,
td,
th {
  vertical-align: middle;
}

/* line 1766, ../sass/global.styles.scss */
caption,
th,
td {
  text-align: left;
}

/* line 1773, ../sass/global.styles.scss */
thead tr {
  font-weight: 700;
  background-color: #e5e5e5;
}

/* line 1779, ../sass/global.styles.scss */
td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 7px;
}

/* line 1790, ../sass/global.styles.scss */
tbody tr {
  border-top: 1px solid #ccc;
}

/* line 1795, ../sass/global.styles.scss */
tr {
  /* Table row striping */
}
/* line 1797, ../sass/global.styles.scss */
tr.odd {
  background: #fff;
}
/* line 1802, ../sass/global.styles.scss */
tr.info, tr.even, tr:nth-child(2n+2) {
  border-bottom: 0;
  background-color: #f5f5f5;
}
/* line 1813, ../sass/global.styles.scss */
tr.odd td.active {
  background-color: #eee;
}
/* line 1817, ../sass/global.styles.scss */
tr.even td.active {
  background-color: #ebebeb;
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
/* line 1840, ../sass/global.styles.scss */
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
  white-space: normal;
}

/* =============================================================================
 *   Messages
 * ========================================================================== */
/* line 1856, ../sass/global.styles.scss */
div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}
/* line 1861, ../sass/global.styles.scss */
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

/*
 * Unpublished nodes
 */
/* line 1902, ../sass/global.styles.scss */
.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}
/* line 186, ../sass/_custom.scss */
.ie6-7 .node-unpublished p.unpublished > *, .ie6-7
.comment-unpublished p.unpublished > * {
  position: relative;
}

/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */
/* line 1913, ../sass/global.styles.scss */
.maintenance-page .container {
  padding: 40px 0;
}
/* line 1917, ../sass/global.styles.scss */
.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

/* line 1925, ../sass/global.styles.scss */
.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}
/* line 1932, ../sass/global.styles.scss */
.db-offline div.messages {
  margin: 20px 0 0;
}
/* line 1936, ../sass/global.styles.scss */
.db-offline #content {
  padding: 20px 0;
}

/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */
/*
 * Admin menu overrides
 */
/* line 1949, ../sass/global.styles.scss */
#admin-menu {
  margin: 0;
  padding: 0;
}

/*
 * Devel Module
 */
/* line 1958, ../sass/global.styles.scss */
.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */
/* line 1967, ../sass/global.styles.scss */
#styleguide-header {
  padding: 0 10px;
}
/* line 1970, ../sass/global.styles.scss */
#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}



/* Begin Custom Styles */

h1#page-title{
    font-size: 36px;
    line-height: 1.28;
    font-weight: 300;
    text-align: center;
    color: #5194c6;
    margin-bottom: 15px;
}

.container{
    box-sizing: border-box;
    padding: 0 50px;
}

.view .views-exposed-widget select{
    font-size: 16px;
    color: #1e1e1e;
    padding: 15px 40px 15px 20px;
    background-image: url(images/select-down.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    -moz-appearance: none; 
    -webkit-appearance: none; 
    appearance: none;
    outline: none;
    border: none;
    border-radius: 4px;
    width: 100%;
}
.view .views-exposed-widget select::-ms-expand{
    display: none; 
}

.student-op-list-block .view-filters{
    max-width: 825px;
    margin: auto;
    padding: 0 50px;
}

.student-op-list-block .views-exposed-widget{
    width: 32%;
    padding: 0;
    margin-right: 2%;
}
.student-op-list-block .views-exposed-widget:nth-child(3){
    margin-right: 0;
}

.ajax-progress-throbber {
  display: none;
}

table.pagerer{
    width: 100%;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 0;
    font-weight: 500;
}

.pagerer-page{
    border: 1px solid #dcd8d8;
    padding: 13px 14px;
    color: #5e821d;
    background: #FFF;
}

.pager .pager-next a,
.pager .pager-previous a{
    height: 0;
    padding-top: 50px;
    width: 50px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-color: #7aa72a;
    border-radius: 2px;
}

table.pagerer tbody tr td div.item-list ul.pager li.pager-next,
table.pagerer tbody tr td div.item-list ul.pager li.pager-previous{
    display: inline-block;
    margin-top: 9px;
}
table.pagerer tbody tr td div.item-list ul.pager li.pager-previous{
    margin-right: 13px;
}

.pager .pager-next a{
    background-image: url(images/right-arrow.png);
}

.pager .pager-previous a{
    background-image: url(images/left-arrow.png);
}


/* Header */

#burger-wrap{
    display: none;
    float: left;
    font-size: 28px;
    line-height: .85;
    color: #5194c6;
    margin-right: 15px;
}

#header-wrapper {
  border-bottom: 13px solid #f3f3f3;
  padding: 40px 0;
}

#logo{
    float: left;
}

#mit-logo,
.region-header{
    float: right;
}

#mit-logo{
    margin-top: 5px;
}

.region-header > .region-inner > .block{
    float: left;
    margin-bottom: 0;
}

.region-header > .region-inner > .block p{
    margin-bottom: 0;
}
#search-glass{
    float: right;
    margin-top: -2px;
}
#search-glass,
#search-close{
    cursor: pointer;
    color: #5e821d; 
    font-size: 20px;
}
#block-search-form,
#google-appliance-block-form{
    margin-right: 48px;
    position: relative;
}
#block-search-form.search-js-processed input[type='submit'],
#block-search-form.search-js-processed .form-item-search-keys,
#google-appliance-block-form.search-js-processed input[type='submit'],
#google-appliance-block-form.search-js-processed .form-item-search-keys{
    display: none;
}
#block-search-form.search-js-processed .form-item-search-keys,
#google-appliance-block-form.search-js-processed .form-item-search-keys{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    margin: 0 0 0 -293px;
    padding-right: 17px;
    width: 295px;
    background-color: #FFF;
    border-bottom: 2px solid #9b9b9b;
}
#search-close{
    position: absolute;
    right: 0;
    top: -2px;
}
#block-search-form.search-js-processed input[type='search'],
#google-appliance-block-form.search-js-processed input[type='text']{
    outline: none;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    width: 100%
}

nav ul.menu{
    padding: 0;
    margin: 0;
}

nav ul.menu li{
    display: inline-block;
    padding: 0;
}

.utility-menu{
    margin-right: 45px;
    margin-top: 1px;
}

.utility-menu ul.menu li{
    margin-right: 35px;
    font-weight: 400;
}

.utility-menu ul.menu ul{
    display: none;
}

.utility-menu ul.menu li a{
    padding-bottom: 2px;
}

.utility-menu ul.menu li a:hover,
.utility-menu ul.menu li a:focus{
    text-decoration: none;
    outline: none;
}

.utility-menu ul.menu li a:hover,
.utility-menu ul.menu li.active-trail a{
    text-decoration: none;
    border-bottom: 2px solid #5e821d;
    padding-bottom: 0;
    color: #5e821d;
}

.utility-menu ul.menu li:last-child{
    margin-right: 0;
}
.apply-now{
    margin-top: -7px;
    margin-right: 45px;
}
ul.menu .button-link{
    border-radius: 4px;
    border: 1px solid #5e821d;
    display: block;
    padding: 8px 30px;
    font-weight: 400;
    text-align: center;
}
ul.menu .button-link:hover,
ul.menu .button-link:visited,
ul.menu .button-link:focus{
    text-decoration: none;
}

#side-menu-wrapper ul.menu li a.button-link{
    border: none;
    background: #5e821d;
    color: #FFF;
    font-size: 16px;
    padding: 4px 0 5px;
}

/* Menu Bar */

#primary-menu-wrapper{
    border-top: 2px solid #7aa72a;
    background-color: #2a363b;
    padding: 20px 0 13px;
}

#primary-menu-wrapper .block{
    margin-bottom: 0;
}

.block-main-menu ul.menu li{
    margin-right: 70px;
}
.block-main-menu ul.menu li:last-child{
    margin-right: 0;
}
.block-main-menu ul.menu li a{
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .7px;
    padding-bottom: 7px;
    display: block;
}
.block-main-menu ul.menu li a:hover,
.block-main-menu ul.menu li.active-trail a{
    border-bottom: 2px solid #FFF;
    padding-bottom: 5px;
}
.block-main-menu ul.menu li a:hover,
.block-main-menu ul.menu li a:visited,
.block-main-menu ul.menu li a:focus{
    text-decoration: none;
    outline: none;
}

/* Home Hero */

#secondary-content-wrapper{
    background-size: cover;
    background-position: top center;
}

.view-home-hero .view-content{
    position: relative;
}

.view-home-hero .views-row{
    padding-top: 6.4vw;
    padding-bottom: 22.7vw;
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.view-home-hero .blue{
    background-image: url(images/germany/germany-blue.svg);
}
.view-home-hero .white{
    background-image: url(images/germany/germany-white.svg);
}
.view-home-hero .black{
    background-image: url(images/germany/germany-black.svg);
}
.view-home-hero .gradient{
    background-image: url(images/germany/germany-gradient.svg);
}

.view-home-hero .views-field-field-hero-photo-credit{
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFF;
    font-size: 11px;
    background-color: rgba(0,0,0,.3);
    padding: 3px 6px;
}

.view-home-hero .views-field-body{
    font-size: 42px;
    font-weight: 500;
    color: #FFF;
    line-height: 1.25;
    text-transform: uppercase;
    max-width: 615px;
}
.view-home-hero p{
    margin-bottom: 0;
}

.view-home-hero a,
.view-home-hero a:link,
.view-home-hero a:visited,
.view-home-hero a:hover{
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #FFF;
}

/* Front Content */

#front-content{
    padding-top: 80px;
}

.front #page-title:before{
    height: 5px;
    width: 100px;
    margin: auto;
    display: block;
    background: #5194c6;
    content: '';
    margin-bottom: 30px;
}

.front #page-title{
    
    text-align: center;
    color: #1e1e1e;
    font-weight: 300;
    max-width: 555px;
    margin: auto;
}

/* Home Feature */

#block-views-home-feature-block{
    padding: 40px 0 95px;
}

#block-views-student-opportunities-block h2.block-title,
.node-home-feature .field-name-field-home-feature-title{
    font-size: 36px;
    line-height: 1.28;
    text-align: center;
    color: #1e1e1e;
    font-weight: 300;
}

#block-views-student-opportunities-block .view-header,
.node-home-feature .field-name-body{
    font-size: 18px;
    line-height: 1.44;
    text-align: center;
    max-width: 700px;
    margin: 15px auto 0;
}

.node-home-feature .paragraphs-items-field-home-feature-media{
    margin-top: 30px;
    text-align: center;
}
.front .view-student-opportunities .more-link,
.node-home-feature .field-name-field-home-feature-button{
    text-align: center;
    margin-top: 41px;
}
.front .view-student-opportunities .more-link a,
.node-home-feature .field-name-field-home-feature-button a{
    background-color: #7aa72a;
    border-radius: 4px;
    color: #FFF;
    font-weight: 400;
    display: block;
    padding: 13px;
    max-width: 305px;
    margin: auto;
    box-sizing: border-box;
}
.front .view-student-opportunities .more-link a:hover,
.front .view-student-opportunities .more-link a:focus,
.front .view-student-opportunities .more-link a:visited,
.node-home-feature .field-name-field-home-feature-button a:hover,
.node-home-feature .field-name-field-home-feature-button a:focus,
.node-home-feature .field-name-field-home-feature-button a:visited{
    text-decoration: none;
}

/* 3 Col Card Grid */

.card-grid .view-content{
    padding: 0 45px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.card-grid.cards-num-1 .view-content{
    max-width: 304px;
    margin-left: auto;
    margin-right: auto;
}

.card-grid.cards-num-2 .view-content{
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.card-grid .view-content:after{
    content: '';
    display: block;
    clear: both;
}

.card-grid .views-row{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.card-grid.cards-num-1 .views-row{
    width: 100%;
}
.card-grid.cards-num-2 .views-row{
    width: 49%;
}

.card-grid.cards-num-1 .views-row,
.card-grid.cards-num-2 .views-row:nth-child(2n+2),
.card-grid .views-row:nth-child(3n+3){
    margin-right: 0;
}

/* Student Opportunity */

#block-views-student-opportunities-block{
    padding: 75px 0 70px;
    background-color: #f3f7fa;
}
.node-student-story.node-alt-teaser,
.node-student-opportunity.node-teaser{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 4px;
    margin-bottom: 0;
    position: relative;
}
.node-student-story.node-alt-teaser .node-content,
.node-student-opportunity.node-teaser .node-content{
    padding: 25.45vw 4.5vw 3.8vw 2.5vw;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
    border-radius: 4px;
    color: #FFF;
}
.node-student-story.node-alt-teaser .field-name-field-student-op-location,
.node-student-opportunity.node-teaser .field-name-field-student-op-location{
    position: absolute;
    left: 0;
    top: 28px;
}
.node-student-story.node-alt-teaser .locked,
.node-student-opportunity.node-teaser .locked{
    height: 0;
    padding-top: 51px;
    width: 51px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #FFF;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('images/lock.png');
    background-position: center 14px;
    background-size: 18px;
}

.card-link:hover,
.card-link:visited,
.card-link:focus{
    text-decoration: none;
}
.node-student-story.node-alt-teaser h2.node-title,
.node-student-opportunity.node-teaser h2.node-title{
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
}
.node-student-story.node-alt-teaser .field-name-field-student-op-location ul,
.node-student-opportunity.node-teaser .field-name-field-student-op-location ul{
    padding: 0;
    margin: 0;
}
.node-student-story.node-alt-teaser .field-name-field-student-op-location ul li,
.node-student-opportunity.node-teaser .field-name-field-student-op-location li{
    display: inline-block;
    background-color: #7aa72a;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    padding: 3px 26px 4px;
    width: 152px;
    box-sizing: border-box;
}
.field-name-field-student-op-card-summary{
    font-size: 14px;
    line-height: 1.57;
    margin-top: 10px;
    font-weight: 400;
}

.student-op-list-block{
    background-color: #f3f7fa;
    padding-top: 40px;
}

.student-op-list-block > .container{
    max-width: none;
    padding: 0;
}

.student-op-list-block .card-grid .view-content{
    padding: 0 50px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.student-op-list-block table.pagerer tbody tr td div.item-list ul.pager{
    background: #FFF;
    padding: 30px 0;
}

#edit-field-student-op-tags-tid-wrapper{
    display: none;
}

.viewed-term{
    max-width: 825px;
    margin: 30px auto 0;
    padding: 0 50px;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
}
.back-to-ops{
    display: inline-block;
    margin-right: 75px;
}
.back-to-ops .fa{
    padding-right: 4px;
}
.active-tag{
    color: #5e821d;
}

/* Student Opportunity Detail Pages */
.title-wrap{
    padding-top: 65px;
    margin-bottom: 0;
}

.front .title-wrap,
.title-wrap.with-image{
    padding-top: 0;
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.title-wrap.with-image h1#page-title{
    color: #FFF;
    font-size: 48px;
    line-height: 1;
    font-weight: 300;
    text-align: center;
    padding: 13.25vw 0 14.6vw;
}

.title-wrap.with-image .title-overlay{
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.field-name-field-student-opportunity-intro{
    font-size: 24px;
    line-height: 1.33;
    color: #5194c6;
    text-align: center;
    max-width: 650px;
    margin: 40px auto;
}
.group-body-tags:after{
    content: '';
    display: block;
    clear: both;
}
.group-body-tags{
    margin: 40px auto;
    max-width: 800px;
    border-top: 1px solid #9b9b9b;
    padding-top: 20px;
}

.group-body-tags .so-term-list,
.group-body-tags .field-name-body{
    float: left;
}

.group-body-tags .so-term-list{
    width: 25%;
}
.group-body-tags .field-name-body{
    width: 75%;
    padding-right: 40px;
    box-sizing: border-box;
}

.so-term-list h3{
    font-size: 14px;
    font-weight: 300;
    margin: 0;
}
.so-term-list .view-rows-wrap{
    margin-top: 20px;
}
.so-term-list .view-rows-wrap:first-child{
    margin-top: 2px;
}

.so-term-list .views-field-name a{
    color: #689a20;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
}

.node-student-story.node-teaser{
    margin-bottom: 0px;
    background: #f3f7fa;
}

.node-student-story.node-teaser .node-content{
    display: none;
    padding: 0 50px 65px;
}

.node-student-story.node-teaser h2.node-title:before{
    content: '';
    display: block;
    margin: auto;
    height: 5px;
    width: 100px;
    background: #5194c6;
    margin-bottom: 15px;
}

.node-student-story.node-teaser h2.node-title{
    font-size: 36px;
    font-weight: 300;
    color: #5194c6;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 45px;
}

.story-expand,
.story-expand:hover,
.story-expand:focus{
    outline: none;
    text-decoration: none;
}

.story-expand{
    font-size: 24px;
    line-height: 46px;
    display: block;
    color: #FFF;
    background-color: #5194c6;
    font-weight: 500;
    border-bottom: 1px solid #FFF;
    padding: 12px 0;    
}

.story-expand-inner{
    max-width: 520px;
    margin: auto;
    padding-right: 21px;
    background-image: url(images/expand-closed.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.open .story-expand-inner{
    background-image: url(images/expand-open.png);
}

.story-expand .ctype{
    color: #9ccBde;
    font-weight: 300;
    padding-left: 45px;   
    background-image: url(images/icon-student-story.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

.story-sep{
    margin: 0 10px;
}

.story-list .container{
    padding: 0;
}

/* Basic Page + Paragraphs */

.field-name-field-basic-page-intro{
    max-width: 700px;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin: auto;
    line-height: 1.44;
}

.field-name-field-basic-paragraphs .paragraphs-item-large-text,
.field-name-field-basic-paragraphs .paragraphs-item-large-text-rule{
    margin: 60px 0;
}

.field-name-field-basic-paragraphs .field-name-field-large-text-rule:before{
    width: 300px;
    height: 5px;
    background-color: #5194c6;
    margin: auto;
    display: block;
    content: '';
    margin-bottom: 20px;
}

.field-name-field-basic-paragraphs .field-name-field-large-text,
.field-name-field-basic-paragraphs .field-name-field-large-text-rule{
    max-width: 700px;
    margin: auto;
    text-align: center;
    font-size: 22px;
}

.field-name-field-basic-paragraphs .paragraphs-item-youtube-video{
    margin: 60px 0;
}

.field-name-field-basic-paragraphs .field-name-field-generic-text{
    max-width: 550px;
    margin: auto;
}

.field-name-field-basic-paragraphs .paragraphs-item-image{
    text-align: center;
    margin: 55px auto;
    max-width: 700px;
}
.field-name-field-basic-paragraphs .field-name-field-paragraph-image-caption{
    margin-top: 15px;
    font-size: 12px;
    font-weight: 400;
    max-width: 700px;
    border-bottom: 2px solid #e2e3e4;
    color: #000;
    padding-bottom: 16px;
}

/* Logistics */

.node-logistics.node-teaser{
    border-radius: 4px;
    margin-bottom: 0;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
}

.node-logistics .group-card-info{
    padding: 0 2.3vw 0 0;
    margin-top: 4.1vw;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.57;
}

.node-logistics.node-teaser .card-link{
    color: #FFF;
    padding: 5.45vw 1.85vw 2.73vw;
    display: block;
}
.field-name-field-logistic-logo{
    text-align: center;
    width: 14.5vw;
    margin: auto;
}
.field-name-field-logistic-logo img{
    border-radius: 50%;
}

.node-logistics.node-teaser h2.node-title{
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 10px;
}

.blue .field-name-field-basic-paragraphs .field-name-field-large-text-rule:before,
.node-logistics.node-teaser.blue{
    background-color: #5194c6;
}
.red .field-name-field-basic-paragraphs .field-name-field-large-text-rule:before,
.node-logistics.node-teaser.red{
    background-color: #e14446;
}
.green .field-name-field-basic-paragraphs .field-name-field-large-text-rule:before,
.node-logistics.node-teaser.green{
    background-color: #7aa72a;
}
.yellow .field-name-field-basic-paragraphs .field-name-field-large-text-rule:before,
.node-logistics.node-teaser.yellow{
    background-color: #f6a623;
}
.orange .field-name-field-basic-paragraphs .field-name-field-large-text-rule:before,
.node-logistics.node-teaser.orange{
    background-color: #d86b12;
}
.purple .field-name-field-basic-paragraphs .field-name-field-large-text-rule:before,
.node-logistics.node-teaser.purple{
    background-color: #514779;
}

/* Logistics Detail Pages */

.node-logistics.node-full .field-name-field-logistic-logo{
    margin-top: 35px;
}

.node-health-and-safety.node-full h2.node-title{
    padding-top: 65px;
}

.node-health-and-safety.node-full h2.node-title,
.node-logistics.node-full h2.node-title{
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 15px;
}
.node-logistics.node-full h2.node-title{
    margin-top: -30px;
}

.node-logistics.node-full .field-name-body{
    max-width: 700px;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin: auto;
    line-height: 1.44;
}

.field-name-field-logistic-image{
    text-align: center;
    margin: 55px 0;
}
.node-health-and-safety.blue h2.node-title,
.node-health-and-safety.blue h2.node-title a,
.node-logistics.node-full.blue .misti-tips .views-field-title,
.node-logistics.node-full.blue h2.node-title{
    color: #5194c6;
}
.node-health-and-safety.red h2.node-title,
.node-health-and-safety.red h2.node-title a,
.node-logistics.node-full.red .misti-tips .views-field-title,
.node-logistics.node-full.red h2.node-title{
    color: #e14446;
}
.node-health-and-safety.green h2.node-title,
.node-health-and-safety.green h2.node-title a,
.node-logistics.node-full.green .misti-tips .views-field-title,
.node-logistics.node-full.green h2.node-title{
    color: #7aa72a;
}
.node-health-and-safety.yellow h2.node-title,
.node-health-and-safety.yellow h2.node-title a,
.node-logistics.node-full.yellow .misti-tips .views-field-title,
.node-logistics.node-full.yellow h2.node-title{
    color: #f6a623;
}
.node-health-and-safety.orange h2.node-title,
.node-health-and-safety.orange h2.node-title a,
.node-logistics.node-full.orange .misti-tips .views-field-title,
.node-logistics.node-full.orange h2.node-title{
    color: #d86b12;
}
.node-health-and-safety.purple h2.node-title,
.node-health-and-safety.purple h2.node-title a,
.node-logistics.node-full.purple .misti-tips .views-field-title,
.node-logistics.node-full.purple h2.node-title{
    color: #514779;
}

/* Tips */

.misti-tips .views-row{
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
}

.tip-header{
    color: #FFF;
    background-color: #5194c6;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.63;
    padding: 12px 23px;
    border-radius: 4px 4px 0 0;
}
.node-logistics.node-full.blue .tip-header{
    background-color: #5194c6;
}
.node-logistics.node-full.red .tip-header{
    background-color: #e14446;
}
.node-logistics.node-full.green .tip-header{
    background-color: #7aa72a;
}
.node-logistics.node-full.yellow .tip-header{
    background-color: #f6a623;
}
.node-logistics.node-full.orange .tip-header{
    background-color: #d86b12;
}
.node-logistics.node-full.purple .tip-header{
    background-color: #514779;
}


.misti-tips .views-row img{
    width: 100%;
    vertical-align: bottom;
}

.misti-tips .views-field-title{
    font-size: 24px;
    line-height: 1.25;
    color: #5194c6;
    margin-bottom: 10px;
}
.misti-tips .views-field-body p{
    line-height: 1.38;
    font-family: 'muli';
    font-weight: 300;
    margin-bottom: 0;
    font-size: 16px;
}

.misti-tips .card-info{
    padding: 18px 50px 30px 18px;
}

/* Health and Safety */

.health-safety.card-grid .views-row{
    width: 30%;
    margin-right: 5%;
    margin-bottom: 5%;
}
.health-safety.card-grid .views-row:nth-child(3n+3){
    margin-right: 0;
}

.node-health-and-safety.node-teaser h2.node-title{
    font-size: 22px;
    line-height: 1.36;
    font-family: 'muli';
    font-weight: 400;
    text-transform: uppercase;
}

.node-health-and-safety h2.node-title a:hover,
.node-health-and-safety h2.node-title a:focus{
    text-decoration: none;
}
.node-health-and-safety.node-teaser.blue{
    border-top: 2px solid #5194c6;
}
.node-health-and-safety.node-teaser.red{
    border-top: 2px solid #e14446;;
}
.node-health-and-safety.node-teaser.green{
    border-top: 2px solid #7aa72a;
}
.node-health-and-safety.node-teaser.yellow{
    border-top: 2px solid #f6a623;
}
.node-health-and-safety.node-teaser.orange{
    border-top: 2px solid #d86b12;
}
.node-health-and-safety.node-teaser.purple{
    border-top: 2px solid #514779;
}

/* Resources */

.node-resource.node-teaser{
    margin-bottom: 0;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.07);
    border-radius: 4px;
}

.node-resource.node-teaser .field-name-field-resource-image img{
    vertical-align: bottom;
    border-radius: 4px 4px 0 0;
    width: 100%;
}

.node-resource .group-card-info{
    background-color: #5194c6;
    color: #FFF;
    border-radius: 0 0 4px 4px;
    font-family: 'muli';
    font-size: 16px;
    line-height: 1.38;
    font-weight: 300;
    padding: 18px 28px 40px 18px;
}

.node-resource h2.node-title{
    font-size: 24px;
    line-height: 1.25;   
    font-weight: 300;
    margin-bottom: 8px;
}

/* Events */

.events-menu .container{
    max-width: 800px;
    margin-bottom: 5px;
}

.events-menu li.active-trail{
    display: none;
}

.event-list-block{
    max-width: 800px;
    margin: auto;
}

.event-list-block .views-row{
    border-top: 2px solid #c6c5c7;
    padding-top: 40px;
    padding-bottom: 40px;
}

.cal-tab,
.event-info{
    display: table-cell;
    vertical-align: top;
}

.cal-tab{
    width: 105px;
    text-align: center;
    color: #FFF;
}
.cal-tab a{
    color: #FFF;
}
.cal-tab a:hover,
.cal-tab a:focus{
    text-decoration: none;
}

.cal-tab-top{
    background-color: #2a363b;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
    font-size: 14px;
}
.cal-tab-top a{
    padding: 7px;
    display: block;
}
.cal-tab-bottom{
    background-color: #7aa72a;
    border-radius: 0 0 4px 4px;
    font-size: 48px;
    line-height: 1;
}
.cal-tab-bottom a{
    padding: 15px;
    display: block;
}

.event-info{
    padding-left: 35px;
    font-size: 14px;
    line-height: 1.71;
    color: #333333;
    font-weight: 400;
}

.event-info .views-field-title{
    font-size: 18px;
    line-height: 1.44;
    font-weight: 600;
    margin-bottom: 5px;
}

.event-info .views-field-title a:hover,
.event-info .views-field-title a:focus{
    text-decoration: none;
}

.event-time-loc div{
    display: inline-block;
}
.event-time-loc > div:after{
    content: '|';
    display: inline-block;
    margin: 0 5px 0 7px;
}
.event-time-loc > div:last-child:after{
    display: none;
}

.views-field-field-event-summary{
    margin-top: 20px;
}
.views-field-field-event-summary p{
    margin-bottom: 0;
}

.field-name-field-rsvp-link a,
div.addeventatc,
div.addeventatc:hover,
div.addeventatc:focus{
    display: inline-block;
    border: none;
    text-align: center;
    padding: 17px;
    top: 0;
    font-size: 16px;
    font-weight: 400;
    border-radius: 0;
    line-height: 1.06;
    border-radius: 4px;
    background-color: #7aa72a;
    color: #FFF !important;
    font-family: lato;
    box-sizing: border-box;
}
.field-name-field-rsvp-link a{
    width: 100%;
}
.field-name-field-rsvp-link a:hover,
.field-name-field-rsvp-link a:focus{
    text-decoration: none;
}
.group-button-group > div{
    display: inline-block;
    width: 49%;
    margin-right: 2%;
}
.group-button-group > div:last-child{
    margin-right: 0;
}
span.addeventatc_icon.atc_node{
    display: none;
}
.addeventatc:active{
    top: 0;
}
.group-event-header{
    text-align: center;
    font-size: 18px;
    line-height: 1.44;
    color: #000;
    margin-top: 10px;
}
.group-event-header .field-label{
    font-weight: 300;
}
.node-type-event .group-button-group{
    max-width: 426px;
    margin: 25px auto;
}

.node-type-event .node-content{
    padding-bottom: 65px;
}

.addeventatc_dropdown .copyx{
    display: none !important;
}
.node-type-event .field-name-field-event-location{
    display: inline-block;
}
.node-type-event .field-name-field-event-location a{
    color: #5194c6;
}
.sharethis-wrap{
    margin-bottom: 40px;
}
.sharethis-wrap h3{
    font-size: 12px;
    line-height: 2.17;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    margin: 5px 0;
}

.node-type-event .group-date-time div{
    display: inline-block;
}
.node-type-event .group-date-time div:after{
    content: '|';
    margin: 0 5px 0 7px;
    display: inline-block;
}
.node-type-event .group-date-time div:last-child:after{
    display: none;
}

/* Back to top */

.top-button{
    display: block;
    max-width: 550px;
    margin: auto;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin-top: 47px;    
}

/* Footer */

#footer-wrapper{
    background-color: #2a363b;
    padding: 75px 0;
    margin-top: 60px;
}

.view-social-media .view-content ul{
    margin: 0;
    padding: 0;
    text-align: center;
}

.view-social-media .view-content li{
    display: inline-block;
    margin: 0 5px 0 0;
}
.view-social-media .view-content li:last-child{
    margin-right: 0;
}

.region-side-menu ul.menu ul{
    display: none;
}

/* Login Page */
.page-user-login #tasks {
    display: none;
}
#shib_login_url{
    text-align: center;
}
#shib_login_url a {
    border-radius: 4px;
    border: 1px solid #5e821d;
    display: inline-block;
    padding: 8px 20px 9px;
    font-weight: 400;
    color: #5e821d;
}

#user-login .form-item-name, #user-login .form-item-pass, #user-login .form-actions {
    display: none;
}

/* Maintenance Page */
.maintenance-page #logo{
    display: none;
}
.maintenance-page #content{
    text-align: center;
    margin-top: 15px;
}

/* Search */

.page-search #search-form input[type="text"]{
    width: 73%;
    max-width: 400px;
    margin-bottom: 20px;
}

#search-form label{
    display: none;
}

.gsc-control-cse{
    padding: 0 !important;
}

.gsc-control-cse table,
.gsc-control-cse tbody,
.gsc-control-cse tbody tr{
    border: none ;
}
.gsc-above-wrapper-area{
    border: none !important;
    background-color: #F6F6F2;
    font-size: 18px !important;
    color: #333 !important;
    padding: 0 !important;
    border-radius: 6px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}
.gsc-result-info{
    font-size: 18px !important;
    color: #333 !important;
    font-family: 'lato' !important;
}
.gsc-selected-option-container{
    background-color: #FFF !important;
    font-size: 16px !important;
    font-weight: normal !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}
.gsc-webResult .gsc-result{
    margin-bottom: 35px !important;
    padding: 0 0 30px 0 !important;
    border-bottom: 1px dashed #cecece !important;
}
.gs-result .gs-title{
    height: auto !important;
    overflow: visible !important; 
    margin-bottom: 15px !important;
    text-decoration: none !important;
    font-family: 'lato' !important;
}
.gs-result .gs-title *{
    font-size: 21.6px !important;
    font-weight: normal !important;
    color: #5e821d !important;
    text-decoration: none !important;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl{
    color: #888 !important;
    font-size: 15.3px !important;
}
.gsc-control-cse .gsc-table-result{
    font-size: 18px !important;
    font-family: 'lato' !important;
    margin: 5px 0 0 0 !important;
}
.gsc-table-cell-thumbnail, .gs-promotion-image-cell{
    display: none !important;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top{
    padding: 0 !important;
}
.gcsc-branding{
    display: none !important;
}
.gsc-results .gsc-cursor-box{
    text-align: center;
    margin-bottom: 30px !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page{
    margin: .3em !important;
    font-size: 18px;
    font-weight: bold;
    color: #A80230 !important;
    display: inline-block !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
    text-decoration: underline !important;
}
.gsc-orderby-container{
    padding-right: 8px;
    font-family: 'lato' !important;
}