/* This stylesheet contains custom styles for HPC2N */

body { 
/*  color: #5e5e5e;*/
  color: #484848;
/*  background: #f5f5f5; */
  font: 14px/1.6 'Open Sans', "Helvetica", Arial; -webkit-font-smoothing: antialiased; 
}

body a {
/*    color: #54A2D5;*/
/*    color: #0086DE;*/
/* color: #484848;*/
color: #000088;
}

body a:active {
color: #0086DE;
} 

body a:hover {
color: #0086DE; 
} 

body strong {
color: #484848;
} 

body a strong {
color: #000088;
}

body a strong:hover {
color: #0086DE;
}

img {
vertical-align: middle;
border-style: none !important;
} 

b { 
font-weight: 600; 
color: #000; 
}

#footer .content a {
color: #000088;
}

#footer .content a:active {
color: #0086DE;
}

#footer .content a:hover {
color: #0086DE;
}

#header-wrap {
/*background: #f5f5f5;*/
border-bottom: 0;
box-shadow: 0 0 0;}

/* Main Navigation
================================================== */
#main-menu > ul,
#main-menu > ul * { margin: 0; padding: 0; list-style: none; }
#main-menu > ul li { position: relative }
#main-menu > ul ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; }
#main-menu > ul > li { float: left }
#main-menu > ul li:hover > ul,
#main-menu > ul li.sfHover > ul { display: block }
#main-menu > ul a { display: block; position: relative; }
#main-menu > ul ul ul { top: 0; left: 100%; }
#main-menu > ul { float: left }
#main-menu > ul ul { min-width: 160px; *width: 160px; }
#main-menu > ul a { zoom: 1 }
#main-menu > ul li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
#main-menu > ul li:hover,
#main-menu > ul li.sfHover { -webkit-transition: none; transition: none; }
#main-menu > ul .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
#main-menu > ul li:hover > .sf-mega,
#main-menu > ul li.sfHover > .sf-mega { display: block }
/*styling*/
#site-navigation-wrap { position: absolute; right: 0; top: 50%; height: 40px; margin-top: -20px; }
#site-navigation #main-menu > ul li { display: block; float: left; height: 40px; line-height: 40px;}
#site-navigation #main-menu > ul > li { margin-left: 25px; }
#site-navigation #main-menu > ul > li:first-child { margin-left:0; }
#site-navigation #main-menu > ul a { color: #484848; font-weight: 400; text-decoration: none; text-align: left; cursor: pointer; }
#site-navigation #main-menu > ul > li > a:hover,
#site-navigation #main-menu > ul > li.sfHover > a,
#site-navigation #main-menu > ul > li > a.active,
#site-navigation #main-menu > ul > li > a.active:hover { color: #0086DE; font-weight: 400;}
/*drop-down styles*/
/* Blue background */
/* #site-navigation #main-menu > ul ul { background: #0086DE; font-size: 1em; } */
/*Grey background */
#site-navigation #main-menu > ul ul { background: #e8e8e8; font-size: 1em; }
#site-navigation #main-menu > ul ul li a { display: block; height: auto; line-height: 1.7em; padding: 10px; margin: 0px; border: 0px; text-transform: none; }
#site-navigation #main-menu > ul ul li a.sf-with-ul { padding-right: 23px; }
#site-navigation #main-menu > ul ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); line-height: 1.4em; height: auto; float: none; display: block; }
/*#site-navigation #main-menu > ul ul li > a:hover { color: #fff }*/
#site-navigation #main-menu > ul ul li > a:hover { color: #0086DE }*
#site-navigation #main-menu > ul ul li:last-child { border: none; }
/*arrows*/
#site-navigation #main-menu > ul > li .fa-angle-down { margin-left: 5px }
#site-navigation #main-menu > ul > li ul li .fa-angle-right { position: absolute; top: 50%; right: 15px; height: 20px; line-height: 20px; margin-top: -10px; }

#site-navigation #main-menu .expanded .leaf {background-color: #e8e8e8; border: 1px solid #e0e0e0;}

#site-navigation #main-menu .expanded .leaf a:hover {
color: #0086DE;
}

#site-navigation-wrap {
padding-right: 10px;
}

/*hide responsive elements
================================================== */
#navigation-toggle, .sidr, #sidr-close {  }

a#navigation-toggle { display: none; }

#sidr-0-button#sidr-0-button { font-size: 1.3em; }

/* Hiding the caption for the frontpage slideshow */ 

