/***
Byte Main CSS
Version 2 - 2018-02-02 by MD, SP & the Byte Studios Team
***/

/****** Add Boilerplate CSS Here *******/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

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

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

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

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

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

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

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

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

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

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

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

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

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

b,
strong {
  font-weight: 500;
}

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

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

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

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

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

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

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

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

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

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

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

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

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

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

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

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

template {
  display: none;
}

/* Hidden
   ========================================================================== */

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

[hidden] {
  display: none;
}
/*! END normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */


/* break out html structure into  */

/**********************************
  HELPER CLASSES
***********************************/

/* full width parent */
.grid-100 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

/* fixed width parent */
.grid {
  width: 95%;
  max-width: 1400px; /* per design */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1023px) and (min-width: 40em) {
	.grid {
		width: 95%;
	}
}
@media screen and (max-width: 39.9375em) {
	.grid {width: 95%;}
}



/**********************************
  GENERAL
***********************************/
/* 
-- start with your general styles
-- then add in styles for special layouts like `home` 
-- use comments to separate sections like `home-header`
*/
* {-webkit-box-sizing: border-box;box-sizing: border-box;}


h1, h1>a {
	font-family: 'Gothic A1', sans-serif;
	font-weight: 900;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 .25em;
}

h2 {
	font-family: 'Merriweather', serif;
	margin: .25em 0 .5em;
}

p, .type {
	font-family: 'Gothic A1', sans-serif;
	font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    margin: 1em 0;
	letter-spacing: 0;
	/* color: #4A4A4A; */
	color: #6d6b6b;
}

a {
	font-family: 'Gothic A1', sans-serif;
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	line-height: 23px;
	color: #4A4A4A;
	/* display: inline-block; */
	position: relative;
}

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

