/*
* Skeleton V2.0.2
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/15/2014
*/


/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––––––– 
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative; 
  width: 100%; 
  max-width: 1200px; 
  margin: 0 auto; 
  padding: 0 1rem;
  box-sizing: border-box; }
.column,        
.columns { 
  width: 100%; 
  float: left; 
  box-sizing: border-box; }

.container.full {
	padding: 0;
}

/* Mobile Grid*/
@media (max-width: 649px) {
.row.incmobile  .column,
.row.incmobile  .columns {
	margin-left: 4%;
}
.row.incmobile .column:first-child,        
.row.incmobile .columns:first-child { 
	margin-left: 0;
}

.row.incmobile  .one.column,
.row.incmobile .one.columns                    { width: 4.66666666667%; }
.row.incmobile .two.columns                    { width: 13.3333333333%; }
.row.incmobile .three.columns                  { width: 22%;            }
.row.incmobile .four.columns                   { width: 30.6666666667%; }
.row.incmobile .five.columns                   { width: 39.3333333333%; }
.row.incmobile .six.columns                    { width: 48%;            }
.row.incmobile .seven.columns                  { width: 56.6666666667%; }
.row.incmobile .eight.columns                  { width: 65.3333333333%; }
.row.incmobile .nine.columns                   { width: 74.0%;          }
.row.incmobile .ten.columns                    { width: 82.6666666667%; }
.row.incmobile .eleven.columns                 { width: 91.3333333333%; }
.row.incmobile .twelve.columns                 { width: 100%; margin-left: 0; }

.row.incmobile .one-third.column               { width: 30.6666666667%; }
.row.incmobile .two-thirds.column              { width: 65.3333333333%; }

.row.incmobile .one-half.column                { width: 48%; }
}


/* For devices larger than 650px */
@media (min-width: 650px) {
  .container {
    width: 100%; }  
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,        
  .columns:first-child { 
    margin-left: 0; }
  
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}

@media (min-width: 750px) {
	.container {
   		padding: 0 2rem;
   	}
}

@media (min-width: 1000px) {
	.container {
   		padding: 0 3rem;
   	}
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton 
are based on 10px sizing. So basically 1.5rem = 15px :) */

html { 
	font-size: 62.5%; 
} 
body {
	font-size: 1.4em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: 'Noto Sans', sans-serif;
	color: #666; 
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 700; 
	display: block;
	color: #333;
	font-family: 'Noto Serif', serif;
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
	color: #f7a640	
}

h1, .h1 { font-size: 3.6rem; line-height: 1.1;  letter-spacing: -.1rem;}
h2, .h2 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
h3, .h3 { font-size: 2.4rem; line-height: 1.35;  letter-spacing: -.08rem; }
h4, .h4 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
h5, .h5 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 750px) {
	
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  { 
	margin-bottom: 2rem;
}
	
body { font-size: 1.5em; }
h1, .h1 { font-size: 5.0rem; }
h2, .h2 { font-size: 3.6rem; }
h3, .h3 { font-size: 3.0rem; }
h4, .h4 { font-size: 2.2rem; }
h5, .h5 { font-size: 1.8rem; }

}

@media (min-width: 1200px) {
	
body { font-size: 1.6em; }
}

p {
  margin-top: 0; }
  

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { 
	color: #335ab7;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a:hover { 
	color: #6f98c7;
}


/* Buttons 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.wp-block-buttons .is-style-shg-button .wp-block-button__link {
	display: inline-block;
	padding: 0.5rem 1.5rem;
	color: #335ab7;
	text-align: center;
	font-size: 1.5rem;
	text-decoration: none;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #b2d1ec;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 0;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.wp-block-buttons .is-style-shg-button .wp-block-button__link:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
.wp-block-buttons .is-style-shg-button .wp-block-button__link:focus  {
	color: #fff;
	background: #0082e6;
	border-color: #004d87;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  text-decoration: none;
	outline: none;
}

button.large, .button.large, .button.info {
	width: 100%;
	padding: 1rem;
	color: #fff;
	background: #0082e6;
	border-color: #004d87;
}

button.large:hover, .button.large:hover, .button.info:hover, button.large:focus, .button.large:focus, .button.info:focus {
	background: #004d87;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}

button.large.bgphoto, .button.large.bgphoto {
	background-position: center center;
	background-size: cover;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); 
}

button.large.bgphoto .bgoverlay, .button.large.bgphoto .bgoverlay {
	background: rgba(0, 130, 230, 0.6);
	display: block;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

button.large.bgphoto:hover .bgoverlay, .button.large.bgphoto:hover .bgoverlay {
	background: rgba(0, 130, 230, 0.8);
}

.button.info {
	overflow: hidden;
	display: block;
	padding: 2rem;
}

.button.info img {
	display: block;
	margin: 0 auto 2rem auto;
}

.button.info span {
	display: block;
	white-space: normal;
	text-align: left;
}

.button.info .title {
	font-size: 130%;
	line-height: 1.4;
	margin: 0 0 0.5rem 0;
	padding: 1rem 0 0 0;
	color: #fff;
	border-top: 1px dashed #004d87;
}

.button.info .description {
	font-size: 90%;
}





/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  border-radius: 0;
  padding: 0.8rem 1rem;
  background-color: #fff;
  font-family: 'Noto Sans', sans-serif;
  border: 1px solid #D1D1D1;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkard default styles on some inputs for iOS */
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