.homepage-slide-caption { 
display: none; 
/*background: #ffffff;*/
}

/* Changing the look of the tables */ 

table {
  margin: 0 0 1.5em;
  width: 100%;
  border:0px solid #ddd;
  border-right:none;
  background:#fff;
  color:inherit;
  vertical-align:top !important;
}

th {
  font-weight: bold;
  padding:10px 10px;
  background:#fff;
  color:inherit;
}

tr{
  padding:5px 5px;
  vertical-align:top !important;
}

td{
  padding:5px 10px;
  vertical-align:top !important;
}

td, th {  
  border-top:0px solid #ddd;
  border-right:0px solid #ddd;
}

/* Table for board member page */ 

table.someborder {
outline-color: #9b9b9b;
border: 0;
border-collapse: separate;
border-spacing: 0px;
outline-style: solid;
}

table.someborder td {
border-top: 1px solid black;
border-bottom: 1px solid black;
/*border: 0;*/
}

table.someborder th {
border-bottom: 2px solid #9b9b9b;
background-color: #ececec;
}

/* Tables with border */

table.withborder {
border: 1px solid black;
}

table.withborder tr,
table.withborder td {
border: 1px solid black;
}

table.withborder th {
border: 2px solid black;
}

/* Tables without border */ 

table.noborder {
border: 0;
}

table.noborder tr,
table.noborder td {
border: 0;
}

table.noborder th {
border: 0;
}

/* Tables with no border and grey background */ 

table.noborderbg {
border: 0;
background: #e3e3e3;
}

table.noborderbg tr,
table.noborderbg td {
border: solid 1px #d3d3d3;
/* background: #e3e3e3; */
}

table.noborderbg th {
border: 0;
background: #e3e3e3;
}

/* Tables with light borders */ 

table.lightborder {
outline-color: #9b9b9b;
border: 0;
border-collapse: separate;
border-spacing: 0px;
outline-style: solid;
}

table.lightborder tr:nth-child(even) {
/* border: 0 0 0 1px solid black; */
background-color: #ececec;
}

table.lightborder td {
/*border-top: 1px solid black;
border-bottom: 1px solid black;*/
border: 0;
}

table.lightborder th {
border-bottom: 2px solid #9b9b9b;
background-color: #ececec;
}

/* Tables with no borders and even-odd striping */ 

table.withstriping {
border: 0;
border-collapse: separate;
}

table.withstriping tr:nth-child(even) {
/* border: 0 0 0 1px solid black; */
background-color: #ececec;
}

table.withstriping > tbody > tr:nth-child(even) {
background-color: #ececec;
}

table.withstriping td {
border: 0;
}

table.withstriping th {
background-color: #ececec;
}

/* Tables with thich left border on third of four cells */ 

table.leftborder {
border: 1px solid black;
}

table.leftborder td {
border: 1px solid black;
}

table.leftborder td:nth-child(3) {
border-left: 2px solid black; 
}

/* Front page tables */ 

.front table.greynoborder {
border: 0;
background: #e3e3e3;
}

/* Changing the look of lists */ 

