/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */
/*
 * Body
 */
body {
  margin: 0;
  padding: 0; }

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#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; }

/*
 * Header
 */
#header {
  background-color: #dedddd; }

.area-pa #header {
  background-color: #858B98; }
  .area-pa #header #logo img {
    margin-top: 1.3em; }
  .area-pa #header h1 {
    margin-top: 1em;
    margin-bottom: 1.3em;
    font-size: 1.02em; }
  .area-pa #header hgroup a:hover {
    text-decoration: none; }

#logo {
  /* Wrapping link for logo */
  margin: 0;
  padding: 0; }
  #logo img {
    vertical-align: bottom; }

#name-and-slogan {
  /* Wrapper for website name and slogan */ }

#site-name {
  /* The name of the website */
  margin: 0;
  font-size: 2.6em;
  line-height: 1.2em; }
  #site-name a:link,
  #site-name a:visited {
    color: #000;
    text-decoration: none; }
  #site-name a:hover,
  #site-name a:focus {
    text-decoration: underline; }

#site-slogan {
  /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
  font-weight: 400; }

.region-header {
  /* Wrapper for any blocks placed in the header region */
  clear: both;
  /* Clear the logo */ }

/*
 * Main (container for everything else)
 */
/*
 * Content
 */
.breadcrumb {
  /* The path to the current page in the form of a list of links */
  float: left; }
  .breadcrumb ol {
    margin: 0;
    padding: 0; }
  .breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0; }

h1.title,
h2.node-title,
h2.block-title,
h2.title,
h3.title {
  /* Comment title */
  margin: 0; }

hgroup.title {
  height: 77px;
  margin-top: 40px;
  position: relative; }

h1.title {
  bottom: 0px;
  margin-bottom: -6.75px;
  position: absolute; }

.area-projects hgroup.title {
  height: auto;
  margin-top: 15px; }
.area-projects h1.title {
  margin: 0;
  position: relative; }

/**
 * User page.
 */
.page-user .shs-hierarchy {
  padding: 0;
  list-style: none;
  font-size: 1.17em;
  line-height: 1.36752em;
  margin-top: 1.36752em;
  margin-bottom: 1.36752em; }
  .page-user .shs-hierarchy li {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important; }
    .page-user .shs-hierarchy li::after {
      content: '';
      margin: 0; }
    .page-user .shs-hierarchy li:nth-child(2)::before {
      content: ' ('; }
    .page-user .shs-hierarchy li:nth-child(2)::after {
      content: ')'; }

/**
 * Tables.
 */
