/******************************** 
** KEY SECTIONS TO SEARCH FOR: **

TOM ADDITIONS

**                             **
********************************/

/******************************** 
**         COLOR GUIDE:        **

Standard green:
#2bbca3

********************************/


*,
*:before,
*:after {
    box-sizing: border-box;
}

body {
    appearance: none;
    background: #f3f1ee;
    color: #000;
    font-family: 'Hind Vadodara', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    left: 0;
    margin: 0;
    -moz-appearance: none;
    -ms-text-size-adjust: none;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-appearance: none;
    -webkit-text-size-adjust: none;
    width: 100%;
}
input,
textarea,
keygen,
select,
button {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
}
img {
/* Tom commenting out (7/2/19) as it's horifically general and stops images keeping their actual size in table-cells - didn't seem to break anything on dev site
    max-width: 100%;
*/
}
i {
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
}
a {
    color: #2bbca3;
    cursor: pointer;
    text-decoration: none;
}

.our-team-intro a {
    color: #fff;
    text-decoration: underline;
}

h1 {
    font-size: 2.2em;
    font-style: italic;
    font-weight: normal;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.3em;
}
h4 {
    font-size: 1.2em;
}
.greenText {
    color: #2bbca3;
}
.grayText {
    color: #7c7975;
}
.textCenter {
    text-align: center;
}
.textLeft {
    margin-left: 80px;
    max-width: 40%;
    padding: 80px 40px;
}
.textLeft h1,
.textLeftBottom {
    color: #7c7975;
    font-style: normal;
    text-align: left;
}
.textLeft,
.textLeftBottom p {
    color: #7c7975;
    font-size: 20px;
    text-align: left;
}
.textLeftBottom {
    display: table-cell;
    padding-left: 100px;
    vertical-align: middle;
}
.textLeftContain {
    height: 100%;
    position: relative;
    width: 100%;
}
.textLeftBottomContain {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}
.mt0 {
    margin-top: 0;
}
.mb0 {
    margin-bottom: 0;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mb40 {
    margin-bottom: 40px;
}
.mt60 {
    margin-top: 60px;
}
.mb60 {
    margin-bottom: 60px;
}
.pt0 {
    padding-top: 0;
}
.pb0 {
    padding-bottom: 0;
}
.pt20 {
    padding-top: 20px;
}
.pb20 {
    padding-bottom: 20px;
}
.pt40 {
    padding-top: 40px;
}
.pb40 {
    padding-bottom: 40px;
}
.pt60 {
    padding-top: 60px;
}
.pb60 {
    padding-bottom: 60px;
}
section table {
    border-collapse: collapse;
    border-color: #7c7975;
    border-spacing: 0;
    display: table;
    margin: 20px;
    text-align: left;
    width: 100%;
}
section table,
section tr,
section th,
section td {
    background: 0 0;
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
section tr {
    border-color: inherit;
    display: table-row;
    vertical-align: inherit;
}
section th,
section td {
    display: table-cell;
    vertical-align: inherit;
}
section th {
    background: #2bbca3;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}
section td {
    background: #f3f1ee;
    border-bottom: 1px solid #fff;
    color: #7c7975;
    padding: 8px;
    vertical-align: top;
}

.header
 {
    background: #000;
    color: #fff;
    /* overflow: hidden; TOM: commented out for resources dropdown menu */
    position: relative;
    text-align: center;
    width: 100%;
}

.headerNonMobile {
    height: 400px;
}

#headerImageMobile { 
	background: #000;
    color: #fff;
    margin-top: 73px; /* can remove for top yellow banner, eg for GFC */
    height: 254px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.headerBg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.headerBg.no_tint,
.headerBg.noOverlay {
	opacity: 1;
}

.headerBg.light_tint {
	opacity: 0.7;
}

.headerDonateButton {
    background: #f68b1f;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin-right: 15px;
    margin-top: 16px;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    position: relative;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: 110px;
}
.headerDonateButton:hover {
    background-color: #d97a1c;
}
.headerMenu {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}
.headerLogo {
    float: left;
    height: 50px;
    margin-left: 20px;
    margin-top: 20px;
}
.blogHeader .headerLogo {
    margin-top: 15px;
}
.headerLogoNoText {
    display: none;
}
.heroMenu {
    float: right;
    list-style-type: none;
    margin: 0;
    margin-top: 30px;
    padding: 0;
}
#heroMenu #menu-item-6,
#mainMenu #menu-item-6,
#mobileMenu #menu-item-6 {
    display: none;
}
.heroMenu li {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    margin-right: 26px;
    padding: 0;
    text-transform: uppercase;
}
.heroMenu li a {
    color: inherit;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.heroMenu li a:hover {
    opacity: .8;
}
.headerMenuToggle {
    display: none;
}
.headerFixed {
    background: #fff;
    border-bottom: 1px solid #7c7975;
    height: 73px;
    left: 0;
    position: fixed;
    right: 0;
    top: -73px;
    z-index: 200;
}
.headerFixedLogo {
    float: left;
    height: 35px;
    margin-left: 18px;
    margin-top: 19px;
}
.mainMenu {
    float: right;
    list-style-type: none;
    margin: 0;
    margin-top: 24px;
    padding: 0;
}
.mainMenu li {
    color: #2bbca3;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    margin-right: 26px;
    padding: 0;
    text-transform: uppercase;
}
.mainMenu li a {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.mainMenu li a:hover {
    color: #1f8e7b;
}
.mobileMenu,
.mobileMenuFixed {
    display: none;
}
.headerTitleContainer {
    height: 100%;
    position: relative;
    width: 100%;
}
.headerTitle {
    color: #fff;
    font-size: 60px;
    font-style: italic;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.1em;
    padding: 0 20px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.blog .headerTitle {
    background: #2bbca3;
    background: rgba(43, 188, 163, 0.8);
    bottom: 0;
    color: #fff;
    font-size: 52px;
    font-style: italic;
    font-weight: 300;
    left: 0;
    padding: 35px 40px;
    position: relative;
    text-align: left;
}
.headerTitle small {
    display: block;
    font-family: 'Hind Vadodara', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1em;
}
.accountMenuContainer {
    background: #2bbca3;
    font-size: 12px;
    height: 26px;
    left: 0;
    line-height: 26px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 73px;
}
.accountMenuContainer b {
    color: #004a3f;
    text-transform: uppercase;
    vertical-align: middle;
}
.accountMenu {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    margin-right: 20px;
    padding: 0;
    vertical-align: middle;
}
.accountMenu li {
    color: #fff;
    display: inline-block;
    margin: 0;
    margin-left: 20px;
    padding: 0;
}
.accountMenu li a {
    color: #fff;
}
section {
    position: relative;
    width: 100%;
}
.sectionSmall {
    padding: 35px 0;
    position: relative;
}
.sectionMedium {
    padding: 60px 0;
    position: relative;
}
.sectionMediumStartT {
	padding-top: 60px;
}
.sectionMediumEndT {
	padding-bottom: 60px;
}
.sectionLarge {
    padding: 90px 0;
    position: relative;
}
.sectionExtraLarge {
    padding: 140px 0;
    position: relative;
}
.sectionSmallT {
    padding: 35px 0;
}
.sectionExtraLarge::before {
    border-bottom: 20px solid #f3f1ee;
    border-right: 20px solid transparent;
    content: '';
    height: 20px;
    left: 0;
    position: absolute;
    top: -20px;
    width: 50%;
}
.sectionExtraLarge::after {
    border-bottom: 20px solid #f3f1ee;
    border-left: 20px solid transparent;
    content: '';
    height: 20px;
    position: absolute;
    right: 0;
    top: -20px;
    width: 50%;
}
.container {
    margin: 0 auto;
    max-width: 960px;
}
.resources-container {
	padding-bottom:40px;
	text-align: center;
	width: 100%;
}
.container:after {
    clear: both;
    content: "\0020";
    display: block;
}
.ulContainer {
    padding: 20px 0 0;
}
.ulContainer:after {
    clear: both;
    content: "\0020";
    display: block;
}
.ulContainer ul {
    float: left;
    list-style-type: none;
    margin: 0 auto;
    padding: 0 10px;
    text-align: left;
    width: 25%;
}
.ulContainer ul li {
    padding: 5px 0;
}
#lightboxContainer {
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 255;
}
#lightboxContainer.invisible {
    bottom: 100%;
    opacity: 0;
}
.invisible {
    opacity: 0;
}
#lightboxContent {
    background: #fff;
    box-shadow: 10px 15px 10px rgba(0, 0, 0, 0.25);
    display: inline-block;
    padding: 0;
    position: relative;
}
#lightboxContent.siteAdmin {
    padding: 20px;
}
#lightboxContent p {
    color: #7c7975;
    font-size: 18px;
    line-height: 1.5;
}
.bgWhite {
    background-color: #fff;
}
.bgWhite h1,
.bgWhite h2,
.bgWhite h3,
.bgWhite h4 {
    color: #7c7975;
    font-style: italic;
}
.bgTeal {
    background-color: #2bbca3;
}
.bgTeal h1,
.bgTeal h2,
.bgTeal h3,
.bgTeal h4 {
    color: #fff;
    font-style: italic;
}
.bgGrey {
    background-color: #f3f1ee;
}
.bgGrey h1,
.bgGrey h2,
.bgGrey h3,
.bgGrey h4 {
    color: #7c7975;
    font-style: italic;
}
.overlayMedium,
.overlayLarge,
.overlayExtraLarge {
    background: url('https://www.gfi.org/images/uploads/2015/12/overlaybg-10.png');
    color: #fff;
}
.overlayMedium {
    padding: 60px 0;
}
.overlayLarge {
    padding: 90px 0;
}
.overlayLarge h1,
.overlayLarge h2,
.overlayLarge h3,
.overlayLarge h4 {
    color: #fff;
}
.overlayExtraLarge {
    padding: 140px 0;
}
.overlayExtraLarge p {
    font-size: 28px;
}
.overlayOdd {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.overlayEven {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.overlayOne {
    background: #2bbca3 url('https://www.gfi.org/images/uploads/2016/01/connect.png') center no-repeat;
}
.overlayTwo {
    background: #2bbca3 url('https://www.gfi.org/images/uploads/2016/01/beaker.png') center no-repeat;
}
.overlayThree {
    background: #2bbca3 url('https://www.gfi.org/images/uploads/2016/01/funds.png') center no-repeat;
}
.overlayFour {
    background: #2bbca3 url('https://www.gfi.org/images/uploads/2016/01/leaf.png') center no-repeat;
}
.overlayFive {
    background: #2bbca3 url('https://www.gfi.org/images/manual/specific-pages/fp/departments/people-white-transparent-50px-high.png') center no-repeat;
}
.alertBox {
    padding: 30px 40px;
}
.alertBox .buttonTeal,
.alertBox .buttonOrange {
    margin: 10px;
}
.buttonTeal {
    background-color: #2bbca3;
    padding: 20px 35px;
}
.buttonTeal:hover {
    background-color: #1f8e7b;
}
.buttonOrange {
    background-color: #f68b1f;
    max-width: inherit;
    padding: 20px 20px;
    white-space: normal;
}
.buttonOrange:hover {
    background-color: #d97a1c;
}
.basicButton {
    border: none;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 20px 5px;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: top;
    -webkit-transition: all 0.3s ease 0s;
}
.reasons {
    position: relative;
    text-align: center;
    width: 100%;
}
.reasonsRow {
    display: table;
    position: relative;
    width: 100%;
}
.arrowDownReasons::before,
.arrowDownReasons::after {
    bottom: -20px;
    content: '';
    height: 20px;
    position: absolute;
    width: 50%;
    z-index: 11;
}
.arrowDownReasons::before {
    border-bottom: 20px solid transparent;
    border-right: 20px solid #4ac4af;
    left: 0;
}
.arrowDownReasons::after {
    border-bottom: 20px solid transparent;
    border-left: 20px solid #4ac4af;
    right: 0;
}
.block {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.blockText {
    color: #7c7975;
    display: table-cell;
    max-width: 480px;
    padding: 0 40px;
    vertical-align: middle;
}
.blockText h1 {
    font-style: italic;
    text-align: left;
}
.blockText p {
    font-size: 18px;
    text-align: left;
}
.blockImage {
    background-color: #ffffff;
    background-size: cover;
    display: inline-block;
    height: 320px;
    vertical-align: top;
    width: 100%;
}
.blockImageTall {
    height: 480px;
    width: 100%;
}
.fork {
    display: table-cell;
    vertical-align: bottom;
    width: 400px;
}
.fork img {
    margin-bottom: -5px;
}
.arrowRight::before,
.arrowRight::after,
.arrowLeft::before,
.arrowLeft::after {
    content: '';
    height: 125px;
    position: absolute;
    width: 20px;
}
.arrowRight::before,
.arrowRight::after {
    left: -20px;
}
.arrowLeft::before,
.arrowLeft::after {
    right: -20px;
}
.arrowRight::before {
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    top: 0;
}
.arrowRight::after {
    border-right: 20px solid #fff;
    border-top: 20px solid transparent;
    top: 125px;
}
.arrowLeft::before {
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    border-right: none;
    border-top: none;
    top: 0;
    z-index: 1;
}
.arrowLeft::after {
    border-bottom: none;
    border-left: 20px solid #fff;
    border-right: none;
    border-top: 20px solid transparent;
    top: 125px;
    z-index: 1;
}
.arrowDown::before,
.arrowDown::after {
    content: '';
    height: 20px;
    position: absolute;
    top: 0;
    width: 50%;
}
.arrowDown::before {
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
    left: 0;
}
.arrowDown::after {
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    right: 0;
}
.hoverColorChange {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

/* -- Front page styles kept in this top half of the document, before TOM ADDITIONS, because they need to stay here **/

/* --- Testimony slider, halfway down */

/***** (original styles, CAN'T MOVE FROM THIS POSITION IN THE CSS WITHOUT BREAKING HEIGHT *****/
/****************************. ^    ^     ^     ^     ^     ^     ^     ^    ******************/


.testimony-slider .slick-slider {
    display: block;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-touch-action: pan-y;
    -ms-user-select: none;
    position: relative;
    touch-action: pan-y;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.testimony-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.testimony-slider .slick-loading .slick-list {
    background: #fff url("https://mfa.cachefly.net/mfa/images/ajax-loader.gif") center center no-repeat;
}
.testimony-slider .slick-list.dragging {
    cursor: hand;
    cursor: pointer;
}
.testimony-slider .slick-slider .slick-track {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.testimony-slider .slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0;
}
.testimony-slider .slick-track:before,
.testimony-slider .slick-track:after {
    content: '';
    display: table;
}
.testimony-slider .slick-track:after {
    clear: both;
}
.testimony-slider .slick-loading .slick-track {
    visibility: hidden;
}
.testimony-slider .slick-slide {
    /* display: none; TOM: commented out on move from .slick-slide to .testimony-slider .slick-slide */
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative;
}
[dir="rtl"] .testimony-slider .slick-slide {
    float: right;
}
.testimony-slider .slick-slide img {
    display: block;
}
.testimony-slider .slick-slide.slick-loading img {
    display: none;
}
.testimony-slider .slick-slide.dragging img {
    pointer-events: none;
}
.testimony-slider .slick-initialized .slick-slide {
    display: block;
}
.testimony-slider .slick-loading .slick-slide {
    visibility: hidden;
}
.testimony-slider .slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}
.testimony-slider .slick-next {
    background: transparent;
    border: 3px #fff solid;
    border-radius: 10px;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 50px;
    line-height: 0;
    margin-top: -50px;
    padding: 0;
    position: absolute;
    right: 50px;
    top: 55%;
    width: 50px;
}
.testimony-slider .slick-next:before {
    color: white;
    content: '\f105';
    font-family: "fontawesome";
    font-size: 30px;
    line-height: 1;
    opacity: 0.75;
    -webkit-font-smoothing: subpixel-antialiased;
}
.testimony-slider {
    height: 415px;
}

.testimony-slider .testimony__photo {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 415px;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
}
.testimony-slider .testimony__text {
    height: 100%;
    left: 0;
    padding-left: 70px;
    padding-top: 40px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 40%;
}
.testimony-slider .testimony__text p {
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    width: 220px;
}
.testimony-slider .testimony__text p a {
    border: none !important;
    color: inherit !important;
}
.testimony-slider .testimony__text p a:after {
    display: none !important;
}
.testimony-slider .testimony__text .serif {
    font-weight: 700;
}
.testimony-slider .slick-slide:nth-of-type(odd) .testimony__photo {
    margin-right: 5px;
}
.testimony-slider .slick-dots,
.testimony-slider .slick-prev {
    display: none !important;
}

/* END OF:
	--- Testimony slider, halfway down (original styles) */

.how,
.howMiddle {
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    display: table;
    font-size: 1.2em;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.howTitle,
.howTitleMiddle {
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.howText,
.howTextMiddle {
    display: table-cell;
    padding: 0 90px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}
.how:hover .howTitle {
    color: #1F8E7B !important;
}
.howMiddle:hover .howTitleMiddle {
    color: #004A3F !important;
}
.howImage {
    background-position: 50% 20%;
    background-size: cover;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    float: left;
    height: 250px;
    transition: all .5s ease 0s;
    width: 400px;
}
.howImageMiddle {
    background-position: 50% 20%;
    background-size: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    height: 250px;
    position: relative;
    transition: all .5s ease 0s;
    width: 400px;
}
.howImage:hover,
.howImageMiddle:hover {
    opacity: .1;
}
.howImageOverlay {
    background-position: 46% 50% !important;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 250px;
    width: 400px;
    z-index: 10;
}
.blog {
    background-color: #fff;
}
.post,
.link {
    border-bottom: 2px solid #ebebeb;
}
.link {
    background-color: #fff;
    border-bottom: 2px solid #f3f1ee;
    display: table;
    padding: 30px 0 30px;
    width: 100%;
}
.link:first-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.link:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.linksIntro {
    color: #7c7975;
    font-family: 'Impressum', serif;
    font-size: 2em;
    font-style: italic;
    margin: 0 auto;
    max-width: 85%;
    padding: 40px;
}
.linkImage {
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 40px;
    padding-right: 0;
}
.linkVideoGallery .linkImageOverlay {
    background: url('https://www.gfi.org/images/uploads/2016/01/gfi-play-button.png') center no-repeat;
    border-radius: 5px;
    height: 100%;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: 100%;
}
.linkVideoGallery .linkImageOverlay:hover {
    background: #7c7975 rgba(124, 121, 117, .5) url('https://www.gfi.org/images/uploads/2016/01/gfi-play-button.png') center no-repeat;
}
.linkImage a {
    background-repeat: no-repeat;
    border-radius: 5px;
}
.linkText {
    display: table-cell;
    padding: 0 40px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}
.linkTitle {
    color: #f68b1f;
    cursor: pointer;
    font-size: 2em;
    font-style: italic;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.linkTitle:hover {
    color: #2bbca3;
}
.linkDescription {
    color: #7c7975;
    font-size: 1.2em;
    overflow-wrap: break-word;
    word-break: break-word;
    word-wrap: break-word;
}
.linkDescription .greenText {
    margin-top: 0;
}
.linkDescription a {
    color: #f68b1f;
}
.linkDescription a:visited {
    color: #f68b1f;
}
.linkDescription a:hover {
    color: #2bbca3;
}
.blogArrow::before {
	border-top: 20px solid transparent;
	border-left: 20px solid #fff;
	content: '';
	height: 20px;
	position: absolute;
	left: 50%;
	top: 180px;
	width: 20px;
}
.blogArrow::after {
	border-right: 20px solid #fff;
	border-top: 20px solid transparent;
	content: '';
	height: 20px;
	position: absolute;
	right: 50%;
	top: 180px;
	width: 20px;
}
.blogArrowLeft::before {
	border-top: 20px solid transparent;
	border-left: 20px solid #fff;
	content: '';
	height: 20px;
	position: absolute;
	left: 50%;
	top: 180px;
	width: 20px;
}
.blogArrowLeft::after {
	border-right: 20px solid #fff;
	border-top: 20px solid transparent;
	content: '';
	height: 20px;
	position: absolute;
	right: 50%;
	top: 180px;
	width: 20px;
}
.parentCategoryHeading {
    background-color: #2bbca3;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin-top: 40px;
    padding: 30px;
    text-transform: uppercase;
}
.categoryHeading {
    background-color: #fff;
    margin: 0;
    padding: 30px 0;
    width: 100%;
}
.categoryDescription,
.parentCategoryDescription {
    background-color: #fff;
    color: #7c7975;
    display: block;
    margin: 0;
    padding: 0 40px;
    text-align: left;
    width: 100%;
}
.parentCategoryDescription {
    border-bottom: 2px solid #f3f1ee;
    padding: 5px 40px;
}

.parentCategoryDescription p:first-child {
	margin-top: 50px;	
}

.linkCategoryImage {
	display:block;
	height:200px;
}
.linkCategoryImage .linkCategoryBackground {
	background-position: center;
	background-size:cover;
	display: block;
	height: 200px;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
}
.linkCategoryImage .linkCategoryBackground:hover {
    opacity: .1;
}
.linkCategoryImageOverlay {
	background: #2bbca3 url('https://www.gfi.org/images/uploads/2016/01/plus-sign.png') no-repeat;
	background-position: 50% 50%;
	height: 200px;
	position: relative;
	top: 0;
	width: 100%;
}
.linkCategoryText {
	display: table-cell;
	font-size: 18px;
	height:100px;
	text-align: left;
	vertical-align: middle;
	width: inherit;
}
.linkCategoryTitle {
    color: #2bbca3;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	padding: 0 20px;
	text-align: center;
}
.linkCategory {
	background: #fff;
	border-bottom: 2px solid #ebebeb;
	cursor: pointer;
	display: inline-block;
	margin: 20px;
	/*min-height: 170px;*/
	padding: 0 !important;
	position: relative;
	width: 25%;
}
.linkCategory:hover .hoverColorChange {
    color: #004A3F;
}
.linkCategoryDescription {
    display: none;
}
.blogHeader {
    background: #004a3f;
}
.posts {
    background-color: #fff;
    clear: both;
}
.posts .readMore {
    color: #2bbca3;
}
.featuredPost {
    background-size: cover;
    cursor: pointer;
}
.featuredPost .featuredPostHeading {
    background: #2bbca3;
    background: rgba(43, 188, 163, 0.9);
    color: #fff;
    height: 100%;
    min-height: 350px;
    padding: 3%;
    text-align: left;
    width: 30%;
}
.featuredPost .featuredPostHeading p,
.featuredPost .readMore {
    font-size: 20px;
    line-height: 1.2em;
}
.featuredPost .featuredPostHeading .featuredPostTitle {
    font-size: 48px;
    font-weight: 900;
    line-height: 1em;
    margin: 0;
}
.post {
    background: #fff;
    display: table;
    height: 320px;
    padding: 20px;
}
.post:hover .hoverColorChange {
    color: #2bbca3;
}
.postText,
.circleImage {
    display: table-cell;
    float: none;
    font-size: 18px;
    text-align: left;
    vertical-align: middle;
}
.postTitle {
    color: #f68b1f;
    font-size: 1.5em;
}
.circleImage div {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 7px solid #f3f1ee;
    border-radius: 50%;
    margin: 0 auto;
    -moz-background-size: cover;
    -o-background-size: cover;
    transition: all .5s ease 0s;
    -webkit-background-size: cover;
}
.circleImage div {
    height: 400px;
    width: 400px;
}
.post .circleImage div {
    height: 250px;
    width: 250px;
}
.circleImage div:hover {
    opacity: .6;
}
.searchBar {
    height: auto;
    margin: 15px auto;
    width: 100%;
}
.searchField {
    border: none;
    border-radius: 5px;
    color: #004a3f;
    font-size: 16px;
    padding: 15px;
    width: 265px;
}
.blog-content {
    font-size: 18px;
    padding: 60px;
    text-align: left;
}
.blog-content i::after {
    content: '';
    margin-right: 2px;
}
.blog-content img {
    display: inherit;
    margin: 0 auto;
    max-width: 100%;
}
#next-page-loader {
    background: url(https://www.gfi.org/images/uploads/2016/01/gfi_loading.gif) center center no-repeat;
    box-sizing: content-box;
    clear: both;
    height: 66px;
    padding: 50px 0;
}
.single #next-page-loader {
    background: none;
    box-sizing: content-box;
    clear: both;
    height: 66px;
    padding: 50px 0;
}
.videoFrame {
    background: #000;
    display: block;
    height: 529px;
    margin: 0 auto;
    width: 940px;
}
.postTags {
    color: #c9c7c3;
    font-size: 20px;
    font-style: normal;
    margin-bottom: 20px;
}
.circleImageRight {
    float: right;
    padding-left: 40px;
}
.circleImageLeft,
.linkImage,
.postImage {
    float: left;
    padding-right: 40px;
}
.circleImage a,
.linkImage a {
    display: block;
}
.circleImage a {
    height: 320px;
    width: 340px;
}
.linkVideoGallery .linkImage a {
    height: 130px;
    width: 230px;
}
.linkImage a {
    height: 130px;
    width: 130px;
}
.tagContainer a,
.linkContainer a {
    margin: 0 5px;
    text-transform: uppercase;
}
#tagResult {
    color: #2bbca3;
    font-weight: bold;
    width: 100%;
}
#newPredefinedTags {
    background: #eeeeee;
    display: none;
    margin: 5px;
    padding: 5px;
    text-align: center;
}
.shareButtons {
    clear: both;
    float: left;
    padding-bottom: 50px;
}
.blog-content .shareButtons {
    padding-bottom: 0;
}
.shareButtons a {
    line-height: 40px;
    margin: 20px 0;
    padding: 2px;
    text-align: center;
    width: 110px;
}
.facebookShareButton {
    background: #4d77bd;
}
.facebookShareButton:hover {
    background-color: #4469a7;
}
.twitterShareButton {
    background: #1faad7;
}
.twitterShareButton:hover {
    background-color: #1c96bd;
}
.shareButtonNumber {
    background: #fff;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #333333;
    display: inline;
    font-size: 11px;
    margin-left: -30px;
    margin-right: 3px;
    margin-top: -4px;
    padding: 1px 3px;
    position: relative;
    vertical-align: top;
}
.shareButtonNumber:before {
    border-bottom: 3px solid #fff;
    border-left: 3px solid transparent;
    border-right: 3px solid #fff;
    border-top: 3px solid transparent;
    bottom: 0;
    content: ' ';
    height: 0;
    left: -6px;
    position: absolute;
    width: 0;
}
.shareButtonSpacer {
    display: inline-block;
    font-size: 1px;
    line-height: 100px;
    vertical-align: middle;
    width: 10px;
}
.blog-content .shareButtonSpacer {
    line-height: 20px;
}
.shareButtons .fa-twitter::before {
    color: #fff;
    content: "\f099";
    font-size: 15px;
    margin-right: 20px;
}
.shareButtons .fa-facebook::before {
    color: #fff;
    content: "\f09a";
    font-size: 15px;
    margin-right: 20px;
}
.teamHeader {
    color: #7c7975;
}
.board {
    cursor: pointer;
    margin: 25px 0;
    margin-bottom: 0;
    text-align: center;
}
#bioExpander {
    background-color: #fff;
    border-radius: 5px;
    display: block;
    float: left;
    font-family: 'Hind Vadodara', sans-serif;
    line-height: 22px;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    padding: 20px;
    text-align: left;
    transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    width: 100%;
}
#bioExpander a,
.board a,
.blog-entry a {
    color: #f68b1f;
}
#bioExpander a:visited,
.board a:visited,
.blog-entry a:visited {
    color: #f68b1f;
}
#bioExpander a:hover,
.board a:hover,
.blog-entry a:hover {
    color: #2bbca3;
}
.bioRow {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}
.boardPic {
    background: #f3f3f3;
    background-size: cover;
    border-radius: 50%;
    height: 120px;
    margin: 0 auto;
    max-height: auto;
    max-width: 100%;
    -moz-background-size: cover;
    -moz-border-radius: 50%;
    -moz-transform: scale(1);
    -moz-transition: all 150ms linear;
    -ms-transform: scale(1);
    -o-background-size: cover;
    -o-transform: scale(1);
    -o-transition: all 150ms linear;
    position: relative;
    transform: scale(1);
    transition: all 150ms linear;
    -webkit-background-size: cover;
    -webkit-border-radius: 50%;
    -webkit-transform: scale(1);
    -webkit-transition: all 150ms linear;
    width: 120px;
}
.boardPic:hover {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
}
.boardName {
    color: #7c7975;
    font-style: normal;
    min-height: 50px;
    padding: 0 10px;
    position: relative;
}
.active .boardName:after {
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    bottom: 0;
    content: '';
    height: 0;
    left: 50%;
    margin-bottom: -24px;
    margin-left: -20px;
    position: absolute;
    width: 0;
}
.boardBio {
    background: #fff;
    border-radius: 5px;
    display: none;
    margin: 0 5px;
    padding: 20px;
    text-align: left;
    word-wrap: break-word;
}
.active .boardBio,
.boardBio {
    display: none;
}
.staff {
    display: inline-block;
    font-size: 16px;
    padding-left: 40px;
    text-align: left;
    vertical-align: top;
    width: 70%;
}
.staffPic {
    background-position: 50% 50% !important;
    background-size: contain !important;
    border-radius: 100px;
    display: inline-block;
    height: 200px;
    margin-top: 40px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    vertical-align: top;
    -webkit-border-radius: 100px;
    width: 200px;
}
.staffBio {
    font-size: 18px;
    line-height: 22px;
}
.staff h1 {
    color: #2bbca3;
    margin-bottom: 0;
}
.staff h3 {
    color: #c9c7c3;
    font-style: normal;
    margin-top: 0;
}
.connect {
    width: inherit;
}
.fa-envelope::before {
    color: #f68b1f;
    content: "\f0e0";
    font-size: 20px;
    margin-right: 20px;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.fa-envelope:hover::before {
    color: #d97a1c;
}
.fa-twitter::before {
    color: #f68b1f;
    content: "\f099";
    font-size: 20px;
    margin-right: 20px;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.fa-twitter:hover::before {
    color: #d97a1c;
}
.fa-linkedin::before {
    color: #f68b1f;
    content: "\f0e1";
    font-size: 20px;
    margin-right: 20px;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.fa-linkedin:hover::before {
    color: #d97a1c;
}
.jobRow {
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}
.job {
    cursor: pointer;
    margin: 25px 0;
    margin-bottom: 0;
    text-align: center;
}
.jobHeader {
    font-weight: normal;
}
h2.jobHeader {
    font-size: 1.7em;
}
h3.jobHeader {
    color: #000;
    font-style: normal;
}
h4.jobHeader {
    font-style: normal;
}
.jobTitle {
    color: #2bbca3;
    font-size: 1.4em;
    font-style: normal;
    font-weight: bold;
    min-height: 30px;
    padding: 0 10px;
    position: relative;
}
.jobTitleLarge {
    font-size: 1.8em;
}
.active .jobTitle:after {
    border-bottom: 20px solid #f3f1ee;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    bottom: 0;
    content: '';
    height: 0;
    left: 50%;
    margin-bottom: -30px;
    margin-left: -20px;
    position: absolute;
    width: 0;
}
.jobDescription {
    color: #7c7975;
    font-size: 1.2em;
    padding: 20px;
    text-align: left;
}
.jobTitleLarge~ .jobDescription {
    display: block;
}
.jobDescriptionBox {
    background-color: #f3f1ee;
    border-radius: 5px;
    display: none;
    margin: 30px 5px 0 5px;
    word-wrap: break-word;
}
.jobDescription h3 {
    color: #7c7975;
    font-weight: normal;
}
.jobDescription h4,
#jobExpander h4 {
    color: #7c7975;
    font-style: italic;
    font-weight: normal;
}
.active .jobDescription,
.jobDescription {
    display: none;
}
#jobExpander {
    background-color: #f3f1ee;
    border-radius: 5px;
    color: #7c7975;
    display: block;
    float: left;
    font-family: 'Hind Vadodara', sans-serif;
    font-size: 1.2em;
    line-height: 22px;
    margin-top: 30px;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    padding: 30px 50px;
    text-align: left;
    transition: all 100ms linear;
    -webkit-transition: all 100ms linear;
    width: 100%;
}
#jobExpander a,
.jobDescription a,
.alertBox a,
#jobExpander a:visited,
.jobDescription a:visited,
.alertBox a:visited {
    color: #f68b1f;
}
#jobExpander a:hover,
.jobDescription a:hover,
.alertBox a:hover {
    color: #2bbca3;
}
#jobExpander .buttonTeal,
.jobDescription .buttonTeal {
    color: #fff;
    display: block;
    margin: 5px auto;
    padding: 20px 10px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
#jobExpander .buttonTeal:visited,
.jobDescription .buttonTeal:visited {
    color: #fff;
}
.jobSubtext p {
    font-size: 16px;
    line-height: 1.2;
}
.alertBox p {
    margin: 0;
}
.alertBox a {
    margin-top: 10px;
}
.alertBox .buttonTeal {
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 35px;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    padding: 0;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    width: 110px;
}
.shareJob {
    font-size: .8em;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.shareJobButtons {
    text-align: center;
}
.shareJobButtons a {
    border-radius: 5px;
    height: 25px;
    letter-spacing: normal;
    line-height: normal;
    margin: 2px;
    padding: 2px;
    text-align: center;
    width: 25px;
}
.facebookShareJobButton,
.twitterShareJobButton,
.tumblrShareJobButton,
.linkShareJobButton {
    background: #f68b1f;
}
.facebookShareJobButton:hover,
.twitterShareJobButton:hover,
.tumblrShareJobButton:hover,
.linkShareJobButton:hover {
    background-color: #d97a1c;
}
.shareJobButtons .fa-twitter::before {
    color: #f3f1ee;
    content: "\f099";
    font-size: 17px;
    margin: 0 auto;
    vertical-align: middle;
}
.shareJobButtonsWhite .fa-twitter::before {
    color: #fff;
}
.shareJobButtons .fa-facebook::before {
    color: #f3f1ee;
    content: "\f09a";
    font-size: 17px;
    margin: 0 auto;
    vertical-align: middle;
}
.shareJobButtonsWhite .fa-facebook::before {
    color: #fff;
}
.shareJobButtons .fa-tumblr::before {
    color: #f3f1ee;
    content: "\f173";
    font-size: 17px;
    margin: 0 auto;
    vertical-align: middle;
}
.shareJobButtonsWhite .fa-tumblr::before {
    color: #fff;
}
.shareJobButtons .fa-link::before {
    color: #f3f1ee;
    content: "\f0c1";
    font-size: 17px;
    margin: 0 auto;
    vertical-align: middle;
}
.shareJobButtonsWhite .fa-link::before {
    color: #fff;
}
.footer {
    position: relative;
}
.footerEmailSignup {
    background: #2bbca3;
    height: 360px;
    line-height: 320px;
}
.footerFormTitle {
    padding-top: 1em;
    margin-bottom: 1em;
}
.blogSignup {
    clear: both;
}
.blog-content .shareButtons,
.blogSignup {
    margin: 20px 10px 0;
    padding: 0;
}
.footerEmailSignup form,
.blogSignup form,
.contactUs form,
.jobApplication form,
.petition form,
.contest form {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
    text-align: left;
    vertical-align: middle;
}
@media all and (min-width: 960px) {
    .footerEmailSignup form {
        max-width: 560px;
    }
}
@media all and (max-width: 959px) and (min-width: 767px) {
    .footerEmailSignup form {
        max-width: 367px;
    }
}
.footerEmailSignup p,
.blogSignup p,
.contactUs p,
.petition p,
.contest p {
    margin: 0;
    margin-bottom: 1em;
}
.contest p {
    line-height: 1.2em;
}
.blogSignup p {
    color: #2bbca3;
}
.footerEmailSignup input[type=text],
.blogSignup input[type=text],
.jobApplication input[type=text],
.footerEmailSignup input[type=email],
.blogSignup input[type=email],
.jobApplication input[type=email] {
    margin: 0;
    width: 363px;
}
.footerEmailSignup input[type=text],
.blogSignup input[type=text],
.contactUs input[type=text],
.jobApplication input[type=text],
.footerEmailSignup input[type=email],
.blogSignup input[type=email],
.contactUs input[type=email],
.contactUs textarea,
.contactUs select,
.jobApplication input[type=email],
.jobApplication input[type=file],
.jobApplication textarea,
.jobApplication select,
.petition input,
.petition select,
.contest input,
.contest select {
    background: #fff;
    border: 0;
    border-radius: 5px;
    color: #004a3f;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-right: 11px;
    -moz-appearance: none;
    padding: 12px 16px;
    vertical-align: top;
    -webkit-appearance: none;
}
.contactUs select {
    appearance: none;
    background-image: url(https://mfa.cachefly.net/mfa/images/uploads/2016/10/select-green.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    color: #b0aebb;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
}
.contactUs select option:not(:disabled) {
    color: #004a3f;
}
.blogSignup input[type=email] {
    border: 1px solid #f3f1ee;
}
.footerEmailSignup input[type=button],
.blogSignup input[type=button],
.contactUs input[type=button],
.jobApplication input[type=button],
.petition input[type=button],
.contest input[type=button],
.footerEmailSignup input[type=submit],
.blogSignup input[type=submit],
.contactUs input[type=submit],
.jobApplication input[type=submit],
.petition input[type=submit],
.contest input[type=submit] {
    background: #004a3f;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 45px;
    margin: 0;
    -moz-appearance: none;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    padding: 0 32px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease 0s;
}
.footerEmailSignup input[type=submit]:hover,
.blogSignup input[type=submit]:hover,
.contactUs input[type=submit]:hover,
.jobApplication input[type=submit]:hover,
.petition input[type=submit]:hover,
.contest input[type=submit]:hover, {
    background-color: #004a3f;
}
.contactUsContainer {
    padding: 0 20px;
}
.contactUsContainer a:hover {
    color: #f68b1f;
}
.contactUsContainer p {
    font-size: 25px;
}
.contactUs .contactInfo,
.contactUs .message {
    float: left;
}
.contactUs .contactInfo {
    margin-right: .75%;
    width: 39.25%;
}
.contactUs .message {
    height: 100%;
    width: 60%;
}
.contactUs .contactInfo input,
.contactUs .contactInfo select,
.contactUs .message textarea,
.contactUs .message input {
    margin: 0;
}
.contactUs .contactInfo .first,
.contactUs .contactInfo .last,
.contactUs .contactInfo .email,
.contactUs .contactInfo .category,
.contactUs .message .subject {
    float: left;
    margin-bottom: 2%;
    width: 49%;
}
.contactUs .contactInfo .first,
.contactUs .contactInfo .email {
    margin-right: 2%;
}
.contactUs .contactInfo .last,
.contactUs .contactInfo .category {
    margin-right: 0;
}
.contactUs .message .subject {
    margin-bottom: 1.35%;
    width: 100%;
}
.contactUs .message textarea {
    height: 100%;
    resize: none;
    width: 100%;
}
.contactUs .submit {
    clear: both;
    float: right;
    padding-top: 1%;
}
.contactUs .submit input[type="checkbox"],
.jobApplication .submit input[type="checkbox"],
.petition .submit input[type="checkbox"],
.contest .submit input[type="checkbox"] {
    display: none;
}
.contactUs .submit input[type="checkbox"]+ label:before,
.jobApplication .submit input[type="checkbox"]+ label:before,
.petition .submit input[type="checkbox"]+ label:before,
.contest .submit input[type="checkbox"]+ label:before {
    border: 2px solid #004a3f;
    border-radius: 50%;
    content: '';
    height: 20px;
    left: -30px;
    margin-top: 1px;
    -moz-border-radius: 50%;
    position: absolute;
    top: 0;
    -webkit-border-radius: 50%;
    width: 20px;
}
.contactUs .submit input[type="checkbox"]:checked+ label:after,
.jobApplication .submit input[type="checkbox"]:checked+ label:after,
.petition .submit input[type="checkbox"]:checked+ label:after,
.contest .submit input[type="checkbox"]:checked+ label:after {
    color: #004a3f;
    content: '\f00c';
    font-family: "fontawesome";
    font-size: 24px;
    left: -28px;
    position: absolute;
    top: 1px;
    -webkit-font-smoothing: subpixel-antialiased;
}
.contactUs .submit .checkbox,
.contactUs .submit .submitButton {
    display: inline-block;
}
.contactUs .submit .checkbox,
.jobApplication .submit .checkbox,
.petition .submit .checkbox,
.contest .submit .checkbox {
    cursor: pointer;
    font-size: 14px;
    margin-right: 5px;
}
.contactUs .submit .receiveEmail,
.jobApplication .submit .receiveEmail,
.petition .submit .receiveEmail,
.petition .submit .display,
.contest .submit .receiveEmail {
    cursor: pointer;
    position: relative;
}
.jobApplication {
    padding: 40px 60px;
}
.petition,
.contest {
    padding: 0 45px;
}
.jobApplication .intro {
    color: #004a3f;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.jobApplication p {
    margin: 20px auto;
}
.jobApplication .contactInfo select,
.petition .contactInfo select,
.contest .contactInfo select {
    color: #aeaeae;
}
.jobApplication .questions input,
.jobApplication .questions textarea {
    resize: none;
    width: 100%;
}
.jobApplication .files .coverLetter,
.jobApplication .files .resume,
.jobApplication .contactInfo input,
.jobApplication .contactInfo select {
    display: inline-block;
    width: 49.3%;
}
.jobApplication .files label,
.jobApplication .files input {
    font-size: 14px;
}
.jobApplication .files input {
    margin-top: 5px;
    width: 100%;
}
.jobApplication .submit .checkbox,
.petition .submit .checkbox,
.contest .submit .checkbox {
    margin: 20px auto 20px 30px;
}
.jobApplication .submit .receiveEmail,
.petition .submit .receiveEmail,
.petition .submit .display,
.contest .submit .receiveEmail {
    color: #004a3f;
}
.jobApplication .submit .submitButton,
.petition .submit .submitButton,
.contest .submit .submitButton {
    display: block;
    margin: 0 auto;
}
.jobApplication .contactInfo input,
.jobApplication .contactInfo select,
.petition .contactInfo input,
.petition .contactInfo select,
.contest .contactInfo input,
.contest .contactInfo select {
    margin: 2px .25% 2px auto;
}
.petition .contactInfo .first,
.petition .contactInfo .last,
.petition .contactInfo .city,
.petition .contactInfo .state,
.petition .contactInfo .zip,
.petition .contactInfo .country {
    width: 24.25%;
}
.petition .contactInfo .email,
.petition .contactInfo .address {
    width: 49.25%;
}
.petition .readPetition {
    color: #2bbca3;
    cursor: pointer;
}
.petition .readPetition i {
    margin-left: 10px;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    -o-transition: 200ms;
    transform: rotate(90deg);
    transition: 200ms;
    -webkit-transition: 200ms;
}
.petition .hidden .readPetition i {
    transform: rotate(0deg);
}
.petition .petitionText {
    border-radius: 5px;
    font-size: 14px;
	margin: 0 auto;
	margin-bottom: 20px;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	overflow: hidden;
	padding: 30px;
	text-align: left;
	transition: 500ms;
	-webkit-transition: 500ms;
}
.petition .hidden .petitionText {
    height: 0;
    padding: 0 30px;
}
.petition .petitionFormConfirmation {
    background-color: #fff;
    border-radius: 6px;
    display: none;
    padding: 2% 5%;
}
.petition .petitionFormConfirmation .fa-facebook::before,
.petition .petitionFormConfirmation .fa-twitter::before,
.petition .petitionFormConfirmation .fa-usd::before {
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
}
.contest .contactInfo .first,
.contest .contactInfo .last,
.contest .contactInfo .city,
.contest .contactInfo .state,
.contest .contactInfo .zip,
.contest .contactInfo .country,
.contest .contactInfo .phone {
    width: 24.25%;
}
.contest .contactInfo .email,
.contest .contactInfo .address {
    width: 49.25%;
}
.contest .contestFormConfirmation {
    background-color: #fff;
    border-radius: 6px;
    display: none;
    padding: 2% 5%;
}
.contest .contestFormConfirmation .fa-facebook::before,
.contest .contestFormConfirmation .fa-twitter::before,
.contest .contestFormConfirmation .fa-usd::before {
    color: #fff;
    font-size: 20px;
    margin-right: 10px;
}
.contest .contestDetails h4 {
    font-style: normal;
}
.contest .contestDetails .contestPackageContents {
    margin: 15px auto;
}
.contest .contestDetails .contestPackageContents p {
    margin: 0 auto;
}
.footerMenuContainer {
    background: #1f8e7b;
    float: right;
    height: 360px;
    line-height: 345px;
    width: 400px;
}

@media (hover:none), (hover:on-demand)  {
	.footerMenuContainer {
		height: auto;
		line-height: normal;
		padding: 2.5em 0;
	}
}

.footerMenu {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}
.footerMenu li {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    margin: 0;
    padding: 0;
}
@media (hover:none), (hover:on-demand)  {
	.footerMenu li {
		text-align: center;
	}
}
.footerMenu li a {
    color: inherit;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.footerMenu li a:hover {
    color: #004a3f;
}
.footerSocial {
    background: #004a3f;
    height: 80px;
    line-height: 80px;
    text-align: left;
}
.footerLogo {
    height: 50px;
    margin-left: 20px;
    vertical-align: middle;
}
.footer-logo {
    display: inline-block;
    float: left;
}
.powered-by {
    color: #fff;
/*    display: inline-block;*/
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 525px;
}
.ace-and-footersocialbuttons {
    float: right;
    margin-right: 20px;
    margin-top: -80px;
}
.aceLogo {
    float: left;
}
.aceLogo img {
    position: relative;
    top: 18px;
}
.footerSocialButtons {
    color: #2bbca3;
    float: left;
    font-size: 30px;
}
.footerSocialButtons i {
    margin-left: 15px;
    vertical-align: middle;
}
.emailSignupForm {
    background: #fff;
    border: 0;
    border-radius: 5px;
    color: #004a3f;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 15px;
    margin-right: 11px;
    -moz-appearance: none;
    padding: 12px 16px;
    vertical-align: top;
    -webkit-appearance: none;
    width: 363px;
}
.emailSignupSocialButtons span {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
}
.emailSignupSocialButtons a {
    color: #fff;
    font-size: 34px;
    margin: 0 5px;
    vertical-align: middle;
}
.signupButton {
    background: #004a3f;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 45px;
    margin: 0;
    -moz-appearance: none;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    padding: 0 32px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: top;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease 0s;
}
.signupButton:hover {
    background-color: #004a3f;
}
.footerEmailSignup p,
.contactUs p {
    text-align: center;
}
.footerEmailSignupSocialButtons {
    margin-top: 1em;
    text-align: center;
}
.footerEmailSignupSocialButtons span {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
}
.footerEmailSignupSocialButtons a {
    color: #fff;
    font-size: 30px;
    margin: 0 5px;
    vertical-align: middle;
}
.halves:after {
    clear: both;
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.half {
    float: left;
    width: 50%;
}
.thirds:after {
    clear: both;
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.third {
    float: left;
    width: 33.33333337%;
}
.fourths:after {
    clear: both;
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.fourth {
    float: left;
    width: 25%;
}
.fifths:after {
    clear: both;
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}
.fifth {
    float: left;
    width: 20%;
}
@media only screen and (max-width:1360px) {
    .footerEmailSignup p {
        font-size: 14px;
    }
    #email,
    #enewsFirstName,
    #enewsLastName,
    #enewsEmail {
        margin: 0 5px;
        max-width: 200px;
    }
}
@media all and (max-width: 1079px) {
    .shareButtons {
        padding: 10px 0;
    }
    .shareButtonSpacer {
        line-height: 20px;
    }
    .shareButtons iframe {
        display: block;
        margin: 20px auto 30px auto;
    }
    .videoFrame {
        height: 421px;
        width: 748px;
    }
    .powered-by {
        width: 295px;
        line-height: 22px;
        padding-top: 16px;
    }
    .ace-and-footersocialbuttons {
        margin-top: -60px;
    }
}
@media only screen and (max-width:960px) {
    .heroMenu li,
    .mainMenu li {
        margin-right: 18px;
    }
    .container {
        max-width: 780px;
    }
    .textLeft {
        margin: 0;
        max-width: 100%;
        padding: 40px 40px;
    }
    .textLeftBottom {
        margin-right: 0;
        max-width: 100%;
        padding: 40px 40px;
    }
    .bgWhite {
        background: #fff !important;
    }
    .textLeftBottomContain {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
    .fork {
        display: none;
    }
    .howImage,
    .howImageMiddle {
        width: 280px;
    }
    .howImageOverlay {
        width: 280px;
    }
    #email,
    #enewsFirstName,
    #enewsLastName,
    #enewsEmail {
        margin: 0 5px;
        max-width: 200px;
    }
    .blogSignup #email {
        margin-left: 0;
        max-width: 100%;
    }
    .blogSignup p,
    .contactUs p,
    .jobApplication p {
        font-size: 18px;
    }
    .footerEmailSignup p {
    	font-size: 14px;
       /* margin-bottom: 0; */
    }
	.footerEmailSignupSocialButtons {
    	margin-top: 10px;
    	text-align: center;
	}
    .powered-by {
        width: 210px;
        line-height: 22px;
        padding-top: 8px;
    }
    .ace-and-footersocialbuttons {
        margin-top: -74px;
    }
}
@media only screen and (max-width:900px) {
    .headerLogo {
        display: none;
    }
    .headerLogoNoText {
        display: block;
        float: left;
        height: 50px;
        margin-left: 20px;
        margin-top: 20px;
    }
}
@media only screen and (max-width:768px) {
    .headerTitleContainer {
    }
    .headerTitle {
        font-size: 45px;
    }
    .headerMenu {
        top: 0 !important;
    }
    .headerLogo,
    .headerLogoNoText {
        display: none;
    }
    .headerDonateButton {
        display: none;
    }
    #heroMenu {
        display: none;
    }
    .headerMenuToggle {
        border: 2px solid #2bbca3;
        border-radius: 5px;
        cursor: pointer;
        display: block;
        float: right;
        height: 40px;
        margin-top: 16px;
        position: relative;
        right: 20px;
        width: 40px;
    }
    .headerMenuToggle i {
        color: #2bbca3;
        font-size: 24px;
        padding: 20% 0;
        vertical-align: middle;
    }
    .headerFixed {
        display: none;
    }
    .mobile-text-center {
        text-align: center !important;
    }
    .mobileMenu.mobileMenuVisible {
        display: block;
    }
    .mobileMenu {
        bottom: 0;
        display: none;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1000;
    }
    .mobileMenuFixed {
        background: #fff;
        border-bottom: 1px solid #7c7975;
        display: block;
        height: 73px;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 200;
    }
    .mobileMenuVisible .mobileMenuShade {
        background: #000;
        background: rgba(0, 0, 0, 0.5);
        bottom: 0;
        left: 0;
        opacity: 1;
        position: fixed;
        right: 0;
        top: 0;
        transition: opacity 1s;
    }
    .mobileMenuContainer {
        background: #fff;
        bottom: 0;
        box-shadow: 0 0 20px #000;
        min-height: 380px;
        position: absolute;
        right: -250px;
        top: 0;
        transition: all 1s;
        width: 225px;
        z-index: 999;
    }
    .mobileMenuVisible .mobileMenuContainer {
        right: 0;
    }
    .mobileMenuFixed .mobileMenuLogo {
        float: left;
        height: 35px;
        margin-left: 18px;
        margin-top: 19px;
    }
    .mobileMenuContainer .mobileMenuLogo {
        height: 40px;
        position: fixed;
        right: 33px;
        top: 40px;
    }
    #mobileMainMenu {
        list-style-type: none;
        padding-left: 0;
        position: fixed;
        right: 33px;
        text-align: right;
        top: 100px;
        width: 150px;
    }
    #mobileMainMenu li a {
        display: block;
        font-size: 19px;
        font-weight: 700;
        line-height: 30px;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }
    #mobileMainMenu li a:hover {
        color: #004A3F;
    }
    .mobileMenuFixed .mobileMenuButton {
        background: #f68b1f;
        border-radius: 5px;
        color: #fff;
        display: block;
        float: right;
        font-size: 12px;
        font-weight: 700;
        line-height: 40px;
        margin-top: 16px;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        position: absolute;
        right: 70px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        width: 110px;
        z-index: 600;
    }
    .mobileMenuContainer .mobileMenuButton {
        background: #f68b1f;
        border-radius: 5px;
        color: #fff;
        display: block;
        font-size: 13px;
        font-weight: 700;
        line-height: 45px;
        margin-right: 15px;
        margin-top: 16px;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        position: fixed;
        right: 18px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        top: 290px;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        width: 120px;
    }
    .mobileMenuButton:hover {
        background-color: #d97a1c;
    }
    .menuDropDownContainer {
        background: #fff;
        position: relative;
        right: 0;
        text-align: right;
        top: 0;
        z-index: 1000;
    }
    .menuDropDownSelector {
        color: #000;
        display: inline-block;
        font-family: sans-serif;
        font-size: 15px;
        line-height: 18px;
        padding: 5px 2px 5px 20px;
        position: relative;
        text-align: right;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    .menuDropDownSelector:before {
        content: url(https://mfa.cachefly.net/mfa/images/dropdownarrow.png);
        margin-right: 5px;
    }
    .menuDropDownSelector img {
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
    }
    .menuDropDownMenu {
        background: #fff;
        border: 1px solid #808080;
        color: #000;
        display: none;
        position: absolute;
        right: 0;
        top: 25px;
    }
    .menuDropDownSelector:hover .menuDropDownMenu {
        display: block;
    }
    .menuDropDownItem {
        padding: 3px 10px;
        white-space: nowrap;
    }
    .menuDropDownItem:hover {
        background: #eeeeee;
    }
    .container {
        max-width: 480px;
    }
    .ulContainer ul {
        width: 50%;
    }
    .sectionLarge {
        padding: 60px 0;
    }
    .sectionExtraLarge {
        padding: 120px 0;
    }
    .overlayExtraLarge {
        padding: 120px 0;
    }
    .overlayEven {
        background-position: center !important;
        border-bottom-right-radius: 0;
        position: absolute;
        top: 0;
    }
    .mobile-text-center {
        text-align: center;
    }
    h1 {
        font-size: 1.9em;
    }
    h2 {
        font-size: 1.3em;
    }
    h3 {
        font-size: 1.1em;
    }
    h4 {
        font-size: 1em;
    }
    .basicButton {
        margin: 10px 5px;
        max-width: 100%;
        width: 265px;
    }
    .arrowLeft::before,
    .arrowLeft::after,
    .arrowRight::before,
    .arrowRight::after {
        display: none;
    }
    .mobile-text-center {
        text-align: center !important;
    }
    .container {
        max-width: 480px;
    }
    .overlayExtraLarge h1 {
        font-size: 23px;
    }
    .reasonsRow {
        height: auto;
        text-align: center;
    }
    .blockText {
        bottom: 0;
        left: 0;
        padding: 340px 40px 0 40px;
        position: relative;
        width: 100%;
    }
    .blockImage {
        height: 300px;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 10;
    }
    .featuredPost .featuredPostHeading {
        min-height: 250px;
    }
    .featuredPost .featuredPostHeading .featuredPostTitle {
        font-size: 36px;
    }
    .circleImage div {
        height: 200px;
        width: 200px;
    }
    .blog .headerTitleContainer {
        height: 300px;
    }
    .blog .headerTitle {
        font-size: 36px;
        margin-bottom: 0;
        margin-top: 0;
        padding: 20px 20px;
    }
    .linksIntro {
        font-size: 1.7em;
    }
	.linkCategory {
		margin: 20px 0;
		width: 90%;
	}
    .linkCategoryTitle,
    .alignRight .linkCategoryTitle,
    .alignLeft .linkCategoryTitle {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .linkCategoryText,
    .alignRight .linkCategoryText,
    .alignLeft .linkCategoryText {
        display: block;
		height:auto;
        max-width: 100%;
		padding: 35px 35px;
        width: auto;
    }
    .linkCategoryImage,
    .alignRight .linkCategoryImage,
    .alignLeft .linkCategoryImage {
        float: none;
        padding-right: 0;
        position: relative;
    }
    .linkCategoryImage .linkCategoryBackground {
        background-size: cover;
        width: 100%;
    }
    .linkCategoryImage .linkCategoryBackground:hover {
        opacity: 1;
    }
    .linkCategoryImageOverlay {
        background-position: center !important;
    }
    .linkCategoryTitle {
        font-size: 1.2em;
    }
    .blogArrow::before,
    .blogArrow::after {
        display: none;
    }
    .parentCategoryHeading {
        font-size: 26px;
    }
    .categoryDescription,
    .parentCategoryDescription {
        font-size: 18px;
    }
    .link {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
    }
    .linkImage {
        display: inline-block;
        float: none;
        margin-left: 0;
        padding-right: 0;
        vertical-align: top;
    }
    .linkText {
        display: inline-block;
        padding-top: 20px;
        width: initial;
    }
    .linkTitle {
        font-size: 23px;
    }
    .how,
    .howMiddle {
        display: inherit;
    }
    .howImage:hover,
    .howImageMiddle:hover {
        opacity: 1;
    }
    .howImage {
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        float: none;
        width: 100%;
    }
    .howImageOverlay {
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        width: 100%;
    }
    .howImageMiddle {
        border-bottom-right-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .howTextMiddle {
        display: block;
        padding: 258px 60px 10px 60px;
    }
    .testimony-slider {
        height: 300px;
    }
    .testimony-slider .testimony__photo {
        height: 300px;
    }
    .testimony-slider .slick-slide:nth-of-type(odd) .testimony__photo,
    .testimony-slider .slick-slide:nth-of-type(even) .testimony__photo {
        margin: 0;
    }
    .testimony-slider .slick-prev,
    .testimony-slider .slick-next {
        display: none !important;
    }
    .testimony-slider .slick-dots {
        display: block !important;
        list-style-type: none;
        padding: 0;
        position: relative;
        text-align: center;
        top: -45px;
        width: 100%;
    }
    .slick-dots li {
        cursor: pointer;
        display: inline-block;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        position: relative;
        width: 20px;
    }
    .slick-dots li button {
        background: transparent;
        border: 2px solid #fff;
        border-radius: 50%;
        color: transparent;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 5px;
        line-height: 0;
        margin: 0;
        -moz-border-radius: 50%;
        padding: 5px;
        -webkit-border-radius: 50%;
        width: 5px;
    }
    .slick-dots .slick-active button {
        background: #fff;
    }
    .testimony-slider .testimony__text {
        padding-left: 20px;
        padding-top: 20px;
        width: 70%;
    }
    .testimony-slider .testimony__text h1 {
        font-size: 1.2em;
    }
    .testimony-slider .testimony__text p {
        font-size: 15px !important;
        line-height: 1.3em;
        width: 180px;
    }
    .bioRow {
        padding-top: 0;
    }
    #bioExpander {
        display: none;
    }
    .staff {
        padding-left: 0;
        width: 100%;
    }
    .board {
        float: none;
        width: 100%;
    }
    .active .boardBio {
        display: block;
    }
    .shareButtonSpacer {
        display: inline-block;
    }
    .shareButtons iframe {
        margin-top: 0;
    }
    .jobRow {
        padding: 0;
    }
    .active .jobDescription {
        display: block;
    }
    #jobExpander {
        display: none;
    }
    .videoFrame {
        height: 259px;
        width: 460px;
    }
    .contactUsContainer p {
        font-size: 18px;
    }
    .contactUs .contactInfo,
    .contactUs .message,
    .contactUs .submitButton {
        clear: both;
        float: none;
    }
    .contactUs .contactInfo {
        margin-bottom: 2%;
        width: 100%;
    }
    .contactUs .message {
        width: 100%;
    }
    .contactUs .message .subject {
        margin-bottom: 2%;
    }
    .contactUs .submit {
        display: block;
        float: none;
        margin: 0 auto;
    }
    .contactUs .submit .checkbox,
    .contactUs .submit .submitButton {
        display: block;
    }
    .contactUs .submit .checkbox {
        margin: 2% 10% 2% 25%;
    }
    .contactUs .submit .submitButton {
        margin: 2% auto;
    }
    .jobApplication {
        padding: 40px;
    }
    .petition,
    .contest {
        padding: 0 40px;
    }
    .petition .contactInfo input,
    .petition .contactInfo select,
    .contest .contactInfo input,
    .contest .contactInfo select {
        margin: 2px auto;
    }
    .jobApplication .contactInfo input,
    .jobApplication .contactInfo select,
    .jobApplication .files .coverLetter,
    .jobApplication .files .resume,
    .petition .contactInfo .first,
    .petition .contactInfo .last,
    .petition .contactInfo .city,
    .petition .contactInfo .state,
    .petition .contactInfo .zip,
    .petition .contactInfo .country,
    .petition .contactInfo .email,
    .petition .contactInfo .address,
    .contest .contactInfo .first,
    .contest .contactInfo .last,
    .contest .contactInfo .city,
    .contest .contactInfo .state,
    .contest .contactInfo .zip,
    .contest .contactInfo .country,
    .contest .contactInfo .email,
    .contest .contactInfo .address,
    .contest .contactInfo .phone {
        width: 49%;
    }
    .contest .contestFormConfirmation .basicButton,
    .contest .contestFormConfirmation .basicButton {
        margin: 2% 0;
    }
    .contest .contestFormConfirmation .mobileHide,
    .contest .contestFormConfirmation .mobileHide {
        display: none;
    }
    .jobApplication .questions textarea {
        height: 150px;
    }
    .footerMenuContainer {
        float: none;
        width: 100%;
    }
    .footerEmailSignup form {
        max-width: 340px;
        text-align: center;
    }
    .emailSignupForm {
        margin-right: 0;
        max-width: 300px;
    }
    .footerEmailSignup .footerFormTitle {
        margin-bottom: 1em;
    }
    .footerEmailSignup p {
        margin-bottom: 0;
    }
	.footerEmailSignupSocialButtons {
    	margin-top: 5px;
    	text-align: center;
	}
    .emailSignupSocialButtons {
        margin-top: 20px;
    }
    #email,
    #enewsFirstName,
    #enewsLastName,
    #enewsEmail {
        margin-bottom: 15px;
        margin-right: 0;
        max-width: 300px;
    }
    .half {
        width: 100%;
    }
    .third {
        width: 100%;
    }
    .fourth {
        width: 100%;
    }
    .fifth {
        width: 100%;
    }

    .powered-by {
        float: right;
        margin-right: 35px;
        width: 210px;
    }
    .ace-and-footersocialbuttons {
        float: none;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 75px;
        position: relative;
        width: 475px;
    }
}
@media only screen and (max-width:580px) {
    .circleImage,
	.postText {
        display: block;
        float: none;
        margin: 30px auto;
        padding: 0;
    }
    .postTitle {
        text-align: center;
    }
    .featuredPost .featuredPostHeading {
        height: auto;
        text-align: right;
        top: auto;
        width: 160px;
    }
    .featuredPost .featuredPostHeading .featuredPostTitle {
        font-size: 24px;
        margin: 20px auto;
    }
    .featuredPostDescription {
        display: none;
    }
    .powered-by {
        float: right;
        margin-right: 35px;
        padding-top: 18px;
        width: 270px;
    }
    .ace-and-footersocialbuttons {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 75px;
        width: 365px;
    }

    .powered-by {
        color: #000;
        float: none;
        margin-right: auto;
        padding-top: 90px;
        width: 300px;
        margin-left: auto;
        position: relative;
    }

    .ace-and-footersocialbuttons {
        padding-top: 0px;
        width: 250px;
    }
}
@media only screen and (max-width:479px) {
    .headerTitle {
        font-size: 40px;
    }
    .headerTitle small {
        font-size: 20px;
    }
    .container {
        max-width: 280px;
    }
    .ulContainer ul {
        text-align: center;
        width: 100%;
    }
    .sectionLarge {
		padding: 30px 0;
    }
    .sectionExtraLarge {
        padding: 60px 0;
    }
    .overlayExtraLarge {
        padding: 60px 0;
    }
    .blockImage {
        height: 200px;
        z-index: 10;
    }
    .blockText {
        padding-top: 210px;
        position: relative;
        width: 100%;
    }
    .textLeftBottomContain {
        padding: 0;
    }
    .textLeftBottom {
        padding: 40px 40px !important;
    }
    .shareButtons {
        padding: 20px;
    }
    .blogSignup,
    .blog-content .shareButtons {
        margin: 30px 10px 20px;
        padding: 0;
    }
    .shareButtons a {
        margin: 0 auto;
    }
    .shareButtons iframe {
        background: transparent;
        height: 65px;
        width: 264px;
    }
    .blog .headerTitleContainer {
        height: 250px;
    }
    .blog .headerTitle {
        font-size: 28px;
    }
    .blog-content {
        padding: 60px 0;
    }
    .howImage {
        padding: 0;
    }
    .howText {
        padding: 10px 30px;
    }
    .howImageMiddle {
        bottom: 262px;
    }
    .howTextMiddle {
        padding: 258px 30px 10px 30px;
    }
    .videoFrame {
        height: 169px;
        width: 300px;
    }
    .staffBio {
        padding: 0 10px;
    }
    .shareJobButtons a {
        margin: 0 auto;
    }
    .footerEmailSignup input[type=text],
    .blogSignup input[type=text],
    .contactUs input[type=text],
    .jobApplication input[type=text],
    .petition input[type=text],
    .contest input[type=text],
    .footerEmailSignup input[type=email],
    .blogSignup input[type=email],
    .contactUs input[type=email],
    .petition input[type=email],
    .contest input[type=email],
    .contest input[type=tel],
    .contactUs textarea,
    .contactUs select,
    .jobApplication input[type=email],
    .jobApplication input[type=file],
    .jobApplication textarea,
    .jobApplication select,
    .petition select,
    .contest select {
        font-size: 14px;
        line-height: 16px;
    }
    .contactUs .submit .checkbox,
    .petition .submit .checkbox,
    .contest .submit .checkbox {
        margin: 5% 10%;
    }
    .contactUs .contactInfo select {
        height: 43.2px;
    }
    .jobDescription {
        padding: 10px;
    }
    .job .jobDescription {
        padding: 20px;
    }
    .jobApplication{
        padding: 25px;
    }
    .petition,
    .contest {
        padding: 0 5%;
    }
    .jobApplication .intro {
        font-size: 18px;
    }
    .jobApplication p {
        font-size: 14px;
        margin: 10px auto;
    }
    .jobApplication .contactInfo input,
    .jobApplication .contactInfo select,
    .jobApplication .files .coverLetter,
    .jobApplication .files .resume,
    .petition .contactInfo .first,
    .petition .contactInfo .last,
    .petition .contactInfo .city,
    .petition .contactInfo .state,
    .petition .contactInfo .zip,
    .petition .contactInfo .country,
    .petition .contactInfo .email,
    .petition .contactInfo .address,
    .contest .contactInfo .first,
    .contest .contactInfo .last,
    .contest .contactInfo .city,
    .contest .contactInfo .state,
    .contest .contactInfo .zip,
    .contest .contactInfo .country,
    .contest .contactInfo .email,
    .contest .contactInfo .address,
    .contest .contactInfo .phone {
        width: 100%;
    }
    .jobApplication .files label,
    .jobApplication .files input {
        font-size: 12px;
    }
    .emailSignupForm {
        margin-right: 0;
        max-width: 200px;
    }
    .footerEmailSignup form,
    .blogSignup form {
        max-width: 250px;
    }
    .footerEmailSignup p {
        margin-bottom: 0;
    }
	.footerEmailSignupSocialButtons {
    	margin-top: 5px;
    	text-align: center;
	}
    #email,
    #enewsFirstName,
    #enewsLastName,
    #enewsEmail {
        max-width: 200px;
    }
    .aceLogo {
        top: 10px;
    }
}
@media only screen and (max-width:350px) {
    .mobileMenuFixed .mobileMenuButton {
        width: 70px;
    }
}

/********************
*********************            \ /
*********************          -->*<--
*********************            /_\
*********************           /_\_\
*********************
*********************
*********************
*********************
**                 **
**  TOM ADDITIONS  **
**                 **
*********************
*********************
*********************
*********************
*********************
*********************
*********************
*********************
********************/


/**************************
***************************
**                       **
**   TABLE OF CONTENTS   **
**                       **
***************************
**************************/
 
  
/* - Core elements (html/body/etc.) */

/* - Utility styles */
/* -- Single rule styles */
/* -- Other utility styles */

/* - Page styles */

/* -- Widths */
/* -- Top margins  */
	
/* -- Sizes */
/* --- .size-large */

/* - Chrome */

/* -- Mobile top menu */

/* -- Dropdown for top menu */

/* - Types of page */

/* -- Media statement */

/* - Specific pages */

/* -- Jobs page */
/* -- Nielsen page */
/* -- Seafood page */
/* -- Resources listing page */
/* --- Resource tiles */


/* - Page elements */

/* -- Subheadings */
/* --- Coloured subheadings 1 */
/* --- Coloured subheadings 2 */
/* --- Coloured subheadings 3 */
/* --- Grey subheadings & text */
/* --- Solid bar subheadings */
/* --- Plain subheadings */

/* -- Pagagraph styles */
/* --- Info paragraph */

/* -- Horizontal rules */

/* -- Lists */
/* --- Lists with left-aligned numbers */
/* --- Side-by-side lists */
/* --- List with thumbnails and text */

/* -- Images */
/* --- Fancybox */

/* -- Forms */
/* --- Form widths */
/* --- Types of form */
/* ---- Splash-style forms (forms with tall fields) */
/* ---- Plain forms */
/* --- Elements for forms */
/* ---- Forms with post-submission messages */
/* ---- Dropdown menus */

/* -- Buttons */
/* --- Colors for buttons */
/* --- Types of buttons */
/* ---- Basic buttons */
/* ---- Small buttons */
/* ---- Big square buttons */
/* --- Button rows */

/* -- Accordions */

/* -- Tab bars */
/* --- Type 3 tab bars */

/* -- Horizontal navigation */
/* --- Horizontal navigation menu */

/* - Embedded tools */

/* -- Google Drive PDFs */

/* - To sort */
 
/**************************/

/**************************
***************************
**                       **
**   THE STYLES BEGIN    **
**                       **
***************************
**************************/
 
  
/* - Core elements (html/body/etc.) */

html,
body {
	height: 100%; /* For .full_screen_iframe styles - could apply this just to the no-chrome.php template */
}


  
/* - Utility styles */

/* -- Single rule styles */


	.align-left,
	.left {
		text-align: left;
	}
	
	.align-center,
	.center,
	.centre  {
		text-align: center;
	}
	
	.margin_centered {
		margin-left: auto;
		margin-right: auto;
	}

	.hidden {
		display: none;
	}
	
	.clear {
		clear: both;
	}
	
	.table-display,
	.tbl {
		display: table;
	}
	
	.colored-bg-start,
	.coloured-bg-start {
		height: 1px;
	}
	
	@media all and (max-width: 767px) {
		.mobileHidden { /* in responsive.css */
			
		}
		
		.mobile_hidden_override {
			display: none !important;
		}
	}
	
	@media all and (min-width: 768px) {
		.mobileVisible { /* in responsive.css */ 
			
		}
		
		.mobile_visible_override {
			display: block !important;
		}
	}
	
	@media (hover:none), (hover:on-demand)  {
		.left_touch {
			text-align: left !important;
		}
		
		.center_touch {
			text-align: center !important;
		}
	}

/* --- Centred elements */

input.s_center {
	margin-left: auto;
	margin-right: auto;
}

/* -- Other utility styles */

	.clearfix:after,
	.floated-elements-container:after {
		content: "";
		display: table;
		clear: both;
	}
	
	.padding_edge {
		height: 1px;
	}
	
	.high_res_image {
		max-width: 100%;
	}
	
	.full_screen_iframe {
		height: 100%;
		height: 100vh; /* overrides the previous height for browsers that support it */
		overflow:hidden;
		width:100%;
		border: 0px;
	}

/* - Page styles */
	
	
	.regular-spacing {
		line-height: 1.2em;
	}

/* -- Widths */

	
	.width-widest,
	.width_widest {
		max-width: 1420px;
		padding: 0 60px;
		margin: 0 auto;
	}
	
	.width-extra-wide {
		/* make style to fit 1240 windows - this is v safe */
	}
	
	.width-wide {
	    max-width: 1075px;  /* 995 after padding */
	    padding: 0 40px;
	    margin: 0 auto;
	}
	
	.width-medium {
		max-width: 1040px; /* 960 after padding */
		padding: 0 40px;
		margin: 0 auto;
	}
	
	.width-narrow {
		max-width: 960px; /* 840 after padding */
		padding: 0 60px;
		margin: 0 auto;
	}
	
	.white-content-zone,
	.white_content_zone {
		background-color: white;
	}
	
	.white_content_zone_no_margins {
		background-color: white;
		
	}
	
/* --- For tabbed pages */

	/* WIDE - new market research page size, equals a narrow non-tabbed page */
	#tabbed_page .width_wide, 
	#tabbed_page.width_wide { /* Seafood page */
		max-width: 960px;  /* 840 after padding */
		padding: 0 60px;
		margin: 0 auto;
	}

	#tabbed_page .width_medium,
	#tabbed_page.width_medium { /* Seafood page */
		max-width: 900px; /* 780 after padding */
		padding: 0 60px;
		margin: 0 auto;
	}
	
	#tabbed_page .white-content-zone {
		padding: 0 40px;
	}
	
/* --- Mobile styles */	

	@media (hover:none), (hover:on-demand)  {
		.width-widest,
		.width_widest,
		.width_wide,
		.width_medium,
		.width_narrow,
		.width_extra_narrow,
		.width-wide,
		.width-medium,
		.width-narrow,
		.width-extra-narrow { 
			padding-left: 0px !important;
			padding-right: 0px !important;
			margin-left: 0px !important;
			margin-right: 0px !important;
		}
		
		.page_media_statement.width-narrow { 
			padding-left: 20px !important;
			padding-right: 20px !important;
		}
		
		.white-content-zone,
		#tabbed_page .white-content-zone,
		.content_zone {
			padding: 0 1em;
		}
	}

/* --- Utility styles for width */
	
	.content-zone-start {
		height: 1px; /* So margin of top element doesn't create a margin above the content zone */
	}
	
/* -- Top margins  */	

	.start-shallow {
		margin-top: 40px;
	}
	
	.start-medium,
	.start-standard {
		margin-top: 60px;
	}
	
	.start-mid-deep {
		margin-top: 80px;
	}

	.start-deep {
		margin-top: 96px;
	}
	
	@media (hover:none), (hover:on-demand)  {
		.start-deep {
			margin-top: 60px;
		}
	}
	
/* -- Bottom margins  */	

	.end-shallow {
		margin-bottom: 60px;
	}
	
	.end-medium,
	.end-standard {
		margin-bottom: 90px;
	}
	
	.end-mid-deep {
		margin-bottom: 120px;
	}

	.end-deep {
		margin-bottom: 150px;
	}
	
/* -- Sizes */

/* --- .size-small */

	.size-small {
		font-size: 14px;
		line-height: 1.2em;
	}

/* --- .size-mid-small */
	.size-mid-small { /* used on Nielsen page */
		font-size: 17px;
		line-height: 1.4em;
	}
	
	.size-mid-small p {
		margin-top: 21px; /* 21 should be actual effective amount below bullet */
		margin-bottom: 21px; /* 32 should be actual effective amount between paras */
	}
	
	.size-mid-small p.graphic {
		margin-top: 32px;
		margin-bottom: 21px;
	}
	
	.size-mid-small .standfirst {
		font-size: 21px;
		line-height: 1.4em;
	}

/* --- .size-medium */

	.size-medium { /* used on blog, because size of .blog-content */
		font-size: 18px;
		line-height: 122%;
	}
	
	.size-medium .standfirst,
	.size-medium .s_standfirst {
		font-size: 21px;
		line-height: 133%;
	}

/* --- .size-large */

	.size-large {
		font-size: 23px;
		line-height: 1.2em;
	}
	
	.size-large p {
		margin-top: 14px;
		margin-bottom: 14px;
	}
	
	
	
	.size-large .standfirst {
		font-size: 42px;
		line-height: 1.2em; /* TODO: test if having line-height: 1.2em; in .size-large  is equivalent to removing this, by removing this line */
	}
	
	.size-large .basicButton {
		font-size: 21px;
		border-radius: 12px;
		padding: 20px 46px;
	}
	
	.size-large .s-large p {
		font-size: 27px;
		line-height: 32px;
	}
	

/* - Chrome */

/* -- Mobile top menu */

.mobile_menu_2019 {
	display: block;
}

.mobile_menu_2019_resources_drilldown {
	display: none;
}

.mobile_menu_2019,
.mobile_menu_2019_resources_drilldown {
	position: fixed;
	padding: 40px 33px 0px;
}

.mobile_menu_logo {
	margin-bottom: 24px;
}

.mobile_menu_logo img {
	width: 100%;
}

.mobile_main_menu {
	font-size: 19px;
    font-weight: bold;
    line-height: 22px;
    text-align: right;
}

.mobile_main_menu .menu_item {
	margin: 9px 0;
}

.mobile_main_menu .s_label { 
	color: black;
}

.mobile_menu_2019_resources_drilldown .s_subheading {
	color: black;
}

.mobile_menu_button {
	text-align: right;
	margin-top: 18px;
}

.mobile_menu_button .basicButtonNew {
	margin: 0px;
}

/* -- Dropdown for top menu */

.top_menu_resources_link {
	position: relative;
}

.top_menu_resources_dropdown {
	display: none;
	position: absolute;
	text-align: left;
	padding: 5px 0 8px 0;
}

.top_menu_resources_dropdown div {
	white-space: nowrap;
}

.headerNonMobile .top_menu_resources_dropdown {
	background-color: white;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.top_menu_resources_dropdown a,
.top_menu_resources_dropdown .s_subheading,
.top_menu_resources_dropdown .s_label {
	display: block;
	color: black !important;
    font-size: 14px;
    line-height: 24px;
    padding: 4px 2em 4px 2em;
}

.top_menu_resources_dropdown a,
.top_menu_resources_dropdown .s_subheading {
    font-weight: bold;
}

.top_menu_resources_dropdown .s_label {
	text-transform: none;
	font-weight: normal;
}

.top_menu_resources_dropdown .depth_1 a {
	padding-left: 3.5em;
}

.top_menu_resources_dropdown a:hover {
	background-color: #F2EFEC;
}
	
/* - Types of page */

/* -- Media Statements */

.page_media_statement .s_subtitle {
	color: #7c7975;
    font-style: italic;
    font-weight: normal;
    font-family: 'Impressum',serif;
    font-size: 30.8px;
    line-height: 125%;
    margin-bottom: 0;
}

.page_media_statement .s_date {
	font-size: 80%;	
}

.page_media_statement .s_standfirst {
	font-style: italic;
	border-bottom: 1px solid black;
	padding-bottom: 1em;
}

.page_media_statement .media_inquiries .s_label {
	font-weight: bold;
}
	
/* - Specific pages */

/* -- Resources listing page */

#page_resources_list #s_section_1 {
	text-align: center;
}

@media (hover:none), (hover:on-demand)  {
	#page_resources_list #s_section_1 {
		text-align: left;
	}
}

#page_resources_list #s_section_2 {
	background-color: #F3F1EE;
}