ul, ol {
  margin: 0 0 1em 3.0em;
}
ul {
  list-style: disc;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style: upper-alpha;
}
ol ol ol {
  list-style: lower-roman;
}
ol ol ol ol {
  list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

/* Typography */ 

h1,h2,h3,h4,h5,h6 { font-weight: 600; color: #444; line-height: 1.4em; font-family: 'Helvetica Neue', Helvetica, Arial; }

h1 {
  font-size: 1.9em;
  margin: 0 0 20px;
}

h2 {
  font-size: 1.7em;
  margin: 0 0 17px;
}

h3 {
  font-size: 1.4em;
  margin: 0 0 15px;
}

h4 {
  font-size: 1.25em;
  margin: 0 0 10px;
}

h5 {
  font-size: 1.1em;
  margin: 0 0 10px;
}

h6 {
  font-size: 0.9em;
  margin: 0 0 10px;
}

p { 
  margin: 0 0 20px 
}

/* Board of directors page */ 

.page-node-499 h4 {
margin: 0 0 5px;
}

.page-node-499 hr {
margin: 2px 0 2px 0;
}

/* Styling the submenues on the documentation page */ 

.page-node-26 #block-menu-block-1 .menu-block-wrapper {
column-rule-style: solid;
column-rule-color: #eee;
column-rule-width: 1px;
-webkit-column-width: 20em;
-moz-column-width: 20em;
column-width: 20em;
}

.page-node-26 ul.menu li {
display: inline;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
/*column-width: 20em;*/
}

.page-node-26 .menu-block-wrapper > ul > li {
display: block;
} 

.page-node-26 .menu-block-wrapper > ul > li > ul > li.leaf {
display: block;
} 

.page-node-26 .menu-block-wrapper > ul > li > ul > li > ul > li {
display: block;
} 

.page-node-26 .menu-block-wrapper > ul > li > a {
font-weight: 600;
}

/*.page-node-26 ul li ul.menu {
display: block;
border: solid yellow 1px;
} */

.page-node-26 .menu-block-wrapper > ul > li > ul > li:after{
/*content: " ♦";*/
}

.page-node-26 .menu-block-wrapper > ul > li > ul > li:last-child:after{
content: "";
}

.page-node-26 .field-name-field-tags {
display: none;
}

/* Fixing the caption under pictures */ 

figure {
  display:table;
}

figcaption {
  margin-top: -4em;
  padding-bottom: 1em;
  font-size: small;
  display:table-caption;
  caption-side:bottom;
  min-width: 300px;
}

figcaption.v2 {
  margin-top: -2em;
  padding-bottom: 1em;
  font-size: small;
  display: table-caption;
  caption-side: bottom;
  font-weight: 700;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  min-width: 550px;
}

figcaption.smallpicture {
  margin-top: -2em;
  padding-bottom: 1em;
  font-size: small;
  display: table-caption;
  caption-side: bottom;
  font-weight: 700;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  min-width: 400px;
}

/*Removing the tags from the guides page - since it is placed wrong */ 

.page-node-97 .field-name-field-tags {
display: none;
}

/* Removing tags from the access and accounts page */ 

.page-node-101 .field-name-field-tags { 
display: none;
} 

/* Removing tags from the top-level Compiling page */ 

.page-node-121 .field-name-field-tags {
display: none;
}

/* Removing tags from the top-level Batch system page */

.page-node-125 .field-name-field-tags {
display: none;
}

/* Removing tags from the top-level Software page */ 

.page-node-554 .field-name-field-tags {
display: none;
}

/* Change colour of tags */ 

.field-name-field-tags .field-item a {
background: #e3e3e3;
color: #777777;
}

h1 a, h2 a, h3 a, h4 a { color: #000088; }
body a, body strong a { color: #000088;} 
b a, strong a { color: #000088; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #0086DE; text-decoration: none; }
em { font-style: italic }
strong { font-weight: 600; color: #000; }
small { font-size: 80% }
hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; margin: 30px 0; }

/* Styling the front page */ 
  
#content-wrap {
clear: both; 
} 

#footer-wrap {
padding: 10px 0 0 0;
}

#footer-wrap hr {
margin: 25px 0;
}

.statistics_counter {
font-size: 70%;
}

.views-field-changed {
font-size: 70%;
}

/*#frontblock {
float: none;
width: 940px;
margin-left: auto;
margin-right: auto;
}*/

#main {
padding: 0 0;
} 

#main h1.page-title {
display: none;
}

#preface-wrap {
padding: 0 0;
} 

#preface-wrap .block {
margin-bottom: 0px;
}

.region-content-top > .block-views {
float: left;
/*max-width: 285px;*/
width: 306px;
/*overflow-y: auto;*/
overflow-y: hidden;
/*max-height: 290px;*/
/*height: 306px;*/
height: 312px;
margin: 0px 1em;
border: solid 2px #d3d3d3;
padding: 0.5ex;
background: #e3e3e3; 
/*
border-right: outset 5px #ffffff;
border-bottom: outset 5px #ffffff;
*/
/*margin: 0 0 1ex 0.5ex;*/
margin: 0 1ex 1ex auto;
position: relative;
line-height: 100%;
}

#block-views-news-and-events-block-block {
/*background-image: url('../images/hpc2n_greyish-80.png');*/
background-repeat: no-repeat;
background-size: 100% 100%;
background: #e3e3e3;
margin-right: 10px;
padding: 4px 0 8px 4px;
}

#block-views-news-and-events-block-block > h2:first-child {
display: block;
font-size: 1.286em;
margin-left: 3px;}

#block-views-news-and-events-block-block > .content > .view-news-and-events-block > .view-content > .views-row > .views-field-title a {
display: block;
/*float: left;*/
margin: 5px 0 15px 3px !important;
}