.content form {
	background: #eee;
	padding: 2rem;
}

.content form label {
	margin: 0 0 1rem 0;
}

form .wpcf7-radio label {
	margin: 0;
	font-weight: normal;
}

.content form input[type="email"],
.content form input[type="search"],
.content form input[type="text"],
.content form input[type="tel"],
.content form input[type="url"],
.content form input[type="password"],
.content form textarea,
.content form select {
	display: block;
    width: 100%;
    margin: 0.5rem 0 1rem 0;
}

.content form input[type="submit"] {
	margin: 0;
}

.content form .wpcf7-form-control-wrap {
	display: block;
	margin: 0.5rem 0 0 0;
}

.content form span.wpcf7-list-item {
	display: block;
	margin: 0;
	font-weight: normal;
}



/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul { 
	list-style: disc outside; 
}
ol { 
  	list-style: decimal outside; 
}
ol, ul {
  	padding-left: 0;
  	margin-top: 0;
  	margin-left: 2rem;
}
ul ul, ul ol, ol ol, ol ul { 
	margin: 1rem 0 1rem 3rem; 
	font-size: 90%; 
}

ul ul, ol ul {
	list-style-type: circle;
}

ul ul ul, ol ul ul, ul ol ul, ol ol ul {
	font-size: 100%;
	list-style-type: square;
}

li {
  	margin-bottom: 1rem; 
}

ul.nobullets {
	list-style: none; 
	margin-left: 0;
}

ul.nospacing li {
	margin: 0;
}


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables & Statistic Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
}
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }
  
table.stats {
	width: 100%;
	margin: 0 0 4rem 0;
}

table.stats th.file {
	width: 25%;
}

table.stats th.description {
	width: 40%;
}

table.stats th.details {
	width: 20%;
}

table.stats th.related {
	width: 15%;
}

table.stats td.file {
	font-weight: bold;	
}

table.stats td.related {
	
}


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

table.stats thead {
	display: none;
}

table.stats td {
	display: block;
	padding: 0;
	border: none;
}

table.stats tr {
	display: block;
	border-bottom: 1px solid #E1E1E1;
	padding: 0 0 1.2rem 0;
	margin: 0 0 1.2rem 0;
}

table.stats td::before { 
    text-transform: uppercase;
    color: #999;
    font-weight: normal;
}

table.stats td.file::before { 
    content: "File: ";
}

table.stats td.description::before { 
    content: "Description: ";
}

table.stats td.details::before { 
    content: "Details: ";
}

table.stats td.related::before { 
    content: "Related Files: ";
}

}


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
p .button {
	margin: 0; }  
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
form,
dl,
figure,
table,
p,
ul,
ol,
form,
.wp-block-buttons {
  margin-bottom: 1rem; }
p {
  margin-top: 0; }

@media (min-width: 550px) {
pre,
blockquote,
form,
dl,
figure,
table,
p,
ul,
ol,
form,
.wp-block-buttons {
  margin-bottom: 2rem; }
}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }
  
.gallery figure.gallery-item {
	display: inline-block;
	margin: 0 2rem 1.6rem 0;
}
  
@media (max-width: 649px) {

.mobilehide {
	display: none;
}

}

@media (min-width: 650px) {

.nonmobilehide {
	display: none;
}

}
  
    
/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */

nav a:hover {
	text-decoration: none;
}

nav ul, nav ul li {
	margin: 0;
	list-style: none;
}

@media (max-width: 649px) {
	
.mobile-btn {
}

header nav.primary {
	display: none;
}

}

@media (min-width: 650px) {

.mobile-btn {
	display: none;
}

header nav.primary {
	display: block;
}

}

/* Tabs
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.tabs nav {
	border-bottom: 1px solid #eee;
	font-size: 0;
	margin: 0 0 1rem 0;
}

.tabs nav ul li {
	display: inline;
}

.tabs nav ul li a {
	display: inline-block;
	width: auto;
	padding: 0.5rem 1.5rem;
	background: #eee;
	font-size: 1.6rem;
	font-family: 'Noto Serif', serif;
	border: 1px solid #eee;
	position: relative;
	top: 1px;
}

.tabs nav ul li.ui-state-active a {
	background: #fff;
	color: #2c397c;
	border-bottom: 1px solid #fff;
}

@media (min-width: 750px) {

.tabs nav {
  margin: 0 0 2rem 0;
}

.tabs nav ul li a {
  padding: 0.5rem 2rem;
  font-size: 1.8rem;
}

}

/* WordPress Default Image Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

figure {
	display: inline;
}

figure figcaption {
	display: block;
	font-size: 90%;
	color: #999;
	margin: 0 0 2rem 0;
}

.noborder img {
	border: none;
}


/* Pagination
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.pagination {
	text-align: center;
}

.pagination .title {
	display: none;
    font-style: italic;
    margin: 0 0 0.5rem 0;
}

.pagination .page-numbers {
	display: none;
}

.pagination a.page-numbers.prev, .pagination a.page-numbers.next {
	display: block;
}

.pagination a.prev {
	float: left;
}

.pagination a.next {
	float: right;
}

.pagination .numbers a:hover {

}


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #eee;
}

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

blockquote {
	color: #666;
    border-left: 1px solid #f7a640;
    padding: 0 0 0 2rem;
    margin: 2rem 0 2rem 2rem;
}

.filetype {
    text-transform: uppercase;
    color: #999;
    font-size: 90%;
    background: #eee;
    padding: 0.1rem 0.5rem;
}

.warning {
	border: 1px solid red;
	padding: 2rem 2rem 0 2rem;
	margin: 0 0 2rem 0;
	background: #ffe5e5;
}


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf { 
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries 
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it 
there. 
*/

