/*!
Theme Name: rrha2019
Theme URI: http://underscores.me/
Author: Ivy Group, Ltd.
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rrha2019
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

rrha2019 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #3B3D45;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}
.entry-content > p {font-weight: 300; font-size: 24px; color: #3B3D45;     line-height: 1.7em;}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 0
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb; outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#page > header {
  width: 100%;
  background-color: #F4F1E7;
  height: 70px;
  z-index: 105;
  box-shadow: 0px 4px 2px -2px #bbb;
  /*position: fixed;*/ /* Set the navbar to fixed position */
  /*top: 0;*/ /* Position the navbar at the top of the page */
  padding-bottom: 4px !important;
} 
#header-inner {max-width: 1640px; width: 100% ; margin: 0 auto; padding: 10px 15px 10px 5px; position: relative;}
.site-branding {float: left; width:25%}
#utility-and-nav-container {float: right; width: 75%}
#utility-and-nav-container #utility-div, #utility-and-nav-container #site-navigation {text-align: right;}
#header-logo {
    background: url(../png/rrha-logo-pms.png);
    margin-top: 24px;
    width: 240px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px;
    }
#primary-menu  >li > a {color: #008DA8;
    font-weight: 700;
    font-size: 16px;
    padding: 8px 10px 0;}
#primary-menu >li > a {text-transform: uppercase;}
#primary-menu > li:first-child > a { padding-left: 0;}
#primary-menu >li:last-child > a {/* padding-right: 0; */}
#primary-menu  >li:hover > a, #primary-menu  >li:focus > a,
#primary-menu  >li > a:hover, #primary-menu  >li > a:focus, #primary-menu >.current_page_item  > a,  #primary-menu >  .current-page-ancestor > a {color: #74A234; outline: 0}

.current_page_item > a, .current_page_ancestor > a, .level2 > li.open > a {
    color: #fff;}
.subnav ul.level2 .current_page_item > a, .subnav ul.level2 .current_page_ancestor > a, 
.subnav ul.level3 .current_page_item > a, .subnav ul.level3 .current_page_ancestor > a {font-weight: 900}
footer .current_page_item > a {
    color: #A2D45E !important;
    border-color: #A2D45E !important;
}

#primary-menu .subnav {
    /*width: 100%;*/
    background-color: #e4f7ca;
    background: #fff;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0px;
    TEXT-ALIGN: left;
    z-index: 9000;
    max-height: 0;
    overflow: hidden; max-width: 90%;
}
#primary-menu .subnav.columns1 {width: 480px}
#primary-menu .subnav.columns2 {width: 600px;}
#primary-menu .subnav.columns3 {width: 800px;}
#primary-menu .subnav.columns4 {width: 1080px;}

.subnav .subnav-inner {width: 100%; margin: 0 auto; max-width: 1640px; position: relative;
    left: 0;
    top: 0;
    background-color: inherit;
    display: flex;}

/*#primary-menu > li:hover .subnav,*/ #primary-menu > li.open .subnav
{
     outline: 0; /*transition: max-height .5s ease-in-out 250ms;*/
    max-height: 60rem;
    /* border-top: 1px solid rgba(0,0,0,.15); */
    box-shadow: 0px 4px 2px -2px #bbb;
    padding: 14px 0 0; /* border-left: 1px solid rgba(0,0,0,.15); */
    /* border: 1px solid rgba(0,0,0,.15); */
    border-radius: 8px;
    box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 25%);
    box-sizing: border-box; margin: 0 auto;
    max-width: 90%
}

.subnav {width: 100%; background-color:  #C8EB95}
.subnav  ul {list-style: none; margin-left: 15px;
    padding-left: 0; padding-top: 10px; }
.subnav  a {color: #008DA8; text-decoration: none; font-weight: 500; font-size: 15px}	
.subnav  a:hover, .subnav  a:focus {text-decoration: underline}
.subnav .level2 {width: 300px; /*margin: 0 auto; justify-content: space-evenly;*/ display: flex; padding: 20px 0 20px;     box-shadow: none; background-color: #F4F1E7;     float: none; flex-direction: column;
    position: relative;
    top: 0; left: 0; right: 0px;
    z-index: 99; padding-left: 15px}
.subnav.columns1 .level2 {width: 100%}
.subnav .level2 > li.level2_subhead {    text-transform: uppercase;    font-weight: 700;     font-size: 14px;
    line-height: 21px; margin-left: 15px;letter-spacing: .5px;} 
.subnav .level2 > li {margin: 0px 20px 0px 0; display: inline-block; width:100%; padding: 8px 0;}
.subnav .level2 > li > a {font-weight: 600;     font-size: 16px;  margin-left: 15px;   line-height: 22px; width: calc(100% - 40px); }
.subnav .level2 > li.page_item_has_children > a { display: inline;    padding-bottom: 0px; width: calc(100% - 80px);
    float: left;}
.subnav .level2 > li.open {background-color: #008DA8;     margin-right: 0; border-radius: 4px 0 0px 4px }
.subnav .level2 > li.open:not(:last-child) {margin-bottom: 2px;}
.subnav .level2 > li.open:not(:nth-child(2)) {margin-top: 2px;} /* The second li is actually the first page item */

.subnav .level2 > li.page_item_has_children > a:hover, .subnav .level2 > li.page_item_has_children > a:focus {/*border-bottom: 2px solid #74A234;*/}
.subnav .level2 > li.page_item_has_children > a.showChildren {  display: inline-block; width: 16px; height: 16px;  float: right; content: "\f344";     font-family: "dashicons"; padding-right: 38px;
    color: #C3C1B9}
.subnav .level2 > li.page_item_has_children > a.showChildren:hover, .subnav .level2 > li.page_item_has_children > a.showChildren:focus {  text-decoration: none;     color:  #008DA8; }
.subnav .level2 > li.page_item_has_children.open > a.showChildren, .subnav .level2 > li.page_item_has_children.open > a.showChildren:hover, .subnav .level2 > li.page_item_has_children.open > a.showChildren:focus { color: #fff;}

.subnav .level2 > li > .children {margin-bottom: 5px; margin-top: 0px;}
.subnav .level2 > li > .children > li {line-height: 1.3em; margin: 4px 0;}
.subnav .level2 > li > .children .children {margin: -10px 0 5px 22px;     font-style: italic;}
	
.subnav .level2 .children a {line-height: 1.7em; text-align: left;}	

.subnav .mega_primary_bar {text-align: left;     border-bottom: 1px solid #74A234}
.subnav .mega_primary_bar a {font-size: 18px;    font-weight: 700; position: relative;}
.subnav .mega_primary_bar a:after, .news-events > .subnav .mega_primary_bar a:after {content: "\f522";  font-family: "dashicons";  display: inline-block; width: 16px; height: 16px; position: relative;
    top: 0px;
    left: 8px;
    font-size: 14px;}
.subnav .mega_primary_bar p.subhead {font-size: 14px;     font-weight: 500; margin-top: 4px;    line-height: 21px;}
.subnav .mega_primary_bar img {float: left; border-radius: 4px; margin: 8px -15px 20px 22px;}
.subnav .mega_primary_bar .text {float: left;  margin-left: 30px; margin-top: 16px;margin-right: 30px;}
.subnav ul.level2 > .page_item  .children {display:none}
.subnav-inner .level3 {display: none; background-color: #008DA8; padding: 55px 15px 15px 20px; width: 300px;}
.subnav-inner .level3 li {margin: 10px 20px 18px 0;}
.subnav-inner .level3 a {color: #fff; font-weight: 600;
    font-size: 16px;
    line-height: 22px;}
.news-events > .subnav .mega_primary_bar a.view {padding: 9px 52px 16px 20px; float:left}
.news-events > .subnav .mega_primary_bar a.view.calendar { float: right}

/* Mega Menu (non-nav) sections */
.subnav-inner  .mmsection p.subhead {    text-transform: uppercase;   font-weight: 700;
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 0;
    padding-bottom: 0px;letter-spacing: .5px;}
.subnav-inner  .mmsection.quicklinks  {padding: 28px 12px 32px 20px; width: 300px;background: #fff;/* background: linear-gradient(180deg, rgba(0,141,168,1) 0%, rgba(7,142,161,1) 50%, rgba(35,151,116,1) 100%); *//* background: #229774; *//* background: #74A234; */}
.subnav-inner  .mmsection.quicklinks ul  {padding-top: 0}
.subnav-inner  .mmsection.quicklinks ul li {margin: 22px 20px -5px 26px;}
.subnav-inner  .mmsection.quicklinks ul li a {font-weight: 600;
    font-size: 16px; position: relative;     line-height: 20px;/* color: #fff; */}

.subnav-inner  .mmsection.quicklinks ul li a:before { 
    content: "";
    background: url(	'../svg/quicklinks-doc-icon.svg') 0 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: -4px;
    left: -28px;
    background-repeat: no-repeat;
    background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' color='%2374A234'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'%3E%3C/path%3E%3C/svg%3E");}

.subnav-inner  .mmsection.feature {margin-top: 29px; padding: 0 40px 0 40px;     width: 292px;}
.subnav-inner  .mmsection.feature p {color: #3B3D45;  font-weight: 500;
    font-size: 16px;     line-height: 21px; margin-bottom: 12px;}
.subnav-inner .mmsection.feature p .date {  font-weight: 700}
.subnav-inner  .mmsection.feature img { border-radius: 4px; margin-bottom: 11px}
.subnav-inner  .mmsection.feature a {font-weight: 700; color: #fff; background-color: #74A234; border: 1px solid #74A234;  padding: 7px 14px 6px;     display: inline-block;   font-size: 14px;  border-radius: 4px;   line-height: 21px; margin-bottom: 28px}
.subnav-inner  .mmsection.feature a:hover, .subnav-inner  .mmsection.feature a:focus {background-color: #008DA8; border: 1px solid #008DA8; text-decoration: none}
.subnav-inner  .mmsection.feature.news {background-color: #F4F1E7;
    margin-top: 0;
    padding-top: 29px;}
.subnav-inner .mmsection.current {    padding: 40px 20px 20px;     width: 292px;}
.subnav-inner.no_feature .mmsection.current {    width: 50%;}
.subnav-inner .mmsection.current.news {  background-color: #F4F1E7;}
.subnav-inner .mmsection.current.news li {     padding: 10px 0;}
.subnav-inner .mmsection.current.news li a {  font-weight: 700;
    font-size: 16px;
    line-height: 21px;
  }
.subnav-inner .mmsection.current.events li {     padding: 7px 0;}
.subnav-inner .mmsection.current.events li a {  font-weight: 700;
    font-size: 16px;
    line-height: 21px;
  }
.subnav-inner .mmsection.current.events li a .date {color: #74A234; font-size: 13px; display: contents;}
.subnav-inner .mmsection.current.events li a:hover , .subnav-inner .mmsection.current.events li a:focus  { text-decoration: underline}
.subnav-inner .mmsection.current.events li a:hover .date, .subnav-inner .mmsection.current.events li a:focus .date {border-bottom: 1px solid #74A234; text-decoration: none}
.subnav-inner .mmsection.current.events p.none {font-size: 15px}

.subnav .mega_footer_bar {     background-color: #F4F1E7;     border-top: 1px solid #C3C1B9; padding: 17px 13px;}
.subnav .mega_footer_bar a {     background-color: #Fff;  color: #74A234;    border: 1px solid #C3C1B9; border-radius: 4px; 
font-size: 16px;
font-weight: 700;
line-height: 21px; DISPLAY: INLINE-BLOCK;
    padding: 10px 28px 10px 52px;
    margin-left: 10px; position: relative; transition: .2s;}
.subnav .mega_footer_bar a:hover, .subnav .mega_footer_bar:focus {text-decoration: none; background-color: #A2D45E; color: #fff; transition: .2s;}
.subnav .mega_footer_bar a:before {content: "";
    background: url(	'../svg/portal-exterior-icon.svg') 0 0;
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    top: 11px;
    left: 19px;
    background-repeat: no-repeat;
    background-size: contain; transition: .2s;}
.subnav .mega_footer_bar a:hover:before, .subnav .mega_footer_bar a:focus:before {    background: url(	'../svg/portal-exterior-icon-white.svg') 0 0; transition: .2s;}

/*
MEGA MENU ALT STYLE
----------------------------------- */
.subnav.menu-item-1847 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    right: 32px !important;
    left: auto !important;
}
/* .subnav-inner .mmsection.quicklinks .subhead {
    color: #FDCA53;
}
.subnav-inner .mmsection.quicklinks ul li a {
    color: #fff;
}
.subnav-inner .mmsection.quicklinks {
    padding: 28px 12px 32px 20px;
    width: 300px;
    background: #F4F1E7;
    background: #008DA8;
    background: #229774;
    background: linear-gradient(180deg, rgba(0,141,168,1) 0%, rgba(7,142,161,1) 50%, rgba(35,151,116,1) 100%);
}
.subnav-inner .mmsection.quicklinks ul li a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' color='%23FDCA53'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'%3E%3C/path%3E%3C/svg%3E");
} */
/* END */

#menu-button-container {display: none}
.hamburger {
    width: 66px;
    height: 58px;
    transition: .2s;
    transition-duration: 1s;
    display: inline-block;
    margin: -2px auto 0;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: none;
    text-align: center;
    position: absolute;
	left: 18px;
    z-index: 99999;
}
.hamburger .menu-text {font-size: 18px;
font-weight: bold;
text-transform: uppercase;
color: #008DA8;
position: absolute;
top: 8px;
left: 2px;
text-align: center;
}
.hamburger .hamburger-inner {height: 4px;
width: 56px;
top: 23px;
left: 3px;
border-radius: 3px;
position: absolute;
transition-duration: .2s;
background: 0 0;
}
.hamburger.open .hamburger-inner {
    top: 28px;
}
.hamburger .hamburger-inner:before, .hamburger .hamburger-inner:after {
   left: 0;
position: absolute;
top: 8px;
height: 3px;
width: 52px;
background-color: #008DA8;
content: "";
border-radius: 2px;
transition-duration: .2s;
}
.hamburger .hamburger-inner:after {
    top: 18px;
}
.hamburger.open {
    display: inline-block !important;
}
.hamburger.open .menu-text {    color: white}
.hamburger.open .hamburger-inner {
    transition-duration: .1s;
    transition-delay: .1s;
    background: 0 0;
}
.hamburger.open .hamburger-inner:before {
    transition: top .2s,transform .1s .1s;
    top: 20px;
    transform: rotateZ(-45deg);
    background-color: #fff
}
.hamburger.open .hamburger-inner:after {
    transition: top .1s,transform .1s .1s;
    top: 20px;
    transform: rotateZ(45deg);
    background-color: #fff
}
.menu-primary-container {
    margin-top: -4px;
}
@media (max-width: 1360px) {
    .site-branding {
        width: 17%;
    }
    #header-logo {
        height: 64px;
    }
    #utility-and-nav-container {
        width: 82%;
    }
    .menu-primary-container {
        margin-top: -2px;
    }
}
@media (max-width: 1260px) {
    #utility-div #search-item.expanded input[type=search] {
        max-width: 190px;
    }
}
#utility-and-nav-container {display: none}
#utility-and-nav-container #utility-div {margin-top: 20px;margin-bottom: 0px;}
#utility-div ul {list-style: none; margin-left: 0}
#utility-div li {list-style: none;display: inline-block;margin-right: 12px;}
#utility-div li#home-item, #utility-div li#careers-item {
    margin-right: 24px;
}
@media (min-width: 1190px) {
    #utility-div li#home-item, #utility-div li#careers-item {
        margin-left: 32px;
    }
}
/*#utility-div li:last-child { margin-right: 0px}    Need this space for the down arrow */
#utility-div li a { 
    color: #7D7D7E; 
    font-size: 18px; 
    font-weight: 700; 
    text-decoration: none;
}
#utility-div li#portal-item { 
    border-left: 1px #A7A9AC solid;
    padding-left: 32px;
    margin-right: -6px;
    /*position: relative;
    top: 5px;*/
}
#utility-div li#portal-item ~ li#portal-item { 
    border: none;
    padding-left: 0;
}
#utility-div li#portal-item a {
    /*background: url(/wp-content/themes/rrha2019/img/RRHA-global-sprite.png) -50px -318px;
    width: 222px;
    height: 49px;*/
    display: inline-block;
    position: relative;
    /*top: 18px;
    margin-top: -20px;
    margin-left: 40px;
    margin-right: 20px;*/
    background: white;
    color: #74A234;
    border-radius: 3px 0 0 3px;
    border: 2px solid #a6a6a6;
    font-weight: bold;
    padding: 4px 12px;
    box-shadow: 0px 4px 6px rgba(0,0,0,.1);
    transition: .1s;
}
#utility-div li#portal-item a.middle-btn {
    border-radius: 0;
}
#utility-div li#portal-item a.last-btn {
    border-radius: 0 3px 3px 0;
}
#utility-div li#portal-item a:hover, #utility-div li#portal-item a:focus { 
    /*background: url(/wp-content/themes/rrha2019/img/RRHA-global-sprite.png) -50px -389px;*/
    background: #A2D45E;
    color: white;
    transition: .1s;
}
#utility-div li#translate-item a:hover, #utility-div li#translate-item a:focus,
#utility-div li#contact-item a:hover, #utility-div li#contact-item a:focus, #utility-div li#home-item a:hover, #utility-div li#home-item a:focus, #utility-div li#careers-item a:hover, #utility-div li#careers-item a:focus {
    color: #74A234;
}
#utility-div li#translate-item a:after {
    content: ""; 
    background: url(../png/rrha-global-sprite.png) -211px -214px;
    width: 13px;
    height: 10px;
    display: block; position: relative;
    top: -17px;
    right: -86px;
}
#utility-div li#translate-item a:hover:after, #utility-div li#translate-item a:focus:after {
    background-position: -211px -234px;
}

#utility-div #search-item {margin-right: 12px;padding: 8px;}
#utility-div #search-item.expanded { background: #fff; padding: 8px;}
#utility-div input {
	outline: none;
}