#block-views-news-and-events-block-block > .content > .view-news-and-events-block > .view-content > .views-row > .views-field-title a {
font-size: medium !important;
font-weight: 600;
}

#block-views-news-and-events-block-block > .content > .view-news-and-events-block > .view-content > .views-row > .views-field-body a {
color: #484848;
}

#block-views-news-and-events-block-block > .content > .view-news-and-events-block > .view-content > .views-row > .views-field-body p {
margin: 5px 0 20px;
}

.view-news-and-events > .view-content > .views-row > .node-news-and-events ul.meta {
display:none;
}

.view-news-and-events > .view-content > .views-row > .node-news-and-events ul.links {
display:none;
}

#front-text {
background: #e3e3e3;
margin: 10px 10px 3px 0;
} 

#front-text > h3:nth-child(1) {
margin: 6px 0 0 7px !important;
padding-top: 2px;
padding-bottom: 3px;
}

#front-text > p > strong:nth-child(1) {
margin: 10px 0 10px 7px !important; 
padding-top: 2px;
}

#front-desc {
margin: 0 7px 6px 7px !important;
padding-bottom: 1px;
}

.region-sidebar-first > #block-views-news-and-events-block-1 > .content > .view-news-and-events > .view-content > .views-row h2.title {
font-size: medium !important;
}

#block-views-hpc2n-block-block {
background-image: url('../images/hpc2n_white-80.png');
background-repeat: no-repeat;
background-size: 100% 100%;
/*background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;*/
/*opacity: 0.35;*/
}

#block-views-hpc2n-block-block > .content > .view-hpc2n-block > .view-content > .views-row > .views-field > .field-content > a:link {
text-decoration: none;
color: #484848;
}

#block-views-hpc2n-block-block > .content > .view-hpc2n-block > .view-content > .views-row > .views-field > .field-content > p a:link {
text-decoration: none;
}

.region-header {
position: relative;
background-image: url('/sites/default/files/images/hpc2n-winter.jpg');
background-repeat: no-repeat;
}

.front > #wrap > #main > #content-wrap > .region > #block-system-main > .content > .content > .field > .field-items > .field-item > hr {
border: solid 1px #d3d3d3;
}

.front > #wrap > #main > #content-wrap > .region > #block-system-main > .content > .content > .field > .field-items > .field-item > h3 {
color: ;
}

.front table.noborder {
border: 0;
background: #e3e3e3; 
}

.front table.noborder tr,
.front table.noborder td {
border: solid 1px #d3d3d3;
/* background: #e3e3e3; */
}

.front table.noborder th {
border: 0;
background: #e3e3e3;
}

/* Header image for front page */

.front > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/summer5.jpg');
/*background-image: url('../images/hpc2n-header-composite.jpg');*/
}

#block-views-header-text-block > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

/* Header image for other images */

.not-front > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/summer5.jpg');
/*background-image: url('../images/hpc2n-header-composite.jpg');*/
}

#block-views-header-text-block-5 > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

#block-views-header-text-block-5 > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
color: #ffffff !important;
}

#block-views-header-text-block-5 > .content > .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
}

#block-views-header-text-block-5 > .content {
min-height: 270px;
}

#block-views-header-text-block-5 > .content > .view-header-text > .view-content {
padding: 70px 0 50px 40px;
}

/* Header image for software pages */

.node-type-software-page > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/software-header.jpg');
}

.page-node-32 > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/software-header.jpg');
}

.page-node-74 > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/software-header.jpg');
}

.node-type-basic-software-page > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/software-header.jpg');
}

#block-views-header-text-block-1 > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

#block-views-header-text-block-1 > .content > .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
}

#block-views-header-text-block-1 > .content {
min-height: 270px;
}

#block-views-header-text-block-1 > .content > .view-header-text > .view-content {
padding: 70px 0 50px 40px;
}

#block-views-header-text-block-1 > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
color: white !important;
}


/* Header image for documentation pages */

/*.page-node-75 > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/documentation-header2.jpg');
} */

.node-type-documentation-page > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/documentation-header2.jpg');
}

#block-views-header-text-block-4 > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

#block-views-header-text-block-4 > .content > .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
}

#block-views-header-text-block-4 > .content {
min-height: 270px;
}

#block-views-header-text-block-4 > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
color: white !important;
}

#block-views-header-text-block-4 > .content > .view-header-text > .view-content {
padding: 70px 0 50px 40px;
}