table {
  width: 100%;
  font-size: 0.923em;
  margin: 0 0 10px;
  border: 1px solid #bebfb9; }
  table td, table th {
    vertical-align: middle;
    padding: 8px 10px;
    border: 0;
    color: #000; }
  table th {
    text-transform: uppercase;
    background: #e1e2dc;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    border-color: #bebfb9;
    padding: 3px 10px; }
    table th a {
      display: block;
      position: relative; }
    table th.active {
      background: #bdbeb9; }
      table th.active a {
        padding: 0 25px 0 0;
        /* LTR */ }
      table th.active img {
        position: absolute;
        top: 3px;
        right: 3px;
        /* LTR */ }
  table td.active {
    background: #e9e9dd; }
  table tr.even, table tr.odd {
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #bebfb9;
    background: #f3f4ee; }
  table tr.odd {
    background: #fff; }
    table tr.odd td.active {
      background: #f3f4ee; }
  table tr.drag {
    background: #fe7; }
  table tr.drag-previous {
    background: #ffb; }
  table tr.selected td.active, table tr.selected td {
    background: #ffc;
    border-color: #eeb; }

div.messages {
  /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0;
  /* Drupal core uses "6px 0" margin */ }
  div.messages ul {
    margin-top: 0;
    margin-bottom: 0; }

div.status {
  /* Normal priority messages */ }

div.warning,
tr.warning {
  /* Medium priority messages */
  /* border: 1px solid #f0c020; */
  /* Drupal core uses: 1px solid #f0c020 */ }

div.error,
tr.error {
  /* High priority messages. See also the .error declaration below. */ }

.error {
  /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */
  /* Drupal core uses a #e55 background */ }

.warning {
  /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */
  /* Drupal core uses a #e09010 background */ }

.tabs {
  /* See also the tabs.css file. */ }

.region-help {
  /* Help text on a page */ }

.more-help-link {
  /* Link to more help */ }

.region-content {
  /* Wrapper for the actual page content */ }

ul.inline {
  /* List of links generated by theme_links() */
  display: inline;
  padding: 0; }
  ul.inline li {
    display: inline;
    list-style-type: none;
    padding: 0 1em 0 0;
    /* LTR */ }

span.field-label {
  /* The inline field label used by the Fences module */
  padding: 0 1em 0 0;
  /* LTR */ }

.item-list .pager {
  /* A list of page numbers when more than 1 page of content is available */
  padding: 0; }
  .item-list .pager li {
    /* Each page number in the pager list */
    padding: 0 0.5em; }

.feed-icon {
  /* The link to the RSS or Atom feed for the current list of content */ }

.more-link {
  /* Aggregator, blog, and forum more link */ }

/*
 * Sidebar
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
#sidebar {
  background-color: #0e2c5b;
  -moz-box-shadow: inset -7px 0 15px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset -7px 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset -7px 0 15px 0 rgba(0, 0, 0, 0.5); }

.sidebars .region-sidebar-second, .sidebars .region-sidebar-third {
  width: 45%; }
.sidebars .region-sidebar-second {
  float: left; }
.sidebars .region-sidebar-third {
  float: right; }

/*
 * Footer
 */
/*
 * Page bottom
 */
.region-bottom {
  /* Wrapper for any blocks placed in the page bottom region */ }

/*
 * Splash screen
 */
html, body {
  height: 100%; }

.page-node-151 {
  background: url(../images/bg/shutterstock_102000970.jpg) no-repeat;
  /* flickr_Rudolf-Getel */
  background-size: cover;
  background-attachment: fixed; }
  .page-node-151 #header-start {
    background-color: rgba(249, 249, 249, 0.8);
    display: block;
    text-align: center;
    padding: 2em; }
    .page-node-151 #header-start img {
      margin: 1em; }
    .page-node-151 #header-start h1 {
      color: #005aab; }
    .page-node-151 #header-start h2, .page-node-151 #header-start h3 {
      color: #4a4a4a; }
    .page-node-151 #header-start h3 {
      margin-top: 2.73504em;
      margin-bottom: 0em; }
  .page-node-151 #main-start {
    max-width: 700px;
    margin: 5em auto;
    padding: 0 8px; }
    .page-node-151 #main-start .front_select {
      background-color: rgba(249, 249, 249, 0.8);
      padding: 4px;
      margin: 0 20px 10px 8px;
      text-align: center; }
    .page-node-151 #main-start .front_link {
      width: 299px;
      height: 200px;
      background-color: rgba(249, 249, 249, 0.8);
      display: inline-block;
      margin: 20px;
      padding: 15px;
      vertical-align: middle;
      position: relative; }
      .page-node-151 #main-start .front_link a {
        height: 200px;
        display: block;
        padding: 15px;
        margin: -15px;
        text-align: center; }
        .page-node-151 #main-start .front_link a:visited {
          color: #005aab; }
        .page-node-151 #main-start .front_link a:hover {
          text-decoration: none;
          color: #c56828;
          background-color: rgba(249, 249, 249, 0.5); }
      .page-node-151 #main-start .front_link ul {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        text-align: left; }
      .page-node-151 #main-start .front_link h3 {
        bottom: 0px;
        left: 0px;
        right: 0px;
        position: absolute; }
    .page-node-151 #main-start .small {
      height: 100px; }
      .page-node-151 #main-start .small a {
        height: 100px; }
      .page-node-151 #main-start .small h3 {
        position: relative; }
    .page-node-151 #main-start #subscriptions-ui-node-form {
      display: none; }
    .page-node-151 #main-start #views-exposed-form-projects-page-2 {
      width: 600px;
      margin: 0 auto;
      vertical-align: bottom; }
      .page-node-151 #main-start #views-exposed-form-projects-page-2 div {
        display: inline; }
      .page-node-151 #main-start #views-exposed-form-projects-page-2 label {
        display: none; }
      .page-node-151 #main-start #views-exposed-form-projects-page-2 .views-exposed-widget {
        padding-right: 0;
        float: none; }

#edit-keys {
  width: 430px;
  margin-right: 1em; }

@media only screen and (max-device-width: 1024px) {
  #edit-keys {
    width: 400px; } }
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #site-name {
    font-size: 2em; }

  .page-node-151 #header-start {
    padding: 1em; }
  .page-node-151 #main-start {
    margin: 2.5em auto; } }