#page_resources_list .s_load_more {
	padding-bottom: 40px;
} 

#page_resources_list #s_section_3 {
	background-color: white;
}

#page_resources_list .quite_large_text.s_footer {
	margin-bottom: 0px;
}

#page_resources_list #essentials_link {
	padding-bottom: 61px;
}

#page_resources_list #no_resources_matched {
	font-size: 200%;
}

/* --- Dropdown filter menus */

/* ---- Core styles */

#filter_resources_list {
	font-size: 18px;
	padding-top: 20px;
}

#filter_resources_list .s_1 {
	margin-bottom: 20px;
}

#audience-menu,
#type-menu,
#global_reach-menu {
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#filter_resources_list .s_label {
	font-weight: bold;
}

#filter_resources_list .s_reset {
	font-size: 16px;
}

#filter_resources_list .s_reset a {
	text-decoration: none;
	color: #004A3F;
}

.s_reset .s_icon { /* maybe make more of these s_reset stlyes generic, meaning it wouldn't be *s_*reset */
	height: 14px;
    position: relative;
    top: 2px;
}
/* ----- Desktop width */

@media all and (min-width: 1020px) {	
	#filter_resources_list .s_label {
		float: left;
		width: 50%;
	}
	
	#filter_resources_list .s_reset {
		float: right;
	}
	
	#filter_resources_list .menu_1,
	#filter_resources_list .menu_2,
	#filter_resources_list .menu_3 {
		float: left;
		width: 32.3%;
	}
	
	#filter_resources_list .menu_1,
	#filter_resources_list .menu_2 {
		margin-right: 1.55%;
	}

}