#utility-div input::-webkit-search-decoration,
#utility-div input::-webkit-search-cancel-button {
	display: none; 
}

#utility-div input[type=search] {
	background: url(../png/mag-glass-blue.png) no-repeat;
	background-size: contain;
	padding: 0px 0px 0px 45px;
	width: 32px;
	height: 32px;
	color: transparent;
	cursor: pointer;
	border: 0 !important;
	font-weight: 400;
	color: #3B3D45 !important;
	font-size: 20px;
	-webkit-transition: width .5s;
	-moz-transition: width .5s;
	transition: width .5s;
	}

#utility-div #search-item.expanded input[type=search] { width: 99px; cursor: auto;}
#utility-div input:-moz-placeholder {
	color: transparent;
}
#utility-div input::-webkit-input-placeholder {
	color: transparent;
}	


/*#page > #content {margin-top: 120px;}*/

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.home .hero {
	padding: 0;
	position: relative; margin-bottom: 50px;
}
/* white zigzag under hero */
.home .hero:after {	 background: -webkit-linear-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
	 background: -moz-linear-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
	 background: -webkit-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
	 background: -ms-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
	 background: -o-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
	background: linear-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
    background-repeat: repeat-x;
    background-size: 250px 18px;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 20px;
    bottom: -5px;
    z-index: 80;
}
.chrome .hero:after {
    background: linear-gradient(-6deg, #fff 38px, transparent 39px) , linear-gradient(6deg, #fff 38px, transparent 39px);
    background-size: 250px 48px;
    height: 26px;
    bottom: -1px;
}
.hexagon-detail {display: none}
.home .hero .featured {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.home .hero h2 {
	font-size: 45px;
	color: white;
	line-height: 1em;
	font-weight: 800;
}
.home .hero h2 em {	color: #FDB714;	font-weight: 300}


.home .hero .overlay {
	max-width: 1200px;	z-index: 100;
}
.hero .overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -52%);
    left: 50%;
    text-align: center;
}

.home a#find-housing { /*color: #fff; font-size: 36px; font-weight: 700;*/ content: "";
        background: url(../png/rrha-global-sprite.png) -51px -586px;
    width: 470px;
    height: 110px;
    display: block;
    position: relative;
    top: 6px;
    right: -6px; margin: 0 auto 89px}
.home a#find-housing:focus, .home a#find-housing:hover {     background: url(../png/rrha-global-sprite.png) -51px -728px; outline: 0;}
	

@media screen and (max-width: 1040px) {
	.home .post-thumbnail.featured {
		min-height: 560px;
	}
}

@media screen and (min-width: 0px) {
	.hero .overlay {
		padding: 40px 20px;
	}
	.home .post-thumbnail.featured {
		min-height: 460px;
	}
	.home .hero h2 {
		margin-top: 111px;
	}
	.mobile-hero {
		display: block;
	}
	.desktop-hero {
		display: none;
	}
}
@media screen and (min-width: 600px) {
	.home .post-thumbnail.featured {
		min-height: 700px;
	}
	.hero .overlay {
		padding: 40px;
	}

}
@media screen and (min-width: 800px) {
	.mobile-hero {
		display: none;
	}
	.desktop-hero {
		display: block;
	}
}
@media screen and (min-width: 1041px) {
	.home .hero h2 {
		margin-top: 60px;
	}
}

#heroCarousel {
    margin-bottom: -10px;
}

.home .entry-content > p {text-align: center; margin: 0 auto; width: 100%; padding: 0 20px}
.home #band1-container {width: 100%; padding-top: 32px; margin-top: 0px; background: url(../jpg/house-pattern-homepage.jpg) center bottom repeat-x}
.home #band1-inner {width: 100%; padding: 0 20px}
.home #band1-inner .text-side{width: 100%; /*border-top: 1px solid #d2d2d2;*/ text-align: center;}
.home #band1-inner .picture-side{width: 100%}
.home #band1-inner .text-side h3 {color: #3B3D45; font-weight: 800; font-size: 36px; line-height: 1.2em;}
.home #band1-inner .text-side p {color: #3B3D45; font-weight: 400; font-size: 20px}
.home #band1-inner  a.button {background-color: #008DA8;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    text-decoration: none;
    padding: 8px 33px 8px 17px;
    z-index: 5;
    position: relative;
    top: 16px;}
.home #band1-inner  a.button:after { content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: -10px;
    z-index: 3;}
.home #band1-inner  a.button .shadow {z-index: 3;
    position: relative;}	
.home #band1-inner  a.button .shadow:after {content: "";
    width: -webkit-calc(100% + 57px); width: calc(100% + 57px);
    height: 10px;
    display: inline-block;
    background-color: transparent;
    border-bottom: #d4d1ca 2px solid;
    border-radius: 3px 3px 3px 3px;
    bottom: -11px;
    left: -16px;
    z-index: 3;
    position: absolute;}
.home #band1-inner  a.button:hover, .home #band1-inner  a.button:focus {background-color: #a2d45e}	
.home #band1-inner  a.button:hover .shadow:after,.home #band1-inner  a.button:hover .shadow:focus {border-bottom: #f9b919 2px solid;} 
.home #band1-inner  a.button:hover:after, .home #band1-inner  a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -292px -216px}


.hexagon {
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
       -moz-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
         -o-transform: rotate(120deg);
            transform: rotate(120deg);
    cursor: pointer;
    }
.hexagon-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }
.hexagon-in2 {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
   /* background-image: url(http://placekitten.com/240/240);*/
    visibility: visible;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
    }
.hexagon2 {width: 360px;     display: block;
    height: 720px;
    margin: -80px auto 0    }

.home #band2-container {width: 100%; padding-top: 75px; padding-bottom: 26px;
    margin-top: -55px; 
	background: rgb(200,235,149);
background: -moz-linear-gradient(180deg, rgba(200,235,149,1) 0%, rgba(162,212,94,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(200,235,149,1) 0%, rgba(162,212,94,1) 100%);
background: -ms-linear-gradient(180deg, rgba(200,235,149,1) 0%, rgba(162,212,94,1) 100%);
background: -o-linear-gradient(180deg, rgba(200,235,149,1) 0%, rgba(162,212,94,1) 100%);
background: linear-gradient(180deg, rgba(200,235,149,1) 0%, rgba(162,212,94,1) 100%);
}
.home #band2-inner {width: 100%; padding: 0 20px}
.home #band2-inner .text-side{width: 100%; text-align: center;}
.home #band2-inner .picture-side{width: 100%}
.home #band2-inner .text-side h3 {color: #3B3D45; font-weight: 800; font-size: 36px; line-height: 1.2em; margin-top: 40px;
    margin-bottom: 22px;}
.home #band2-inner .text-side p {color: #3B3D45; font-weight: 400; font-size: 20px}
.home #band2-inner  a.button {background-color: #008DA8;
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    text-decoration: none;
    padding: 8px 33px 8px 17px;
    z-index: 5;
    position: relative;
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 20px;
}
.home #band2-inner  a.button:hover, .home #band2-inner  a.button:focus {color: #a2d45e}	
.home #band2-inner  a.button:after { content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: -10px;
    z-index: 3;}
.home #band2-inner  a.button .shadow {z-index: 3;
    position: relative;}	
.home #band2-inner  a.button .shadow:after {content: "";
    width: -webkit-calc(100% + 57px); width: calc(100% + 57px);
    height: 10px;
    display: inline-block;
    background-color: transparent;
    border-bottom: #fff 2px solid;
    border-radius: 3px 3px 3px 3px;
    bottom: -15px;
    left: -16px;
    z-index: 3;
    position: absolute;}
.home #band2-inner  a.button:hover, .home #band2-inner  a.button:focus {background-color: #fff}	
.home #band2-inner  a.button:hover .shadow:after,.home #band2-inner  a.button:hover .shadow:focus {border-bottom: #FDB714 2px solid;} 
.home #band2-inner  a.button:hover:after, .home #band2-inner  a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -265px -216px}
.home #band2-inner  .pic.circle {  width: 100%;
margin: 33px auto 0; max-width: 492px; MAX-HEIGHT: 492PX;}
.home #band2-inner .grow.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.home #band2-inner .grow img {    height: 100%;    width: 100%}

.home #band3-container {width: 100%; padding-top: 75px;     margin-top: -55px; 
	background: url(../jpg/business-homepage-background.jpg) no-repeat;
    background-size: COVER
}
.home #band3-inner {width: 100%; padding: 0 20px}
.home #band3-inner .text-side {width: 100%; text-align: center; margin-bottom: 104px;}
.home #band3-inner .picture-side {width: 100%}
.home #band3-inner .text-side h3 {color: #fff; font-weight: 800; font-size: 36px; line-height: 1.2em; margin-top: 13px;
    margin-bottom: 22px;}
.home #band3-inner .text-side p {color: #fff; font-weight: 400; font-size: 20px}
.home #band3-inner  a.button {background-color: #fff;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    color: #008DA8;
    text-decoration: none;
    padding: 8px 33px 8px 17px;
    z-index: 5;
    position: relative; top: 22px;}
.home #band3-inner  a.button:after { content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: -10px;
    z-index: 3;}
.home #band3-inner  a.button .shadow {z-index: 3;
    position: relative;}	
.home #band3-inner  a.button .shadow:after {content: "";
    width: -webkit-calc(100% + 57px); width: calc(100% + 57px);
    height: 10px;
    display: inline-block;
    background-color: transparent;
    border-bottom: #A2D45E 2px solid;
    border-radius: 3px 3px 3px 3px;
    bottom: -10px;
    left: -16px;
    z-index: 3;
    position: absolute;}
.home #band3-inner  a.button:hover, .home #band3-inner  a.button:focus {color: #fff; background-color: #a2d45e;}	
.home #band3-inner  a.button:hover .shadow:after,.home #band3-inner  a.button:hover .shadow:focus {border-bottom: #FDB714 2px solid;} 
.home #band3-inner  a.button:hover:after, .home #band3-inner  a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -291px -216px}

.home #band4-container {width: 100%; padding-top: 75px;
    margin-top: 0; /*background-color: #F4F1E7;*/ margin-bottom: 102px;
	 background: rgb(244,241,231);
background: -webkit-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
}
.home #band4-inner {width: 100%; /*padding: 0 20px*/}
.home #band4-inner .text-side{width: 100%;  text-align: center; padding: 0 0 0 20px}
.home #band4-inner .picture-side{width: 100%; padding: 0 20px 0 0}
.home #band4-inner .text-side h3 {color: #3B3D45; font-weight: 800; font-size: 36px; line-height: 1.2em; margin: 22px 0;}
.home #band4-inner .text-side hr {border-top: 1px solid #FDB714;
width: 73px;
height: 4px;
background-color:
#FDB714;
border-radius: 2px;
margin-bottom: 1px;}
.home #band4-inner .text-side p {color: #3B3D45; font-weight: 400; font-size: 20px}
.home #band4-inner  a.button {background-color: #008DA8;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    text-decoration: none;
    padding: 8px 33px 8px 17px;
    z-index: 5;
    position: relative;
    top: 16px;}