.scrollbar {
	padding: 1rem 0;
	border-bottom: 2px solid #2c397c;	
	position: fixed;
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	z-index: -5;
	-webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;
    top: -50px;
}

.scrollbar.show {
	top: 0;
	opacity: 100;
	z-index: 100;
}

.scrollbar h2.sitename {
	margin: 0;
}

.scrollbar h2.sitename a {
	display: block;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	background: url(images/logo-sthelenacrest-100px.png) no-repeat center center;
	width: 33px;
	height: 51px;
	background-size: 33px 51px;
}

.scrollbar button {
	margin: 0;
    position: absolute;
    top: 0.9rem;
    right: 1rem;
}

.scrollbar nav.primary {
	display: none;
}

header {
	padding: 1rem 0;
	border-bottom: 2px solid #2c397c;	
}

header .topbar, header .searchwrapper {
	display: none;
}

header h2.sitename {
	margin: 0;
}

header h2.sitename a {
	display: block;
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background: url(images/logo-sthelena-346px.png) no-repeat center top;
	width: 173px;
	height: 65px;
	background-size: 173px 65px;
}

header .menu-btn {
	margin: 1.5rem 0 0 0;
	float: right;
}

header nav.mobile {
	background: #2c397c;
}

header nav.mobile ul#menu-mobile {
	font-size: 1.6rem;
	border-bottom: 1px solid #6f98c7;
	margin: 0;
	padding: 1rem 0;
}

header nav.mobile ul li a {
    color: #fff;
    padding: 1rem 2rem;
}

header nav.mobile ul li.pushy-submenu > a::after { 
    content: "+";
    position: absolute;
    top: 7px;
    right: 2rem;
    color: #6f98c7;
}

header nav.mobile ul li.pushy-submenu.pushy-submenu-open > a::after { 
    content: "–";
    transform: none;
}

header nav.mobile ul li.pushy-submenu ul {
	margin: -0.5rem 0 1rem 0;
	padding: 0;
	font-size: 1.4rem;
}

header nav.mobile ul li.pushy-submenu ul li a {
    padding: 0.5rem 2rem;
    color: #9d9d9c;
}

header nav.mobile .translatewrapper {
	padding: 2rem 2rem 0 2rem;
}

header nav.mobile .translatewrapper select {
	border: none;
	background: #335ab7;
	margin: 0;
	width: 100%;
	color: #fff;
}

header nav.mobile li.icon {
	display: inline;
}

header nav.mobile li.icon a {
	display: inline-block;
	width: 16px;
	height: 16px;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	padding: 1rem;	
}

header nav.mobile li.icon:first-child a {
	margin-left: 0.8rem;	
}