/* ----- Mobile width */

@media all and (max-width: 1019px) {
	#filter_resources_list .menu_1,
	#filter_resources_list .menu_2{
		margin-bottom: 1em;
	}
}

/* --- Resource tiles */

/* ---- Core styles */

.resource_tiles {
	display: table;
	width: 100%;
}

.resource_tiles .s_row {
	display: table-row;
}

.resource_tile  {
	display: table-cell;
	margin-bottom: 45px;
	padding-bottom: 45px;
}

a.resource_tile { /* override link styles */
	color: black;
}

.resource_tiles .s_between {
	display: table-cell;
}

.resource_tile {
	cursor: pointer;
	vertical-align: top;
}

.resource_tile .s_image {
	background-size: cover;
	background-position: center top;
	height: 195px;
}

.resource_tile .s_image .s_inner {
	height: 195px;
	font-size: 20px; /* base size for 1em */
	display: table;
	width: 100%;
}

.resource_tile:hover .s_image .s_inner {
	background-color: black;
	opacity: 0.75;
}

.hovers_shown .resource_tile .s_image .s_inner {
	background-color: black;
	opacity: 0.75;
}

.resource_tile .s_description {
	display: none;
	font-size: 1em;
	line-height: 1.3em;
	color: white;
}

.resource_tile:hover .s_description {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
	height: 195px; /* 195 - 0x2 ... 195 is height of .resource_tile .s_image .s_inner */
}