.home #band4-inner  a.button:after { content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: -10px;
    z-index: 3;}
.home #band4-inner  a.button .shadow {z-index: 3;
    position: relative;}	
.home #band4-inner  a.button .shadow:after {content: "";
    width: -webkit-calc(100% + 57px); width: calc(100% + 57px);
    height: 10px;
    display: inline-block;
    background-color: transparent;
    border-bottom: #d4d1ca 2px solid;
    border-radius: 3px 3px 3px 3px;
    bottom: -10px;
    left: -16px;
    z-index: 3;
    position: absolute;}
.home #band4-inner  a.button:hover, .home #band4-inner  a.button:focus {background-color: #a2d45e}	
.home #band4-inner  a.button:hover .shadow:after,.home #band4-inner  a.button:hover .shadow:focus {border-bottom: #f9b919 2px solid;} 
.home #band4-inner  a.button:hover:after, .home #band4-inner  a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -292px -216px}
.home #band4-inner  .pic.circle {  width: 100%;
margin: 58px auto 0; max-width: 492px; MAX-HEIGHT: 492PX;}
.home #band4-inner .grow.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}



/*========= Carousel Fade Effect =========*/
/* Need to replace .carousel.slide with .carousel.fade in the HTML */
.carousel.fade {
  opacity: 1; }
.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0; /* hide all slides */
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}
.carousel.fade .item:first-child {
  top: auto;
  /*opacity: 1;  show first slide */
  position: relative;
}
.carousel.fade .item.active {  opacity: 1; transition: opacity ease-out .7s;}

.carousel.fade .item:before  /* teal fade that overlays hero */
{
	content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
	  /*background: rgba(0, 115, 140);*/
	  background-image: -moz-linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
      background-image: -webkit-linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
      background-image: -o-linear-gradient( 0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
      background-image: -ms-linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
      background-image: linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
	}
.carousel.fade .item.active img {width: 100%;}	
.mobile-hero:before 
{
	content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
	  
	  background: rgb(0, 115, 140);
	  background: -moz-linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
      background: -webkit-linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
      background: -ms-linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
      background: linear-gradient(0deg, rgba(0, 115, 140, 1) 0%, rgba(0, 115, 140, 1) 5%, rgba(0, 115, 140, .4) 100%);
	}	
	
	
/*========= END Carousel Fade Effect =========*/

/*--------------------------------------------------------------
## Default Interior Page
--------------------------------------------------------------*/
.page-template-default #title-hero-container {display: block;     width: 100%;}
.page-template-default #title-hero-container:not(.hasimg) {margin-top: 23px;}
.page-template-default #title-hero-container #hero {}
.page-template-default #title-hero-container #hero img.attachment-interior-hero-half {display:none}
.page-template-default #title-hero-container #page-title-container {background-color: #008DA8;
    display: block;
    overflow: auto;
    margin: 0 auto;}
.page-template-default #title-hero-container.hasimg #page-title-container {margin-top: -7px;}	
.page-template-default #title-hero-container #page-title-container h1 {font-size: 48px;
    font-weight: 700;
    color: #fff;
    background-color: #008DA8 !important;
    line-height: 1.2em; padding: 26px 50px 70px}
.page-template-default #title-hero-container #page-title-container h1:after {content: ''; display: block;     height: 19px;
	width: 100%;
    max-width: 401px;
    background: url(../png/title-squiggles.png) -32px -30px;
    bottom: -65px;
    left: 0;
    position: relative;}
	