header nav.mobile li.icon.facebook a {
	background: url(images/icon-facebook-32px-lightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header nav.mobile li.icon.twitter a {
	background: url(images/icon-twitter-32px-lightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header nav.mobile li.icon.linkedin a {
	background: url(images/icon-linkedin-32px-lightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header nav.mobile .searchwrapper {
	display: block;
	padding: 1rem 2rem;
}

.search-form label,
.search-form input.search-field {
	margin: 0;
}

.search-form .screen-reader-text,
.search-form input.search-submit {
	display: none;
}

.search-form input.search-field {
	border: none;
	height: auto;
	padding: 0.8rem 1rem 0.8rem 3.2rem;
	width: 100%;
	color: #666;
	background: #fff url(images/icon-search-32px-lightgrey.png) no-repeat left 1rem center;
	background-size: 16px 16px;
	border: 1px solid #ccc;
}

header .search-form input.search-field {
	border: none;
}

.search-form input.search-field::placeholder {
	color: #ccc;
}

header nav.searchmember {
	display: none;
}

.main {
	padding: 1rem 0;
}

.main.directorateindex, .main.home {
	padding: 0 0 2rem 0;
}

.main nav.breadcrumb {
	color: #eee;
}

.main nav.breadcrumb a {
	color: #ccc;
}

.main nav.breadcrumb a:hover {
	color: #335ab7;
}

.main nav.breadcrumb .current-item {
	color: #ccc;
}

.main h1.pagetitle {
	color: #333;
	margin: 0 0 1rem 0;
}

.main .featuredimage {
	margin: 0 0 1rem 0;
}

.main .featuredimage img {
	width: 100%;
	height: auto;
	border: none; 
}

.main .featuredimage .thumbcaption {
	text-align: right;
	font-style: italic;
	color: #f44a42;
}

.main .bgfeaturedimage {
	width: auto;
	height: auto;
	background-size: cover;
	-moz-background-size: cover;  /* Firefox 3.6 */
	background-position: center;  /* Internet Explorer 7/8 */
	background-position: center center;
	margin: 0 0 1rem 0;
	border-bottom: 1px solid #f7a640;
}

.main .bgfeaturedimage .bgoverlay {
	display: block;
	overflow: hidden;
	background: rgba(44, 57, 124, 0.5);
	padding: 1rem;
}

.main.home .bgfeaturedimage .bgoverlay {
	background: none;
}

.main .bgfeaturedimage nav.breadcrumb {
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);	
}

.main .bgfeaturedimage nav.breadcrumb a, .main .bgfeaturedimage nav.breadcrumb .current-item {
	color: #fff;
}

.main .bgfeaturedimage nav.breadcrumb a:hover {
	color: #6f98c7;
}

.main .bgfeaturedimage h1.pagetitle {
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	margin: 3rem 0 4rem 0;
}

.main .highlightbox {
  border: 1px solid #f7a640;
  background: #eee;
  padding: 2rem;
  margin: 2rem 0;
}

.main .newsarchive {
	list-style: none;
	margin: 0;
}

.main .newsarchive > li {
	border-bottom: 1px solid #eee;
	margin: 0 0 1rem 0;
	padding: 0 0 1rem 0;
}

.main .postinfo .date {
	font-style: italic;
	color: #999;
}

.search .postinfo .date {
	margin: 0;
}

.main.home .weather {
	margin: 2rem 0;
	border-top: 1px solid #f7a640;
	padding: 2rem 0 0 0;
}

.main.home .weather #splw-location-weather-pro-52176.splw-main-wrapper {
	max-width: 400px;
	margin: 0;
}

.main.home .directorategroup {
	border-top: 1px solid #f7a640;
	border-bottom: 1px solid #f7a640;
	margin: 2rem 0;
	padding: 1rem 0;
}

.main.home .publicservicesgroup {
	border: 1px solid #f7a640;
    background: #eee;
    padding: 2rem;
    margin: 2rem 0;
}

.main.home .featuredcontent {
	background: #b2d1ec;
	margin: 0 0 2rem 0;
	padding: 2rem 2rem 1rem 2rem;
}

.main.home .publicservicesgroup h2, .main.home .directorategroup h2 {
	text-align: center;
}

.main.home .directorategroup ul {
	list-style: none;
	margin: 0;
}

.main.home .directorategroup a.button, .main.home .featuredcontent a.button {
	margin: 0;
    font-size: 120%;
    white-space: normal;
}

.main.home .featuredcontent a.button {
    font-size: 120%;
}

.main.home .featuredcontent a.button {
    font-size: 110%;
}

.main.home .directorategroup .content {
	clear: both;
}

.main.home .visiting {
	border-top: 1px solid #b2d1ec;
	padding: 2rem 0 0 0;
	margin: 2rem 0 0 0;
}

.main.statistics .statblock {
	background: #eee;
	border: 1px solid #ccc;
	padding: 1.5rem;
	margin: 0 0 2rem 0;
}

.main.statistics .statblock.highlight {
	background: #2c397c;
	border-color: #2c397c;
	color: #eee;
}

.main.statistics .statblock.highlight h3,
.main.statistics .statblock.highlight h3 a,
.main.statistics .statblock.highlight .h2 {
	color: #fff;
}

.main.statistics .statblock h3,
.main.statistics .statblock .description {
	margin: 0;
}

.main.statistics .statblock .stat-headline {
	margin: 1rem 0 0 0;	
}

.main.statistics .statblock .stat-detail {
	font-style: italic;
}

.main.statistics .statblock .buttons {
	margin: 2rem 0 0 0;	
}

.main.statistics .statblock .button {
	margin: 0 0.5rem 0 0;
}

.main.post .comments-area {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;	
	padding: 2rem 0;
	margin: 2rem 0;
}

.main.post .comments-area ol.comment-list {
	list-style: none;
	margin: 0;
}

.main .content #comments ol li article {
    border-bottom: 1px dashed #eee;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.main.post .comments-area ol.comment-list footer {
	background: none;
	padding: 0;
	color: #666;
}

.main.post .comments-area ol.comment-list footer img.avatar {
    float: left;
    margin: 0 2rem 2rem 0;
}

.main.post .comments-area ol.comment-list footer .comment-metadata a {
	color: #999;
	text-decoration: none;
	font-style: italic;
}

.main.post .comments-area ol.comment-list .comment-content {
  clear: both;
}

.main.post .pressinfo {
	background: #eee;
	border: 1px solid #ccc;
	padding: 1rem;
	margin: 1rem 0 0 0;
}

.main.post .pressinfo h3 {
	color: #666;
	margin: 0 0 1rem 0;
  padding: 0 0 1rem 0;
  border-bottom: 1px dashed #ccc;
}

.main.post .pressinfo p:last-child {
	margin: 0;
}

.main.job .jobdetails span {
  text-transform: uppercase;
  color: #f7a640;
}

.main.job .joblisting {
	padding: 1.5rem;
	border: 1px solid #f7a640;
	background: #eee;
	margin: 0 0 1.5rem 0;
}

.main.job .joblisting.voluntary {
	background: #f8f8f8;
	border-color: #b2d1ec;
}	

.main.job .joblisting h4.title {
	margin: 0 0 1rem 0;
}

.main.job .joblisting .company {
	margin: 0 0 0.5rem 0;
}

.main.job .joblisting .tags a {
	display: inline-block;
	padding: 0.5rem 1.5rem;
	font-size: 90%;
	text-transform: uppercase;
	background: #6f98c7;
	color: #fff;
	margin: 0 0.5rem 0.5rem 0;
}

.main.job .joblisting .tags a:hover {
	background: #b2d1ec;
}

.sidebar {
	margin: 2rem 0 0 0;
  list-style: none;
  border-top: 1px solid #eee;
  padding: 3rem 0 0 0;
}

.sidebar ul.sidebarlist {
	margin: 0;
	list-style: none;
}

.sidebar li.sidebaritem {
	border-left: 1px solid #b2d1ec;
  padding: 0 0 0 2rem;
  margin: 0 0 3rem 0;
}

.sidebar li.sidebaritem .title, .sidebar li.sidebaritem .content {
	padding: 0;
}

.sidebar li.sidebaritem .title {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 1rem 0;
  padding: 0;
  color: #2c397c;
}

.sidebar li.sidebaritem .content {
	background: none;
	padding: 0;
}

.sidebar li.sidebaritem p, .sidebar li.sidebaritem ul {
	font-size: 1.4rem;
	margin: 0;
}

.sidebar li.sidebaritem nav ul li {
	margin: 0 0 1rem 0;
}

.sidebar li.sidebaritem ul li:last-child {
	margin: 0;
}

ul.recent-posts {
	list-style: none;
	margin: 0 0 2rem 0;
}

ul.recent-posts.newsletter {
	margin: 2rem 0;
	border-top: 1px solid #f7a640;
	padding: 2rem 0 0 0;
}

ul.recent-posts li {
	padding: 1rem 0 0 0;
	margin: 1rem 0 0 0;
	border-top: 1px solid #eee;
}

ul.recent-posts.newsletter li:first-child {
	padding: 0;
	margin: 0;
	border-top: none;
}

ul.recent-posts li .title {
	margin: 0 0 0.5rem 0;
}

ul.recent-posts li .date {
	color: #999;
	font-style: italic;
}

nav.posts-navigation h2 {
	display: none;
}

nav.posts-navigation .nav-previous,
nav.posts-navigation .nav-next {
	display: inline-block;
	width: 50%;
}

nav.posts-navigation .nav-previous {
	text-align: right;
}

footer {
	background: #2c397c;
	color: #fff;
	padding: 2rem 0;
}

footer a {
	color: #fff;
}

footer h3.sitename a {
	display: block;
	background: url(images/logo-sthelenacrest-100px.png) no-repeat left center;
	background-size: 33px 51px;
	padding-left: 4rem;
	line-height: 51px;
}

footer nav {
	font-size: 90%;
}

footer nav.secondary {
	display: none;	
}

footer nav.subfooter {
	text-align: right;
	border-top: 1px solid #335ab7;
	padding: 1rem 0 0 0;
}

footer nav.subfooter a {
	color: #6f98c7;	
}

footer p {
	margin: 0;
}

#cookie-notice .button {
	font-size: 1.3rem;
	margin-bottom: 0;
	border: none;
}




/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 650px) {
	
body {
	background: #eee;
}

.scrollbar {
	padding: 0;
	border-bottom: none;
}

.scrollbar h2.sitename {
	display: none;
}

.scrollbar nav.primary {
	display: block;
}

header {
	padding: 0;
	border: none;
}

header, .main .container {
	background: #fff;
}

header .topbar, header .searchwrapper {
	display: block;
}

header .topbar {
	background: #2c397c;
	padding: 0;
	margin: 0 0 1rem 0;
}

header .topbar select {
	margin: 0;
    background: none;
    border: none;
    color: #6f98c7;
    padding: 0.5rem 0;
    font-size: 1.4rem;
}

header .topbar nav {
	text-align: right;
    font-size: 0;
}

header .topbar nav ul li {
	display: inline;
	margin: 0;
}

header .topbar nav ul li a {
    color: #6f98c7;
    display: inline-block;
    padding: 0.5rem;
    line-height: 1.4;
    font-size: 1.3rem;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #335ab7;
    border-image: linear-gradient(to bottom, #335ab7, rgba(0, 0, 0, 0)) 1 100%;
}

header .topbar nav ul li a:hover {
    color: #b2d1ec;
}

header .topbar nav ul li:last-child a {
    border-right: 1px solid #335ab7;    
}

header .topbar nav li.icon a {
	display: inline-block;
	width: 16px;
	height: 16px;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	padding: 0.5rem;	
    vertical-align: bottom;
    border-left: none;
    border-right: none;    
}

header .topbar nav li.icon:first-child a {
    border-left: 1px solid #335ab7;    
}

header .topbar nav li.icon:last-child a {
    border-right: 1px solid #335ab7;    
}

header .topbar nav li.icon.facebook a {
	background: url(images/icon-facebook-32px-lightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header .topbar nav li.icon.twitter a {
	background: url(images/icon-twitter-32px-lightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header .topbar nav li.icon.linkedin a {
	background: url(images/icon-linkedin-32px-lightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header .topbar nav li.icon.facebook a:hover {
	background: url(images/icon-facebook-32px-vlightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header .topbar nav li.icon.twitter a:hover {
	background: url(images/icon-twitter-32px-vlightblue.png) no-repeat center center;
	background-size: 16px 16px;
}

header .topbar nav li.icon.linkedin a:hover {
	background: url(images/icon-linkedin-32px-vlightblue.png) no-repeat center center;
	background-size: 16px 16px;
}


header h2.sitename a {
	width: 173px;
	height: 65px;
	background-size: 173px 65px;
	margin: 0 0 1rem 0;
}

header .search-form {
	margin: 1rem 0 0 0;
}

header .search-form input.search-field {
	border: 1px solid #ccc;
}

nav.primary {
	background: #335ab7;
}

nav.primary .container {
	position: relative;
}

nav.primary ul {
	margin: 0;
}

nav.primary ul.menu, nav.primary ul.menu > li {
	font-size: 0;
}

nav.primary ul li {
	display: inline;
	position: relative;
	margin: 0;
}

nav.primary ul li.mega {
	position: static;
}

nav.primary ul.menu li a {
	font-size: 1.4rem;
}

nav.primary ul.menu > li > a {
	display: inline-block;
	color: #fff;
	padding: 0.8rem 1.5rem;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6f98c7;
    border-image: linear-gradient(to bottom, #6f98c7, rgba(0, 0, 0, 0)) 1 100%;
}

nav.primary ul.menu > li:first-child > a {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6f98c7;
}

nav.primary ul.menu > li > a:hover, nav.primary ul.menu > li:hover > a, nav.primary ul.menu > li.current_page_ancestor > a, nav.primary ul.menu > .current_page_item > a {
	background: #2c397c;
}

nav.primary ul.menu ul {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	position: absolute;
	top: 14px;
	left: 0;
	background: #2c397c;
	border-left: 1px solid #335ab7;
	width: auto;
	z-index: -1;
	padding: 0;
	text-align: left;
	font-size: 1.4rem;
}

nav.primary ul.menu li:hover ul.sub-menu,
nav.primary ul.menu li:focus ul.sub-menu,
nav.primary ul.menu li:focus-within ul.sub-menu {
	visibility: visible;
	opacity: 1;
	z-index: 50;
}

nav.primary ul.menu li ul.sub-menu {
	transform: translateY(2em);
}

nav.primary ul.menu li:hover ul.sub-menu,
nav.primary ul.menu li:focus ul.sub-menu,
nav.primary ul.menu li:focus-within ul.sub-menu {
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
}

nav.primary ul ul li {
	display: block;
}

nav.primary ul ul li:hover {
	background: none;
}

nav.primary ul.menu ul li a {
	font-size: 1.3rem;
}

nav.primary ul ul li a:hover {
	color: #6f98c7;
}

nav.primary ul ul ul {
	display: none;
}

nav.primary ul .dropdown ul li a {
	color: #fff;
	padding: 0.5rem 1.5rem;
	display: inline-block;
	width: 150px;
	background: none;
    box-sizing: border-box;
}

nav.primary ul .dropdown ul li:first-child a {
	padding-top: 1rem;
}

nav.primary ul .dropdown ul li:last-child a {
	padding-bottom: 1rem;
}

nav.primary ul .dropdown ul li a:hover {
	color: #b2d1ec	;
}

nav.primary ul li.mega > ul.sub-menu {
	width: 100%;
    top: 38px;
    background: #fff;
    border-left: none;
    border-bottom: 1px solid #2c397c;
    padding: 0 1rem 2rem 1rem;
    box-sizing: border-box;
}

nav.primary ul li.mega > ul.sub-menu > li {
	width: 25%;
	box-sizing: border-box;
	border-left: 1px solid #6f98c7;
	padding: 0 1.5rem;
	margin: 2rem 0 0 0;
	float: left;
	font-family: 'Noto Serif', serif;
}

nav.primary ul li.mega > ul.sub-menu > li > a {
	font-size: 1.6rem;
	line-height: 1.3;
}

nav.primary ul li.mega > ul.sub-menu > li:nth-child(4n+1) {
	clear: left;
}

nav.primary ul li.mega ul.sub-menu li a {
	color: #2c397c;
}

nav.primary ul li.mega ul ul {
	display: block;
	position: static;
	background: none;
	border-left: none;
	width: auto;
	z-index: 1;
	font-family: 'Noto Sans', sans;
	font-size: 1.3rem;
	line-height: 1.5;	
	margin: 1rem 0 0 0;
}

nav.primary ul li.mega ul.sub-menu ul li {
	margin: 0 0 0.5rem 0;
}

nav.primary ul li.mega ul.sub-menu ul li a {
	color: #335ab7;
	padding: 0;
}

nav.primary ul li.mega ul.sub-menu ul li a:hover {
	color: #6f98c7;
}

nav.primary ul li.mega ul ul ul {
	display: none;
}

.main {
    padding: 0;
}

.main.home {
    padding: 0;
}

.main .container:first-child {
	padding-top: 1rem;
}

.main.directorateindex .container:first-child, .main.home .container:first-child {
    padding-top: 0;
}

.main .container:last-child {
	padding-bottom: 2rem;
}

.main nav.breadcrumb {
	font-size: 90%;
}

.main .bgfeaturedimage {
	margin: 0 0 2rem 0;
}

.main .bgfeaturedimage h1.pagetitle {
    margin: 4rem 0 7rem 0;
    border: none;
    padding: 0;
}

.main h1.pagetitle {
	margin: 0 0 1.5rem 0;
	padding: 0 0 1rem 0;
	border-bottom: 1px solid #f7a640;
}

.main.home .directorategroup ul li {
	float: left;
	width: 48%;
	margin-right: 4%;
}

.main.home .directorategroup ul li:nth-child(2n+0) {
	margin-right: 0;
}

.main.home .directorategroup a.button, .main.home .featuredcontent a.button {
	padding: 2rem 0.5rem;	
}

.main.home .featuredcontent {
	padding: 2rem;
}

.main.home .featuredcontent h5 {
	margin: 0;
}

.main.home .visiting {
    border-top: none;
    padding: 0;
    margin: 0;
}

ul.recent-posts li:first-child {
    padding: 0;
    margin: 0;
    border-top: none;
}

.sidebar {
    margin: 0;
    padding: 0;
    border-top: none;
}

.sidebar li.sidebaritem {
    margin: 0 0 2rem 0;
    padding: 0 0 0 1rem;
}

.sidebar li.sidebaritem nav ul li {
    margin: 0 0 0.5rem 0;
}

footer {
	padding: 1rem 0;
}

footer nav.secondary a {
	color: #b2d1ec;
}

footer nav a:hover {
	color: #fff;
}

footer nav.secondary {
	display: block;
    border-top: 1px solid #335ab7;
    padding: 1rem 0 0 0;
	font-size: 100%;
}

footer nav.secondary ul.menu > li {
	margin: 0;	
	margin-left: 4%;
	width: 13.3333333333%;
	box-sizing: border-box;
	float: left;
}

footer nav.secondary ul.menu > li:first-child {
	margin-left: 0;
}

footer nav.secondary ul.menu > li > a {
	font-family: 'Noto Serif', serif;
	display: block;
    font-size: 1.7rem;
    line-height: 2.4rem;
    margin: 0 0 1rem 0;
}

footer nav.secondary ul.sub-menu li {
	margin: 0 0 0.5rem 0;
    line-height: 1.8rem;	
}

footer nav.subfooter {
	margin: 1rem 0 0 0;
}

footer nav.subfooter ul li {
	display: inline;
    margin: 0 0 0 2rem;	
}

}




/* Larger than tablet */
@media (min-width: 750px) {

header .topbar {
    margin: 0 0 2rem 0;
}

header .topbar select {
	padding: 0.6rem 0.75rem;
	margin: 0.5rem 0;
}

header .topbar nav ul li a {
    padding: 0.75rem;
}

header .topbar nav li.icon a {
    padding: 0.9rem;
}

header h2.sitename a {
	background: url(images/logo-sthelena-692px.png) no-repeat center top;
	width: 260px;
	height: 98px;
	background-size: 260px 98px;
	margin: 0 0 2rem 0;
}

header .search-form {
    margin: 2.5rem 0 0 0;
}

nav.primary ul li {

}

nav.primary ul.menu ul {

}

nav.primary ul .dropdown ul li a {
    width: 200px;
}

.scrollbar nav.primary ul.menu > li > a {
    padding: 0.55rem 2rem 0.7rem 2rem;
}

.scrollbar nav.primary ul.menu ul {
	top: 13px;
}

.scrollbar nav.primary ul li.mega > ul.sub-menu {
    top: 35px;
}

nav.primary ul li.mega > ul.sub-menu {
	padding-left: 2rem;
	padding-right: 2rem;
}

.main .container:first-child {
    padding-top: 2rem;
}

.main .container:last-child {
    padding-bottom: 4rem;
}

.main nav.breadcrumb {
	margin: 0 0 0.5rem 0;
}

.main .bgfeaturedimage {
	margin: 0 0 2rem 0;
}

.main .bgfeaturedimage .bgoverlay {
	padding: 2rem;
}

.main .bgfeaturedimage h1.pagetitle {
    margin: 6rem 0 9rem 0;
}

.main h1.pagetitle {
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
}

.main .highlightbox {
  padding: 3rem;
  margin: 2rem 0 3rem 0;
}

.main .highlightbox hr {
	border-color: #ccc;
}

.main.home .publicservicesgroup {
	padding: 3rem;
	margin-bottom: 3rem;
}

.main.home .directorategroup {
	padding: 2rem 0 0 0;
}

.main.home .directorategroup a.button, .main.home .featuredcontent a.button {
    padding: 3rem 0.5rem;
}

.main.home .featuredcontent {
    padding: 3rem;
}

.main.post .pressinfo {
	padding: 2rem;
	margin: 2rem 0 0 0;
}

.sidebar li.sidebaritem {
    padding: 0 0 0 2rem;
    margin: 0 0 3rem 2rem;
}

footer {
    padding: 2rem 0;
}

footer nav.secondary {
    padding: 2rem 0 0 0;
}

footer nav.subfooter {
    margin: 2rem 0 0 0;
    padding: 2rem 0 0 0;
}


}




/* Larger than desktop */
@media (min-width: 1000px) {

header .topbar select {
    margin: 0.7rem 0;
}

header .topbar nav ul li a {
    padding: 0.85rem;
}

header h2.sitename a {
    width: 346px;
    height: 130px;
    background-size: 346px 130px;
    margin: 0 0 3rem 0;
}

header .search-form {
    margin: 4.5rem 0 0 0;
    text-align: right;
}

header .search-form label {
	display: inline;
}

header .search-form input.search-field, header .search-form input.search-submit {
	display: inline-block;
	height: 38px;
	line-height: 1.2;
}

header .search-form input.search-field {
    width: 300px;
}

header .search-form input.search-submit {
	margin: 0 0 0 1rem;
	padding: 0.8rem 1rem;
	position: relative;
    top: -1px;	
}

nav.primary ul.menu > li > a  {
    padding: 1rem 2rem 1.2rem 2rem;
}

nav.primary ul.menu ul {
	top: 18px;
}

nav.primary ul li.mega > ul.sub-menu {
    top: 44px;
    padding: 0 3rem 3rem 3rem;
}

nav.primary ul li.mega > ul.sub-menu > li {
	margin: 3rem 0 0 0;
}

nav.primary ul li.mega > ul.sub-menu > li > a {
    font-size: 2rem;
    line-height: 1.3;
}

.main .container:first-child {
    padding-top: 3rem;
}

.main .bgfeaturedimage {
	margin: 0 0 3rem 0;
}

.main .bgfeaturedimage .bgoverlay {
	padding: 2rem 3rem;
}

.main .bgfeaturedimage h1.pagetitle {
   	margin: 10rem 0 13rem 0;
}

.main h1.pagetitle {
    margin: 0 0 3rem 0;
}

.main .bgfeaturedimage h1.pagetitle {
   	margin: 12rem 0 15rem 0;
}

.main.home .directorategroup {
	padding: 2rem 0;
    margin: 2rem 0 3rem 0;
}

.main.home .featuredcontent {
    margin: 2rem 0 3rem 0;
}

.main.home .serviceslist, .main.home .visiting {
	border-left: 1px solid #b2d1ec;
	padding: 0 0 0 3rem;
}

.main.post .pressinfo {
	margin: 3rem 0 0 0;
}

.main.job .joblisting {
	padding: 2rem;
	margin: 0 0 3rem 0;
}

.sidebar li.sidebaritem {
    margin: 0 0 3rem 0;
    padding: 0 0 0 3rem;
}

footer {
	background: #2c397c url(images/footer-bg-darkblue.jpg) repeat-x center bottom;

}

}




/* Larger than Desktop HD */
@media (min-width: 1200px) {

.scrollbar nav.primary ul li a {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

header .topbar {
	background: #2c397c url(images/menu-bg-darkblue.gif) no-repeat center center;
}

nav.primary {
	background: #335ab7 url(images/menu-bg-blue.gif) no-repeat center center;
}

header nav.primary > ul > li > a {
    padding: 1.5rem 2.5rem 1.6rem 2.5rem;
}

nav.primary ul.menu ul {
    top: 19px;
}

nav.primary ul.menu li a {
    font-size: 1.6rem;
}

nav.primary ul .dropdown ul li:first-child a {
    padding-top: 1.2rem;
}

nav.primary ul .dropdown ul li:last-child a {
    padding-bottom: 1.2rem;
}

nav.primary ul li.mega > ul.sub-menu {
    top: 47px;
}

.scrollbar nav.primary ul li.mega > ul.sub-menu {
    top: 38px;
}

nav.primary ul li.mega > ul.sub-menu > li > a {
    font-size: 2.2rem;
    line-height: 1.4;
}

nav.primary ul .dropdown ul li a, nav.primary ul li.mega ul.sub-menu ul li a {
	font-size: 1.5rem;
	line-height: 1.5;
}

.button.info {
	min-height: 326px;	
}

.main.home .directorategroup ul li {
	width: 22%;
}

.main.home .directorategroup ul li:nth-child(2n+0) {
    margin-right: 4%;
}

.main.home .directorategroup ul li:nth-child(4n+0) {
    margin-right: 0;
}

.main.home .directorategroup a.button {
    line-height: 150px;
    padding: 0;
}

.main.home .featuredcontent a.button {
    line-height: 120px;
    padding: 0;
}

.main.home .directorategroup a.button span.title, .main.home .featuredcontent a.button span.title {
	display: inline-block;
    vertical-align: middle;
    line-height: 1.4;
    padding: 0 1rem;
}
		
}