.hovers_shown .resource_tile .s_description {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px;
	height: 195px; /* 195 - 0x2 ... 195 is height of .resource_tile .s_image .s_inner */
}

.resource_tile .s_text {
	background-color: white;
	padding: 11px 11px 14px;
	height: 8.2em;
}

@media (hover:none), (hover:on-demand)  {
	.resource_tile .s_text {
		height: auto;
		padding-bottom: 2em;
	}
}

.resource_tile .s_type {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #808080;
}

.resource_tile .s_title {
	font-size: 16px;
}

.resource_tile .s_source {
	font-size: 12px;
	color: #008d7a;
}


/* ----- Different page widths */


@media (min-width: 1020px) {	
	.resource_tiles.num_columns_1 {
		display: none;
	}
	.resource_tiles.num_columns_2 {
		display: none;
	}
}

@media (min-width: 635px) and (max-width: 1019px) {
	.resource_tiles.num_columns_1 {
		display: none;
	}
	.resource_tiles.num_columns_3 {
		display: none;
	}
}

@media (max-width: 634px) {	
	.resource_tiles.num_columns_2 {
		display: none;
	}
	.resource_tiles.num_columns_3 {
		display: none;
	}
}

@media (hover:none), (hover:on-demand)  {
	.resource_tiles.num_columns_1 {
		display: table;
	}
	.resource_tiles.num_columns_2 {
		display: none;
	}
	.resource_tiles.num_columns_3 {
		display: none;
	}	
}