.page-template-default #page > #content {    margin-bottom: 100px; margin-top: -23px;}
.page-template-default .entry-content h2, .single-mec-events h2 {color: #3B3D45; font-size: 72px; font-weight: 400; line-height: 1.15em; margin-bottom: 24px}
.page-template-default .entry-content h3, .single-mec-events h3 {color: #3B3D45; font-size: 30px; font-weight: 700; line-height: 1.15em;     margin: 88px 0 0px;}
.page-template-default .entry-content h4, .single-mec-events h4 {color: #3B3D45; font-size: 24px; font-weight: 700; line-height: 1.15em; margin: 44px 0 0px;}


.page-template-default .entry-content  p, .page-template-default .entry-content ul, .page-template-default .entry-content ol { font-weight: 400;
    font-size: 18px;
    color: #3B3D45;   line-height: 1.6em;}
@media screen and (min-width: 768px) {
    .page-template-default .entry-content  p, .page-template-default .entry-content ul, .page-template-default .entry-content ol {
        font-size: 20px;
    }
}
    

.page-template-default .entry-content	ul  li:not(.blocks-gallery-item):before{ content:""; font-size: 19pt; text-indent: -17px;
    margin-left: 17px;}
.page-template-default .wp-block-image {     text-align: center; margin-bottom: 0;}
.page-template-default  .wp-block-image figcaption { font-size:18px; color:  #3B3D45; font-weight: 400; margin-top: 12px; text-align: unset;}
.page-template-default  .wp-block-image > .aligncenter > img {margin: 0 auto}
.page-template-default .entry-content a { color: #008DA8; font-weight: 700; text-decoration: none}
.page-template-default .entry-content a:hover, .page-template-default .entry-content a:focus { color: #74A234; text-decoration: underline}
.page-template-default .entry-content hr {
    border-top: 3px solid #A2D45E;
    width: 80% ; margin: 75px auto;}
	
.page-template-default .entry-content > p, .page-template-default .entry-content > ul, .page-template-default .entry-content > ol, .page-template-default .entry-content > h2, .page-template-default .entry-content > h3, .page-template-default .entry-content > h4, .page-template-default .wp-block-image, .page-template-default .wp-block-image figure:not(.alignright):not(.alignleft),  .page-template-default .wp-block-embed, .page-template-default .table-responsive, .page-template-default .wp-block-media-text.alignwide, .page-template-default .wp-block-columns {padding-right: 0px;     padding-left: 0px; width: 100%}
.page-template-default .wp-block-embed .wp-block-embed__wrapper {text-align: center; /*padding-bottom: 200px;*/}
.page-template-default .wp-block-pullquote {width: 100%; position: relative;  background: url(../png/testimonial-bg.png) center 0 no-repeat; background-size: contain;     vertical-align: middle; display: table-cell;}
.page-template-default .wp-block-pullquote blockquote {display: inline-block;}
.page-template-default .entry-content blockquote.wp-block-quote {margin: 32px auto; padding: 20px; }	
.page-template-default .entry-content blockquote.wp-block-quote { width: 80%}	
.page-template-default  .entry-content blockquote p {color: #008DA8; font-weight: 300; font-size: 36px; line-height: 1.67em; margin-bottom: 0;}	
.page-template-default .entry-content  blockquote cite {
	font-weight: 700;
    font-size: 24px;
    color: #008DA8;
    padding-top: 0;
    display: block;
    font-style: normal;
}
.page-template-default .entry-content  blockquote cite em {color: #4E5058; font-size: 24px; font-weight: 300; font-style: normal;}	
.page-template-default .wp-block-pullquote blockquote p {font-weight: 100; color: #008DA8; font-size: 36px; line-height: 1.2em; margin-top: 0;}	
.page-template-default .wp-block-pullquote blockquote cite {color: #008DA8}	
.page-template-default .table-responsive, .page-template-default .wp-block-media-text.alignwide, .page-template-default .wp-block-columns {margin-top: 20px;    margin-bottom: 20px;}
.page-template-default .wp-block-columns.paddinglr {padding-left: 20px;   padding-right: 20px;}

/*Default Guternburg button */
.wp-block-button__link, .vfbp-form .btn-primary {
    background-color: #008DA8;
    border: none;
    box-shadow: none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    border-radius: 3px 3px 3px 3px;
    text-transform: none;
    font-weight: 800 !important;
    padding: 8px 24px 10px 16px;
}
@media screen and (max-width: 720px) {
    .wp-block-button__link, .vfbp-form .btn-primary {
        padding: 8px 28px 10px 20px;
        font-size: 20px;
    }
}
.wp-block-button__link:after, .vfbp-form .btn-primary:after {
    content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 5px;
    right: -10px;
    z-index: 3;
}
.wp-block-button__link:hover, .wp-block-button__link:focus, .vfbp-form .btn-primary:hover, .vfbp-form .btn-primary:focus {    background-color: #a2d45e; text-decoration: none !important}
.wp-block-button__link:hover:after, .wp-block-button__link:focus:after, .vfbp-form .btn-primary:hover:after, .vfbp-form .btn-primary:focus:after {
    background: url(../png/rrha-global-sprite.png) -292px -216px;
}

.page-template-default .vfb-clearfix:after {    padding-top: 25px}
.page-template-default .vfbp-form .vfb-help-block, .page-template-default .vfbp-form label,
.page-template-default .vfbp-form .vfb-form-control {    font-size: 18px}
.page-template-default .vfbp-form .file-input .vfb-form-control {   height: 49px }
.page-template-default .vfbp-form .vfb-rule-hide + .vfb-clearfix {display: none;}

.page-template-default #pre-footer, .page-template-communities #pre-footer, .error404 #pre-footer,  {display: none}

/*--------------------------------------------------------------
## Single Post/Article 
--------------------------------------------------------------*/
.post-template-default #title-hero-container {display: block;     width: 100%;}
.post-template-default #title-hero-container:not(.hasimg) {margin-top: 23px;}
.post-template-default #title-hero-container #hero img.attachment-interior-hero-half {display:none}
.post-template-default #title-hero-container #page-title-container {background-color: #74A234;
    width: 80%;
    display: block;
    overflow: auto;
    margin: 0 auto;}
.post-template-default #title-hero-container.hasimg #page-title-container {margin-top: -7px;}	
.post-template-default #title-hero-container #page-title-container h1 {font-size: 48px;
    font-weight: 700;
    color: #fff;
    background-color: #74A234 !important;
    display: inline-block;
    line-height: 1.2em; padding: 26px 50px 70px}
.post-template-default #title-hero-container #page-title-container h1:after {content: ''; display: block;     height: 19px;
	width: 100%;
    max-width: 401px;
    background: url(../png/title-squiggles.png) -32px -79px;
    bottom: -65px;
    left: 0;
    position: relative;}
	
.post-template-default #page > #content {    margin-bottom: 100px; margin-top: -23px;}
.post-template-default .entry-content h2 {color: #3B3D45; font-size: 42px; font-weight: 400; line-height: 1.15em;}
.post-template-default .entry-content h3 {color: #3B3D45; font-size: 36px; font-weight: 700; line-height: 1.15em;     margin: 88px 0 0px;}
.post-template-default .entry-content h4 {color: #3B3D45; font-size: 24px; font-weight: 700; line-height: 1.15em; text-transform: uppercase;     margin: 44px 0 0px;}


.post-template-default .entry-content  p, .post-template-default .entry-content ul, .post-template-default .entry-content ol { 
    font-weight: 400;
    font-size: 18px;
    color: #3B3D45;
    line-height: 1.6em;
}
@media screen and (min-width: 768px) {
    .post-template-default .entry-content  p, .post-template-default .entry-content ul, .post-template-default .entry-content ol { 
        font-size: 20px;
    }
}



.post-template-default .entry-content	ul { padding-left: 0;}
.post-template-default .entry-content	ul  li:before{ content:""; font-size: 19pt; }
.post-template-default .wp-block-image {     text-align: center; margin-bottom: 0;}
.post-template-default  .wp-block-image figcaption { font-size:18px; color:  #3B3D45; font-weight: 400; margin-top: 12px; text-align: unset;}
.post-template-default .entry-content a { color: #008DA8; font-weight: 700; text-decoration: none}
.post-template-default .entry-content a:hover, .post-template-default .entry-content a:focus { color: #74A234; text-decoration: underline}
.post-template-default .entry-content hr {
    border-top: 3px solid #A2D45E;
    width: 80% ; 
    margin: 32px auto;
    display: inline-block;}
	
.post-template-default .entry-content > p, .post-template-default .entry-content > ul, .post-template-default .entry-content > ol, .post-template-default .entry-content > h2, .post-template-default .entry-content > h3, .post-template-default .entry-content > h4, .post-template-default .wp-block-image, .post-template-default .wp-block-image figure:not(.alignright):not(.alignleft),  .post-template-default .wp-block-embed,  .post-template-default .entry-meta, .post-template-default .table-responsive, .post-template-default .wp-block-media-text.alignwide, .post-template-default .wp-block-columns { width: 100%}
.post-template-default .wp-block-embed .wp-block-embed__wrapper {text-align: center; padding-bottom: 200px;}
.post-template-default .wp-block-pullquote {width: 100%; position: relative;  background: url(../png/testimonial-bg.png) center 0 no-repeat; background-size: contain;     vertical-align: middle; display: table-cell;}
.post-template-default .wp-block-pullquote blockquote {display: inline-block;}
.post-template-default .entry-content blockquote.wp-block-quote {margin: 0 auto; padding: 0 20px 20px; }	
.post-template-default .entry-content blockquote.wp-block-quote { width: 80%}	
.post-template-default  .entry-content blockquote p {color: #008DA8; font-weight: 300; font-size: 36px; line-height: 1.67em; margin-bottom: 0;}	
.post-template-default .entry-content  blockquote cite {font-weight: 700; font-size:  24px; color: #3B3D45; 
    display: block; text-align: center; font-style: normal}
.post-template-default .entry-content  blockquote cite em {color: #4E5058; font-size: 24px; font-weight: 300; font-style: normal;}	
.post-template-default .wp-block-pullquote blockquote p {font-weight: 100; color: #3B3D45; font-size: 36px; line-height: 1.2em; margin-top: 0;}	
.post-template-default .wp-block-pullquote blockquote cite {color: #008DA8}	
.post-template-default .table-responsive, .post-template-default .wp-block-media-text.alignwide, .post-template-default .wp-block-columns {margin-top: 15px;    margin-bottom: 40px;}


.post-template-default #pre-footer {display: none}

.post-template-default .social-links, .post-template-default .meta-left{width: 100%}
.post-template-default .entry-meta  { margin-top: 30px; margin-bottom: 63px;}
.post-template-default .meta-left .date-posted {float: left}
.post-template-default .meta-left .category {float:right}
.post-template-default .meta-left .category  a { color: #3B3D45}
.post-template-default .social-links  {float: left;
clear: both;
margin-top: 20px;}
.post-template-default .social-links a {border: #D1D1D1 1px solid; color: #3B3D45;
    border-radius: 19px;
    padding: 9px 9px 9px 7px; margin-right: 14px;}
.post-template-default .social-links a:last-child {	margin-right: 0}
.post-template-default .social-links a.twitter {padding-left: 8px}	
.post-template-default .social-links a.email {padding-right: 10px}	
.post-template-default .social-links .dashicons:before {font-size: 22px;}
.post-template-default .social-links a:hover {border-color: #A2D45E; color: #A2D45E; text-decoration: none}
.post-template-default .social-links a i {width: 20px;
    height: 20px;
    text-align: center;}
.post-template-default .social-links a i:before {font-size: 20px; top: 2px;
    position: relative;
    left: 1px;}

/*--------------------------------------------------------------
## Blog/News/Articles LP
--------------------------------------------------------------*/
.blog .page-header, .blog #filter-wrap, .archive .page-header, .archive #filter-wrap {width: 100%}
 .blog #filter-wrap,  .archive #filter-wrap { background-color: #f2f2f4}
.filter-btns {text-align: center;padding: 20px 0;}
.filter-btns button {border: 0; color: #4E5058; font-weight:  700; font-size:  18px; background-color: transparent; text-transform: uppercase; cursor: pointer; BORDER-RADIUS: 6PX;
    PADDING: 11px 19px 10px 10px;}
.filter-btns button.active {border: #4E5058 1px solid;}
.filter-btns button#btn-categories {margin-right: 85px;}
.filter-btns button .dashicons {margin-left: 15px;     margin-top: -11px; font-size: 37px;}
.filter-btns button.active .dashicons {     margin-top: -9px;}
.filter-btns button  .dashicons:before {transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all;}
.filter-btns button.active .dashicons:before {transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    -o-transition: 300ms ease all;
    transition: 300ms ease all; display: inline-block;}	
.blog .page-header h1, .archive .page-header h1 {color: #3B3D45; text-align: center; font-weight: 400; font-size: 72px; margin-top: 48px; margin-bottom: 48px;}
.blog-filter  {text-align: center; position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;}
.blog-filter a {display: block; font-weight: 300; color: #4E5058; font-size:  28px; padding: 0 15px 0; text-decoration: none}
.blog-filter a:hover, .blog-filter a:focus { color: #4E5058; text-decoration: underline}
.blog-filter  .padding {padding: 11px 0;}
.blog .posts-container, .archive .posts-container {width: 100%; padding: 0 20px 100px; display: flex;
    flex-wrap: wrap;}
.blog  article, .archive  article {background-color: #ebf7df;margin-bottom: 48px;}	
.blog  article:last-of-type, .archive  article:last-of-type {margin-bottom: 108px;}
.blog .entry-content, .archive .entry-content {
    margin-top: 0;
    width: 100%;
    padding: .5em 1.5em;
}
@media screen and (min-width: 720px) {
    .blog .entry-content, .archive .entry-content {
        padding: 1em 2em;
    }
}
.blog .has-post-thumbnail .entry-content, .archive .has-post-thumbnail .entry-content {padding-top: 0}
.blog .entry-content  a, .archive .entry-content  a {text-decoration: none}
.blog .entry-content img, .archive .entry-content img {    margin-top: -15px;
    margin-bottom: 16px; width: 57%;
    margin-left: 21.5%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;}
.blog .entry-content h2, .archive .entry-content h2 {line-height: 1.35em;color: #3B3D45;font-weight: 700;font-size: 28px;}
.blog .entry-content .category, .archive .entry-content .category{    float: left;}
.blog .entry-content .category a, .archive .entry-content .category a {color: #3B3D45; font-weight: 700; font-size: 18px}
.blog .entry-content .category a:hover, .blog .entry-content .category a:focus ,
.archive .entry-content .category a:hover, .archive .entry-content .category a:focus { text-decoration: underline}
.blog .entry-content .date-posted, .archive .entry-content .date-posted {float: right; color: #3B3D45; font-weight: 400; font-size: 18px}
.blog .entry-content .entry-meta, .archive .entry-content .entry-meta {padding-bottom: 22px;}
.blog .entry-content .entry-excerpt, .archive .entry-content .entry-excerpt {margin-top: 24px;}
.blog .entry-content .entry-excerpt *, .archive .entry-content .entry-excerpt * {line-height: 1.55em;color: #3B3D45;font-size: 20px;font-weight:  400;}
.blog .entry-content  a:hover h2, .blog .entry-content a:focus h2, .blog .entry-content  a:hover .entry-excerpt *, .blog .entry-content a:focus .entry-excerpt *,
.archive .entry-content  a:hover h2, .archive .entry-content a:focus h2, .archive .entry-content  a:hover .entry-excerpt *, .archive .entry-content a:focus .entry-excerpt *  { text-decoration: underline}
.blog #pre-footer, .archive #pre-footer {
    display: block;
    background: url(../jpg/house-pattern-homepage.jpg) center 33px repeat-x;
    height: 190px;
}
.blog #page > header, .archive #page > header {border-bottom: 1px solid #bbb}
.blog  #pre-footer:after, .archive  #pre-footer:after {display: none !important}
.blog #byscripts_ajax_posts_loader_trigger, .archive #byscripts_ajax_posts_loader_trigger { float: left;
    width: 100%;
    clear: both;
    TEXT-ALIGN: center;}
.blog #byscripts_ajax_posts_loader_trigger span, .archive #byscripts_ajax_posts_loader_trigger span {cursor: pointer; background-color: #008DA8; color: #fff; font-weight: 700; font-size: 24px;  border-radius: 3px; padding: 10px 36px; box-shadow: 0 3px 6px #00000066;}	
.blog #byscripts_ajax_posts_loader_trigger span:hover, .blog #byscripts_ajax_posts_loader_trigger span:focus,
.archive #byscripts_ajax_posts_loader_trigger span:hover, .archive #byscripts_ajax_posts_loader_trigger span:focus {background-color: #a2d45e;}
.archive h2.page-subtitle {
    margin-top: -32px;
    margin-bottom: 64px;
    text-align: center;
    color: #008DA8;
    font-weight: 300;
    font-size: 28px;
    }
.archive h2.page-subtitle  .dashicons-no-alt {color: #A7A9AC;   font-size: 46px;     margin-top: -6px;
    margin-left: 7px;}
.archive h2.page-subtitle  .dashicons-no-alt:hover, .archive h2.page-subtitle  .dashicons-no-alt:focus { color: #008DA8}	
.archive h2.page-subtitle a	.dashicons-no-alt:before {    text-decoration: none;}
.archive h2.page-subtitle * {    text-decoration: none !important}

/*--------------------------------------------------------------
## Block: RRHA Default Button
--------------------------------------------------------------*/
.wrapper.rrha_button {margin-bottom: 10px;
    display: block;
    height: 43px; }
.wrapper.rrha_button.aligncenter {text-align: center;}	
.wrapper.rrha_button.alignleft {    width: auto;     margin-right: 20px;}	
.wrapper.rrha_button.alignright {    width: auto;     margin-left: 20px;}	
.wrapper.rrha_button  a.button {background-color: #008DA8;
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    text-decoration: none;
    padding: 8px 33px 8px 17px;
    z-index: 5;
    position: relative;
    top: 16px;}
.wrapper.rrha_button  a.button:after { content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: -10px;
    z-index: 3;}
.wrapper.rrha_button  a.button .shadow {z-index: 3;
    position: relative;}	
.wrapper.rrha_button a.button .shadow:after {content: "";
    width: -webkit-calc(100% + 57px); width: calc(100% + 57px);
    height: 10px;
    display: inline-block;
    background-color: transparent;
    border-bottom: #d4d1ca 2px solid;
    border-radius: 3px 3px 3px 3px;
    bottom: -11px;
    left: -16px;
    z-index: 3;
    position: absolute;}
.wrapper.rrha_button a.button:hover, .wrapper.rrha_button  a.button:focus {background-color: #a2d45e}	
.wrapper.rrha_button a.button:hover .shadow:after, .wrapper.rrha_button a.button:hover .shadow:focus {border-bottom: #f9b919 2px solid;} 
.wrapper.rrha_button a.button:hover:after, .wrapper.rrha_button a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -292px -216px}

/*--------------------------------------------------------------
## Block: Feature Section
--------------------------------------------------------------*/
.feature-section-container {width: 100%; padding-top: 0; padding-bottom: 32px;   margin-top: 0}
.feature-section-container.teal {background-color: #008DA8}	
.feature-section-container.beige {background-color: #F4F1E7}	
.feature-section-container.light-green {background-color: #C8EB95}	
.feature-section-container .feature-section-inner {width: 100%; padding: 32px 20px; max-width: 1340px;
    margin: 0 auto;}
.feature-section-container .feature-section-inner .text-side{width: 100%; text-align: center; margin-top: 32px;}
.feature-section-container .feature-section-inner .picture-side{width: 100%}
.feature-section-container .feature-section-inner .text-side h3 {color: #3B3D45; font-weight: 700; font-size: 48px; line-height: 1.2em; margin-top: 5px;     margin-bottom: 22px;}
.feature-section-container.teal .feature-section-inner .text-side h3 {color: #fff}
.feature-section-container .feature-section-inner .text-side hr {border-top: 1px solid #Fff;
    background-color: #Fff;
    width: 73px;
    height: 4px;
    border-radius: 2px;
    margin: 38px auto 0 }
.feature-section-container.beige .feature-section-inner .text-side hr {border-top: 1px solid #FDB714;
    background-color: #FDB714;}
.feature-section-container.teal .feature-section-inner .text-side hr {border-top: 1px solid #FDB714;
    background-color: #FDB714;}
.feature-section-container.light-green .feature-section-inner .text-side hr {border-top: 1px solid #008DA8;
    background-color: #008DA8;}
.feature-section-container .feature-section-inner .text-side p {color: #3B3D45; font-weight: 400; font-size: 20px; margin-top: 34px;}
.feature-section-container.teal .feature-section-inner .text-side p {color: #fff}
.feature-section-container .feature-section-inner  a.button {background-color: #008DA8;
        font-weight: 700;
    font-size: 24px;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    text-decoration: none;
    padding: 8px 33px 8px 17px;
    z-index: 5;
    position: relative;
	margin-top: 20px;
    display: inline-block;}
.feature-section-container.teal .feature-section-inner  a.button {background-color: #FFF; color: #74A234}	
.feature-section-container.beige .feature-section-inner  a.button {background-color: #FFF; color: #008DA8;}	
.feature-section-container.light-green .feature-section-inner  a.button, .feature-section-container.green .feature-section-inner  a.button {background-color: #FFF; color: #008DA8;}	
.feature-section-container .feature-section-inner  a.button:hover, .feature-section-container .feature-section-inner  a.button:focus {color: #a2d45e}	
.feature-section-container.teal .feature-section-inner  a.button:hover, .feature-section-container.teal .feature-section-inner  a.button:focus {color: #fff;     background-color: #a2d45e;}	
.feature-section-container.beige .feature-section-inner  a.button:hover, .feature-section-container.beige .feature-section-inner  a.button:focus {color: #fff;     background-color: #a2d45e;}	
.feature-section-container.light-green .feature-section-inner  a.button:hover, .feature-section-container.light-green .feature-section-inner  a.button:focus,
.feature-section-container.green .feature-section-inner  a.button:hover, .feature-section-container.green .feature-section-inner  a.button:focus {background-color: #008DA8;
    color: #fff;}
.feature-section-container .feature-section-inner  a.button:after { content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 3px;
    right: -10px;
    z-index: 3;}
.feature-section-container .feature-section-inner  a.button .shadow {z-index: 3;
    position: relative;}	
.feature-section-container .feature-section-inner  a.button .shadow:after {content: "";
    width: -webkit-calc(100% + 57px); width: calc(100% + 57px);
    height: 10px;
    display: inline-block;
    background-color: transparent;
    border-bottom: #fff 2px solid;
    border-radius: 3px 3px 3px 3px;
    bottom: -14px;
    left: -16px;
    z-index: 3;
    position: absolute;}
.feature-section-container.beige .feature-section-inner  a.button .shadow:after {border-bottom: #d4d1ca 2px solid}	
.feature-section-container.teal .feature-section-inner  a.button .shadow:after {border-bottom: #74A234 2px solid}
.feature-section-container.light-green .feature-section-inner  a.button .shadow:after, .feature-section-container.green .feature-section-inner  a.button .shadow:after {border-bottom: #d4d1ca 2px solid}
.feature-section-container .feature-section-inner  a.button:hover, .feature-section-container .feature-section-inner  a.button:focus {background-color: #fff}	
.feature-section-container .feature-section-inner  a.button:hover .shadow:after,.feature-section-container .feature-section-inner  a.button:hover .shadow:focus {border-bottom: #FDB714 2px solid;} 
.feature-section-container.light-green .feature-section-inner  a.button:hover:after, .feature-section-container.light-green .feature-section-inner  a.button:focus:after,
.feature-section-container.green .feature-section-inner  a.button:hover:after, .feature-section-container.green .feature-section-inner  a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -291px -216px}
.feature-section-container.teal .feature-section-inner  a.button:hover:after, .feature-section-container.teal .feature-section-inner  a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -291px -216px}
.feature-section-container.beige .feature-section-inner  a.button:hover:after, .feature-section-container.beige .feature-section-inner  a.button:focus:after {    background: url(../png/rrha-global-sprite.png) -291px -216px}

.feature-section-container.teal .feature-section-inner  a.button:hover .shadow:after, .feature-section-container.teal .feature-section-inner  a.button:hover .shadow:focus {border-bottom: #FDB714 2px solid}
.feature-section-container.beige .feature-section-inner  a.button:hover .shadow:after, .feature-section-container.beige .feature-section-inner  a.button:hover .shadow:focus {border-bottom: #FDB714 2px solid}


.feature-section-container .feature-section-inner  .pic.circle {  width: 100%;
margin: 33px auto 0; max-width: 492px; MAX-HEIGHT: 492PX;}
.feature-section-container .feature-section-inner .grow.circle img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.feature-section-container .feature-section-inner .grow img {    height: 100%;    width: 100%}

.feature-section-container.green {width: 100%; padding-top: 0; border-top: #A2D45E solid 232px;
    margin-top: 100px; padding-bottom: 300px; }	
.feature-section-container.green .feature-section-inner {max-width: unset; width: 100%; position: relative; padding: 0 20px}
.feature-section-container.green .feature-section-inner:before {
    background: -webkit-linear-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
    background: -moz-linear-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
    background: -webkit-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
    background: -ms-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
    background: -o-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
    background: linear-gradient(-6deg, #fff 16px, transparent 0), linear-gradient(6deg, #fff 16px, transparent 0);
    background-repeat: repeat-x;
    background-size: 250px 18px;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 20px; 
    top: -51px;
}
.chrome .feature-section-container.green .feature-section-inner:before {
    background: linear-gradient(-6deg, #fff 38px, transparent 39px) , linear-gradient(6deg, #fff 38px, transparent 39px);
    background-size: 250px 48px;
    height: 23px;
    top: -56px /*-23px*/}
.feature-section-container.green .feature-section-inner .picture-side	 {width: 100% !important;
    margin: 0 auto  !important;     position: relative; float: none !important;     top: -190px;}
.feature-section-container.green	.content-side {margin: -201px auto 0;
    width: 100%;
    padding: 0 20px;}
.feature-section-container.green	.content-side  h3 {font-size: 72px;
    font-weight: 400; margin-top: 64px;}	
.feature-section-container.green .columns { margin-top: 24px}
 .feature-section-container.green .columns p {margin-top: 0}
 .feature-section-container.green .feature-section-inner  a.button { left: -webkit-calc(50% - 94px); left: calc(50% - 94px);
    position: relative;
    text-transform: uppercase;
    font-weight: 800;
    top: 90px;}
 .feature-section-container.green .feature-section-inner  a.button:hover,  .feature-section-container.green .feature-section-inner  a.button:focus { padding: 8px 33px 6px 17px;}
  
/*--------------------------------------------------------------
## Block: Resource Section
--------------------------------------------------------------*/
.resource-section-container {width: 100%; padding: 40px 0;  margin-top: 0; background-color: #edf7df}
.resource-section-container .resource-section-inner {width: 100%; padding: 0 20px; text-align: center; max-width: 950px;
    margin: 0 auto;}
.entry-content  .resource-section-container h3 {color: #3B3D45; font-weight: 400; font-size: 48px; margin-top: 65px;
    margin-bottom: 75px;}
.resource-section-container  a.download_doc {color: #008DA8; font-size: 30px; font-weight: 700; border: 3px #008DA8 solid; border-radius: 3px 3px 3px 3px; padding: 0px 30px 24px; display: inline-block; }
.resource-section-container  .docwrap {margin-top: 35px; float: left; width: 100%; clear: both}
.resource-section-container  .docwrap:first-of-type {margin-top: 0}
.resource-section-container  a.download_doc:hover, .resource-section-container  a.download_doc:focus {text-decoration: none;     background-color: white; color: #008DA8;}
.resource-section-container  a.download_doc:after  {content: "";
    background: url(../png/download-icon.png) 0 0;
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    top: 25px;
    right: -11px;
    margin-top: -14px;} 
.resource-section-container .wp-block-advgb-accordions .advgb-accordion-item {margin-bottom: 100px;}	
.resource-section-container .wp-block-advgb-accordions .advgb-accordion-header {  padding: 5px 10px 5px 10px;  border: 0;}
.resource-section-container .wp-block-advgb-accordions .advgb-accordion-header:focus {  outline: 0}
.resource-section-container .wp-block-advgb-accordions .advgb-accordion-body { text-align: left;   border: 0;}
.resource-section-container .wp-block-advgb-accordions h3.advgb-accordion-header-title {font-weight: 700; color: #008DA8; font-size: 30px; margin: 0 auto;     
    padding-bottom: 17px;
    max-width: 80%;}
.resource-section-container .wp-block-advgb-accordions .advgb-accordion-header[aria-expanded="false"] h3.advgb-accordion-header-title {border-bottom: 3px solid #008da8;}	
.resource-section-container .wp-block-advgb-accordions .advgb-accordion-body p {color: #4E5058; font-size: 24px; font-weight: 400; margin-bottom: 22px; margin-top: 22px;}
.resource-section-container .wp-block-advgb-accordions .advgb-accordion-body h4 {color: #4E5058; font-size: 36px; font-weight: 700; text-transform: none; margin-top: 25px;}
.resource-section-container .advgb-accordion-header[aria-expanded="true"] .advgb-accordion-header-icon {    display: block !important}
.resource-section-container .advgb-accordion-header-icon {    position: relative;     top: 33px; right: -webkit-calc(10% + 27px); right: calc(10% + 27px);}

.advgb-accordion-header, .advgb-accordion-header.ui-accordion-header.ui-state-default {    z-index: 10 !important}
	
/*--------------------------------------------------------------
## Block: Impact Stats
--------------------------------------------------------------*/
#impact-stats-container {margin-top: 246px}
#impact-stats-container hr {border-top: 1px solid #d0d0d0; width: -webkit-calc(100% - 40px);  width: calc(100% - 40px);
    margin: 0 20px;}
#impact-stats-container h3 {font-size: 48px;
    color: #3B3D45;
    font-weight: 800;
    background-color: #fff;
    display: inline-block;
    position: relative;
    left: -webkit-calc(50% - 169px);
    left: calc(50% - 169px);
    top: -119px;
    padding: 0 20px; 
    height: 69px;
    margin-bottom: 48px;
}
.home #impact-stats-container h3 {    top: -87px;}
#impact-stats-container h3:after { content: "";
       background: url(../png/rrha-global-sprite.png) -554px -43px;
    width: 87px;
    height: 88px;
    display: block;
    position: relative;
    top: -162px;
    left: 104px;}
#impact-stats-container ul {list-style: none; margin: -170px 0 0; padding: 0; text-align: center;}	
.home #impact-stats-container ul {margin-top: -189px}
#impact-stats-container li {list-style: none; margin: -93px 0 0 0; padding: 0 60px; width: 100%; background-color: #f2fbe5} /* green is default */	 
#impact-stats-container li:before {display: none } /* Make sure that pesky huge bullet doesn't get applied here */

#impact-stats-container ul h4 {font-size: 72px; margin-top: 96px;
font-weight: 800;
color:
#8FC347;
padding: 25px 0 0px;
margin-bottom: 0;
line-height: 1.3em;} /* green is default */	
#impact-stats-container ul p {font-size: 28px;
font-weight: 300;
color: #3B3D45;
margin-top: 5px;
line-height: 1.2em; padding-bottom: 59px}   /* green is default */
#impact-stats-container li:nth-child(2) { background-color: #cdf2fa} /* second is blue on mobile */	 
#impact-stats-container ul li:nth-child(2) h4 { color: #008DA8} /* second is blue on mobile */		
#impact-stats-container li:nth-child(3), #impact-stats-container li:nth-child(5) { background-color: #fcf6e7} /* 3rd and 5th are orange on mobile */	 
#impact-stats-container ul li:nth-child(3) h4, #impact-stats-container ul li:nth-child(5) h4 { color: #7D7D7E} /* 3rd and 5th are orange on mobile */	

@media screen and (min-width: 1000px) {
	#impact-stats-container li {
	  opacity: 0;
	 transform: translateX(-99px);
	  transition: transform 2s .25s cubic-bezier(0,1,.3,1),
				  opacity 1.2s .25s ease-out;
	  will-change: transform, opacity;
	}
	#impact-stats-container li.is-visible {
	  opacity: 1;
	  transform: translateX(0px)
	}
	#footer-inner #social-col #social-list  a#tw {    margin-left: 8px;}	
}


/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#pre-footer {display:none}
.search #pre-footer, .page-template-employee-directory #pre-footer {display: block;
    height: 100px;
    width: 100%;}
footer { background: rgb(0,141,168);
background: -moz-linear-gradient(180deg, rgba(0,141,168,1) 0%, rgba(7,142,161,1) 50%, rgba(35,151,116,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,141,168,1) 0%, rgba(7,142,161,1) 50%, rgba(35,151,116,1) 100%);
background: -ms-linear-gradient(180deg, rgba(0,141,168,1) 0%, rgba(7,142,161,1) 50%, rgba(35,151,116,1) 100%);
background: linear-gradient(180deg, rgba(0,141,168,1) 0%, rgba(7,142,161,1) 50%, rgba(35,151,116,1) 100%);
 min-height: 500px}
#footer-inner {
    /*max-width: 1340px;*/
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 106px 10px 10px 10px; 
    display: flex;
    flex-wrap: wrap;
    position: relative;	
}
#footer-inner .footercol {width: 100%; display: block; float: left; clear: both}
#footer-inner #logo-col { order: 1;}
#footer-inner #contact-col { order: 4}
#footer-inner #quicklinks-col { order: 3}
#footer-inner #social-col { order: 2 }

footer a {color: #fff; text-decoration: none}

footer #utility-menu {list-style: none; margin-left: 0; margin-bottom: 0;
padding-left: 8px;}
footer #utility-menu li  {line-height: 3.1em}
footer #utility-menu li a {font-weight: 300; font-size: 24px}
footer #utility-menu li a:hover, footer #utility-menu li a:focus { color: #A2D45E}
footer #quicklinks-col h3 {color: #FDCA53; font-size: 30px; font-weight: 700; margin-top: 0; margin-bottom: .5em;
    line-height: 1.3em;}

#footer-inner #rha-logo {background: url(../png/rrha-logo-pms-tagline-white.png);
    width: 203px;
    height: 112px; display: inline-block; background-size: cover;}
#footer-inner #equal-opp-logo {background: url(../png/rrha-global-sprite.png) -77px -1060px;
    width: 97px;
    height: 92px; margin-top: 70px; display: inline-block;}
#footer-inner #contact-col .address {color: #fff; font-size: 20px; font-weight: 400; margin-top: 1.5em; margin-bottom: 1.5em;
    display: block;}
#footer-inner #contact-col em {color: #FDCA53; font-size: 30px; font-weight: 400;     font-style: normal;}
#footer-inner #contact-col a {color: #fff; font-size: 30px; font-weight: 400}
#footer-inner #contact-col .email {text-decoration: underline}
#footer-inner #contact-col .email:hover, #footer-inner #contact-col .email:focus {text-decoration: none}
#footer-inner #contact-col .kudos {color: #fff}
#footer-inner #contact-col .kudos .copy {font-weight:700; font-size: 16px}
#footer-inner #contact-col .kudos .credit {font-weight:400; font-size: 14px}
#footer-inner #contact-col .kudos .credit a {color: #fff; font-weight:700; font-size: inherit}
#footer-inner #contact-col .kudos .credit a:hover, #footer-inner #contact-col .kudos .credit a:focus {text-decoration: underline}
#footer-inner #social-col #social-list {list-style: none; margin-top: 15px;}
#footer-inner #social-col #social-list li {float: left; display: inline-block; clear: left; width:100%; text-align: center}
#footer-inner #social-col #social-list  a {display:block; margin-bottom: 41px; width: 55px; background-image: url(../png/rrha-global-sprite.png) }
#footer-inner #social-col #social-list  a#yt {       height: 39px;
    background-position:  -292px -1092px}
#footer-inner #social-col #social-list  a#tw {  background-image: url(../svg/twitterx-logo-white.svg);   height: 34px;
   background-position: 0 0;
    width: 34px;}
#footer-inner #social-col #social-list  a#fb {     height: 45px;
    background-position: -293px -927px}
#footer-inner #social-col #social-list  a#linkedin {     
    height: 45px;
    background-position: -532px -1006px;
}
#footer-inner #social-col #social-list  a#instagram {     
    height: 45px;
    background-position: -641px -1006px;
}
#footer-inner #social-col #social-list  a#linkedin:hover, #footer-inner #social-col #social-list  a#linkedin:focus {     
    background-position: -532px -1085px;
}
#footer-inner #social-col #social-list  a#instagram:hover, #footer-inner #social-col #social-list  a#instagram:focus {     
    background-position: -641px -1085px;
}
#footer-inner #social-col #social-list  a#fb:hover, #footer-inner #social-col #social-list  a#fb:focus {     background-position: -403px -927px}
#footer-inner #social-col #social-list  a#tw:focus, #footer-inner #social-col #social-list  a#tw:hover {     background-image: url(../svg/twitterx-logo-green.svg);}
#footer-inner #social-col #social-list  a#yt:focus, #footer-inner #social-col #social-list  a#yt:hover {background-position:  -402px -1092px}


	
 footer { margin-top: 20px;   position: relative; z-index: 99}	
 footer:before {
	 background: -webkit-linear-gradient(-7deg, #008DA8 16px, transparent 0), -webkit-linear-gradient(8deg, #008DA8 16px, transparent 0);
	 background: -moz-linear-gradient(-7deg, #008DA8 16px, transparent 0), -moz-linear-gradient(8deg, #008DA8 16px, transparent 0);
	 background: -ms-gradient(-7deg, #008DA8 16px, transparent 0), -ms-gradient(8deg, #008DA8 16px, transparent 0);
	 background: -o-gradient(-7deg, #008DA8 16px, transparent 0), -o-gradient(8deg, #008DA8 16px, transparent 0);
	 background: linear-gradient(-6deg, #008DA8 16px, transparent 0), linear-gradient(6deg, #008DA8 16px, transparent 0);
    background-repeat: repeat-x;
    background-size: 250px 18px;
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 20px;
    top: -17px; 
}	

footer #to-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 999;
    background: #008DA8;
    margin: 0;
    padding: 18px 24px 4px 24px;
    height: 60px;
    width: 60px;
    transition: 200ms;
    border-radius: 5px;
}		

footer #to-top:hover, footer #to-top:focus {
    background: #74A234
}

footer .to-top-icon {
    background: url(../svg/up-arrow-white.svg) no-repeat;
    width: 20px;
    height: 22px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: -4px;
}

/* This is needed because the above is pixelated in Chrome */
.chrome footer:before {background: linear-gradient(-6deg, #008DA8 38px, transparent 39px) , linear-gradient(6deg, #008DA8 38px, transparent 39px);
    background-size: 250px 48px;
    height: 24px;
    top: -22px;}

/* Touchscreen chrome shows some borders. Try to reduce that .. */
/*.touchevents .chrome footer:before {
    background: linear-gradient(-6deg, #008DA8 38.8px, transparent 39.7px) , linear-gradient(6deg, #008DA8 38px, transparent 39px);
    background-size: 250px 48px;
    height: 25px;
    top: -24px;
}*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

/*.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}*/

.main-navigation #primary-menu > li {
	float: left;
	position: static /*relative;*/;
	float: none;
	display: inline-block;
}
#primary-menu > li:hover > a {
    position: relative;
}
/*.main-navigation #primary-menu > li.has-mega-menu:before {
    content: "";
    position: relative;
    left: -42%;
    top: 38px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #ffffff transparent;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
}*/
.main-navigation #primary-menu > li.has-mega-menu:before {
  content: "";
    position: relative;
    left: 42%;
    top: 60px;
    width: 22px;
    height: 22px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(0,0,0,.15) transparent transparent rgba(0,0,0,.15);
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    background-color: #fff;
    transform: rotate(45deg);
    display: block;
}

.main-navigation #primary-menu > li.has-mega-menu.open:before {
    opacity: 1;
    visibility: visible;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	/*.menu-toggle {
		display: none;
	}*/
	.main-navigation ul {
		display: block; position:  static /*relative;*/
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
.modal {
    display: none;
        position: fixed;
    z-index: 200;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #008da8
}
.modal-content {
    background-color: #fff;
    margin: 0 auto;
    padding: 20px;
    width: 100%;
    height: 216px;
}
#navModal .modal-content {
    background-color: transparent;
    height: 100%;
}
.modal-content-inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}
#navModal .modal-content-inner {    max-width: 660px}
#navModal #mobile-nav {
    margin-top: 7.5em;
}
#navModal #mobile-nav ul {
    margin-left: 0;
}
#navModal #mobile-nav li {
    list-style: none;
}
#navModal #mobile-nav li a {color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 2.3em;
}
body.noscroll #page > header {
    background-color:    #008da8;
    z-index: 250;
    box-shadow: none; width: 98px; /* The fixed width keeps this from blocking the search form*/}
body.noscroll	.site-branding {display: none}

.search_section_mobile {position: fixed; height: 120px;  width: -webkit-calc(100% - 57px); width: calc(100% - 57px);
float: left; padding-left: 137px; top: 0; z-index: 250; background-color: #008da8; padding-top: 28px;}
.search_section_mobile  fieldset {border: 0; padding-bottom: 0;}
.search_section_mobile #searchterm_mobile {background: #079bb7;
border: 0;
z-index: 200;
position: relative;
color: white;
font-size: 20px;
font-weight: 400;
padding: 10px 5px 8px 14px;
width: -webkit-calc(100% - 50px); width: calc(100% - 50px);}
.search_section_mobile #search-submit-mobile {display: block; content: ''; height: 47px;
    width: 47px;
    background: url(../png/rrha-global-sprite.png) -118px -207px;
    border: 0;
    position: relative;
    top: -63px;
    left: -webkit-calc(100% - 38px);
    left: calc(100% - 38px);
    margin-top: 1px;
    border-radius: 4px;}
.search_section_mobile #search-submit-mobile:hover, .search_section_mobile #search-submit-mobile:focus {background-color: rgba(255,255,255,.15);}	
	
.search_section_mobile  #searchterm_mobile::-webkit-input-placeholder   {  color: #D1D1D1}
.search_section_mobile  #searchterm_mobile::-moz-placeholder   {  color: #D1D1D1}
.search_section_mobile  #searchterm_mobile::-ms-placeholder   {  color: #D1D1D1} 
.search_section_mobile  #searchterm_mobile::placeholder {  color: #D1D1D1}	
	
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Communities Block
--------------------------------------------------------------*/
.communities {
	margin: 2em 0;
}
.community-container {
	max-width: 860px;
	padding: 0 15px;
	display: grid;
	grid-template-columns: auto;
	grid-gap: 1em;
	margin: 0 auto;
}
.community {
    padding: 1em;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    background: #fff;
}
.community h3 {
    margin: 0;
    margin-bottom: .5em;
}
.community p {
    margin: 0;
	font-size: 16px !important;
	font-weight: 500;
}
/*--------------------------------------------------------------
## Employee Directory 
--------------------------------------------------------------*/
#directory {
	padding: 2em 0;
	background: #F4F1E7;
}
#directory .search input, #directory select {
	border: none;
	box-shadow: 0 3px 10px 0 rgba(37,44,97,.1), 0 2px 4px 0 rgba(93,100,148,.15);
}

#directory hr {
	width: 100px;
    margin: 1.5em auto 2em auto;
    background: #FDB714;
    height: 4px;
}
#directory .table-filter {
	max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}
#directory .directory-wrap {
	max-width: 860px;
	max-width: 1100px;
	padding: 2em 20px 0 20px;
}
.employee-container {
    display: grid;
    grid-template-columns: auto;
	grid-gap: 1em;
}
.employee {
    padding: 1em;
    border: 1px solid #dbdbdb;
    /* box-shadow: 0 3px 10px 0 rgba(37,44,97,.1), 0 2px 4px 0 rgba(93,100,148,.15); */
    border-radius: 6px;
    background: #fff;
}
.employee h3 {
    margin: 0;
    margin-bottom: 0;
}
.employee p {
    margin: 0;
	font-size: 16px !important;
	font-weight: 500;
}
/*.employee p.department {
	color: #74A234;
	font-weight: bold;
	margin-bottom: .5em;
}*/
.employee p.department .dashicons-groups {margin-right: 7px;}
.employee p.department .dashicons-groups:before {color: #008DA8;}
.employee h4 {  /* title */
	color: #74A234;
	font-weight: bold;
	margin-bottom: 1em;
    margin-top: .5em;
}
.employee a, .employee a:visited {
	color: #008DA8;
	text-decoration: none;
	font-weight: bold;
}
.employee a:hover, .employee a:focus {
	text-decoration: underline;
	color: #74A234;
}
@media screen and (min-width: 520px) {
	.employee-container {
		grid-template-columns: auto auto;
	}
}
@media screen and (min-width: 860px) {
	.employee-container {
		grid-template-columns: auto auto auto;
	}
}
.directory-wrap {
	max-width: 860px;
	padding: 0 15px;
	margin: 0 auto;
}
.table-filter {
	display: flex;
	flex-flow: wrap;
}
.department-select {
	width: 100%;
    margin: 0px 0 10px 0px;
}
.department-select select {
	border: 1px solid #dbdbdb;
	padding: 1em 1em;
	border-radius: 6px;
	width: 100%;
	height: 100%;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #008DA8;
}
.search {
    margin: 0px 0 10px 0;
    position: relative;
    width: 100%;
}
.search .material-icons {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #008DA8;
}
.search input {
    width: 100%;
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 1.1em 1em 1em 3em;
    border-radius: 6px;
    height: 100%;
    color: #008DA8;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}
::-webkit-input-placeholder {
    color:#008DA8;
}
::-moz-placeholder {
    color:#008DA8;
}
::-ms-placeholder {
    color:#008DA8;
}
::placeholder {
    color:#008DA8;
}
.search input:focus {
    outline: none;
    border-color: #008DA8;
}
@media screen and (min-width: 400px) {
	.table-filter {
		flex-flow: nowrap;
	}
	.search {
    	width: 50%;
	}
	.department-select {
		width: 50%;
		margin: 0px 0 10px 10px;
	}
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
.wp-block-gallery .blocks-gallery-item {
    margin-bottom: 16px !important;
}

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/
.page-template-communities #breadcrumbs, .page-template-employee-directory #breadcrumbs {
    padding: 0 20px;
    max-width: 1140px;
    margin: 1em auto 0 auto;
}
#breadcrumbs {
    margin-top: 0;
    margin-bottom: 2em;
    font-size: 14px;
    color: #7D7D7E;

}
#breadcrumbs a {
    font-weight: bold;
}
.breadcrumb_last {
    color: #74A234;
}

/*--------------------------------------------------------------
## General Use Styles
--------------------------------------------------------------*/
.ir {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}

.noscroll {position: fixed !important;}  
  
  
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*To remove "X" from all search input fields in IE, simply add this to bottom of your css:*/
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/*To remove "X" from search input field on Chrome Browser (and all it's mutations), simply add this to bottom of your css:*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.obscure {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}


/*--------------------------------------------------------------
## Colors
--------------------------------------------------------------*/
.has-text-gray-background-color {background-color: #3B3D45}
.has-teal-background-color {background-color: #008DA8}
.has-grass-green-background-color {background-color: #74A234}
.has-spring-green-background-color {background-color: #A2D45E}
.has-light-green-background-color {background-color: #C8EB95}
.has-very-light-green-background-color {background-color: #edf7df}
.has-bright-yellow-background-color {background-color: #FDB714}
.has-light-yellow-background-color {background-color: #FDCA53}
.has-beige-background-color {background-color: #F4F1E7}
.has-white-background-color {background-color: #Ffffff}

.has-text-gray-color {color: #3B3D45}
.has-teal-color {color: #008DA8}
.has-grass-green-color {color: #74A234}
.has-spring-green-color {color: #A2D45E}
.has-light-green-color {color: #C8EB95}
.has-very-light-green-color {color: #edf7df}
.has-bright-yellow-color {color: #FDB714}
.has-light-yellow-color {color: #FDCA53}
.has-beige-color {color: #F4F1E7}
.has-white-color {color: #Ffffff}

.has-medium-font-size {    font-size: 24px !important}

/*--------------------------------------------------------------
## Media queries
--------------------------------------------------------------*/
@media screen and (max-width: 370px) {
	.filter-btns button#btn-categories {    margin-right: 20px;}
}

@media screen and (max-width: 414px) {
    .hexagon2 {width: 210px; height: 420px; margin-top: -32px; }
	.home #band3-inner a.button {font-size: 20px;    top: 0} /* Tweak for long text on small screen so no wrapping */
}

@media screen and (max-width: 434px) {
	.home #band4-inner a.button {font-size: 18px} /* Tweak for long text on small screen so no wrapping */
}

@media screen and (min-width: 415px) {
  /*  .hexagon-in2:after {background: url(/wp-content/themes/rrha2019/img/RRHA-global-sprite.png) -740px -366px;
    width: 300px;
    height: 489px;
    content: '';
    display: block;
    position: relative;
    top: 1%;
    right: -81px;}*/
	.hexagon-in2:after {
    background: url(../png/rrha-global-sprite.png) -303px -499px;
    width: 121px;
    height: 372px;
    content: '';
    display: block;
    position: relative;
    top: 1%;
    right: -248px;
    background-size: 620%;
}
}

@media screen and (max-width: 499px) {
	.search_section_mobile { width: calc(100% - 35px);  margin-left: 0; padding-left: 66px; overflow: hidden;}
	.resource-section-container a.download_doc {font-size: 19px;}
	.resource-section-container a.download_doc::after {     top: 30px;        margin-top: -28px;}
}

@media screen and (min-width: 500px) {
	#menu-button-container {    margin-left: 48px}
	.home .hero h2, .home .hero h2 em {    font-size: 37px }
	.page-template-default .entry-content	hr.zigzag_green, .post-template-default .entry-content	hr.zigzag_green {border-top: 0;    height: 0;}
	.page-template-default .entry-content	hr.zigzag_green:after, .post-template-default .entry-content	hr.zigzag_green:after {content: ''; display: block;     height: 20px;
	width: 100%;
    max-width: 400px;
    background: url(../png/title-squiggles.png) -32px -30px;
    bottom: 0;
    left: -webkit-calc(50% - 200px);
    left: calc(50% - 200px);
    position: relative;}

}

@media screen and (max-width: 500px) {
	.home a#find-housing {  content: ""; width: 278px; background: url(../png/rrha-global-sprite.png) -25px -345px;
height: 78px;
background-size: 402%; margin: 0 auto; margin-bottom: 40px;}
	.home a#find-housing:focus, .home a#find-housing:hover {     background: url(../png/rrha-global-sprite.png) -25px -431px; background-size: 402%;}
	.blog .entry-content .date-posted, .archive .entry-content .date-posted {float: left; clear: left; margin-bottom: 20px;}
}

@media screen and (max-width: 520px) {
	.page-template-default #title-hero-container #page-title-container h1, .post-template-default #title-hero-container #page-title-container h1 {font-size: 35px; padding: 26px 50px}
}

@media screen and (min-width: 600px) {
	.page-template-default .entry-content > p, .page-template-default .entry-content > ul, .page-template-default .entry-content > ol, .page-template-default .entry-content > h2, .page-template-default .entry-content > h3, .page-template-default .entry-content > h4, .page-template-default .wp-block-image, .page-template-default  .wp-block-image figure:not(.alignright):not(.alignleft),  .page-template-default .wp-block-embed, .wrapper.rrha_button,
.post-template-default .entry-content > p, .post-template-default .entry-content > ul, .post-template-default .entry-content > ol, .post-template-default .entry-content > h2, .post-template-default .entry-content > h3, .post-template-default .entry-content > h4, .post-template-default .wp-block-image, .post-template-default  .wp-block-image figure:not(.alignright):not(.alignleft),  .post-template-default .wp-block-embed,  .post-template-default .entry-meta	, .page-template-default .table-responsive, .page-template-default .wp-block-media-text.alignwide, .page-template-default .wp-block-columns, .post-template-default .table-responsive, .post-template-default .wp-block-media-text.alignwide, .post-template-default .wp-block-columns {
    padding-left: 0;
    width: 80%;
    margin-left: auto;
    padding-right: 0;
    margin-right: auto;}
	.page-template-default  .entry-content blockquote.wp-block-quote, .post-template-default  .entry-content blockquote.wp-block-quote { width: 70%}	
	.blog-filter a {display: inline}

}

@media screen and (max-width: 639px) {
	.page-template-default #title-hero-container #page-title-container, .post-template-default #title-hero-container #page-title-container {width: 100%;}
}

@media screen and (min-width: 640px) {
	.home #band4-inner .text-side h3 {    margin: 55px 0 22px}
	.home #band4-inner .pic.circle {    margin: 83px auto 0;}
	.page-template-default #title-hero-container.hasimg #page-title-container, .post-template-default #title-hero-container.hasimg #page-title-container {margin-top: -23px;
z-index: 10; position: relative;}
}

@media screen and (min-width: 655px) {
	.home #band3-inner .text-side {    padding: 0 20%;}
	.feature-section-container.green .columns { -webkit-columns: 150px 2; /* Chrome, Safari, Opera */
  -moz-columns: 150px 2; /* Firefox */
  columns: 150px 2;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
  -moz-column-gap: 50px; /* Firefox */
  column-gap: 50px; }

}



@media screen and (min-width: 715px) {
	.search_section_mobile {    padding-left: 97px;}
}

@media screen and (max-width: 749px) {
	#footer-inner #equal-opp-logo { margin-left: 23px;}
	#footer-inner #rha-logo {margin-left: -webkit-calc( 50% - 162.5px); margin-left: calc( 50% - 162.5px)}
	#footer-inner #social-col  {  max-width: 469px; margin: 50px auto 0;}
	#footer-inner #social-col #social-list {   display: flex; margin-left: 0; margin-top: 50px;}
	#footer-inner #social-col #social-list a#fb {   margin-top: -5px}
	#footer-inner #social-col #social-list li {clear:none; margin-left: 0px}
	#footer-inner #social-col #social-list li:first-child { margin-left: 0px}
	#footer-inner #social-col #social-list li a {margin: 0 auto 48px auto;}
	#footer-inner #quicklinks-col {margin-top: 30px; text-align: center; }
	#footer-inner #contact-col {text-align: center;
padding-top: 50px;
border-top: 1px solid rgb(127, 127, 127);
border-top: 1px solid rgba(255, 255, 255, .5);
max-width: 400px;
margin: 50px auto 0;}
}

/* tablet size */
@media screen and (min-width: 750px) {
	#footer-inner .footercol {  width: 50%; }
	#footer-inner #logo-col { order: 1;}
	#footer-inner #contact-col { order: 3 }
	#footer-inner #contact-col a, #footer-inner #contact-col em {    font-size: 33px}
	#footer-inner #quicklinks-col { order: 4; width: -webkit-calc(50% - 50px); width: calc(50% - 50px);
    margin-left: 50px;}
	#footer-inner #social-col { order: 2; margin-top: 68px;  width: -webkit-calc(50% - 50px); width: calc(50% - 50px);
    margin-left: 50px;}
	
	#footer-inner #equal-opp-logo { margin-left: 25px;}
	#footer-inner #social-col #social-list {   display: flex; margin-left: 0;
    padding-left: 0;}
	#footer-inner #social-col #social-list li {clear:none; margin-left: 12px}
	#footer-inner #social-col #social-list li:first-child { margin-left: 0px}
	#footer-inner #social-col #social-list a#fb {   margin-top: -5px}
	
	.home #band2-inner .picture-side {MARGIN-TOP: 92PX}
	.feature-section-container .feature-section-inner .picture-side {MARGIN-TOP: 92PX}

	
	.hex-frame {
  position: relative;
  width: 456px; 
  height: 263.27px;
  background-color: transparent;
  margin: 131.64px 0;
  border-left: solid 12px #008DA8;
  border-right: solid 12px #008DA8; bottom: 548PX;
    LEFT: 105PX;
}

	.hex-frame:before, .hex-frame:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 322.44px;
  height: 322.44px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 54.7797px;
}

	.hex-frame:before {
  top: -161.2203px;
  border-top: solid 16.9706px #008DA8;
  border-right: solid 16.9706px #008DA8;
}

	.hex-frame:after {
  bottom: -161.2203px;
  border-bottom: solid 16.9706px #008DA8;
  border-left: solid 16.9706px #008DA8;
}
}

@media screen and (min-width: 800px) {
	.page-template-default .wp-block-pullquote blockquote p, .post-template-default .wp-block-pullquote blockquote p {font-size: 45px;}
}

@media screen and (min-width: 830px) {
	#footer-inner #quicklinks-col {  width: 50% ;    margin-left: 0px;}
	#footer-inner #social-col { width: 50%;    margin-left: 0px;}
	.home .hero h2, .home .hero h2 em {    font-size: 60px; margin-top: 169px; }
}

@media screen and (min-width: 870px) {
	.search_section_mobile {  width: 80%; padding-left: 24px;}
}

@media screen and (max-width: 899px) {
	.home #band4-container { margin-bottom: 75px;}
	.home #band4-inner {padding: 0}
	.home #band4-inner .text-side {   background-color: #F4F1E7; padding: 0 20px;}
	.home #band4-inner .picture-side {padding: 0 20px; background: rgb(244,241,231);
background: -webkit-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 49.9%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 49.9%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 49.9%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 49.9%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 49.9%, rgba(255,255,255,1) 50.1%, rgba(255,255,255,1) 100%);
	}

}

@media screen and (min-width: 900px) {
	.home #band2-container {    margin-top: 0} 
	.home #band1-inner .picture-side {float: left;
    width: 50%;}
	.home #band1-inner .text-side {float: right;
    width: 41%;
    border-top: none;
    margin-top: 120px;
    text-align: left;
    margin-right: 9%;}
	.home #band2-inner .picture-side {float: right;
    width: 30%; MARGIN-RIGHT: 5%; margin-left: 5%; MARGIN-TOP: 0}
	.home #band2-inner .text-side {float: left;
    width: 51%;
    text-align: left;
    margin-left: 9%;}
	.home #band2-inner .pic.circle {    max-width: 430px}
	
	.home #band3-container { url(../jpg/business-homepage-background.jpg) no-repeat 22% 97%;} /* align the tools part of image to the left */
	.home #band3-inner .picture-side {float: left;    width: 50%;}
	.home #band3-inner .text-side {float: right;
    width: 41%;
    margin-top: 193px; margin-bottom: 230px;
    text-align: left;
    margin-right: 9%; padding: 0}
	.home #band3-inner a.button {    font-size: 22px}

	.home #band4-inner .picture-side {float: left;
    width: 50%;}
	.home #band4-inner .text-side {float: right;
    width: 41%;
    border-top: none;
    margin-top: 66px;
    text-align: left;
    margin-right: 9%;}
	.home #band4-inner .text-side h3 {    margin: 55px 0 14px;}
	.home #band4-inner .text-side hr {    margin: 0 0 -5px}
	.home #band4-inner a.button {    font-size: 20px}
	.home #band4-inner .pic.circle { margin-top: 44px; width: 80%;  max-width: 430px}

	.feature-section-container .feature-section-inner .picture-side {float: right;
    width: 38%; MARGIN-RIGHT: 5%; margin-left: 3%; MARGIN-TOP: 0px}
	.feature-section-container .feature-section-inner .text-side {float: left;
    width: 51%;
    margin-top: 48px;
    text-align: left;
    margin-left: 3%;}
	.feature-section-container .feature-section-inner .text-side hr {    margin: 38px 0 0 }
	.feature-section-container .feature-section-inner .pic.circle {    max-width: 430px}
	.feature-section-container.green	.content-side {  max-width: 1100px;  width: 80%}

}

@media screen and (min-width: 900px) and (max-width: 1299px) {
	.hex-frame {
  width: 300px; 
  height: 173.21px;
  margin: 86.60px  0;
 bottom: 357PX;
    LEFT: 15PX;
}

	.hex-frame:before, .hex-frame:after {
  width: 212.13px;
  height: 212.13px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  left: 31.9340px;
}

	.hex-frame:before {  top: -106.0660px;}
	.hex-frame:after {  bottom: -106.0660px;}
}

@media screen and (max-width: 1189px) {
	#header-logo {
    background-image: url(../png/rrha-logo-pms.png);
    margin-top: 0;
    width: 100px;
    height: 44px;
    float: right;
    margin-bottom: 10px;
    }
	
	#menu-button-container {float: left;     width: 50%; display: block}
	.site-branding {    float: right;     width: 50%; top: 5px; position: relative; right: 15px;}
}

@media screen and (max-width: 500px) {
		#header-logo {    MARGIN-RIGHT: -15px;}
}

@media screen and (min-width: 1190px) {
	#page > header {    height: 160px;}
	/*#page > #content {    margin-top: 180px;}
	.page-template-default #page > #content {    margin-top: 157px;}*/
	#utility-and-nav-container {display: block; position: static;}
	.main-navigation .menu-primary-container > ul {    margin-top: 28px;}
	#primary-menu > li> a {    font-size: 15px;     padding: 8px 10px 10px;  position: relative;
    margin-bottom: -10px}
	#utility-div li a {    font-size: 16px}
	
	/* just in case the mobile nav is open, and then user widened page */
	.noscroll #utility-div, .noscroll .menu-primary-container {    display: none;} 
	.noscroll #menu-button-container {    display: block} 

}

@media screen and (min-width: 940px) {
	.home #band3-inner a.button {    font-size: 24px}
}


@media screen and (min-width: 1000px) {
	.main-navigation .menu-primary-container > ul {    margin-top: 0}
	#primary-menu  >li >  a {
    font-size: 18px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: -19px;
    z-index: 99999999999999;
    }
	/*.subnav .level2 > li > a {     font-weight: 700;     font-size: 18px;}*/
	.subnav a {    font-weight: 500;     font-size: 18px;}
	#utility-div li a {    font-size: 18px;}
	#primary-menu .subnav {top: 148px;}
	#footer-inner {
		max-width: 1340px;
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 0 auto;
		padding: 106px 10px 10px 0;
		display: flex;
		flex-wrap: wrap;
		position: relative;
	}
	#footer-inner #logo-col { order: 1; width: 23%}
	#footer-inner #contact-col { order: 2;  width: 27%}
	#footer-inner #quicklinks-col { order: 3;  width: 35%; 
	    border-left: 1px solid rgb(127, 127, 127);
    border-left: 1px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	padding-left: 4%;}
	#footer-inner #social-col { order: 4;  margin-top: 0; width: 15%; }
	#footer-inner #social-col #social-list {    display: block; margin-left: 48px;
    padding-left: 40px}
	footer #utility-menu li a {font-size: 21px}
	#footer-inner #contact-col .address { font-size: 18px;}
	#footer-inner #contact-col em , 	#footer-inner #contact-col a { font-size: 21px;}
	#footer-inner #contact-col .kudos .credit {float: left; clear: left;}
	#footer-inner #contact-col .kudos .copy {float: left; font-weight:700; font-size: 16px}
	#footer-inner #contact-col .kudos .credit {font-weight:400; font-size: 14px}
	#footer-inner #contact-col .kudos .credit a { font-weight:700;}
	
	#footer-inner #social-col #social-list li {margin: 0; clear: left}
	#footer-inner #social-col #social-list a#fb {   margin-top: 0}

	.home .hero h2, .home .hero h2 em {  margin-top: 200px;  font-size: 76px }
	
	#impact-stats-container ul {list-style: none;
    margin: -140px auto 0;
    padding: 0;
    text-align: center;
    max-width: 925px; font-size: 16px;}	
	.home #impact-stats-container ul {    margin-top: -199px}
	#impact-stats-container li {list-style: none; margin:  80px 45px 0 0; padding: 0 ; width: 275px; background-color: #fff; display: inline-block; height: 328px;} /* green is default */	
	#impact-stats-container li:nth-child(3), #impact-stats-container li:nth-child(5) {margin-right: 0} 
	#impact-stats-container li:nth-child(4), #impact-stats-container li:nth-child(5) {margin-top: -38px;
    top: -11px;
    background-color: transparent;
    position: relative;} 
	#impact-stats-container li:after {background: url(../png/hexagons-impact-stats-smaller.png) -23px -37px;
    content: '';
    width: 285px;
    height: 328px;
    display: block;
    position: relative;
    bottom: 340px;
    right: 5px;}  /* green hexagon is default */	
	#impact-stats-container li:nth-child(3):after, #impact-stats-container li:nth-child(4):after {background: url(../png/hexagons-impact-stats-smaller.png) -331px -37px}  /* third and 4th  hexagon are orange */	
	#impact-stats-container li:nth-child(2):after {background: url(../png/hexagons-impact-stats-smaller.png) -642px -37px}  /* second hexagon is blue */	
	#impact-stats-container ul h4 {font-size: 72px;
	font-weight: 800;
	color:
	#8FC347;
	padding: 25px 27px 0px;
	margin-bottom: 0;
	line-height: 1.3em; position: relative;
    top: -15px;} /* green is default */	
	#impact-stats-container ul p {font-size: 25px;
    font-weight: 300;
    color: #3B3D45;
    margin-top: 5px;
    line-height: 1.2em;
    padding: 0 11px 59px;
    position: relative;
    top: -15px;}   /* green is default */
	#impact-stats-container ul li:nth-child(5) h4 { color: #8FC347}
	#impact-stats-container li:nth-child(2) { background-color: transparent} /* second is blue on mobile */	 
	#impact-stats-container ul li:nth-child(2) h4 { color: #008DA8} /* second is blue on mobile */		
	#impact-stats-container li:nth-child(3), #impact-stats-container li:nth-child(4) { background-color: transparent} /* 3rd and 4th are orange on mobile */	 
	#impact-stats-container ul li:nth-child(3) h4, #impact-stats-container ul li:nth-child(4) h4 { color: #7D7D7E} /* 3rd and 4th are orange on mobile */	
	
	.page-template-front-page #pre-footer, .search #pre-footer, .page-template-employee-directory #pre-footer {display:block; width: 100%; height: 250px;
background: url(../jpg/footer-hexagons-left.jpg) no-repeat left bottom;
    background-size: auto;
margin-bottom: -22px;
background-size: contain;
margin-top: -114px; }
	.page-template-front-page #pre-footer:after , .search #pre-footer:after, .page-template-employee-directory #pre-footer:after
    {content: ''; display:block; width: 285px; height: 249px; background: url(../jpg/footer-hexagons-right.jpg) no-repeat left bottom; position: relative; right: -webkit-calc(285px - 100%) ; right: calc(285px - 100%) ; bottom: 0 }
    .search #content.site-content, .page-template-employee-directory #content.site-content {margin-bottom: 112px;}
	
	.post-template-default .social-links {    width: 155px;     float: right;     margin-top: -15px;}
	 .post-template-default .meta-left{width: auto; float: left}
	.post-template-default .meta-left .date-posted {float: left; margin-left: 30px}
	.post-template-default .meta-left .category {float: left}
	
	.post-template-default .entry-content > .pullquote-wrapper, .page-template-default .entry-content > .pullquote-wrapper {margin: 0 auto;
    width: 60% !important;
    max-width: 1000px;}
	
	.blog article, .archive article {
    float: left;
    width: -webkit-calc(50% - 25px);
    width: calc(50% - 25px);
    margin-right: 48px;
    }
	.blog article:nth-child(2n), .archive article:nth-child(2n)  {margin-right: 0px;}
	
}
@media screen and (min-width: 1260px) {
	.blog article, .archive article {
		width: -webkit-calc(33% - 28px);
		width: calc(33% - 28px);
    }
    .blog article:nth-child(2n), .archive article:nth-child(2n)  {margin-right: 48px;}
    .blog article:nth-child(3n), .archive article:nth-child(3n)  {margin-right: 0px;}
}

@media screen and (min-width: 1020px) {
	.home #band4-inner a.button {    font-size: 24px}
}

@media screen and (min-width: 1100px) {
	.home .entry-content > p {padding: 0 20%}
	#impact-stats-container hr  {width: 70%;     margin: 0 15%}
	.hex-frame {    LEFT: 47PX}
}

@media screen and (min-width: 1115px) {
	.home #band4-container {width: 100%; padding-top: 75px;
    margin-top: 0; /*background-color: #F4F1E7;*/ margin-bottom: 102px;
	 background: rgb(244,241,231);
background: -webkit-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: -moz-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(244,241,231,1) 0%, rgba(244,241,231,1) 94.9%, rgba(255,255,255,1) 95.1%, rgba(255,255,255,1) 100%);
}
}

@media screen and (min-width: 1180px) {
	#utility-div #search-item.expanded input[type=search] { 	    width: 230px}
}

@media screen and (min-width: 1200px) {
	.hexagon-detail {display: block}
	.hexagon-detail.left {background: url(../png/rrha-global-sprite.png) -408px -335px;
		width: 175px;
		height: 202px;
		display: block;
		position: absolute;
		bottom: -webkit-calc(38% - 200px); bottom: calc(38% - 200px);
		left: 8%;
	}
	.hexagon-detail.right {content: ""; background: url(../png/rrha-global-sprite.png) -437px -188px;
		width: 117px;
		height: 132px;
		display: block;
		position: absolute;
		right: 5%;
		bottom: -webkit-calc(73% - 200px);
		bottom: calc(73% - 200px);
	}
	#impact-stats-container ul {    max-width: 1099px}
	 #impact-stats-container li  {   width: 333px; height: 404px;}
	#impact-stats-container li:after {background: url(../png/rrha-global-sprite.png) -722px -37px;
    width: 333px;
    height: 404px;}  /* green hexagon is default */	
	#impact-stats-container li:nth-child(3):after, #impact-stats-container li:nth-child(4):after {background: url(../png/rrha-global-sprite.png) -1096px -37px;}  /* third and 4th  hexagon are orange */	
	#impact-stats-container li:nth-child(2):after {background: url(../png/rrha-global-sprite.png) -1469px -37px;
    width: 343px;}  /* second hexagon is blue */	
	#impact-stats-container ul h4 {    position: relative;    top: 35px; padding: 25px 35px 0px;}
	#impact-stats-container ul p { font-size: 26px;   position: relative;    top: 38px; padding: 0 35px 59px;}
	#impact-stats-container li:nth-child(4), #impact-stats-container li:nth-child(5) {    margin-top: -61px;}
}

@media screen and (min-width: 1280px) {
	/*.page-template-front-page #pre-footer, .search #pre-footer, .page-template-employee-directory */ #pre-footer {display:block; width: 100%; height: 250px;
background: url(../jpg/footer-hexagons-1280.jpg) no-repeat left bottom;
    background-size: auto;
margin-bottom: -22px;
background-size: cover }
	#pre-footer:after { display: none }
    .page-template-default #pre-footer  { display: none }
	
	.page-template-default #title-hero-container.hasimg #hero, .post-template-default #title-hero-container.hasimg #hero {width: 50%; float: left}
	.page-template-default #title-hero-container.hasimg #page-title-container, .post-template-default #title-hero-container.hasimg #page-title-container {
		width: 50%;
		/*width: 33%;
		margin-top: 150px; 
		float: left; 
		margin-left: -27px; 
		display: table;*/
	}
	.page-template-default #title-hero-container.hasimg #page-title-container h1:after, .post-template-default #title-hero-container.hasimg #page-title-container h1:after {display: none}
	.page-template-default #title-hero-container.hasimg #page-title-container h1:before, .post-template-default #title-hero-container.hasimg #page-title-container h1:before {
		content: '';
		display: block;
		height: 20px;
		width: 400px;
		background: url(../png/title-squiggles.png) -32px -30px;
		top: -25px;
		left: 20px;
		position: absolute;
	}
	.post-template-default #title-hero-container.hasimg #page-title-container:before {background-position: -32px -80px}
	.page-template-default .entry-content h2, .post-template-default .entry-content h2 {padding-top: 48px;}
	.page-template-default #title-hero-container #hero img.attachment-interior-hero-half, .post-template-default #title-hero-container #hero img.attachment-interior-hero-half  {display:block;     width: 100%;}
	.page-template-default #title-hero-container #hero img.attachment-interior-hero-wide, .post-template-default #title-hero-container #hero img.attachment-interior-hero-wide {display:none}
	.page-template-default .entry-content > p, .page-template-default .entry-content > ul, .page-template-default .entry-content  > ol, .page-template-default .entry-content > h2, .page-template-default .entry-content > h3, .page-template-default .entry-content > h4, .page-template-default  .wp-block-image, .page-template-default  .wp-block-image figure:not(.alignright):not(.alignleft),  .page-template-default .wp-block-embed, .wrapper.rrha_button ,
	.post-template-default .entry-content > p, .post-template-default .entry-content > ul, .post-template-default .entry-content  > ol, .post-template-default .entry-content > h2, .post-template-default .entry-content > h3, .post-template-default .entry-content > h4, .post-template-default  .wp-block-image, .post-template-default  .wp-block-image figure:not(.alignright):not(.alignleft),  .post-template-default .wp-block-embed,  .post-template-default .entry-meta, .page-template-default .table-responsive, .page-template-default .wp-block-media-text.alignwide, .page-template-default .wp-block-columns, .post-template-default .table-responsive, .post-template-default .wp-block-media-text.alignwide, .post-template-default .wp-block-columns {
     width: 70%;}
	.page-template-default  .entry-content blockquote.wp-block-quote, .post-template-default  .entry-content blockquote.wp-block-quote { width: 60%}	
	.post-template-default .entry-meta {padding-top: 34px;     margin-bottom: 58px;}
	.page-template-default #title-hero-container.hasimg #page-title-container h1, .post-template-default #title-hero-container.hasimg #page-title-container h1 {font-size: 31px}	

}

@media screen and (min-width: 1420px) {
	#primary-menu  >li > a {font-size: 20px;padding-top: 0;padding-right: 15px;padding-left: 15px;}

	footer #utility-menu li a {font-size: 24px}
	#footer-inner #contact-col .kudos .credit, #footer-inner #contact-col .kudos .copy {float: none; clear: none}
	#footer-inner #contact-col em ,	#footer-inner #contact-col a { font-size: 30px}
	
	.home .hero h2, .home .hero h2 em {  margin-top: 295px;  font-size: 94px }
	.home #band1-inner {    padding: 0 100px}
	
	.home #band1-container {     max-height: 1013px;   margin-bottom: -103px}
	.home #band1-inner .text-side {
    width: 35%;
    margin-top: 301px;
    margin-right: 0;
    margin-left: 5%;}
	.hexagon2 {    width: 600px;    height: 1200px;}
	.hexagon-in2:after {
    background: url(../png/rrha-global-sprite.png) -739px -535px;
    width: 270px;
    height: 330px;
    top: 29%;
    right: -330px;
    background-size: auto;}
	.home #band2-container {    max-height: 615px}
	.home #band2-inner .text-side {  position: relative; margin-top: 0; width: 38%;    margin-left: 15%;}
	.home #band2-inner .picture-side {    width: 42%;    margin-left: 5%; MARGIN-RIGHT: 0; MARGIN-TOP: -149px;}
	.home #band2-inner .pic.circle {    max-width: 492px}
	.home #band2-inner .text-side h3 {    margin-top: 0px;}
	.home #band3-inner .text-side {   margin-top: 160px; clear: both;}
		
	.home #band4-inner .pic.circle {    width: 95%;    max-width: 525px}
	
	.feature-section-container .feature-section-inner .text-side h3 {    margin-top: 0px;}
	
}

@media screen and (min-width: 1500px) {
	#primary-menu  >li > a {font-size: 20px;padding-bottom: 30px;}
	.entry-content > p {font-size: 36px; }
	.page-template-default .wp-block-pullquote blockquote p, .post-template-default .wp-block-pullquote blockquote p {font-size: 58px;}

	#footer-inner #logo-col {    width: 20%;}
	#footer-inner #contact-col {    width: 30%}
	#footer-inner #contact-col .address { font-size: 20px;}
	#footer-inner #contact-col em, 	#footer-inner #contact-col a { font-size: 36px;}
	#footer-inner #contact-col .kudos .copy {font-weight:700; font-size: 16px}
	#footer-inner #contact-col .kudos .credit {font-weight:400; font-size: 14px}
	#footer-inner #contact-col .kudos .credit a {font-weight:700; }
	#footer-inner #contact-col .address { font-size: 20px; font-weight: 400; }
	#footer-inner #contact-col em { font-size: 30px; font-weight: 400;   }
	#footer-inner #contact-col a { font-size: 30px; font-weight: 400}
	
}

@media screen and (min-width: 1550px) {
	.blog article, .blog article:nth-child(2n+2), .archive article, .archive article:nth-child(2n+2) {  width: -webkit-calc(33% - 34px);width: calc(33% - 34px);   margin-right: 50px;}
	.blog article:nth-child(3n+3), .archive  article:nth-child(3n+3) {   margin-right: 0px}
}

@media screen and (min-width: 1600px) {
	.feature-section-container .feature-section-inner .pic.circle {max-width: 620px;
    max-height: 620px;}
}

@media screen and (min-width: 1665px) {
	#primary-menu > li > a {   font-size: 24px; padding: 5px 17px 10px; }
	#primary-menu .subnav {    top: 147px}
}

@media screen and (min-width: 1720px) {
	.post-template-default #title-hero-container #page-title-container h1, .post-template-default #title-hero-container.hasimg #page-title-container h1,
	.page-template-default #title-hero-container #page-title-container h1, .page-template-default #title-hero-container.hasimg #page-title-container h1 {    font-size: 48px}
}

@media screen and (min-width: 1800px) {
	.blog .posts-container, .archive .posts-container {     max-width: 1600px;     margin: 0 auto;}
}

@media screen and (min-width: 1920px) {
	.page-template-default .entry-content > p, .page-template-default .entry-content > ul, .page-template-default .entry-content > ol, .page-template-default .entry-content > h2, .page-template-default .entry-content > h3, .page-template-default .entry-content > h4, .page-template-default .wp-block-image, .page-template-default  .wp-block-image figure:not(.alignright):not(.alignleft), .page-template-default  .entry-content blockquote,  .page-template-default .wp-block-embed, .wrapper.rrha_button,
	.post-template-default .entry-content > p, .post-template-default .entry-content > ul, .post-template-default .entry-content > ol, .post-template-default .entry-content > h2, .post-template-default .entry-content > h3, .post-template-default .entry-content > h4, .post-template-default .wp-block-image, .post-template-default  .wp-block-image figure:not(.alignright):not(.alignleft), .post-template-default  .entry-content blockquote,  .post-template-default .wp-block-embed,  .post-template-default .entry-meta, .page-template-default .table-responsive, .page-template-default .wp-block-media-text.alignwide, .page-template-default .wp-block-columns, .post-template-default .table-responsive, .post-template-default .wp-block-media-text.alignwide, .post-template-default .wp-block-columns {
     width: 60%; max-width: 1100px}
	 .page-template-default .wp-block-pullquote blockquote p, .post-template-default .wp-block-pullquote blockquote p { font-size: 72px}	
	.page-template-default .wp-block-pullquote blockquote p, .post-template-default .wp-block-pullquote blockquote p {font-size: 72px;}
	.feature-section-container.green	.content-side {    width: 60%}

}

/* iPad in landscape, because it's weird */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{ 
	#header-search {position: relative; top: 20px;}
	#utility-div li#portal-item a {position: relative;    top: 4px;}
}

.wp-block-column > .wp-block-image {
    width: 100%;
}






@media screen and (min-width: 660px) {
	.home .entry-content > p {
		font-size: 28px !important;
		margin-top: 20px !important;
	}
}
.home .wp-block-group .wp-block-group__inner-container {
    max-width: 1640px;
}
.home .wp-block-latest-posts {
    max-width: 1640px;
    margin: 64px auto 40px auto !important;
    padding: 0 20px !important;
}
@media screen and (max-width: 719px) {
	.home .wp-block-latest-posts {
		padding: 0px !important;
	}
}
.home .wp-block-latest-posts__post-excerpt {
    margin-top: 16px;
}
.home .entry-content h2 {color: #3B3D45;font-weight: 800;font-size: 48px;line-height: 1.2em; margin-top: 10px !important;}
.home .wp-block-latest-posts li > a {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 32px;
    margin-bottom: 8px;
}
.home .wp-block-latest-posts__post-date {
    color: #008DA8 !important;
}
.home .wp-block-latest-posts li .wp-block-latest-posts__post-excerpt {
    font-size: 20px;
}
.home .wp-block-group.has-very-light-green-background-color .wp-block-latest-posts li {
    background: white;
    padding: 20px 20px 32px 20px;
}
.advgb-accordion-body .wp-block-columns {
    width: 100%;
}

.wp-block-group .stripe-button-el {
    overflow: hidden;
    display: inline-block;
    visibility: visible !important;
    background:#00788f;
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}
.wp-block-group .stripe-button-el:focus, .wp-block-group .stripe-button-el:hover {background-color: #74A234}
.wp-block-group  .stripe-button-el span {
    display: block;
    position: relative;
    padding: 0 12px;
    height: auto;
    line-height: 30px;
    background:#00788f;
    color: #fff;
 font-family: 'Raleway', sans-serif;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-weight: 800 !important;
    padding: 8px 24px 10px 16px;
    display: inline-block;
    font-size: 18px;
    margin: 0;
    text-align: center;
}
.wp-block-group  .stripe-button-el:hover span, .wp-block-group  .stripe-button-el:focus span {background: #74A234; border-color: #74A234}

.wp-block-group  .stripe-button-el span:after {
    content: "";
    background: url(../png/rrha-global-sprite.png) -278px -216px;
    width: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top: 5px;
    right: -10px;
    z-index: 3;
}
.wp-block-group  .stripe-button-el:hover span:after, .wp-block-group  .stripe-button-el:focus span:after {background: url(../png/rrha-global-sprite.png) -292px -216px;}
.simpay-label-wrap label, .simpay-label-wrap legend {font-size: 20px}

.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
	padding: 0 20px;
}