/* Header image for support pages */

.page-node-14 > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/support-header.jpg');
}

.node-type-support-page > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/support-header.jpg');
}

#block-views-header-text-block-3 > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

#block-views-header-text-block-3 > .content > .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
}

#block-views-header-text-block-3 > .content {
min-height: 270px;
}

#block-views-header-text-block-3 > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
color: white !important;
}

#block-views-header-text-block-3 > .content > .view-header-text > .view-content {
padding: 70px 0 50px 40px;
}

/* Header image for hardware pages */

.node-type-hardware-page > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/hardware-header.jpg');
}

#block-views-header-text-block-2 > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

#block-views-header-text-block-2 > .content > .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
}

#block-views-header-text-block-2 > .content {
min-height: 270px;
}

#block-views-header-text-block-2 > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
color: white !important;
}

#block-views-header-text-block-2 > .content > .view-header-text > .view-content {
padding: 70px 0 50px 40px;
}


/* Header image for Kebnekaise hardware page */

.node-type-kebnekaise-page > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/kebnekaise-header.jpg');
}

.page-node-537 > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/kebnekaise-header.jpg');
}

#block-views-header-text-block-7 > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

#block-views-header-text-block-7 > .content > .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
}

#block-views-header-text-block-7 > .content {
min-height: 270px;
}

#block-views-header-text-block-7 > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
color: white !important;
}

#block-views-header-text-block-7 > .content > .view-header-text > .view-content {
padding: 70px 0 50px 40px;
}



/* Header image for Steering Committee pages */

.node-type-steering-page > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/summer5.jpg');
}

.node-type-steering-page .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
}

.node-type-steering-page .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
}

.node-type-steering-page > .content {
min-height: 270px;
}

.node-type-steering-page .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
color: white !important;
}

.node-type-steering-page .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p {
color: white !important;
}

.node-type-steering-page > .view-header-text > .view-content {
padding: 50px 0 50px 40px;
}



/* Header image for other images */

/*.not-front > #wrap > #preface-wrap > #preface > .span_1_of_1 > .region-header {
background-image: url('../images/hpc2n-winter.jpg');
} 

#block-views-header-text-block > .content > .view-header-text > .view-content > .views-row > .views-field-body {
margin 0 auto;
text-align: left;
line-height: 100%;
padding: 20px 0 20px 20px;
color: #ffffff;
background: rgba(40, 40, 40, 0.4) none repeat scroll 0% 0%;
} */

@media screen and (min-width: 768px) {

#block-views-header-text-block > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content {
margin 0 auto;
text-align: left;
font-size: 48px;
line-height: 100%;
color: #ffffff;
}

#block-views-header-text-block > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
text-align: left;
font-size: 48px;
line-height: 100%;
color: #ffffff;
}

}

@media screen and (max-width: 768px) {

#block-views-header-text-block > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content p span {
margin 0 auto;
text-align: left;
font-size: 36px !important;
line-height: 100%;
color: #ffffff;
}

#block-views-header-text-block > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p strong {
text-align: left;
font-size: 36px !important;
line-height: 100%;
color: #ffffff;
}

#block-views-header-text-block > .content > .view-header-text > .view-content > .views-row > .views-field-body > .field-content > p:last-child span {
font-size: 18px !important;
}

}

/* Styling the SNIC logo above the header */ 
#snic-logo {
float: right;
position: relative;
top: -22px;
margin-right: 12px;
}

/* Styling the space between logo and menu bar and the header */ 
#site-logo {
margin-bottom: -12px;
margin-top: -12px;
}

#preface-wrap {
margin-bottom: -18px;
}

/* Styling the site logo for cell phone screens */ 

@media only screen and (max-width: 480px) {
  #logo img {
      max-width: 200px;
  }
}

/* Styling the sysinfo node graph page */ 


#edit-ji .form-item-cluster,
#edit-ji .form-item-user,
#edit-ji .form-item-job {
float: left;
margin-right: 1em;
}

#edit-ji .ji_submit_button {
margin-top: 23px;
}

/*.page-node-96 .fieldset-wrapper label {
display: inline;
float: left;
}*/

.page-node-96 .field-items table {
border-spacing: 0;
}


#block-views-header-text-block > .content {
min-height: 260px;
}

.view-header-text > .view-content {
padding: 40px 0 50px 40px;
}

#block-views-header-text-block > .content > .view-header-text > .view-content {
max-width: 560px;
max-height: 200px;
} 