.resource_tiles.num_columns_1 .resource_tile  {
	width: 100%;
}

.resource_tiles.num_columns_2 .resource_tile  {
	width: 47%;
}

.resource_tiles.num_columns_2 .s_between {
	width: 6%;
}

.resource_tiles.num_columns_3 .resource_tile  {
	width: 30.2%;
}

.resource_tiles.num_columns_3 .s_between {
	width: 4.7%;
}

/* ---- Editing page styles */

.resource_tile_image_preview {
	background-size: cover;
	background-position: center top;
	height: 195px;
}

#resource_editor_list .image_column {
	max-width: 400px;
	min-width: 290px;
	width: 46%;
}

#resource_editor_list .title_column {
	font-weight: bold;
	font-size: 1.2em;
}

#resource_editor_list .edit_button_column {
	width: 75px;
}



/* -- Resources by audience page */



#page_resources_for_audience h1 {
	margin-top: 1.1em;
	margin-bottom: 1.4em;
}

#featured_resource {
	display: table;
	width: 100%;
	height: 466px;
	cursor: pointer;
}

a#featured_resource { /* override link styles */
	color: black;
}


#featured_resource .s_text {
	display: table-cell;
	width: 30.2%;
	
	background-color: white;
	padding: 11px 11px 14px;
}