li {
	font-family: 'Gothic A1', sans-serif;
	font-size: 14px;
	color: #4A4A4A;
	list-style: none;
}
.main-content ul {padding: 20px 0px;}
.interior-page .main-content li {
	margin-bottom: .5em;
	text-indent: -12px;
	padding-left: 20px;
	line-height: 22px;
	font-weight: 300;
}
.interior-page .main-content li:before {
	content: '\f111';
	font-family: 'FontAwesome';
	color: #8092B2;
	padding-right: 5px;
	font-size: 8px;
	vertical-align: top;
}
.interior-landing p > a {font-size: inherit; color: inherit;} 
.main-content ul li > ul {padding-left: 15px; margin: 5px 0 10px;}
.interior-page .main-content ul li > ul li:before {font-size: 6px;}
.interior-page .main-content a:not(.underlined) {font-weight: 500;text-decoration: underline;}
.interior-page .main-content a:hover {text-decoration: underline;}
.interior-page .main-content a.underlined {color: #6d6b6b; text-decoration: none;font-weight: 300;}
.interior-page .main-content a.underlined:after,
.interior-landing a:after {
	content: ' ';
	width: 100%;
	height: 2px;
	display:inline-block;
	position: absolute;
	bottom: -2px;
    left: 0;
}
/* interior-general */
body.interior-landing-body {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #000000;
}
.cover-overlay {opacity: 0;}
.menu-drop-overlay .cover-overlay.active {
	background-color:  rgba(0, 0, 0, .35);
	height: 100%;
	z-index: 1;
	position: absolute;
	width: 100%;
	-webkit-animation: fade .75s ease-out;animation: fade .75s ease-out;
	opacity: 1;
}
.interior-page {
	min-height: calc(100vh - 150px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	padding: 5em 0;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.interior-h1 {
	font-family: 'Merriweather', serif;
	font-size: 24px;
	color: #8092B2;
	letter-spacing: 0;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 1.15em;
}
h2.interior {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #4A4A4A;
}
h2.interior.list-title {position:relative; display:block;clear: both;}
h2.interior.list-title:after {
	content: ' ';
	width: 100%;
	left: 0;
    bottom: -2px;
    height: 2px;
    position: absolute;
}
p.interior-copy {
	font-size: 16px;
	color: #4A4A4A;
	line-height: 26px;
}
p.sm-interior-copy {
	font-size: 14px;
}
.interior-landing p {line-height:28px; color: #000; font-weight: 500;}
.crossout {
	text-decoration: line-through;
}
/**** COLOR CLASS FOR INTERIOR PAGES *****/
.main-teal, .color-teal ul li:before, .color-teal a:hover, .color-teal.main-content a:not(.underlined) { color: #567C76 !important;} 
.background-teal, .main-links > li.hover-main-teal > a:hover, .color-teal a:after, .color-teal .list-title:after {background-color:#567C76;} 
.color-teal th {background-color:rgba(86, 124, 118, .25); }
.color-teal tr {border-color:rgba(86, 124, 118, .25); }

.main-pink, .color-pink ul li:before, .color-pink a:hover, .color-pink.main-content a:not(.underlined) { color: #BF6396 !important;}
.background-pink, .main-links > li.hover-main-pink > a:hover, .color-pink a:after, .color-pink .list-title:after {background-color:#BF6396;} 
.color-pink th {background-color: rgba(191, 99, 150, .25); }
.color-pink tr {border-color: rgba(191, 99, 150, .25); }

.main-blue, .color-blue ul li:before, .color-blue a:hover, .color-blue.main-content a:not(.underlined) { color: #8092B2 !important;}
.background-blue, .main-links > li.hover-main-blue a:hover, .color-blue a:after, .color-blue .list-title:after {background-color:#8092B2;} 
.color-blue th {background-color: rgba(128, 146, 178, .25);}
.color-blue tr {border-color: rgba(128, 146, 178, .25);}

.main-gold, .color-gold ul li:before, .color-gold a:hover, .color-gold.main-content a:not(.underlined) { color: #be9a65 !important;}
.background-gold, .main-links > li.hover-main-gold a:hover, .color-gold a:after, .color-gold .list-title:after {background-color:#be9a65;} 
.color-gold th {background-color: rgba(190, 154, 101, .25);}

.main-purple, .color-purple ul li:before, .color-purple a:hover, .color-purple.main-content a:not(.underlined) { color: #776495 !important;}
.background-purple, .main-links > li.hover-main-purple a:hover, .color-purple a:after, .color-purple .list-title:after {background-color:#776495;} 
.color-purple th {background-color: rgba(119, 100, 149, .25);}
.color-purple tr {border-color: rgba(119, 100, 149, .25);}

.main-light-green, .color-light-green ul li:before, .color-light-green a:hover, .color-light-green.main-content a:not(.underlined) { color: #81935E !important;}
.background-light-green, .main-links > li.hover-main-light-green a:hover, .color-light-green a:after, .color-light-green .list-title:after {background-color:#81935E;} 
.color-light-green th {background-color: rgba(129, 147, 94, .25);}
.color-light-green tr {border-color: rgba(129, 147, 94, .25);}

.main-grey, .color-grey ul li:before, .color-grey a:hover, .color-grey.main-content a:not(.underlined) { color: #8f9da6 !important;}
.background-grey, .main-links > li.hover-main-grey a:hover, .color-grey a:after, .color-grey .list-title:after {background-color:#8f9da6;} 
.color-grey th {background-color:rgba(143, 157, 166, .25);}
.color-grey tr {border-color:rgba(143, 157, 166, .25);}/*** interior page mobile ****/

/* home-general */
h1.green, h1.green>a {
	color: #456A63;
}
h1.olive, h1.olive>a {
	color: #7E8F5C;
}
h1.pink, h1.pink>a {
	color: #BD6294;
}
h1.blue, h1.blue>a {
	color: #8093AF;
}
h2.highlight {
    font-size: 20px;
    font-weight: 300;
    line-height: 29px;
    color: #000000;
    margin-bottom: 0;
}
h2.homepage {
	font-family: 'Gothic A1', sans-serif;
	font-weight: 900;
	font-size: 28px;
	line-height: 38px;
	color: #ffffff;
}
p.highlight-copy {
	font-size: 14px;
	line-height: 24px;
	margin: .25em 0;
	font-weight: 300;
}
p.highlight-copy.sub {
	font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}
p.homepage-copy, p.homepage-copy>a, .white-subheader {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	color: #FFFFFF;
}
.white-subheader {font-size: 18px;}
a.white-box {
	color: #ffffff;
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
	border: 2px solid #ffffff;
	padding: .5em .75em;
	display: inline-block;
	text-transform: uppercase;
}
hr {     clear: both;
    margin: 10px 0;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
/* IMAGE CLASSES WYSIWYG */
.img_right_25 {
	width: 25%;
	float:right;
	margin: auto 0 auto 1em;
	clear: right;
}
.img_right_50 {
	float: right;
	width: calc(50% - 2em);
	margin: auto 0 auto 1em;
	clear: right;
}
.img_left_25 {
	float: left;
	width: 25%;
	margin: auto 1em auto 0;
	clear: left;
}
.img_left_50 {
	float: left;
	width: calc(50% - 2em);
	margin: auto 1em auto 0;
	clear: left;
}
.img_full_width {
	width: 100%;
	float: none;
	margin: .5em auto 1em;
}
.right.half {float:right; width: 50%;}
.left.half {float:left; width: 50%;}
.fourth {width: 25%;}
td > img {width: 100%;}
table {
    border-collapse: collapse;
	margin-top: 15px;
	border:none;
	font-family: 'Gothic A1', sans-serif;
	color: #4A4A4A;
	letter-spacing: 0;
	max-width: 100%;
}
 tr {
	border-bottom: 1px solid rgba(191, 201, 215, .25);
	width: 100%;
}
th {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	padding: 5px 10px 5px 0px;
	background-color: rgba(191, 201, 215, .25);
}
th, td {
	text-align: left;
	vertical-align: top; 
	border:none;
}
table:not(.closer-table) td, table:not(.closer-table) td>p {
	padding: 15px 10px 15px 0px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
    margin-top: 0;
    max-width: 180px;
}
table:not(.closer-table) td>p {padding:0;}
.caption tr {border: none;}
.caption td {
	padding: 0;
    font-size: 12px;
    color: #000000;
    word-wrap: normal;
    font-style: italic;
    clear: both;
    caption-side: bottom;
	text-align: left;
	margin: 0; 
	max-width: unset;
}
.closer-table tr {
	border-bottom: none;
}
.closer-table th, .closer-table td {
	padding: 5px 0;
}
.closer-table td > * {
	padding: 0;
	margin: 0;
}
.caption.right {float:right; margin-left: 1.5em;}
.caption.left {float:left; margin-right: 1.5em;}
.desktop-only {display:block !important;}
.mobile-only {display:none !important;}
@media screen and (max-width: 39.9375em) {
	.img_left_25,
	.img_left_50,
	.img_right_25,
	.img_right_50,
	.img_full_width {
			width: 100%;
			float: none;
			margin: .5em auto 1em;
	}
	.desktop-only {display:none !important;}
	.mobile-only {display:block !important;}
	.right.half, .left.half, .fourth {float:none; width: 100%;}
	table {
		border-spacing: 0px 0px;
		border-collapse: collapse;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; 
		height: unset !important; 
		-webkit-box-orient: vertical; 
		-webkit-box-direction: normal; 
		    -ms-flex-direction: column; 
		        flex-direction: column;
	}
	thead > tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		border-bottom: none;
	}
	th {
		position: relative;
		text-align: center;
		max-width: 100px;
		white-space: pre-wrap;
	}
	td:not(:last-of-type) {
		border-right: 1px solid;
	}
	tbody {
		border-top: 1px solid;
		margin-top: 10px;
	}
	td {
		border-bottom: 1px solid rgba(191, 201, 215, .25);
		-ms-flex-item-align: center;
		    align-self: center;
	}
	table:not(.closer-table) td>p, td > p {padding-left: 5px;}

}
/**** bucket css ****/
.sidebar .bucket-title {
	position: relative;
	font-size: 16px;
	padding-left: 6px;
	margin-bottom:.5em;
}
.sidebar .bucket-title:before {top:1px; left: -3px; border-width: 10px 5px 6px 0px;}
.interior-landing-buckets .sidebar .bucket-title:before {top:5px; }
.sidebar .sm-interior-copy {
	line-height: 20px; 
	margin: .25em 0;
	color: #4A4A4A;
    font-weight: 500;
	max-width: 50%;
	font-size: 12px;
}
.sidebar {padding-bottom: 1em;}
.bucket-content {display: -webkit-box;display: -ms-flexbox;display: flex;}
.small-link-bucket {
	color: #000;
	font-size: 12px;
	font-weight: 600;
	margin-top: .5em;
}

/**********************************
  HEADER
***********************************/

/* home-header */
.top-header-wrapper {
	background-color: #fff;
	padding: 15px 0px;
}
.top-header, .header-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.header-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 25%;
	position: relative; 
}
.login-link, .bucket-title {
	font-family: 'Merriweather', serif;
	font-size: 15px;
	color: #000000;
	line-height: 20px;
}
.header-login {
	border-bottom: 2px solid #64827F;
	margin-right: 20px;
}
.site-logo img {
	width: 450px;
	margin-top: 5px;
}
/** top alert css ***/
.closed_alert {
	max-width: 940px;
	height: 40px;
    border-radius: 11px;
    background-color: #490215;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border: none;
	margin: -25px auto 10px;
}
.closed_alert p {
	font-size: 15px;
    font-weight: 800;
    color: white;
}
/*** HEADER SEARCH ***/
#onsite-search {display:-webkit-box;display:-ms-flexbox;display:flex;}
.onsite-search-input {	
	-webkit-transition: .5s;
	transition: .5s;
	width: 0;
	padding-left: 0;
	z-index: 10000;
	background: transparent;
	border: 1px solid #ECEBDB;
	outline: none !important;
}

.onsite-search-input.active, #page_search,
.mobile-onsite-search-input, #album-select {
	opacity: 0.75;
	font-family: 'Gothic A1', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #4A4A4A;
	letter-spacing: 0;
	display: block;
	width: 180px;
	background: rgba(202, 201, 188, .36);
	border: 1px solid #ECEBDB;
	padding-left: 5px;
	position: relative;
	margin: 0 auto;margin-left: 10px;-webkit-transform: translateX(3%);transform: translateX(3%);
}
.header-search form  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: 0.75;
	font-family: 'Gothic A1', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9B9B9B;
	letter-spacing: 0;
  }
  .header-search form  ::-moz-placeholder { /* Firefox 19+ */
	opacity: 0.75;
	font-family: 'Gothic A1', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9B9B9B;
	letter-spacing: 0;
  }
  .header-search form  :-ms-input-placeholder { /* IE 10+ */
	opacity: 0.75;
	font-family: 'Gothic A1', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9B9B9B;
	letter-spacing: 0;
  }
  .header-search form  :-moz-placeholder { /* Firefox 18- */
	opacity: 0.75;
	font-family: 'Gothic A1', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #9B9B9B;
	letter-spacing: 0;
  }
.search-icon {
	border: 1px solid #979797;
	border-radius: 50%;
	height: 40px;
	width: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: 10px;
}
.full-results {font-size: 14px; color: #000;}
.loading-gif.hide {
	display:none;
  }
.loading-gif {
	margin: 0 auto;
	right: 0;
	background-color: rgba(255, 255, 255, .5);
	text-align: center;
	position: absolute;
	z-index: 10000;
	top: 10px;
	height: 100%;
	width: calc(100% - 13px);
	min-height: 40px;
}
.loading-gif img {width: 50px; height: 50px;}
#search-results {
	display: none;
	height: 0;
    padding: 0;
    min-height: 0;
    border: none;
    overflow-y: scroll;
    min-height: 0px;
    position: absolute;
	margin: 0;
	right:0;
	top: 10px;
	z-index: 999;
	width: calc(100% - 13px);

}
#search-results.active {
	height: auto;
	background-color: #fff;
	min-height: 40px;
	max-height: 600px;
	padding: 10px;
	border: 1px solid #979797;
}
#search-results .tag {
	font-family: 'Gothic A1', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    margin: 10px 0;
    display: inline-block;
}
#search-results .result, #search-results #meta-info {padding: 5px 0;}
#search-results #meta-info {
	display: inline-block;
	font-family: 'Gothic A1', sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
}
#search-results .result a {
	font-weight: 500;
	position: relative;
	padding-left: 10px;
}
#search-results .result a .dropdown-rect {
    position: absolute;
    left: 0;
    top: 3px;
    height: 14px;
    width: 4px;
}
.result i {font-size: 13px;}
/* homepage main menu */
.main-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.main-links li {
	display: inline-block;
}
.main-links li a {
	font-family: 'Gothic A1', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	padding: 1em .75em;
}
/* homepage nav dropdown */
.dropdown-full {
	background-color: #ffffff;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	left: 0;
	right: 0;
	height: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.subnav-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding: 0 3em;
}
.subnav {	
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
		-ms-flex-line-pack: start;
		    align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 2em 0;
}
.subnav > li {
		width: 100%;
}
.subnav > li a {
	font-family: 'Gothic A1', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-transform: capitalize;
	padding: .95em 0;
	width: 100%;
}
.subnav> li:hover a {
	color: inherit;
	background: none;
}
.subnav> li:hover a {
	background-color: transparent !important;
}
/***** LARGE SCREEN MAIN MENU NAVIGATION ******/
@media screen and (min-width: 64em) {	
	.main-links li a.down, span.overlay-main-close {
		display:none;
	}
	#main-nav > ul > li:hover .dropdown-full {
		height: auto; 
		max-height: 195px; 
		z-index: 10;
	}
	.subnav li.mobile-subnav-active {position: relative;}
	.subnav li.mobile-subnav-active:before {
		content: ' ';
		position: absolute;
		left: -8px;
		top: 15px;
		border-style: solid;
		border-width: 10px 3.5px 5px 0px;
	}
	.hidden-mobile-menu {display:none;}
}
/***** MOBILE MAIN MENU DROP DOWN ******/
@media screen and (max-width: 1023px) {
	/** mobile header **/
	.menu-drop-overlay .cover-overlay.active {background-color: rgba(0, 0, 0, .75); z-index:10;}
	.top-header-wrapper {padding: 5px 0;}
	.header-right {width: 85%;}
	.header-left {width: 15% !important;}
	.site-logo img, #main-nav {width: 100%;}
	.site-logo img {max-width: 75vw;}
	.search-icon {border: none;width:auto;height:auto; font-size: 20px;display: inline-block;}
	.mobile-onsite-search-input {
		background-color: rgba(230, 232, 207, .5);
		width: 85%;
		display: inline-block;
		height: 30px;
		margin: 0;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	.main-links {
		border: 17px solid #9B9B9B;
		border-right: none;
		border-left: none;
	}
	/*** dropdown ter. menu ***/
	#main-nav, .dropdown-full, .header-search  {display:none;}
	#main-nav.active {display:block;}
	.main-links {
		height: 0;
		max-height: 0;
		overflow: hidden;
		position: relative;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
	}
	#main-nav.active .main-links {
		height: auto; max-height: 100vh; overflow:visible;
	}
	.main-links > li {border-bottom: 1px solid #9B9B9B; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: .75s;
		transition: .75s;}
	.main-links li a {color: #E2E2CE; width: 82%;}
	.main-links li a.down {width: 15%; text-align: center; border-right: 1px solid #9B9B9B;}
	.hidden-mobile-menu { height: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%);}
	.hidden-mobile-menu.open {
		height: 100%;
		max-width: 55%;
		top: 0;
		position: absolute;
		width: 100%;
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
		overflow:hidden;
	}
	.subnav-wrapper {
		display:inline-block;
		padding: 0 1em;
	}
	.main-links .mobile-subnav li.mobile-first a {
		text-transform: uppercase;
		font-size: 16px;
		color: #81935E;
		letter-spacing: 0;
		line-height: 20px;
	}
	a.down:after {
		content: '\f067';
		font-family: "FontAwesome";
		font-size: 22px;
	}
	a.down.light:after {
		content: '\f068';
	}
	a.down.light:before {
		content: ' ';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 1.75em 1.25em 1.75em 0;
		border-color: transparent #000 transparent transparent;
		position: absolute;
		left: -1.25em;
		top: 0;
	}
	.main-links.push >li a.down {opacity: .5;}
	.main-links.push >li a.down.light, .main-links >li a.down {opacity: 1;}
	.main-links > li a.down {background-color: transparent !important;}
	.mobile-subnav {
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 1em; 
		-webkit-box-orient: vertical; 
		-webkit-box-direction: normal; 
		    -ms-flex-direction: column; 
		        flex-direction: column; 
		height: 0%;
		opacity: 0;
	}
	.mobile-subnav.open { -webkit-transform: translateX(0%); transform: translateX(0%); height: 100%;  opacity: 1;}
	.mobile-subnav.open.faded {-webkit-animation: fade .75s ease-out;animation: fade .75s ease-out;}
	.main-links .mobile-subnav li a {
		font-size: 14px;
		color: #000000;
		letter-spacing: 0;
		line-height: 16px;
		padding: .65em 0;
		text-transform: capitalize;
	}
	.main-links .mobile-subnav li a.active {
		font-weight: 500;
	}
	.main-links.push > li {-webkit-transform: translateX(55%);transform: translateX(55%); background-color: #000;}
	span.overlay-main-close, .bucket-wrap {display:none;}
	.cover-overlay.active .overlay-main-close {display: block;}
	.parent-login a {
		font-size: 16px;
		color: #000000;
		font-weight: 500;
		position: relative;
		letter-spacing: 1.5px;
		padding: 20px;
		text-transform: uppercase;
	}
	.parent-login a:after {
		content: ' ';
		position: absolute;
		left: 23px;
		width: 83%;
		height: 1px;
		background-color: #000000;
		right: 0;
		bottom: 18px;
	}
}
/****** tablet header *******/
@media screen and (max-width: 1023px) and (min-width: 40em) { 
	.main-links > li a.down {display:inline-block;}
	.hidden-mobile-menu.open {max-width: 50%;}
	.main-links.push > li {
		-webkit-transform: translateX(50%);transform: translateX(50%);
	}
	.main-links li a.down {width: 7%;}
	.header-search {display: block;}
	.onsite-search-input {height: 40px;}
	.search-icon {
		-ms-flex-item-align: center;align-self: center;
	}
	.site-logo img {max-width: 40vw;}
}

/**********************************
  LEFT SIDEBAR
***********************************/
.sidebar-nav {
	padding-left: 30px;
	width: calc(30% - 1em);
}
.interior-links {
	display: inline-block;
	padding-bottom: 3em;
	padding-top: 4em;
}
.interior-links li a {
	font-family: 'Merriweather', serif;
	font-size: 14px;
	line-height: 16px;
	padding: .55em 0;
	padding-left: 5px;
	width: 100%;
	font-weight: 300;
	display: inline-block;
	color: #a6a6a6;
	letter-spacing: .25px;
	border-bottom: 1px solid #979797;
}
.tri-page-links li:first-child a {
	border-top: 1px solid #979797;
}
.interior-links .tri-page-links li a.active {
	color: #39393A;
	background-color: #EBF1FC;
}
.header.interior:first-of-type {margin-top: -10px;}
.interior-links li a.menu-title {white-space: nowrap;}
.interior-links li a.menu-title,
.interior-links li a.menu-title.active,
.interior-links li.secondary-links a {
	color: #8092B2;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	border: none;
	width: 95%;
	padding-left:0;
	margin-bottom: .25em;
	background-color: transparent;
	position: relative;
}
.interior-links li a.menu-title span.toggle:before {
	content: '\f0d9';
	font-family: 'FontAwesome';
	margin-left: -19px;
	padding-right: 11px;
	font-size: 23px;
	display: inline-block;
	position: absolute;
	top: 9px;
	left: -2px;
}
.interior-links li a.menu-title span.toggle.times:before {
	content: '\f00d';
}
.interior-links li a.menu-title span.toggle.times:before {font-size:20px;top: 9px;left: 0;}
.interior-links li a.menu-title.hide-before:before {content:none;}
.interior-links li a.menu-title:before,
.bucket-title:before {
	content: ' ';
	position: absolute;
    left: -7px;
    top: 10px;
    border-style: solid;
    border-width: 10px 3px 5px 0px;
}
/* mobile and tablet */
@media screen and (max-width: 1023px) { 
	.sidebar-nav {
		width: 100%;
		padding:0;
		padding-top: 1em;
		margin-top: 2em;
		border-top: 1px solid;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
	}
	.interior-links {padding-top:0;width: 100%;}
	.sidebar {
		width: calc(50% - 1em);
	}
	.sidebar p {
		margin: .5em 0;
	}
}
/* interior-left-sidebar mobile */
@media screen and (max-width: 39.9375em) { 
	.sidebar {
		width: 95%;
	}	
}
/**** just for tablet *****/
/* @media screen and (min-width: 768px ) and (max-width: 1023px) {
	.sidebar-nav {
		width: 100%;
	}
} */
/**********************************
  MAIN CONTENT
***********************************/
.interior-landing-wrap {
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	min-height:520px;
}
.interior-landing-wrap .back {
	z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
	right: 0;
	height: 520px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.interior-landing {
	width: 44%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 4em 2em 0;
}
.main-content {
	width: calc(65% - 2em);
}
/**** interior page content mobile and tablet ***/
@media screen and (max-width: 1023px) { 
	.interior-page {
		-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;
		padding: 1em 0 5em;
	}
	.interior-landing .interior-h1 {
		margin: 1em 0 0;
	}
	.interior-page ul.interior-links {display:none;}
	.interior-landing, .mobile-side, .interior-page, .interior-landing-buckets {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 4em;
	}
	.main-content {
		width: 100%;
		min-height: calc(100vh - 300px);
		overflow-y: scroll;
	}
	.mobile-landing-top {
		height: 10px;
	}
	.interior-landing-wrap {
		min-height: unset;
		-webkit-box-pack: unset;
		-ms-flex-pack: unset;
		justify-content: unset;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		background-color: #fff;
	}
	.lg-int-back {
		overflow:hidden;
	}
	.interior-landing p {
		color: #000 !important;
	}
	.interior-landing-wrap .back {
		height: 40vh;
		position: relative;
		z-index: 1;
		width: 190%;
	}
	.interior-landing {
		padding: 0 0 4em; 
	}
	.landing-footer-links li a {
		text-transform: uppercase;
		font-size: 16px;
	}
	.interior-border {
		border-top: 1px solid;
		border-bottom: 1px solid;
		padding: 1.5em 0; 
		margin-top: 1.5em;
	}
	.mobile-side {padding: 2em 0 0; }
	.mobile-parent-list li a,
	.third-parent-breadcrumbs li a {
		font-size: 13px;
		position: relative;
	}
	.third-parent-breadcrumbs li:not(:last-of-type) a:after {
		content: ' ';
		height: 60%;
		width: 1px;
		position: absolute;
		right: 0;
		background-color: #4a4a4a;
		top: 51%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.small-nav-header {
		margin: .25em 0;
		font-weight: 300;
		color: #9B9B9B;
		font-family: 'Merriweather', serif;
	}
	.third-nav-toggle {
		text-transform: uppercase;
		font-size: 16px;
		padding: 1em 0;
		font-weight: 500;
	}
	.third-nav-caret {
		content: ' ';
		width: 0;
		height: 0;
		padding: 0; 
		border-style: solid;
		border-width: 0 5px 8.7px 5px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		margin-left: 10px;
	}
	.third-nav-caret.active {
		-webkit-transform: rotate(180deg) translateY(55%);
		        transform: rotate(180deg) translateY(55%);
	}
	.mobile-parent-list {
		height: 0;
		max-height: 0; 
		transition: .75s; -webkit-transition: .75s;
		overflow: hidden;
	}
	.mobile-parent-list.active {
		height: auto;
		max-height: 700px; 
	}
}
/*** search page content ***/
#search-container {
	min-height: calc(100vh - 92px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}
#page_search {
	margin: 0;
	margin-right: 20px;
	max-width: 400px;
	width: 100%;
	height: 40px;
	background: transparent;
	border: 1px solid #ECEBDB;
	outline: none !important;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	/* font-weight: 600; */
}
#search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.search-results-count, .search-count {
	text-transform: capitalize;
    font-weight: 500;
	font-family: 'Merriweather', serif;
	font-size: 16px;
	color: #4A4A4A;
	letter-spacing: 0;
	margin-top: .5em;
}
.search-count {
	font-size: 14px;
	font-weight: 400; 
	text-transform: none;
	margin: 10px 0 25px;
}
.search-col-right {display: none;}
.search-col-left, .quick-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(50% - 2em);
	padding-bottom: 2em;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    padding: 5em 0;
}
.quick-links li {
	display: inline-block;
	width: 95%;
}
.results-container {
	padding: .5em 1em;
	border: 1px solid #ECEBDB;
}
.results-container .result {
	padding: 1em 0;
}
.result-head .type {
	font-weight: 400;
    font-size: 18px;
    border-bottom: 1px solid;
    margin: .5em 0;
    padding-bottom: 8px;
}
.search-result-body-item {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: uppercase;
}
.result p {line-height: 20px;}
.search-more {    
	font-family: 'Gothic A1', sans-serif;
    font-size: 16px;
    color: #4A4A4A;
	letter-spacing: 0;
	padding: 1em 0;
	z-index: 1;
	display: inline-block;
}
.search-more i { color: #ECEBDB;}
/**** mobile search page ****/
@media screen and (max-width: 1023px) {
	#search-container { 
		-webkit-box-orient: vertical; 
		-webkit-box-direction: normal; 
		-ms-flex-direction: column; 
		flex-direction: column;
		-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
		width: 90%;
	}
	.search-col-left, .quick-links {
		width: 100%;
	}
	.results-container {
		padding: .5em 0em 2em;
		border:none;
		border-top: 2px solid #ECEBDB;
	}
	.result p {
		margin: .25em 0;
	}
	.search-more {
		display: block;
		text-align: right;
		position: relative;
	}
	.search-results-count {font-size: 20px;}
	.search-more:before {
	    content: ' ';
		width: 65%;
		height: 2px;
		position: absolute;
		left: 0;
		background-color: #ECEBDB;
		top: 50%;
	}
	.quick-div{display: none;}
}
/********* common forms **********./
/****** Common Forms CSS Auto-embed - site specific area *******/
.field-row {
	margin: 10px 8px 0 0;
	max-width: 500px;
	display: flex;
}
.field-container {
    /*	margin: 10px 0 0 0; */
    flex: 2 0;
	/* 	float: left; */
/* 	width: 100%; */
    max-width: 500px;
}
.field-container label {
	font-family: 'Gothic A1', sans-serif;
    display: inline-block;
    width: 100%;
    float: none;
    padding: 0;
    font-size: 16px;
    vertical-align: top;
    color: #888;
}
.field-container input {
    width: 100%;
    height: 36px;
    display: block;
    font-size: 16px;
    color: #4a4a4a;
}
.field-container input.checkbox {
    width: 12px;
    border: none;
}
.field-container .checkbox-label {
    width: auto;
    display: inline-block;
}
.field-container input[type="checkbox"] {       
    border: none;
    width: auto;
    height: auto;
    display: inline-block;
}
.field-container input[type="radio"] {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: .25em;
}
.field-container input[type="file"] {
    border: none;
    background-color: transparent;
    line-height: normal;
}
fieldset {
    padding: 0;
    border: none;
    margin: 0 auto 36px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}
fieldset legend {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}
fieldset select, fieldset input {
    width: 100%;
    margin: 0;
    border: 1px solid #aaa;
    padding: 2px 3px;
    font-size: 16px;
    height: 36px;
    color: #888;
	border-radius: 0 !important;
	background-color: transparent;
}
fieldset textarea {
	border: 1px solid #aaa;
}
fieldset select option[disabled] {
    color: #9189b2;
}
input[type="submit"] {
    -webkit-appearance: none;
}
.submitbutton, .reset-button {
	color: #ffffff;
	font-size: 17px;
	font-weight: 500;
	line-height: 28px;
	background-color: #8f9da6;
	padding: .5em .75em;
	display: inline-block;
	text-transform: uppercase;
}
input[type="submit"]:disabled,
input[type="submit"]:hover:disabled {
	background-color: #777;
	cursor: progress;
}
.g-recaptcha {		
    display: inline-block;
    vertical-align: top;
    margin-right: -66px;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'Gothic A1', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color:  #693E27;
    font-style: normal;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: 'Gothic A1', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color:  #693E27;
	opacity:  1;
	font-style: normal;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: 'Gothic A1', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color:  #693E27;
	opacity:  1;
	font-style: normal;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: 'Gothic A1', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color:  #693E27;
    font-style: normal;
}
:placeholder-shown {
    font-family: 'Gothic A1', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color:  #693E27;
    font-style: normal;
}


/****** End Common Forms CSS Auto-embed - site specific area *******/


/* home-main-content */
.donate-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0,0,0,0.00)), to(rgba(0, 0, 0, 0.13)));
	background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 50%, rgba(0, 0, 0, 0.13) 100%);
}
.donate-button a {
	font-weight:900;
	letter-spacing:5px;
	font-size:15px;
	margin:0;
	text-transform:uppercase;
	color: #000;
	padding: .75em 0;
	width: 100%;
	text-align: center;
}
.swiper-container.home-slider {
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 2px solid #4A4A4A;
	border-right: none;
	border-left: none;
}
.swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	height: 70vh;
	background-position: center;
}
.home-campaign-buckets {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin: 0 auto;
	-webkit-transform: translateY(-100px);
	        transform: translateY(-100px);
}
.home-campaign-bucket {
	width: calc(25% - 2em);
	height: 460px;
	background-repeat: no-repeat;
	position: relative;
}
/* .home-campaign-bucket:hover {background-image:none;} */
.campaign-bottom {
	padding: 1.5em 2em;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%; margin-top: auto;
	background-color: #567C76;
	color: #fff;
	letter-spacing: .5px;
	white-space: nowrap;
}
.campaign-bottom:hover a {
	text-decoration: underline;
}
.campaign-bottom img {-ms-flex-item-align: center;align-self: center; max-width: 22px; max-height: 24px;margin-right: 10px;}
.campaign-content{padding: 0 1em ;}

.home-campaign-bucket h1 {transition: .5s; -webkit-transition: .5s; opacity: 1}
.campaign-content p {line-height: 26px;}

.home-campaign-bucket:nth-child(3) h1  {color: #BF6396;}
.home-campaign-bucket:nth-child(4) h1  {color: #8093AF;}
.home-campaign-bucket:nth-child(2) h1  {color: #7E905C;}
.home-campaign-bucket:nth-child(1) h1  {color: #567C76;}

.mobile-cta-block:nth-child(3) > .mobile-cta-about:before {border-bottom-color: #BF6396;}
.mobile-cta-block:nth-child(4) > .mobile-cta-about:before {border-bottom-color: #8093AF;}
.mobile-cta-block:nth-child(2) > .mobile-cta-about:before {border-bottom-color: #7E905C;}

.mobile-cta-about p {color: #fff !important;}
.home-campaign-bucket:nth-child(3):after, .home-campaign-bucket:nth-child(3):before, .home-campaign-bucket:nth-child(3) .campaign-bottom, .mobile-cta-block:nth-child(3) > .mobile-cta-about {background-color: #BF6396;}
.home-campaign-bucket:nth-child(4):after, .home-campaign-bucket:nth-child(4):before, .home-campaign-bucket:nth-child(4) .campaign-bottom, .mobile-cta-block:nth-child(4) > .mobile-cta-about {background-color: #8093AF;}
.home-campaign-bucket:nth-child(2):after, .home-campaign-bucket:nth-child(2):before, .home-campaign-bucket:nth-child(2) .campaign-bottom, .mobile-cta-block:nth-child(2) > .mobile-cta-about {background-color: #7E905C;}
.home-campaign-bucket h1 {
	padding: .25em .75em;
	white-space: pre-line;
	max-width: 50%;
}
.home-campaign-bucket {
	overflow:hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;}
.home-campaign-bucket h1 {
	font-size: 27px;
	margin-top: 10px;
}
.home-campaign-bucket:hover .flip-img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-webkit-transform: scale(1.25);
	        transform: scale(1.25);	
}
.flip-img:before {
	content: ' ';
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.8)), color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
	width: 100%;
	height: 100%;
	z-index: 1;
	position: absolute;
	left:0; right:0;
}
.flip-img {    
	-webkit-box-pack: center;    
	    -ms-flex-pack: center;    
	        justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 95%;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: .75s;
	transition: .75s;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	position: absolute;
	background-position: center;
	z-index: -1;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-webkit-transition: transform .75s;
	-webkit-transition: -webkit-transform .75s;
	transition: -webkit-transform .75s;
	transition: transform .75s;
	transition: transform .75s, -webkit-transform .75s;
	overflow:hidden;
}
.flip {
	-webkit-transform: translateY(135%);
	        transform: translateY(135%);
	background-color: #fff;
	margin-top: auto;
		 display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			-webkit-transition: .75s;
	transition: .75s;
}
.home-campaign-bucket:after,.home-campaign-bucket:before {
	content: ' ';
	width: 100%;
	height: 10px;
	background-color: #567C76; 
	position: absolute;
	bottom: 0px;
}

.home-campaign-bucket:before {bottom: unset;-webkit-transform: scale(0, 1);transform: scale(0, 1); top: 0px; transition: .5s; -webkit-transition: .5s;}
.home-campaign-bucket:hover:before { top: 0px; -webkit-transform: scale(1, 1); transform: scale(1, 1);}
.home-campaign-bucket:hover .flip {-webkit-transform: translateY(0%);transform: translateY(0%);    height: 330px;} 
.homepage-block {
	min-height: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 3em 0;
}
.homepage-block.image-right {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.homepage-block-content {
	max-width: 30vw;
	width: 100%;
	padding: 2.5em 2em;
}
.color-content {max-width: 90%;}
.homepage-block.green .homepage-block-content, .homepage-block.green:before  {
	background-color: #81935E;
}
.homepage-block.pink .homepage-block-content, .homepage-block.pink:before {
	background-color: #BF6396;
}
.homepage-block.blue .homepage-block-content, .homepage-block.blue:before {
	background-color: #8092B2;
}
.homepage-block-image {
	background-size: cover;
	max-width: 60vw;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.homepage-block p.sub {margin-bottom: 1em;}
.homepage-block-image a {
	margin-bottom: 1.5em;
	text-align: center;
	width: 400px;
}
.homepage-block-content a {
	margin-top: 2em;
    text-align: center;
    line-height: 22px;
    font-weight: 500;
    font-size: 17px;
}
.homepage-block-content p {color: #fff !important;}
.homepage-block a:hover {background-color: #fff;}
a.green:hover  {
	color: #81935E;
}
a.pink:hover {
	color: #BF6396;
}
a.blue:hover {
	color: #8092B2;
}
@-webkit-keyframes fade {
	0% {
	opacity: 0;
	}
	100% {
		opacity: 1; 
	}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
	opacity: 1; 
	}
}
/***** homepage small css *****/

@media screen and (max-width: 1023px) {
	.closed_alert {
		border-radius: 0;
		width: 100%;
		height: 50px;
		margin: -10px auto 10px;
		padding: 0 .5em;
	}
	.closed_alert p {
		font-size: 13px;
		margin: 5px 0;
		line-height: 15px;
	}
	.swiper-slide {height: 375px;}
	.mobile-cta-block {display:none;}
	.mobile-cta-block.active {display:block; -webkit-animation: fade .75s ease-out;animation: fade .75s ease-out;}
	.mobile-home-nav {
		position: absolute;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		padding-top: 10px;
		z-index: 2;
	}
	.mobile-home-nav li {
		border-right: 1px solid #fff;
		width: 100%;
		text-align: center;
	}
	.mobile-home-nav li a {
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
	}
	.mobile-cta-parent:before {
		content: ' ';
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.55)), color-stop(20%, rgba(0,0,0,0)));
		background-image: linear-gradient(-180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 20%);
		width: 100%;
		height: 100%;
		z-index: 1;
		position: absolute;
		left:0; right:0;
	}
	.mobile-cta-block h2, .mobile-cta-block p {text-shadow: 1px 0px 3px #000000; }
	.mobile-cta-content, .mobile-cta-about {z-index: 1;}
	.mobile-cta-about {
		padding: 1em;
		position: relative;
		background-color: #567C76;
	}
	.mobile-cta-about p.sm-interior-copy {color: #fff;}
	.mobile-cta-about:before {
		content: ' ';
		width: 0;
		position: absolute;
		top: -12px;
		height: 0;
		border-style: solid;
		border-width: 0 18px 20.8px 20px;
		border-color: transparent transparent #567C76 transparent;
	}
	.mobile-home-nav li a img {opacity: .37; padding-bottom: 10px;}
	.mobile-home-nav li a.active img {opacity: 1; -webkit-animation: fade .75s ease-out;animation: fade .75s ease-out;}
	.mobile-home-nav li:last-of-type {border:none;}
	.mobile-cta-parent {
		height: 375px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 0 2em;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.homepage-block, .footer-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.home-campaign-buckets, .full-dropdown, .header-login {display:none;}
	.homepage-block.image-right {-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;}
	.homepage-block > div {max-width: 100%;}
	.homepage-block-image {height: 45vh; -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: unset;flex-direction: unset;}
	.homepage-block:before {
		content: ' ';
		width: 100%;
		height: 5px;
	}
	.home-full.grid {
		width: 100%; 
	}
	.color-content {max-width: 100%;}
}
/* ONLY tablet  */
@media screen and (min-width: 768px ) and (max-width: 1023px) {
	.closed_alert p {
		font-size: 16px;
	}
	.header-left { width: 375px !important;}
	.onsite-search-input {
		transition: 0s;
	}
	.color-content, .color-link-box {
		display:inline-block;
	}
	.mobile-cta-parent {
		height: 550px; 
	}
}

@media screen and (max-width: 1023px) and (min-width: 40em) {
	.mobile-home-nav li {border: none;}
	.mobile-home-nav li a {font-size: 16px;}
	.mobile-home-nav {padding-top: 30px;}
	.mobile-only.tablet-yes, .tablet-yes {
		display: block !important;
	}
	.homepage-block-image {
		height: 45vh;
	}
	.swiper-slide {
		height: 450px;
	}
}
/* Large and up */
@media screen and (min-width: 64em) {
	.home-campaign-bucket {height: 500px;}
}

/**********************************
  FOOTER
***********************************/

/* interior landing footer */
footer { border-top: 1px solid #979797; }
/*standard footer */
.footer-wrapper, .social-media-nav, .footer-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.nycb-text {
	text-transform: uppercase;
	font-size: 12px;
	color: #FFFFFF;
	letter-spacing: 0;
	margin: 0 0 5px;
}
.copyright, .footer-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.footer-left, .footer-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center;
	width: 70%;
}
.footer-right {width: 30%;
    -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.footer-nav {
	width: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.footer-nav img {padding-right: 2em; width: 65px;}
.footer-nav:after {
	content: " ";
	background-color: #fff;
	display: block;
	height:18px;
	width: 1px;
	margin: 0 20px 0 10px;
}
.footer-nav li {
	display: inline-block;
}
.footer-nav li a {
    color: rgba(255, 255, 255, .8);
    font-weight: 400;
    font-size: 13px;
	line-height: 16px;
	padding: .25em 1em;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.footer-text {
	font-size: 11px;
	color: rgba(255, 255, 255, .8);
	margin: 1.25em auto 1em;
}
.nycb-logo {
	width: 200px;
	margin-left: 1em;
}
.nycb-logo img {
	width: 100%;
}
.social-media-nav li a {font-size: 22px;}
/***** tablet footer *****/
@media screen and (max-width: 1023px) and (min-width: 40em) { 
	.footer-nav:after {content: none;}
	.footer-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.footer-right, .footer-left {
		width: 95%;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin: 0 auto;
	}
	.footer-right {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
		margin-bottom: 2em;
	}
	.nycb-logo {
		width: 350px;
		margin: 0;
	}
	.social-media-nav li a {
		font-size: 35px;
		margin-left: 2em;
	}

}
/***** mobile footer *****/
@media screen and (max-width: 39.9375em) { 
	.footer-wrapper, .footer-right {
		-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse;
	}
	.footer-left, .footer-right {
		width: 100%;
	}
	.footer-nav:after {content: none;}
	li.social-icon {
		border: 1px solid #E1E3CB;
		border-radius: 50%;
		padding: .55em .3em;
	}
	li.social-icon a {font-size: 24px;}
	.social-media-nav {
		width: 50%;
		padding: 2em 0;
	}
	.footer-nav {
		width: 95%;
		padding-left: 1em;
	}
	.nycb-logo {
		width: 300px;
		text-align: center;
		margin: 0 auto;
	}
	.nycb-logo img {
		width: 100%;
		max-width: 182px;
	}
}
/* home-footer */