.region-content-top > .block-views > .content > .view > .view-content > .views-row > .views-field-field-front-block-image img {
display: block;
margin-left: auto;
margin-right: auto;
}

#block-views-news-event-block-block-1 > h2 {
display: inline;
color: black;
font-weight: 600 !important;
font-size: 130%;
}

.view-news-event-block > .view-content > .views-row > .node h2.title {
font-size: 130% !important;
} 

.view-news-event-block > .view-content > .views-row > .node ul.meta {
display: none; 
}


.view-news-event-block > .view-content > .views-row > .node .content {
font-size: 100% !important;
}

.region-content-top > .block-views > h2 {
display: none;
} 

.view-applications-front-block > .view-content > .views-row > .views-field > .field-content > p {
margin: 0 0 0;
float: right;
padding-right: 12px;
}

.region-header > #block-views-applications-front-block-block > h2 { 
display: none; 
}

.block-custom-search-blocks {
float: right;
position: relative;
}

#search-block-form input.form-submit,
#search-form input.form-submit { margin-left: 0; margin-right: 0; height: 25px; width: 34px; padding: 0; cursor: pointer;
text-indent: -9999px; border-color: #e4e4e4 #d2d2d2 #b4b4b4; background: url(../images/search-button.png) no-repeat center top; overflow: hidden; }

#search-block-form input.form-submit:hover,
#search-block-form input.form-submit:focus,
#search-form input.form-submit:hover,
#search-form input.form-submit:focus { background-position: center bottom; }

#search-form .form-item-keys label { display: block; }

#block-search-form { 
position: relative;
padding-top: 4px;
padding-bottom: 7px; 
float: right;
/*padding-right: 18px;*/
margin-right: -105px;
/*margin-top: -32px;*/
}

#block-search-form .content { margin-top: 0; }

#search-form input#edit-keys,
#block-search-form .form-item-search-block-form input { float: left; font-size: 1em; height: 1.143em; margin-right: 5px; width: 9em; } 

/* Fix too much space between header and content */ 

.front > #wrap > #preface-wrap > #preface > .span_1_of_1 {
margin: 0 0 0 0;
}

/* Remove copyright notice from all pages */

#wrap > #copyright-wrap {
display: none;
}

#footer-wrap {
background: white;
}

#footer-wrap a {
color: #484848;
}

#footer > .span_1_of_1 > .region #block-block-1 > h2 {
display: none;
} 

#copyright-wrap {
display: none;
} 
 

/* Customiza the layout of the software/application pages */ 

.field-name-field-software-name > .field-label {
display: none;
}

.field-name-field-software-name > .field-items {
font-size: 28px; 
font-weight: 600;
}

.node-type-software-page .field-label {
font-size: 20px;
}


/* Change how pre environment looks */ 

pre { 
background: #ededed; 
padding: 1ex 1em; 
margin-bottom: 20px; 
white-space: pre-wrap; 
white-space: -moz-pre-wrap; 
white-space: -pre-wrap; 
white-space: -o-pre-wrap; 
word-wrap: break-word; 
font-family: 'monospace'; 
color: #303030;
border-width: thin;
border-style: solid;
font-size: 0.9em; 
}

/* Create a different pre-code environment looks */

pre.coded {
background: #ededed;
padding: 1ex 1em;
margin-bottom: 20px;
display: block;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
font-family: 'monospace';
color: #303030;
color: black;
font-weight: 600;
border-width: thin;
border-style: solid;
font-size: 0.9em;
}

pre.coded {
background: #ededed;
padding: 1ex 1em;
margin-bottom: 20px;
display: block;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
font-family: 'monospace';
color: #303030;
color: black;
font-weight: 600;
border-width: thin;
border-style: solid;
font-size: 0.9em;
}

/* Some styling of various formatting */ 

kbd {
    font-family: monospace;
}

tt {
    font-family: monospace;
}

/* Change the look of images */ 

img { height: auto; max-width: 100%; }

img.padded {
padding: 2px;
}

img.leftpadded {
left-padding: 2px;
}

img.rightpadded {
right-padding: 2px;
}

blockquote { font-size: 1.4em; line-height: 1.5em; margin-bottom: 30px; position: relative; font-family: 'Georgia'; color:  #555; background: url("images/quote.png") left 4px no-repeat; padding-left: 50px; }

blockquote.left { float: left; margin-left: 0; margin-right: 20px; text-align: right; width: 33%; }

blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%; }