#featured_resource .s_image {
	display: table-cell;
	width: 69.8%;
	background-size: cover;
	background-position: center right;
}

#featured_resource  .s_type {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #808080;
}

#featured_resource  .s_title {
	font-size: 16px;
}

#featured_resource  .s_source {
	font-size: 12px;
	color: #008d7a;
}

#featured_resource .s_description {
	color: #7c7975;
	font-size: 15.6px;
    border-top: 1px solid #7c7975;
    margin-top: 1em;
    padding-top: 1em;
}

/* -- Jobs page */

#manual-openings {
    margin-bottom: 60px;
}

#manual-openings .opening {
	font-size: 22.4px;
    line-height: 28.6px;
    font-style: normal;
    font-weight: bold;
	margin-bottom: 0.3em;
}

#manual-openings #jobs-coming-soon .opening {
	margin-bottom: 0.3em;
}

#manual-openings h2 {
	color: black;
	font-size: 27px;
	margin-top: 35px;
	margin-bottom: 0.4em;
}

/* -- Nielsen page */

.main-point {
	font-weight: bold;
}

.graphic-footnote {
	font-size: 15px;
}

.size-mid-small p.main-point {
	margin-bottom: 8px;
}

.size-mid-small ul.sub-points {
	margin-top: 8px;
	margin-bottom: 11px;
}


ul.sub-points {
    margin-left: 0;
    padding-left: 5px;
}

ul.sub-points li {
    margin-left: 1em;
}

.size-mid-small p.side-point {
	margin-top: 11px;
}


.mobile-nav-menu {
	width: 100%;
	height: 2em;
	padding: 0.2em 1em;
	text-align: center;
	font-size: 20px;
}

@media all and (max-width: 767px) {
	
}

/* -- Seafood page */

/* --- Color scheme */

#page_seafood .s_bg_color_1 {
	background-color: #38B5B8 !important;
}

#page_seafood .s_active_bg_color_1 .active {
	background-color: #38B5B8 !important;
	color: white !important;
}

/* --- Other styles */

#page_seafood h2 {
	color: #057C8B;
}

#page_seafood h2.h1-and-h2-paired {
	color: black;
}

#page_seafood .s_endnotes {
	color: #057180;
	margin-top: 1.8em;
}

#page_seafood .s_endnotes::before {
	content: ' ';
	height: 1px;
	width: 15px;
	display: block;
	background-color: #057180;
}

#page_seafood .s_endnotes p {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#page_seafood .s_endnotes a {
	font-weight: bold;
}

#page_seafood .tab_contents .s_container {
	margin: 62px auto 39px;
	max-width: 568px;
}

#page_seafood .tab_contents {
	margin-bottom: 75px;
}

#page_seafood #s_set_apart {
	margin-top: 46px;
	
}

#page_seafood .button_row.s_spaced {
	margin-top: 37px;
	margin-bottom: 66px;
}



#page_seafood #section_opportunities .s_standfirst {
	max-width: 505px; margin-left: auto; margin-right: auto;
	text-align: center;
}

@media (hover:none), (hover:on-demand)  {
	
	#page_seafood #section_opportunities .s_standfirst{
		text-align: left;
	}
}

#page_seafood .list_with_thumbnails_and_text .s_image img {
	width: 163px;
	height: 130px;
}

#page_seafood  #s_job_openings {
    margin: 0 0 43px;
}


@media (hover:none), (hover:on-demand)  {
	.for_seafood .content_zone {
		padding: 0 2em;
	}
}

/* -- Resources page */


.pic_and_text_link {
	cursor: pointer;
}

.pic_and_text_link .s_pic {
	position: relative;
}

.pic_and_text_link .s_pic img {
	width: 100%;
	display: block;
}

.pic_and_text_link .s_text {
	display: table;
	width: 100%;
	text-align: center;
	background-color: #fff;
	padding: 7px 10px 9px;
}

.pic_and_text_arrow::before {
	border-top: 20px solid transparent;
	border-left: 20px solid #fff;
	content: '';
	height: 1px;
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 20px;
}
.pic_and_text_arrow::after {
	border-right: 20px solid #fff;
	border-top: 20px solid transparent;
	content: '';
	height: 1px;
	position: absolute;
	right: 50%;
	bottom: 0px;
	width: 20px;
}

@media all and (min-width: 1330px) {
	.resources-container-2018 {
		max-width: 1330px;
		padding: 0 40px;
		margin: 0 auto;
	}
	
	.pic_and_text_link,
	.pic_and_text_link .s_text.linkCategoryTitle-2018 .s_inner 
	{
		width: 227px;
	}
	
	.pic_and_text_link {
		float: left;
	}
	
	.pic_and_text_link.s1,
	.pic_and_text_link.s2,
	.pic_and_text_link.s3,
	.pic_and_text_link.s4 {
		margin-right: 25px;
	}

	.linkCategory-2018 {
		width: 20%;
		margin: 2%;
	}
	
	.linkCategoryImage-2018 {
		height:200px;
	}
	
	.linkCategoryImage-2018 .linkCategoryBackground-2018 {
		height: 200px;
	}
	
	.linkCategoryImageOverlay-2018 {
		height: 200px;
	}
		
	.resources-container-2018 {
		margin-top: 25px;
		margin-bottom: 40px;
	}
	
	.linkCategoryImage-2018 {
		height:200px;
	}
	
	.linkCategoryImage-2018 .linkCategoryBackground-2018 {
		height: 200px;
	}
	
	.linkCategoryImageOverlay-2018 {
		height: 200px;
	}
}

@media all and (max-width: 1329px) and (min-width: 768px) {
	.resources-container-2018 {
		padding: 0 40px;
	}
	
	.pic_and_text_link 
	{
		width: 47%;
	}
	
	.pic_and_text_link {
		margin-bottom: 20px;
	}
	
	.pic_and_text_link.s1 {
		float: left;
	}
	
	.pic_and_text_link.s2 {
		float: right;
	}
	
	.pic_and_text_link.s3 {
		clear: both;
		float: left;
	}
	
	.pic_and_text_link.s4 {
		float: right;
	}
	
	.pic_and_text_link.s5 {
		clear: both;
		float: left;
	}
	
	.resources-container-2018 {
		margin-bottom: 80px;
	}
	
	.linkCategoryImage-2018 {
		height:380px;
	}
	
	.linkCategoryImage-2018 .linkCategoryBackground-2018 {
		height: 380px;
	}
	
	.linkCategoryImageOverlay-2018 {
		height: 380px;
	}
	.resources-container-2018 {
		margin-bottom: 80px;
	}
	
	.linkCategoryImage-2018 {
		height:380px;
	}
	
	.linkCategoryImage-2018 .linkCategoryBackground-2018 {
		height: 380px;
	}
	
	.linkCategoryImageOverlay-2018 {
		height: 380px;
	}
}


@media all and (max-width: 767px) {
	.pic_and_text_link,
	.pic_and_text_link .s_text.linkCategoryTitle-2018 .s_inner 
	{
		width: 95%;
	}
	
	.pic_and_text_link {
		margin: 10px auto 30px;
	}
	
	.pic_and_text_link.s1 {
		
	}
	
	.pic_and_text_link.s2 {
		
	}
	
	.pic_and_text_link.s3 {
		
	}
	
	.pic_and_text_link.s4 {
		
	}
	
	.resources-container-2018 {
		margin-top: 10px;
		margin-bottom: 50px;
	}
	
}
		

.resources-container-2018 {
	text-align: center;
}

.impressumStyle1 a {
	color: #f68b1f;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.impressumStyle1 a:hover {
    color: #2bbca3;
}

.linkInfo {
    font-family: 'Hind Vadodara', sans-serif;
    margin-bottom: 6px;
}


.linkTitle-2018 {
    display: block;
    margin-bottom: 5px;
    
    color: #f68b1f;
    cursor: pointer;
    font-size: 2em;
    font-style: italic;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.linkTitle-2018:hover {
    color: #2bbca3;
}


.linkCategory-2018 {

	display: inline-table;
	/*
	display: inline-block;
	/**/
	background: #fff;
	border-bottom: 2px solid #ebebeb;
	cursor: pointer;
	/*min-height: 170px;*/
	padding: 0 !important;
	position: relative;
}

.linkCategoryImage-2018 {

	display: table-row;
	/**/
	/*
	display: block;
	/**/
}
.linkCategoryText-2018 {
	
	display: table-row;
	/**/
	/*
	display: table-cell;
	height:100px;
	/**/
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
	width: inherit;
	border: 1px solid #ccc;
}


.pic_and_text_link .s_text.linkCategoryTitle-2018 {
    color: #2bbca3;
	font-size: 18px;
	line-height: 1.2em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	
	/*
	padding-top: 24px;
	padding-bottom: 24px;
	*/
	margin-bottom: 36px;
}

.pic_and_text_link .s_text.linkCategoryTitle-2018 .s_inner {
	display: table-cell;
	vertical-align: middle;
	
	text-align: center;
	
	height: 3.5em;
	background-color: #fff;
}


.linkCategoryImage-2018 .linkCategoryBackground-2018 {
	background-position: center;
	background-size:cover;
	display: block;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
}
.linkCategoryImage-2018 .linkCategoryBackground-2018:hover {
    opacity: .1;
}
.linkCategoryImageOverlay-2018 {
	background: #2bbca3 url('https://www.gfi.org/images/uploads/2016/01/plus-sign.png') no-repeat;
	background-position: 50% 50%;
	position: relative;
	top: 0;
	width: 100%;
}
.linkCategory-2018:hover .hoverColorChange-2018 {
    color: #004A3F;
}
.linkCategoryDescription-2018 {
    display: none;
}


/* - UI elements */

/* -- Sticky scroll arrow */

.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #ffffff;
	background-color: #ff9000;
}

/* - Page elements */

/* -- Subheadings */


/* --- Shared subheading styles */

.maintitle {
	display: block;	
}

.subtitle {
	display: block;
	margin-top: 0.25em;
	
}

.heading-before-subtitle {
	margin-bottom: 0px;
}

/* --- Coloured subheadings 1 */

/*
.col-subs-XXXXXX h1 {
	
}

.col-subs-XXXXXX h2 {
	
}

.col-subs-XXXXXX h3 {
	
}

.col-subs-XXXXXX h4 {
	
}
/*

/* --- Coloured subheadings 2 */

/*
.col-subs-XXXXXX h1 {
	
}

.col-subs-XXXXXX h2 {
	
}

.col-subs-XXXXXX h3 {
	
}

.col-subs-XXXXXX h4 {
	
}
/*

/* --- Coloured subheadings 3 */

.col-subs-3 h1 {
	
    font-family: 'Impressum',serif;
    color: #7c7975;
    font-size: 30.8px;
    line-height: 1.2em;
    font-style: italic;
    font-weight: normal;
}

.col-subs-3 h1 .subtitle {
	font-size: 27px;
}

.col-subs-3 h2 {
	
    color: #2BBCA3;
    font-weight: bold;
    font-size: 23.52px;
    line-height: 1.2em;
}

/* No h3 & h4 styles yet */

/* --- Coloured subheadings 4 (e.g. Nielsen page) */


.col-subs-4 h1 {
	font-style: normal;
	font-size: 36px;
	color: #057180;
	text-align: center;
	margin-top: 66px;
	margin-bottom: 32px;
    line-height: 1.2em;
}

.col-subs-4 h2 {
	font-size: 25px;
    font-weight: normal;
    text-align: center;
    margin-top: 52px;
    margin-bottom: 20px;
    line-height: 1.2em;
}

.col-subs-4 h1.h1-and-h2-paired {
	margin-bottom: 11px;
}

.col-subs-4 h2.h1-and-h2-paired {
	margin-top: 11px;
}

.col-subs-4 .sub-headed-section {
	margin-top: 22px;
}

@media (hover:none), (hover:on-demand)  {
	.col-subs-4 h1 {
		text-align: left;
		margin-top: 37px;
		margin-bottom: 23px;
	}
	
	.col-subs-4 h2 {
		text-align: left;
	}
}

/* No h3 & h4 styles yet 
.col-subs-4 h3 {
	
}

.col-subs-4 h4 {
	
}
/*

/* --- Grey subheadings & text */

/*
.col-subs-XXXXXX h1 {
	
}

.col-subs-XXXXXX h2 {
	
}

.col-subs-XXXXXX h3 {
	
}

.col-subs-XXXXXX h4 {
	
}
/*

/* --- Grey subheadings 2 & text */

.grey-subs-2 h1,
h1.grey-subs-2 {
	font-family: 'Impressum',serif;
    color: #7c7975;
    font-size: 44px;
    font-style: italic;
    font-weight: bold;
}

@media (hover:none), (hover:on-demand)  {
	.grey-subs-2 h1,
	h1.grey-subs-2 {
		font-size: 35px;
	}
}

/* --- Solid bar subheadings */

.green_bar_header {
	background-color: #358B85;
	color: white;
	
	font-weight: bold;
	font-size: 36px;
	
	padding: 6px 20px 10px;
}

/* --- Plain subheadings */

/*
.col-subs-XXXXXX h1 {
	
}

.col-subs-XXXXXX h2 {
	
}

.col-subs-XXXXXX h3 {
	
}

.col-subs-XXXXXX h4 {
	
}
/*



/* -- Pagagraph styles */

/* --- Info paragraph */

.infoPara {
	padding: 10px 30px 15px;
	background-color: #eae5de;
    margin-top: 50px;
    margin-bottom: 50px;
}

.impressumStyle1 .infoPara {
	font-family: 'Impressum',serif;
	font-size: 1.2em;
	line-height: 1.2em;
}

/* --- Large text */

.large_text_zone {
	background-color: white;
}

.large_text {
	color: #7c7975;
    font-family: 'Impressum', serif;
    font-size: 2em;
    font-style: italic;
    
    margin: 61px auto 57px;
    max-width: 85%;
    
}

@media (hover:none), (hover:on-demand)  {
	.large_text {
		max-width: 100%;
	    margin: 2em 0.5em;
	    font-size: 24px;
	}
}

.quite_large_text {
	font-size: 1.65em;
	color: #7c7975;
    font-family: 'Impressum', serif;
    
    margin: 61px auto 57px;
    max-width: 85%;
    text-align: center;
}

/* -- Horizontal rules */

hr.gray-rule {
	background-color: #c5c5c5;
	height: 1px;
	border-style: none;
    margin-top: 27px;
    margin-bottom: 27px;
}

hr.gray-rule-plain {
	background-color: #c5c5c5;
	height: 1px;
	border-style: none;
}

hr.gray_rule_2 {
	background-color: #444;
	height: 1px;
	border-top: 1px solid #BEBDBA;
	border-bottom: none;
	border-left: none;
	border-right: none;
    margin-top: 21px;
    margin-bottom: 21px;
}

hr.gray_rule_2.extra_spaced {
	margin-top: 3em;
	margin-bottom: 3em;
}

hr.black_rule {
	background-color: black;
	height: 1px;
	border-style: none;
}

hr.white_rule {
	background-color: white;
	height: 1px;
	border-style: none;
}

/* -- Lists */

/* --- Normal list styles - header with rule, etc. */
	
	.normal-list h2 {
		color: #005b50;
		font-size: 31px;
		text-align: center;
		font-weight: normal;
		line-height: 37px;
		margin-top: 10px;
	}
	
	.normal-list .rule-p {
		background-color: #999;
		height: 1px;
	}
	
	#top-universities-lists ol {
		margin-top: 18px;
	}

/* --- Misc styles */

	.set-apart-list {
		margin: 55px 0px 83px;
	}

/* --- Lists with left-aligned numbers */


	
	ol.left-aligned-numbers {
		counter-reset: item;
		padding: 0;
	}
	
	ol.left-aligned-numbers li {
		position: relative;
		display: block;
		padding-left: 1.5em;
		padding-bottom: 0.4em;
	}
	
	ol.left-aligned-numbers li:before {
		position: absolute;
		left: 0;
		display: inline-block;
		content: counter(item) ". ";
		counter-increment: item;
		width: 1.5em;
	}
	
	ol.left-aligned-numbers.under-20 li {
		padding-left: 1.3em;
	}
	
	ol.left-aligned-numbers.under-20 li:before {
		width: 1.3em;
	}
	
/* --- Side-by-side lists */

	@media
	screen and (min-width: 768px) {
		.side-by-side-lists {
			display: table;
		}
		
		.side-by-side-lists .sublist-1 {
			display: table-cell;
			width: 50%;
			padding: 29px 61px 0 40px;
		}
		
		.side-by-side-lists .sublist-2 {
			display: table-cell;
			width: 50%;
			padding: 29px 40px 0 61px;
		}
	}
	
	@media
	screen and (max-width: 767px) {
		.side-by-side-lists {
			
		}
		
		.side-by-side-lists .sublist-1 {
			padding-top: 29px;
		}
		
		.side-by-side-lists .sublist-2 {
			padding-top: 29px;
		}
	}

/* --- List with thumbnails and text */

.list_with_thumbnails_and_text .s_entry {
	display: table;
	border-bottom: 1px solid #B8B8B8;
	padding: 24px 0;
}

.list_with_thumbnails_and_text .s_image {
	display: table-cell;
	vertical-align: middle;
}

.list_with_thumbnails_and_text .s_image img {
	vertical-align: bottom;
}

.list_with_thumbnails_and_text .s_right_of_image_cell {
	display: table-cell;
	vertical-align: middle;
	padding-left: 24px;
}

@media (hover:none), (hover:on-demand)  {
	
}

/* -- Images */

/* --- Fancybox */

a.fancybox_single_image {
	cursor: zoom-in;
}

/* -- Forms */

/* --- Form widths */

.short_field_width {
	max-width: 400px;
}

/* --- Types of form */

/* ---- Splash-style forms (forms with tall fields) */

/****************
	Notes on use:
	
	Apply .big_square_button to input[type="submit"]
	
****************/

	.splash_style_form input[type="submit"] {
		/* Apply .big_square_button to these inputs instead */
	}
	
	.splash_style_form p {
		margin-top: 0px;
		margin-bottom: 19px;
	}
	
	.splash_style_form input[type="text"],
	.splash_style_form input[type="email"],
	.splash_style_form .ui-widget {
		border: 1px #5C5C5C solid;
		font-size: 19px;
		padding: 12px 22px;
		margin-bottom: 23px;
		width: 100% !important;
		font-family: 'Hind Vadodara', sans-serif;
		box-sizing: border-box;
	}
	
	
	
	.splash_style_form .ui-widget.ui-widget-content {
		border: 1px #5C5C5C solid;
	}
	
	.splash_style_form .ui-menu .ui-menu-item-wrapper {
		padding: 3px 1em 3px 22px !important;
	}
	
	.splash_style_form .ui-selectmenu-button .ui-icon-triangle-1-s { 
		background-image: url(https://www.gfi.org/images/manual/ui/selectmenu/splash-site/selectmenu-triangle.png);
		float: right;
		width: 20px;
		height: 11px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: 10px;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
	}
	
	.splash_style_form .image-checkbox,
	.splash_style_form .image-checkbox-checked {
		width: 19px;
		height: 19px;
		display: inline-block;
		position: relative;
		top: 5px;
		margin-right: 11px;
	}
	
	.splash_style_form .image-checkbox {
		background: url(https://www.gfi.org/images/manual/ui/checkbox/spash-site/grey/checkbox-unchecked.png);
	}
	
	.splash_style_form .image-checkbox.ic-checked {
		background: url(https://www.gfi.org/images/manual/ui/checkbox/spash-site/grey/checkbox-checked.png);
	}
	
	.splash_style_form .ui-selectmenu-button { /* later change to .ui-selectmenu-button & keep dropdown menu 100% wide */
		color: #757575;
	}
	
	.splash_style_form .ui-selectmenu-button[aria-labelledby="ui-id-2"], /* later change to .ui-selectmenu-button & keep dropdown menu 100% wide */
	.splash_style_form .ui-selectmenu-button[aria-labelledby="ui-id-3"],
	.splash_style_form .ui-selectmenu-button[aria-labelledby="ui-id-4"],
	.splash_style_form .ui-selectmenu-button[aria-labelledby="ui-id-5"],
	.splash_style_form .ui-selectmenu-button[aria-labelledby="ui-id-6"],
	.splash_style_form .ui-selectmenu-button[aria-labelledby="ui-id-7"],
	.splash_style_form .ui-selectmenu-button[aria-labelledby="ui-id-8"] {
		color: black;
	}
	
	.splash_style_form .ui-widget.ui-widget-content {
		background: white;
	}
	
	.splash_style_form .ui-state-active {
		background-color: #005b50;
		color: white;
	}
	
	.splash_style_form #other_for_dropdown {
		display: none;
	}
	
	.splash_style_form .enews-line {
		font-size: 13px;
		text-align: center;
		margin-top: 2px;
		font-weight: bold;
	}
	
	.splash_style_form .error {
		margin-bottom: 1em;
		margin-top: -0.2em;
		display: block;
	}



/* ---- Plain forms */

	.plain_form {
		margin-bottom: 2em;
	}
	
	.plain_form .label_container {
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	
	.plain_form .input_container {
	}
	
	.plain_form .faux_label,
	form.plain_form .label_container label {
		font-weight: bold;
		font-size: 1.25em;
	}
	
	.plain_form label {
		display: inline-block;
	}
	
	.plain_form .checkbox_container {
		font-weight: normal;
	}
	
	form.plain_form .checkbox_container label {
		font-size: 1.13em;
		padding: 0 0 0 0.5em;
	}
	
	.plain_form .checkbox_container {
		margin-bottom: 0.3em;
	}
	
	.plain_form input[type="text"],
	.plain_form input[type="email"] {
		width: 100%;
	}
	
	.plain_form .submit_container {
		margin-top: 1em;
	}
	
	
/* --- Elements for forms */

/* ---- Forms with post-submission messages */


	.pre-submit,
	.pre_submit_new { /* JS sets to display:none on submission */
	}
	
	.post-submit { /* assumes first and last children are <p>s */
		display: none;
		border: 2px solid #7FFA78;
		padding: 21px;
		color: black;
		background-color: #CEFDCC;
	}
	
	.post_submit_new {
		display: none;
	}
	
	.post-submit .s-header {
		font-weight: bold;
	}
	
	.post-submit p:first-child {
		margin-top: 0px;
	}
	
	.post-submit p:last-child {
		margin-bottom: 0px;
	}
	
	.post-submit {
		font-size: 17px;
		line-height: 20px;
	}

/* ---- Dropdown menus */

.ui-selectmenu-button.ui-button {
	border: none;
	border-radius: 4px;
	background-color: white;
	width: 100%; /* really want this generally? */
	padding: 10px 12px;
}

.ui-widget.ui-widget-content {
	background: white;
	text-align: left;
	font-size: 14px;
	font-weight: 600;
}

.ui-menu .ui-menu-item-wrapper {
	padding-left: 14px !important;
}

.ui-menu .ui-menu-item-wrapper:hover {
	background-color: #f3f1ee;
}

.ui-selectmenu-button.ui-button .ui-icon-triangle-1-s {
    background-image: url(https://www.gfi.org/images/manual/ui/arrows/down_arrow_thin_16x12.png);
    float: right;
    width: 16px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative;    top: 8px;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-selectmenu .s_indent { /* not actually used as <span class="s_indent"> doesn't get copied across to .ui-selectmenu from the orignal <select> */
	width: 10x;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	margin-top: 0px !important;
	padding: 4px 1em 4px 14px !important;
	
}

/* -- Buttons */

/* --- Colors for buttons */

	.basicButtonNew.buttonWhite,
	.buttonWhite,
	.button_white {
		background-color: white;
		color: #f68b1f;
	}
	
	.basicButtonNew.buttonWhiteBlackText,
	.buttonWhiteBlackText,
	.button_white_black_text {
		background-color: white;
		color: black;
	}
	
	.basicButtonNew.buttonOrange,
	.buttonOrange,
	.button_orange {
		background-color: #f68b1f;
		color: white;
	}
	
	.basicButtonNew.buttonGreen,
	.buttonGreen,
	.button_green {
		background-color: #54bca3;
		color: white;
	}
	
	.basicButtonNew.button_light_green {
		background-color: #B3CA30;
		color: white;
	}

/* --- Types of buttons */

/* ---- Basic buttons */

	.basicButtonNew { /* For 'a' elements */
	    display: inline-table;
	    padding: 12px 20px !important;
        border: none;
	    border-radius: 5px;
	    cursor: pointer;
	    font-size: 15px;
	    font-weight: bold;
	    letter-spacing: 2px;
	    margin: 20px 15px;
	    -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	    -o-transition: all 0.3s ease 0s;
	    text-decoration: none;
	    text-transform: uppercase;
	    transition: all 0.3s ease 0s;
	    vertical-align: top;
	    -webkit-transition: all 0.3s ease 0s;
	}
	
	@media all and (max-width: 767px) {
		.basicButtonNew {
			border-radius: 7px;
		}
	}
		
	.basicButtonNewImage {
		display: table-cell;	
		vertical-align: middle;
		padding-right: 13px;
	}
	
	.basicButtonNewText {
			display: table-cell;	
			vertical-align: middle;
	}
	
	.basicButtonNew.s-large {
		font-size: 17px;
		height: 54px;
	}

/* ---- Small buttons */

.small_button {
    display: block;
    border-radius: 5px;
    color: #fff;
    font-weight:  bold;
    font-size:  14px;
    background-color: #477585;
    padding: 0px 5px;

}

.small_button.fat_button {
    padding: 17px 10px;
}

/* ---- Big square buttons */

.big_square_button {
	font-size: 18px;
    padding: 8px 24px;
    margin: 24px;
    box-sizing: border-box;
    font-family: 'Hind Vadodara', sans-serif;
    text-align: center;
    border: 0px;
    white-space: nowrap;
    display: inline-block;
    
    color: white;
    background-color: #2bbca3;
}

input.big_square_button {
	margin-top: 24px;
	margin-bottom: 24px;
	display: block;
}
	
	
/* -- Button rows */
	
	.button-row,
	.button_row {
		text-align: center;
	}
	
	.button-row.s-set-apart {
		margin-top: 51px;
	    margin-bottom: 60px;
	}

/* --- Mobile button rows */
	
	.basicButtonNew.s-last {
		margin-bottom: 64px;	
	}
	
/* -- Standfirst */

	 .standfirst {
		color: #005B50;
		font-size: 1.4em;
		line-height: 1.2em;
	}
	
	#tabbed_page .standfirst {
		color: black;
	}
	
/* -- Accordions */

.accordion_type_1 {
	margin-bottom: 66px;
}

.accordion_type_1 .s_title {
	font-size: 24px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

.accordion_type_1 .fold.contracted .s_title {
	background-image: url(https://www.gfi.org/images/manual/specific-pages/grants-2019/actual-size/green_arrow_down.png);
	background-position: right 30px center;
	background-repeat: no-repeat;
	margin-right: 38px;
	padding-right: 370px;
}

.accordion_type_1.white_arrows .fold.contracted .s_title {
	background-image: url(https://www.gfi.org/images/manual/specific-pages/grants-2019/actual-size/white_arrow_down.png);
}

.accordion_type_1 .fold.expanded .s_title {
	background-image: url(https://www.gfi.org/images/manual/specific-pages/grants-2019/actual-size/green_arrow_up.png);
	background-position: right 30px center;
	background-repeat: no-repeat;
	margin-right: 38px;
	padding-right: 370px;
}

.accordion_type_1.white_arrows .fold.expanded .s_title {
	background-image: url(https://www.gfi.org/images/manual/specific-pages/grants-2019/actual-size/white_arrow_up.png);
}

.accordion_type_1 .fold.contracted .to_expand {
	display: none;
}

.accordion_type_1 .fold.expanded .to_expand {
	display: block;
}

@media all and (max-width: 767px) {
	.accordion_type_1 .s_title {
		font-size: 17px;
		line-height: 125%;
	}
	
	.accordion_type_1 .fold.contracted .s_title,
	.accordion_type_1 .fold.expanded .s_title
	{
		margin-right: 0px;
		padding-right: 0px;
		padding-bottom: 27px;
		background-position: left bottom;
	}
}

/* -- Tab bars */

/* --- Type 3 tab bars */

.tabs_3 .tab_bar {
	display: table;
	width: 100%;
	border: 1px solid #B8B8B8;
}

.tabs_3 .tab_bar a {
	display: table-cell;
	
	border-left: 1px solid #B8B8B8;
	
	font-weight: bold;
	color: black;
	text-align: center;
}

.tabs_3 .tab_bar a .s_inner {
	padding: 0.6666em;
	display: inline-block;
}

.tabs_3 .tab_bar a.first {
	border-left: none;
}

.tabs_3.s_2 .tab_bar a {
	width: 50%;
}

@media (hover:none), (hover:on-demand)  {
	.tabs_3 .tab_bar.s_long a {
		display: table-row;
		border: none;
		border-top: 1px solid #B8B8B8;
	}
	
	.tabs_3 .tab_bar.s_long a.first {
		border-top: none;
	}
	
	.tabs_3.s_2 .tab_bar a {
		width: 100%;
	}	
}

	
/* -- Horizontal navigation */

/* --- Horizontal navigation menu */

/* (Basic styles to make it a horizontal list) */

.horizontal-page-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.horizontal-page-nav li {
	margin-right: 13px;
	font-size: 16px;
	display: inline-block;
	float: none;
	text-transform: uppercase;
}

@media screen and (min-width: 768px) {
	.horizontal-page-nav ul li {
		display: inline-block;
	}
}
	
/* -- Common faux table elements */

.table {
	display: table;
}

.tcell {
	display: table-cell;
	vertical-align: top;
}
/* --- Image in a faux table */

.image-in-table,
.image_in_table  {
	display: table-cell;
}

.right-of-image-cell { /* todo: find in html and change */
	padding-left: 2em;
}

.s_right_of_image_cell {
	/* no style, set based on more specific parent selector */
}

.left-of-image-cell { /* todo: find in html and change */
	padding-left: 2em;
}

.s_left_of_image_cell {
	/* no style, set based on more specific parent selector */
}

.text_in_table {
	display: table-cell;
}

/* (Specific styles for this one: colours, spacing, etc.) */

.horizontal-page-nav {
	background-color: #e5e5df;
	height: 70px;
}

.horizontal-page-nav ul {
	width: 960px;
	margin: 0px auto;
    padding-top: 23px;
}

#page-nielsen-market-research .horizontal-page-nav ul {
	width: 768px;
}

.horizontal-page-nav a {
	color: black;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.horizontal-page-nav a.active {
	color: #008e7a;
	text-decoration: underline;
}

.horizontal-page-nav a:hover {
	color: #008e7a;
}

/* ---- Mobile dropdown version of horizontal page nav */



/* --- Menu-controlled sections */

.menu-controlled-section {
	display: block; /* gets set to display:none by JS, if JS is on */
	padding-bottom: 90px;
}

/* -- Action footer (e.g. the yellow footer on the Nielsen page) */

.action-footer {
	background-color: #f4ea61;
	padding-bottom: 19px;
	background-repeat: repeat-x;
	background-position: center;
}

.action-footer h2 {
	margin-top: 0px;
	padding-top: 37px;
}

.action-footer p {
	font-size: 18px;
}

@media (hover:none), (hover:on-demand)  {
	.action-footer h2 {
		font-size: 21px;
		padding-top: 52px;
		padding-bottom: 0;
	}
}

/* - Embedded tools */

/* -- Google Drive PDFs */

/* (e.g. <embed class="google_drive_pdf" src="https://drive.google.com/viewerng/
viewer?embedded=true&url=https://www.gfi.org/files/sci-tech/seafood/proposal-1-seafood.pdf" /> */

.google_drive_pdf {
	width: 100%;
	height: 500px; /* A default height, usually overridden */
}

/* - To sort */

.no-top-margin,
.atop-section {
	margin-top: 0px;
}