@charset "UTF-8";
/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:
Version: 2.1

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/

/******************************************************************
* DONATION FORM 2018
*******************************************************************/
.gfield_html.contact-info h2 {
	margin-top: 20px;
	color: #5C5C5C !important;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
	font-weight: 700 !important;
	font-size: 1.5em;
}

.donate-total span.ginput_total {
	color: #EE3524 !important;
	font-size: inherit;
	font-weight: 700 !important;
	font-size: 1.5rem !important;
}

.donate-total .ginput_container.ginput_container_total {
	margin-top: 0px !important;
}

.currency-symbol {
	position:absolute;
	padding: 2px 5px;
	color: #5c6b80;
	top: 46px;
}

#donate-form-container {
	background-color: #fff;
	max-width: 950px;
	margin: 0 auto;
	border-radius: 7px;
	margin-top: 40px;
}

#form-cta-title .h2 {
	color: #6F7073;
	display: block;
	margin-top: 12px;
	font-size: 14px;
	font-size: 1.2em;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 400;
}

#donate-form-container  select {
	color: #EE3524;
	font-weight: 700;
	font-size: 1.3em;
	background-color: transparent;
	text-align: center;
	text-align-last: center;
	/*   background-image: none; */
	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	margin-bottom: 0;
	margin-top: 5px;
	line-height: 1.3em;
}

#donate-form-container .mobile select#entry_onetime_donation_amount, #donate-form-container .mobile select#entry_monthly_donation_amount {
	padding-right: 30px !important;
	background-position: 71.5% center;
	padding-left: 60px;
	text-align: unset;
	text-align-last: unset;
}

#donate-form-container .mobile select#entry_donation_frequency {
	background-position: 90.5% center;
	padding-right: 25px !important;
	padding-left: 30px;
	text-align: unset;
	text-align-last: unset;
}

/* #donate-form-container option {
text-align: left;
} */

#donate-form-container .columns {
	padding: 25px 0 20px;
}

#donate-form-container .onetime-dd, #donate-form-container .monthly-dd, #donate-form-container .frequency-dd, #donate-form-container .other-donation-amount {
	position: relative;
}

.onetime-dd span, .monthly-dd span, .frequency-dd span, .other-donation-amount span {
	text-align: center;
	color: #6f7073;
	font-size: 14px;
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 12px;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#donate-form-container .other-donation-amount input[type="number"] {
	margin-top: 15px;
	margin-bottom: 5px;
}

#donate-form-container .other-donation-amount {
	padding: 25px 25px 0px;
}

#donate-form-container button {
	color: #fff;
	text-transform: uppercase;
	background-color: #EE3524;
	border-radius: 10px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0.03em;
	font-family: 'Gotham Bold';
	font-size: 21px;
	padding: 25px 0;
	display: block;
	width: 90%;
}

#donate-form-container .svg-inline--fa {
	height: 12px;
	margin: 0px 0 0px 0;
	width: auto;
}

@media screen and (min-width: 900px) {
	select#entry_donation_frequency, select#entry_onetime_donation_amount, select#entry_monthly_donation_amount {
		padding: 0 0px 0 0px;
	}
	#donate-form-modal {
		overflow-y: unset;
	}
	#donate-form-modal .small-logo {
		position: absolute;
	}
	select#entry_onetime_donation_amount, select#entry_monthly_donation_amount {
		padding-right: 15px !important;
		background-position: 64.5% center;
	}

	select#entry_donation_frequency {
		background-position: 76.5% center;
		padding-right: 12px !important;
	}
}

@media screen and (max-width: 900px) {
	select#entry_onetime_donation_amount, select#entry_monthly_donation_amount {
		padding-right: 30px !important;
		background-position: 71.5% center;
	}

	select#entry_donation_frequency {
		background-position: 90.5% center;
		padding-right: 25px !important;
	}
}

@media screen and (min-width: 50em) {
	#donate-form-modal {
		width: 800px;
		padding: 2.5rem 3rem;
		border-radius: 10px;
		/*       top: 200px !important; */
	}
}

@media screen and (min-width: 1025px) {
	#donate-form-container .with-border {
		border-right: 1px solid #6f7073;
	}
}

@media screen and (max-width: 850px) {
	#form-cta-title .h2 {
		margin-top: 18px;
	}
	#donate-form-container button {
		padding: 18px 35px;
		margin-top: 6px;
	}
	#donate-form-modal .small-logo {
		position: initial;
	}
	body.is-reveal-open {
		overflow: hidden;
		position: fixed;
	}
}

@media screen and (max-width: 650px) and (min-width: 640px) {
	#donate-form-container button {
		padding: 18px 35px;
		margin-top: 6px;
		font-size: 14px;
	}
	#form-cta-title .h2 {
		margin-top: 17px;
		font-size: 16px;
	}
}

@media screen and (max-width: 639px) {
	#form-cta-title .h2 {
		margin-top: 12px;
		font-size: 1.2em;
	}
	#donate-form-container .other-donation-amount input[type="number"] {
		margin-bottom: 10px;
	}
	#donate-form-container select {
		font-size: 1.1em;
	}
}

@media screen and (max-width: 1024px) {
	#donate-form-container .with-border {
		/*     border-right: none; */
		border-bottom: 1px solid #6f7073;
	}
	.onetime-dd, .monthly-dd, .other-donation-amount {
		border-bottom: 1px solid #6f7073;
	}
	.frequency-dd {
		border-right: 1px solid #6f7073;
	}
}

#donate-form-wrapper .h2 {
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #6F7073;
	/*   color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 38px;
	text-transform: lowercase;
	line-height: 1.2; */
}

#donate-form-wrapper .h2 span {
	display: block;
	font-weight: 400;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	color: #6F7073;
	font-size: 18px;
}

#donate-form-wrapper .small-logo {
	background-color: #fff;
	height: 85px;
	width: 85px;
	border-radius: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: -40px;
	border: 7px solid #fff;
}

#donate-form-wrapper hr {
	border-bottom: 1px solid #a7a9b152;
}

/**
* Gravity Forms Styles
*/

#donate-form-wrapper .gform_wrapper .field_description_below .gfield_description {
	padding-top: 0px;
	color: #5C5C5C !important;
	line-height: 1.3 !important;
	font-size: .813em;
	letter-spacing: .5pt;
}

#donate-form-wrapper  select {
	background-color: transparent;
	border: 1px solid rgba(167, 169, 177, 0.5) !important;
	color: #5C5C5C ;
	padding: 2px 3px 2px 15px !important;
}

#donate-form-wrapper input[type="text"],  #donate-form-wrapper input[type="password"], #donate-form-wrapper input[type="datetime"], #donate-form-wrapper input[type="datetime-local"], #donate-form-wrapper input[type="date"], #donate-form-wrapper input[type="month"], #donate-form-wrapper input[type="time"],  #donate-form-wrapper input[type="week"], #donate-form-wrapper input[type="number"], #donate-form-wrapper input[type="email"], #donate-form-wrapper input[type="url"], #donate-form-wrapper input[type="search"], #donate-form-wrapper input[type="tel"],  #donate-form-wrapper input[type="color"], #donate-form-wrapper select, #donate-form-wrapper textarea, #donate-form-wrapper .field {
	background-color: transparent !important;
	border: 1px solid rgba(167, 169, 177, 0.5) !important;
	max-width: unset;
}

#donate-form-wrapper .gform_wrapper .gfield_checkbox li input, #donate-form-wrapper .gform_wrapper .gfield_checkbox li input[type=checkbox], #donate-form-wrapper .gform_wrapper .gfield_radio li input[type=radio] {
	vertical-align: unset;
	color: #5C5C5C;
}

#donate-form-wrapper label {
	color: #5C5C5C !important;
	line-height: 1.3 !important;
}

#donate-form-wrapper ::-webkit-input-placeholder { /* Chrome */
	color: #5C5C5C !important;
}
#donate-form-wrapper :-ms-input-placeholder { /* IE 10+ */
	color: #5C5C5C !important;
}
#donate-form-wrapper ::-moz-placeholder { /* Firefox 19+ */
	color: #5C5C5C !important;
	opacity: 1 !important;
}
#donate-form-wrapper :-moz-placeholder { /* Firefox 4 - 18 */
	color: #5C5C5C !important;
	opacity: 1 !important;
}

#donate-form-wrapper .gform_wrapper li.hidden_label input {
	margin-top: 8px;
}
#donate-form-wrapper  .gform_wrapper .gsection {
	border-bottom: 1px solid #a7a9b152;
}
#donate-form-wrapper .gform_wrapper .gform_footer input.button, #donate-form-wrapper .gform_wrapper .gform_footer input[type=submit], #donate-form-wrapper .gform_wrapper .gform_page_footer input.button, #donate-form-wrapper .gform_wrapper .gform_page_footer input[type=submit] {
	margin: 0 auto;
	display: block;
	color: #fff;
	text-transform: uppercase;
	background-color: #EE3524;
	border-radius: 10px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0.03em;
	font-family: 'Gotham Bold';
	font-size: 21px;
	padding: 12px 40px;
	max-width: 90%;
}

#donate-form-wrapper .gfield_html img {
	margin-bottom: 20px;
}

#donate-form-wrapper input[type="radio"] {
	display: none !important;
}

#donate-form-wrapper .gfield_radio {
	text-align: center;
}

#donate-form-wrapper .gfield_radio li {
	display: inline-block;
}

#donate-form-wrapper .gfield_radio li label {
	margin: 0px 0 0 0px;
}

#donate-form-wrapper .gfield_radio li label {
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	cursor: pointer;
	transition: all ease 0.3s;
	margin-right: 15px;
	height: 70px;
	width: 165px;
	padding: 10px 5px !important;
	border: 2px solid #a7a9b152;
}

#donate-form-wrapper .gfield_radio li:first-child label {
	background-color: #00aae7;
}

#donate-form-wrapper .gfield_radio li label:hover {
	border: 2px solid black;
	box-shadow: 0px 2px 11px #888888;
}

#donate-form-wrapper .gfield_radio li label.active {
	border: 2px solid black;
	box-shadow: 0px 2px 11px #888888;
}

.love-story-donation {
	background-color: #00aae7;
	padding: 30px 10px;
}

.love-story-donation #donate-form-container {
	margin-top: 0;
}

.safari-donate-container select#entry_donation_frequency {
	padding-left: 25%;
	padding-right: 30px !important;
}

.safari-donate-container select#entry_onetime_donation_amount, .safari-donate-container select#entry_monthly_donation_amount {
	padding-right: 40px !important;
	background-position: 64.5% center;
	padding-left: 30%;
}

.ie-donate-container .gform_wrapper .ginput_complex.ginput_container {
	width: 100%;
	margin: 0 auto;
}

#donate-form-wrapper {
	background-color: #fff;
}

/* @media screen and (max-width: 640px) {
.mobile-donate-form-container  #donate-form-wrapper {
margin-top: 40px;
display: none;
border-radius: 8px;
position: relative;
padding-top: 60px;
}
#donate-form-wrapper .small-logo {
top: -30px;
position: absolute;
}
.close-button {
display: none;
}
} */

.donate-mobile-hero {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 100px 0px;
}

.mobile-donate-form-container {
	padding: 20px;
}

.mobile-donate-form-container #donate-form-container {
	margin-top: 0;
	max-width: 380px;
}

.mobile-donate-form-container #donate-form-wrapper {
	position: relative;
	margin-top: -50px !important;
	border-radius: 15px;
	max-width: 640px;
	margin: 0 auto;
	padding: 40px 20px;
}

.mobile-donate-form-container #donate-form-wrapper .small-logo {
	position: absolute;
}

@media screen and (max-width: 640px) {
	.mobile-donate-form-container #donate-form-wrapper .gform_wrapper .gform_footer input.button, .mobile-donate-form-container #donate-form-wrapper .gform_wrapper .gform_footer input[type=submit], .mobile-donate-form-container #donate-form-wrapper .gform_wrapper .gform_page_footer input.button, .mobile-donate-form-container #donate-form-wrapper .gform_wrapper .gform_page_footer input[type=submit] {
		padding: 10px;
		width: 98%;
	}
	#donate-form-wrapper .gform_wrapper .gform_footer input.button, #donate-form-wrapper .gform_wrapper .gform_footer input[type=submit], #donate-form-wrapper .gform_wrapper .gform_page_footer input.button, #donate-form-wrapper .gform_wrapper .gform_page_footer input[type=submit] {
		font-size: 14px;
	}
}

.ie-donate-container input[type="text"], .ie-donate-container input[type="password"], .ie-donate-container input[type="datetime"], .ie-donate-container input[type="datetime-local"], .ie-donate-container input[type="date"], .ie-donate-container input[type="month"], .ie-donate-container input[type="time"], .ie-donate-container input[type="week"], .ie-donate-container input[type="number"], .ie-donate-container input[type="email"], .ie-donate-container input[type="url"], .ie-donate-container input[type="search"], .ie-donate-container input[type="tel"], .ie-donate-container input[type="color"], .ie-donate-container select, .ie-donate-container textarea, .ie-donate-container .field {
	max-width: 100% !important;
}

.ie-donate-container .gfield_radio li label {
	display: inline-block;
	border-radius: 0px;
	text-align: center;
	cursor: pointer;
	transition: all ease 0.3s;
	margin-right: 15px;
	height: 100% !important;
	width: 165px !important;
	padding: 20px 15px !important;
	border: 2px solid #d5d5d5 !important;
	text-transform: uppercase;
	font-weight: bold;
}

.ie-donate-container .gfield_radio li:first-child label {
	background-color: #fff !important;
}

.ie-donate-container .gfield_radio li label.active {
	border: 2px solid black !important;
	box-shadow: 0px 2px 11px #888888;
	font-weight: bold !important;
}

.ie-donate-container .small-logo {
	display: none;
}

/******************************************************************
END DONATION FORM 2018
*******************************************************************/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block; }

/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
	display: inline-block; }

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
	display: none;
	height: 0; }

/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
	display: none; }

/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */ }

/**
* Remove default margin.
*/
body {
	margin: 0; }

/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
	background: transparent; }

/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
	outline: thin dotted; }

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
	outline: 0; }

/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
	font-size: 2em;
	margin: 0.67em 0; }

/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
	border-bottom: 1px dotted; }

/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong,
.strong {
	font-weight: bold; }

/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn,
em,
.em {
	font-style: italic; }

/**
* Address differences between Firefox and other browsers.
*/
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0; }

/*
* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
	-webkit-hyphens: auto;
	-epub-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto; }

/*
* Addresses margins set differently in IE6/7.
*/
pre {
	margin: 0; }

/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em; }

/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
	white-space: pre-wrap; }

/**
* Set consistent quote types.
*/
q {
	quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
* Address inconsistent and variable font size in all browsers.
*/
q:before,
q:after {
	content: '';
	content: none; }

small, .small {
	font-size: 75%; }

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }

sup {
	top: -0.5em; }

sub {
	bottom: -0.25em; }

/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7.
*/
dl,
menu,
ol,
ul {
	margin: 1em 0; }

dd {
	margin: 0; }

/*
* Addresses paddings set differently in IE6/7.
*/
menu {
	padding: 0 0 0 40px; }

ol,
ul {
	padding: 0;
	list-style-type: none; }

/*
* Corrects list images handled incorrectly in IE7.
*/
nav ul,
nav ol {
	list-style: none;
	list-style-image: none; }

/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
	border: 0; }

/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
	overflow: hidden; }

/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
	margin: 0; }

/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em; }

/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */ }

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
	line-height: normal; }

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
	text-transform: none; }

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */ }

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
	cursor: default; }

/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof).
*/
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box; }

/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0; }

/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */ }

/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
	border-collapse: collapse;
	border-spacing: 0; }

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

.image-replacement,
.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden; }

.clearfix, .cf, .comment-respond {
	zoom: 1; }
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
	content: "";
	display: table; }
.clearfix:after, .cf:after, .comment-respond:after {
	clear: both; }

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic; }

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
FOUNDATION BREAKPOINTS
http://foundation.zurb.com/sites/docs/media-queries.html
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
and place your fonts inside the
library/fonts folder. For more information
on embedding fonts, go to:
http://www.fontsquirrel.com/
Be sure to remove the comment brackets.
*/
@font-face {
	font-family: 'amaticbold';
	src: url("../fonts/amatic-pf-bold-webfont.eot");
	src: url("../fonts/amatic-pf-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amatic-pf-bold-webfont.woff2") format("woff2"), url("../fonts/amatic-pf-bold-webfont.woff") format("woff"), url("../fonts/amatic-pf-bold-webfont.ttf") format("truetype"), url("../fonts/amatic-pf-bold-webfont.svg#amaticbold") format("svg");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'amatic_scregular';
	src: url("../fonts/amaticsc-pf-regular-webfont.eot");
	src: url("../fonts/amaticsc-pf-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amaticsc-pf-regular-webfont.woff2") format("woff2"), url("../fonts/amaticsc-pf-regular-webfont.woff") format("woff"), url("../fonts/amaticsc-pf-regular-webfont.ttf") format("truetype"), url("../fonts/amaticsc-pf-regular-webfont.svg#amatic_scregular") format("svg");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'Gotham Book';
	src: url("../fonts/Gotham-Book.otf") format("opentype");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'Gotham Medium';
	src: url("../fonts/Gotham-Medium2.otf") format("opentype");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'Gotham Bold';
	src: url("../fonts/Gotham-Bold.otf") format("opentype");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'petco_icons';
	src: url("../fonts/icomoon.eot?iwt8p4");
	src: url("../fonts/icomoon.eot?iwt8p4#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?iwt8p4") format("truetype"), url("../fonts/icomoon.woff?iwt8p4") format("woff"), url("../fonts/icomoon.svg?iwt8p4#petco_icons") format("svg");
	font-weight: normal;
	font-style: normal; }

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-Black.eot');
	src: url('../fonts/PetcoCircularCAP-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Black.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Black.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-BlackItalic.eot');
	src: url('../fonts/PetcoCircularCAP-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-BlackItalic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-BlackItalic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP Book';
	src: url('../fonts/PetcoCircularCAP-Book.eot');
	src: url('../fonts/PetcoCircularCAP-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Book.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Book.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Book.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-BoldItalic.eot');
	src: url('../fonts/PetcoCircularCAP-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-BoldItalic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-BoldItalic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-Bold.eot');
	src: url('../fonts/PetcoCircularCAP-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Bold.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Bold.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP Book';
	src: url('../fonts/PetcoCircularCAP-BookItalic.eot');
	src: url('../fonts/PetcoCircularCAP-BookItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-BookItalic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-BookItalic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-BookItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-Light.eot');
	src: url('../fonts/PetcoCircularCAP-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Light.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Light.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-Italic.eot');
	src: url('../fonts/PetcoCircularCAP-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Italic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Italic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-LightItalic.eot');
	src: url('../fonts/PetcoCircularCAP-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-LightItalic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-LightItalic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-MediumItalic.eot');
	src: url('../fonts/PetcoCircularCAP-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-MediumItalic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-MediumItalic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-Medium.eot');
	src: url('../fonts/PetcoCircularCAP-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Medium.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Medium.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-Regular.eot');
	src: url('../fonts/PetcoCircularCAP-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Regular.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Regular.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP Ultra';
	src: url('../fonts/PetcoCircularCAP-Ultra.eot');
	src: url('../fonts/PetcoCircularCAP-Ultra.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Ultra.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Ultra.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Ultra.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-ThinItalic.eot');
	src: url('../fonts/PetcoCircularCAP-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-ThinItalic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-ThinItalic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP';
	src: url('../fonts/PetcoCircularCAP-Thin.eot');
	src: url('../fonts/PetcoCircularCAP-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-Thin.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-Thin.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Petco Circular CAP Ultra';
	src: url('../fonts/PetcoCircularCAP-UltraItalic.eot');
	src: url('../fonts/PetcoCircularCAP-UltraItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PetcoCircularCAP-UltraItalic.woff2') format('woff2'),
		url('../fonts/PetcoCircularCAP-UltraItalic.woff') format('woff'),
		url('../fonts/PetcoCircularCAP-UltraItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'fontello';
	src: url('../fonts/fontello.eot?15190835');
	src: url('../fonts/fontello.eot?15190835#iefix') format('embedded-opentype'),
		url('../fonts/fontello.woff2?15190835') format('woff2'),
		url('../fonts/fontello.woff?15190835') format('woff'),
		url('../fonts/fontello.ttf?15190835') format('truetype'),
		url('../fonts/fontello.svg?15190835#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
i imported this one in the functions file so bones would look sweet.
don't forget to remove it for your site.
*/
/*
petco specific fonts
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/
p {
	-ms-word-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;
	-webkit-font-feature-settings: "liga", "dlig";
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga", "dlig";
	-o-font-feature-settings: "liga", "dlig";
	font-feature-settings: "liga", "dlig"; }

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BREAKPOINTS
*********************/
/**
* Foundation for Sites by ZURB
* Version 6.2.0
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
*    without disabling user zoom.
*/
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */ }

/**
* Remove default margin.
*/
body {
	margin: 0; }

/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block; }

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */ }

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
	display: none;
	height: 0; }

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
	display: none; }

/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
	background-color: transparent; }

/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
	outline: 0; }

/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
	border-bottom: 1px dotted; }

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
	font-weight: bold; }

/**
* Address styling not present in Safari and Chrome.
*/
dfn {
	font-style: italic; }

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
	font-size: 2em;
	margin: 0.67em 0; }

/**
* Address styling not present in IE 8/9.
*/
mark {
	background: #ff0;
	color: #000; }

/**
* Address inconsistent and variable font size in all browsers.
*/
small {
	font-size: 80%; }

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }

sup {
	top: -0.5em; }

sub {
	bottom: -0.25em; }

/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
	border: 0; }

/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
	overflow: hidden; }

/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
	margin: 1em 40px; }

/**
* Address differences between Firefox and other browsers.
*/
hr {
	box-sizing: content-box;
	height: 0; }

/**
* Contain overflow in all browsers.
*/
pre {
	overflow: auto; }

/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em; }

/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */ }

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
	overflow: visible; }

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
	text-transform: none; }

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */ }

/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
	cursor: default; }

/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0; }

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
	line-height: normal; }

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto; }

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	box-sizing: content-box;
	/* 2 */ }

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }

/**
* Define consistent border, margin, and padding.
* [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
*/
/* fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} */
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
	overflow: auto; }

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
	font-weight: bold; }

/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
	border-collapse: collapse;
	border-spacing: 0; }

td,
th {
	padding: 0; }

.foundation-mq {
	font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
	font-size: 100%;
	box-sizing: border-box; }

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

body {
	padding: 0;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.5;
	color: #323944;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block;
	vertical-align: middle; }

textarea {
	height: auto;
	min-height: 50px;
	border-radius: 0; }

select {
	width: 100%;
	border-radius: 0; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
	max-width: none !important; }

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	border-radius: 0;
	line-height: 1; }
[data-whatinput='mouse'] button {
	outline: 0; }

.is-visible {
	display: block !important; }

.is-hidden {
	display: none !important; }

.row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto; }
.row::before, .row::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.row::after {
	clear: both; }
.row.collapse > .column, .row.collapse > .columns {
	padding-left: 0;
	padding-right: 0; }
.row .row {
	max-width: none;
	margin-left: -0.625rem;
	margin-right: -0.625rem;
	max-width: none; }
@media screen and (min-width: 40em) {
	.row .row {
		margin-left: -0.9375rem;
		margin-right: -0.9375rem; } }
.row .row.collapse {
	margin-left: 0;
	margin-right: 0; }
.row.expanded {
	max-width: none; }
.row.expanded .row {
	margin-left: auto;
	margin-right: auto; }

.column, .columns {
	width: 100%;
	float: left;
	padding-left: 0.625rem;
	padding-right: 0.625rem; }
@media screen and (min-width: 40em) {
	.column, .columns {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem; } }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
	float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
	float: left; }

.column.row.row, .row.row.columns {
	float: none; }
.row .column.row.row, .row .row.row.columns {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0; }

.small-1 {
	width: 8.33333%; }

.small-push-1 {
	position: relative;
	left: 8.33333%; }

.small-pull-1 {
	position: relative;
	left: -8.33333%; }

.small-offset-0 {
	margin-left: 0%; }

.small-2 {
	width: 16.66667%; }

.small-push-2 {
	position: relative;
	left: 16.66667%; }

.small-pull-2 {
	position: relative;
	left: -16.66667%; }

.small-offset-1 {
	margin-left: 8.33333%; }

.small-3 {
	width: 25%; }

.small-push-3 {
	position: relative;
	left: 25%; }

.small-pull-3 {
	position: relative;
	left: -25%; }

.small-offset-2 {
	margin-left: 16.66667%; }

.small-4 {
	width: 33.33333%; }

.small-push-4 {
	position: relative;
	left: 33.33333%; }

.small-pull-4 {
	position: relative;
	left: -33.33333%; }

.small-offset-3 {
	margin-left: 25%; }

.small-5 {
	width: 41.66667%; }

.small-push-5 {
	position: relative;
	left: 41.66667%; }

.small-pull-5 {
	position: relative;
	left: -41.66667%; }

.small-offset-4 {
	margin-left: 33.33333%; }

.small-6 {
	width: 50%; }

.small-push-6 {
	position: relative;
	left: 50%; }

.small-pull-6 {
	position: relative;
	left: -50%; }

.small-offset-5 {
	margin-left: 41.66667%; }

.small-7 {
	width: 58.33333%; }

.small-push-7 {
	position: relative;
	left: 58.33333%; }

.small-pull-7 {
	position: relative;
	left: -58.33333%; }

.small-offset-6 {
	margin-left: 50%; }

.small-8 {
	width: 66.66667%; }

.small-push-8 {
	position: relative;
	left: 66.66667%; }

.small-pull-8 {
	position: relative;
	left: -66.66667%; }

.small-offset-7 {
	margin-left: 58.33333%; }

.small-9 {
	width: 75%; }

.small-push-9 {
	position: relative;
	left: 75%; }

.small-pull-9 {
	position: relative;
	left: -75%; }

.small-offset-8 {
	margin-left: 66.66667%; }

.small-10 {
	width: 83.33333%; }

.small-push-10 {
	position: relative;
	left: 83.33333%; }

.small-pull-10 {
	position: relative;
	left: -83.33333%; }

.small-offset-9 {
	margin-left: 75%; }

.small-11 {
	width: 91.66667%; }

.small-push-11 {
	position: relative;
	left: 91.66667%; }

.small-pull-11 {
	position: relative;
	left: -91.66667%; }

.small-offset-10 {
	margin-left: 83.33333%; }

.small-12 {
	width: 100%; }

.small-offset-11 {
	margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns {
	width: 100%;
	float: left; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
	clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
	float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
	width: 50%;
	float: left; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
	clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
	float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
	width: 33.33333%;
	float: left; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
	clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
	float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
	width: 25%;
	float: left; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
	clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
	float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
	width: 20%;
	float: left; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
	clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
	float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
	width: 16.66667%;
	float: left; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
	clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
	float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
	width: 14.28571%;
	float: left; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
	clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
	float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
	width: 12.5%;
	float: left; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
	clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
	clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
	float: left; }

.small-collapse > .column, .small-collapse > .columns {
	padding-left: 0;
	padding-right: 0; }

.small-collapse .row {
	margin-left: 0;
	margin-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
	padding-left: 0.625rem;
	padding-right: 0.625rem; }

.small-centered {
	float: none;
	margin-left: auto;
	margin-right: auto; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
	position: static;
	margin-left: 0;
	margin-right: 0;
	float: left; }

@media screen and (min-width: 40em) {
	.medium-1 {
		width: 8.33333%; }
	.medium-push-1 {
		position: relative;
		left: 8.33333%; }
	.medium-pull-1 {
		position: relative;
		left: -8.33333%; }
	.medium-offset-0 {
		margin-left: 0%; }
	.medium-2 {
		width: 16.66667%; }
	.medium-push-2 {
		position: relative;
		left: 16.66667%; }
	.medium-pull-2 {
		position: relative;
		left: -16.66667%; }
	.medium-offset-1 {
		margin-left: 8.33333%; }
	.medium-3 {
		width: 25%; }
	.medium-push-3 {
		position: relative;
		left: 25%; }
	.medium-pull-3 {
		position: relative;
		left: -25%; }
	.medium-offset-2 {
		margin-left: 16.66667%; }
	.medium-4 {
		width: 33.33333%; }
	.medium-push-4 {
		position: relative;
		left: 33.33333%; }
	.medium-pull-4 {
		position: relative;
		left: -33.33333%; }
	.medium-offset-3 {
		margin-left: 25%; }
	.medium-5 {
		width: 41.66667%; }
	.medium-push-5 {
		position: relative;
		left: 41.66667%; }
	.medium-pull-5 {
		position: relative;
		left: -41.66667%; }
	.medium-offset-4 {
		margin-left: 33.33333%; }
	.medium-6 {
		width: 50%; }
	.medium-push-6 {
		position: relative;
		left: 50%; }
	.medium-pull-6 {
		position: relative;
		left: -50%; }
	.medium-offset-5 {
		margin-left: 41.66667%; }
	.medium-7 {
		width: 58.33333%; }
	.medium-push-7 {
		position: relative;
		left: 58.33333%; }
	.medium-pull-7 {
		position: relative;
		left: -58.33333%; }
	.medium-offset-6 {
		margin-left: 50%; }
	.medium-8 {
		width: 66.66667%; }
	.medium-push-8 {
		position: relative;
		left: 66.66667%; }
	.medium-pull-8 {
		position: relative;
		left: -66.66667%; }
	.medium-offset-7 {
		margin-left: 58.33333%; }
	.medium-9 {
		width: 75%; }
	.medium-push-9 {
		position: relative;
		left: 75%; }
	.medium-pull-9 {
		position: relative;
		left: -75%; }
	.medium-offset-8 {
		margin-left: 66.66667%; }
	.medium-10 {
		width: 83.33333%; }
	.medium-push-10 {
		position: relative;
		left: 83.33333%; }
	.medium-pull-10 {
		position: relative;
		left: -83.33333%; }
	.medium-offset-9 {
		margin-left: 75%; }
	.medium-11 {
		width: 91.66667%; }
	.medium-push-11 {
		position: relative;
		left: 91.66667%; }
	.medium-pull-11 {
		position: relative;
		left: -91.66667%; }
	.medium-offset-10 {
		margin-left: 83.33333%; }
	.medium-12 {
		width: 100%; }
	.medium-offset-11 {
		margin-left: 91.66667%; }
	.medium-up-1 > .column, .medium-up-1 > .columns {
		width: 100%;
		float: left; }
	.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
		clear: both; }
	.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
		float: left; }
	.medium-up-2 > .column, .medium-up-2 > .columns {
		width: 50%;
		float: left; }
	.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
		clear: both; }
	.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
		float: left; }
	.medium-up-3 > .column, .medium-up-3 > .columns {
		width: 33.33333%;
		float: left; }
	.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
		clear: both; }
	.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
		float: left; }
	.medium-up-4 > .column, .medium-up-4 > .columns {
		width: 25%;
		float: left; }
	.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
		clear: both; }
	.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
		float: left; }
	.medium-up-5 > .column, .medium-up-5 > .columns {
		width: 20%;
		float: left; }
	.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
		clear: both; }
	.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
		float: left; }
	.medium-up-6 > .column, .medium-up-6 > .columns {
		width: 16.66667%;
		float: left; }
	.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
		clear: both; }
	.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
		float: left; }
	.medium-up-7 > .column, .medium-up-7 > .columns {
		width: 14.28571%;
		float: left; }
	.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
		clear: both; }
	.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
		float: left; }
	.medium-up-8 > .column, .medium-up-8 > .columns {
		width: 12.5%;
		float: left; }
	.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
		clear: none; }
	.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
		clear: both; }
	.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
		float: left; }
	.medium-collapse > .column, .medium-collapse > .columns {
		padding-left: 0;
		padding-right: 0; }
	.medium-collapse .row {
		margin-left: 0;
		margin-right: 0; }
	.medium-uncollapse > .column, .medium-uncollapse > .columns {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem; }
	.medium-centered {
		float: none;
		margin-left: auto;
		margin-right: auto; }
	.medium-uncentered,
	.medium-push-0,
	.medium-pull-0 {
		position: static;
		margin-left: 0;
		margin-right: 0;
		float: left; } }

@media screen and (min-width: 64em) {
	.large-1 {
		width: 8.33333%; }
	.large-push-1 {
		position: relative;
		left: 8.33333%; }
	.large-pull-1 {
		position: relative;
		left: -8.33333%; }
	.large-offset-0 {
		margin-left: 0%; }
	.large-2 {
		width: 16.66667%; }
	.large-push-2 {
		position: relative;
		left: 16.66667%; }
	.large-pull-2 {
		position: relative;
		left: -16.66667%; }
	.large-offset-1 {
		margin-left: 8.33333%; }
	.large-3 {
		width: 25%; }
	.large-push-3 {
		position: relative;
		left: 25%; }
	.large-pull-3 {
		position: relative;
		left: -25%; }
	.large-offset-2 {
		margin-left: 16.66667%; }
	.large-4 {
		width: 33.33333%; }
	.large-push-4 {
		position: relative;
		left: 33.33333%; }
	.large-pull-4 {
		position: relative;
		left: -33.33333%; }
	.large-offset-3 {
		margin-left: 25%; }
	.large-5 {
		width: 41.66667%; }
	.large-push-5 {
		position: relative;
		left: 41.66667%; }
	.large-pull-5 {
		position: relative;
		left: -41.66667%; }
	.large-offset-4 {
		margin-left: 33.33333%; }
	.large-6 {
		width: 50%; }
	.large-push-6 {
		position: relative;
		left: 50%; }
	.large-pull-6 {
		position: relative;
		left: -50%; }
	.large-offset-5 {
		margin-left: 41.66667%; }
	.large-7 {
		width: 58.33333%; }
	.large-push-7 {
		position: relative;
		left: 58.33333%; }
	.large-pull-7 {
		position: relative;
		left: -58.33333%; }
	.large-offset-6 {
		margin-left: 50%; }
	.large-8 {
		width: 66.66667%; }
	.large-push-8 {
		position: relative;
		left: 66.66667%; }
	.large-pull-8 {
		position: relative;
		left: -66.66667%; }
	.large-offset-7 {
		margin-left: 58.33333%; }
	.large-9 {
		width: 75%; }
	.large-push-9 {
		position: relative;
		left: 75%; }
	.large-pull-9 {
		position: relative;
		left: -75%; }
	.large-offset-8 {
		margin-left: 66.66667%; }
	.large-10 {
		width: 83.33333%; }
	.large-push-10 {
		position: relative;
		left: 83.33333%; }
	.large-pull-10 {
		position: relative;
		left: -83.33333%; }
	.large-offset-9 {
		margin-left: 75%; }
	.large-11 {
		width: 91.66667%; }
	.large-push-11 {
		position: relative;
		left: 91.66667%; }
	.large-pull-11 {
		position: relative;
		left: -91.66667%; }
	.large-offset-10 {
		margin-left: 83.33333%; }
	.large-12 {
		width: 100%; }
	.large-offset-11 {
		margin-left: 91.66667%; }
	.large-up-1 > .column, .large-up-1 > .columns {
		width: 100%;
		float: left; }
	.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
		clear: both; }
	.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
		float: left; }
	.large-up-2 > .column, .large-up-2 > .columns {
		width: 50%;
		float: left; }
	.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
		clear: both; }
	.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
		float: left; }
	.large-up-3 > .column, .large-up-3 > .columns {
		width: 33.33333%;
		float: left; }
	.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
		clear: both; }
	.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
		float: left; }
	.large-up-4 > .column, .large-up-4 > .columns {
		width: 25%;
		float: left; }
	.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
		clear: both; }
	.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
		float: left; }
	.large-up-5 > .column, .large-up-5 > .columns {
		width: 20%;
		float: left; }
	.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
		clear: both; }
	.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
		float: left; }
	.large-up-6 > .column, .large-up-6 > .columns {
		width: 16.66667%;
		float: left; }
	.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
		clear: both; }
	.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
		float: left; }
	.large-up-7 > .column, .large-up-7 > .columns {
		width: 14.28571%;
		float: left; }
	.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
		clear: both; }
	.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
		float: left; }
	.large-up-8 > .column, .large-up-8 > .columns {
		width: 12.5%;
		float: left; }
	.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
		clear: none; }
	.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
		clear: both; }
	.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
		float: left; }
	.large-collapse > .column, .large-collapse > .columns {
		padding-left: 0;
		padding-right: 0; }
	.large-collapse .row {
		margin-left: 0;
		margin-right: 0; }
	.large-uncollapse > .column, .large-uncollapse > .columns {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem; }
	.large-centered {
		float: none;
		margin-left: auto;
		margin-right: auto; }
	.large-uncentered,
	.large-push-0,
	.large-pull-0 {
		position: static;
		margin-left: 0;
		margin-right: 0;
		float: left; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0; }

p {
	font-size: inherit;
	line-height: 1.6;
	margin-bottom: 1rem;
	text-rendering: optimizeLegibility; }

em,
i {
	font-style: italic;
	line-height: inherit; }

strong,
b {
	font-weight: bold;
	line-height: inherit; }

small {
	font-size: 80%;
	line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: inherit;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 0.5rem;
	line-height: 1.4; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	color: #cacaca;
	line-height: 0; }

h1 {
	font-size: 1.5rem; }

h2 {
	font-size: 1.25rem; }

h3 {
	font-size: 1.1875rem; }

h4 {
	font-size: 1.125rem; }

h5 {
	font-size: 1.0625rem; }

h6 {
	font-size: 1rem; }

@media screen and (min-width: 40em) {
	h1 {
		font-size: 3rem; }
	h2 {
		font-size: 2.5rem; }
	h3 {
		font-size: 1.9375rem; }
	h4 {
		font-size: 1.5625rem; }
	h5 {
		font-size: 1.25rem; }
	h6 {
		font-size: 1rem; } }

a {
	color: #2199e8;
	text-decoration: none;
	line-height: inherit;
	cursor: pointer; }
a:hover, a:focus {
	color: #1585cf; }
a img {
	border: 0; }

hr {
	max-width: 75rem;
	height: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 1px solid #cacaca;
	border-left: 0;
	margin: 1.25rem auto;
	clear: both; }

ul,
ol,
dl {
	line-height: 1.6;
	margin-bottom: 1rem;
	list-style-position: outside; }

li {
	font-size: inherit; }

ul {
	list-style-type: disc;
	margin-left: 1.25rem; }

ol {
	margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
	margin-left: 1.25rem;
	margin-bottom: 0; }

dl {
	margin-bottom: 1rem; }
dl dt {
	margin-bottom: 0.3rem;
	font-weight: bold; }

blockquote {
	margin: 0 0 1rem;
	padding: 0.5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #cacaca; }
blockquote, blockquote p {
	line-height: 1.6;
	color: #8a8a8a; }

cite {
	display: block;
	font-size: 0.8125rem;
	color: #8a8a8a; }
cite:before {
	content: '\2014 \0020'; }

abbr {
	color: #323944;
	cursor: help;
	border-bottom: 1px dotted #323944; }

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: normal;
	color: #323944;
	background-color: #f8f9fa;
	border: 1px solid #cacaca;
	padding: 0.125rem 0.3125rem 0.0625rem; }

kbd {
	padding: 0.125rem 0.25rem 0;
	margin: 0;
	background-color: #f8f9fa;
	color: #323944;
	font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader {
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	font-weight: normal;
	line-height: 1.4;
	color: #8a8a8a; }

.lead {
	font-size: 125%;
	line-height: 1.6; }

.stat {
	font-size: 2.5rem;
	line-height: 1; }
p + .stat {
	margin-top: -1rem; }

.no-bullet {
	margin-left: 0;
	list-style: none; }

.text-left {
	text-align: left; }

.text-right {
	text-align: right; }

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

.text-justify {
	text-align: justify; }

@media screen and (min-width: 40em) {
	.medium-text-left {
		text-align: left; }
	.medium-text-right {
		text-align: right; }
	.medium-text-center {
		text-align: center; }
	.medium-text-justify {
		text-align: justify; } }

@media screen and (min-width: 64em) {
	.large-text-left {
		text-align: left; }
	.large-text-right {
		text-align: right; }
	.large-text-center {
		text-align: center; }
	.large-text-justify {
		text-align: justify; } }

.show-for-print {
	display: none !important; }

@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important; }
	.show-for-print {
		display: block !important; }
	.hide-for-print {
		display: none !important; }
	table.show-for-print {
		display: table !important; }
	thead.show-for-print {
		display: table-header-group !important; }
	tbody.show-for-print {
		display: table-row-group !important; }
	tr.show-for-print {
		display: table-row !important; }
	td.show-for-print {
		display: table-cell !important; }
	th.show-for-print {
		display: table-cell !important; }
	a,
	a:visited {
		text-decoration: underline; }
	a[href]:after {
		content: " (" attr(href) ")"; }
	.ir a:after,
	a[href^='javascript:']:after,
	a[href^='#']:after {
		content: ''; }
	abbr[title]:after {
		content: " (" attr(title) ")"; }
	pre,
	blockquote {
		border: 1px solid #8a8a8a;
		page-break-inside: avoid; }
	thead {
		display: table-header-group; }
	tr,
	img {
		page-break-inside: avoid; }
	img {
		max-width: 100% !important; }
	@page {
		margin: 0.5cm; }
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3; }
	h2,
	h3 {
		page-break-after: avoid; } }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.4375rem;
	padding: 0.5rem;
	border: 1px solid #cacaca;
	margin: 0 0 1rem;
	font-family: inherit;
	font-size: 1rem;
	color: #323944;
	background-color: #fff;
	box-shadow: inset 0 1px 2px rgba(50, 57, 68, 0.1);
	border-radius: 0;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
	border: 1px solid #8a8a8a;
	background-color: #fff;
	outline: none;
	box-shadow: 0 0 5px #cacaca;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
	max-width: 100%; }
textarea[rows] {
	height: auto; }

input::placeholder,
textarea::placeholder {
	color: #cacaca; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
	background-color: #f8f9fa;
	cursor: default; }

[type='submit'],
[type='button'] {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none; }

input[type='search'] {
	box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
	margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
	cursor: pointer; }

label > [type='checkbox'],
label > [type='radio'] {
	margin-right: 0.5rem; }

[type='file'] {
	width: 100%; }

label {
	display: block;
	margin: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.8;
	color: #323944; }
label.middle {
	margin: 0 0 1rem;
	padding: 0.5625rem 0; }

.help-text {
	margin-top: -0.5rem;
	font-size: 0.8125rem;
	font-style: italic;
	color: #323944; }

.input-group {
	display: table;
	width: 100%;
	margin-bottom: 1rem; }
.input-group > :first-child {
	border-radius: 0 0 0 0; }
.input-group > :last-child > * {
	border-radius: 0 0 0 0; }

.input-group-label, .input-group-field, .input-group-button {
	margin: 0;
	display: table-cell;
	vertical-align: middle; }

.input-group-label {
	text-align: center;
	padding: 0 1rem;
	background: #f8f9fa;
	color: #323944;
	border: 1px solid #cacaca;
	white-space: nowrap;
	width: 1%;
	height: 100%; }
.input-group-label:first-child {
	border-right: 0; }
.input-group-label:last-child {
	border-left: 0; }

.input-group-field {
	border-radius: 0;
	height: 2.5rem; }

.input-group-button {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
	height: 100%;
	width: 1%; }
.input-group-button a,
.input-group-button input,
.input-group-button button {
	margin: 0; }

.input-group .input-group-button {
	display: table-cell; }

fieldset {
	border: 0;
	padding: 0;
	margin: 0; }

legend {
	margin-bottom: 0.5rem;
	max-width: 100%; }

.fieldset {
	border: 1px solid #cacaca;
	padding: 1.25rem;
	margin: 1.125rem 0; }
.fieldset legend {
	background: #fff;
	padding: 0 0.1875rem;
	margin: 0;
	margin-left: -0.1875rem; }

select {
	height: 2.4375rem;
	padding: 0.5rem;
	border: 1px solid #cacaca;
	margin: 0 0 1rem;
	font-size: 1rem;
	font-family: inherit;
	line-height: normal;
	color: #323944;
	background-color: #fff;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
	background-size: 9px 6px;
	background-position: right center;
	background-origin: content-box;
	background-repeat: no-repeat; }
@media screen and (min-width: 0\0) {
	select {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:disabled {
	background-color: #f8f9fa;
	cursor: default; }
select::-ms-expand {
	display: none; }
select[multiple] {
	height: auto;
	background-image: none; }

.is-invalid-input:not(:focus) {
	background-color: rgba(236, 88, 64, 0.1);
	border-color: #ec5840; }

.is-invalid-label {
	color: #ec5840; }

.form-error {
	display: none;
	margin-top: -0.5rem;
	margin-bottom: 1rem;
	font-size: 0.75rem;
	font-weight: bold;
	color: #ec5840; }
.form-error.is-visible {
	display: block; }

.button {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 0.85em 1em;
	margin: 0 0 1rem 0;
	font-size: 0.9rem;
	background-color: #2199e8;
	color: #fff; }
[data-whatinput='mouse'] .button {
	outline: 0; }
.button:hover, .button:focus {
	background-color: #1583cc;
	color: #fff; }
.button.tiny {
	font-size: 0.6rem; }
.button.small {
	font-size: 0.75rem; }
.button.large {
	font-size: 1.25rem; }
.button.expanded {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0; }
.button.primary {
	background-color: #2199e8;
	color: #fff; }
.button.primary:hover, .button.primary:focus {
	background-color: #147cc0;
	color: #fff; }
.button.secondary {
	background-color: #777;
	color: #fff; }
.button.secondary:hover, .button.secondary:focus {
	background-color: #5f5f5f;
	color: #fff; }
.button.success {
	background-color: #3adb76;
	color: #fff; }
.button.success:hover, .button.success:focus {
	background-color: #22bb5b;
	color: #fff; }
.button.warning {
	background-color: #ffae00;
	color: #fff; }
.button.warning:hover, .button.warning:focus {
	background-color: #cc8b00;
	color: #fff; }
.button.alert {
	background-color: #ec5840;
	color: #fff; }
.button.alert:hover, .button.alert:focus {
	background-color: #da3116;
	color: #fff; }
.button.hollow {
	border: 1px solid #2199e8;
	color: #2199e8; }
.button.hollow, .button.hollow:hover, .button.hollow:focus {
	background-color: transparent; }
.button.hollow:hover, .button.hollow:focus {
	border-color: #0c4d78;
	color: #0c4d78; }
.button.hollow.primary {
	border: 1px solid #2199e8;
	color: #2199e8; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
	border-color: #0c4d78;
	color: #0c4d78; }
.button.hollow.secondary {
	border: 1px solid #777;
	color: #777; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
	border-color: #3c3c3c;
	color: #3c3c3c; }
.button.hollow.success {
	border: 1px solid #3adb76;
	color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus {
	border-color: #157539;
	color: #157539; }
.button.hollow.warning {
	border: 1px solid #ffae00;
	color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
	border-color: #805700;
	color: #805700; }
.button.hollow.alert {
	border: 1px solid #ec5840;
	color: #ec5840; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
	border-color: #881f0e;
	color: #881f0e; }
.button.disabled, .button[disabled] {
	opacity: 0.25;
	cursor: not-allowed;
	pointer-events: none; }
.button.dropdown::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 0.4em;
	border-color: #fff transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	position: relative;
	top: 0.4em;
	float: right;
	margin-left: 1em;
	display: inline-block; }
.button.arrow-only::after {
	margin-left: 0;
	float: none;
	top: -0.1em; }

.accordion {
	list-style-type: none;
	background: #fff;
	border: 1px solid #f8f9fa;
	border-bottom: 0;
	border-radius: 0;
	margin-left: 0; }

.accordion-title {
	display: block;
	padding: 1.25rem 1rem;
	line-height: 1;
	font-size: 0.75rem;
	color: #2199e8;
	position: relative;
	border-bottom: 1px solid #f8f9fa; }
.accordion-title:hover, .accordion-title:focus {
	background-color: #f8f9fa; }
.accordion-title::before {
	content: '+';
	position: absolute;
	right: 1rem;
	top: 50%;
	margin-top: -0.5rem; }
.is-active > .accordion-title::before {
	content: '–'; }

.accordion-content {
	padding: 1rem;
	display: none;
	border-bottom: 1px solid #f8f9fa;
	background-color: #fff; }

.is-accordion-submenu-parent > a {
	position: relative; }
.is-accordion-submenu-parent > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-color: #2199e8 transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
	transform-origin: 50% 50%;
	transform: scaleY(-1); }

.badge {
	display: inline-block;
	padding: 0.3em;
	min-width: 2.1em;
	font-size: 0.6rem;
	text-align: center;
	border-radius: 50%;
	background: #2199e8;
	color: #fff; }
.badge.secondary {
	background: #777;
	color: #fff; }
.badge.success {
	background: #3adb76;
	color: #fff; }
.badge.warning {
	background: #ffae00;
	color: #fff; }
.badge.alert {
	background: #ec5840;
	color: #fff; }

.breadcrumbs {
	list-style: none;
	margin: 0 0 1rem 0; }
.breadcrumbs::before, .breadcrumbs::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.breadcrumbs::after {
	clear: both; }
.breadcrumbs li {
	float: left;
	color: #323944;
	font-size: 0.6875rem;
	cursor: default;
	text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
	color: #cacaca;
	content: "/";
	margin: 0 0.75rem;
	position: relative;
	top: 1px;
	opacity: 1; }
.breadcrumbs a {
	color: #2199e8; }
.breadcrumbs a:hover {
	text-decoration: underline; }
.breadcrumbs .disabled {
	color: #cacaca; }

.button-group {
	margin-bottom: 1rem;
	font-size: 0; }
.button-group::before, .button-group::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.button-group::after {
	clear: both; }
.button-group .button {
	margin: 0;
	font-size: 0.9rem;
	float: left; }
.button-group .button:not(:last-child) {
	border-right: 1px solid #fff; }
.button-group.tiny .button {
	font-size: 0.6rem; }
.button-group.small .button {
	font-size: 0.75rem; }
.button-group.large .button {
	font-size: 1.25rem; }
.button-group.expanded {
	margin-right: -1px; }
.button-group.expanded::before, .button-group.expanded::after {
	display: none; }
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
	display: inline-block;
	width: 50%;
	margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
	display: inline-block;
	width: 33.33333%;
	margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
	display: inline-block;
	width: 25%;
	margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
	display: inline-block;
	width: 20%;
	margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
	display: inline-block;
	width: 16.66667%;
	margin-right: 1px; }
.button-group.primary .button {
	background-color: #2199e8;
	color: #fff; }
.button-group.primary .button:hover, .button-group.primary .button:focus {
	background-color: #147cc0;
	color: #fff; }
.button-group.secondary .button {
	background-color: #777;
	color: #fff; }
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
	background-color: #5f5f5f;
	color: #fff; }
.button-group.success .button {
	background-color: #3adb76;
	color: #fff; }
.button-group.success .button:hover, .button-group.success .button:focus {
	background-color: #22bb5b;
	color: #fff; }
.button-group.warning .button {
	background-color: #ffae00;
	color: #fff; }
.button-group.warning .button:hover, .button-group.warning .button:focus {
	background-color: #cc8b00;
	color: #fff; }
.button-group.alert .button {
	background-color: #ec5840;
	color: #fff; }
.button-group.alert .button:hover, .button-group.alert .button:focus {
	background-color: #da3116;
	color: #fff; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
	width: 100%; }
.button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) {
	margin-right: 0; }
@media screen and (min-width: 40em) {
	.button-group.stacked-for-small .button {
		width: auto; }
	.button-group.stacked-for-small .button:not(:last-child) {
		margin-right: 1px; } }
@media screen and (min-width: 64em) {
	.button-group.stacked-for-medium .button {
		width: auto; }
	.button-group.stacked-for-medium .button:not(:last-child) {
		margin-right: 1px; } }
@media screen and (max-width: 39.9375em) {
	.button-group.stacked-for-small.expanded {
		display: block; }
	.button-group.stacked-for-small.expanded .button {
		display: block;
		margin-right: 0; } }

.callout {
	margin: 0 0 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(50, 57, 68, 0.25);
	border-radius: 0;
	position: relative;
	color: #323944;
	background-color: white; }
.callout > :first-child {
	margin-top: 0; }
.callout > :last-child {
	margin-bottom: 0; }
.callout.primary {
	background-color: #def0fc; }
.callout.secondary {
	background-color: #ebebeb; }
.callout.success {
	background-color: #e1faea; }
.callout.warning {
	background-color: #fff3d9; }
.callout.alert {
	background-color: #fce6e2; }
.callout.small {
	padding-top: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 0.5rem; }
.callout.large {
	padding-top: 3rem;
	padding-right: 3rem;
	padding-bottom: 3rem;
	padding-left: 3rem; }

.close-button {
	position: absolute;
	color: #8a8a8a;
	right: 1rem;
	top: 0.5rem;
	font-size: 2em;
	line-height: 1;
	cursor: pointer; }
[data-whatinput='mouse'] .close-button {
	outline: 0; }
.close-button:hover, .close-button:focus {
	color: #323944; }

.menu {
	margin: 0;
	list-style-type: none; }
.menu > li {
	display: table-cell;
	vertical-align: middle; }
[data-whatinput='mouse'] .menu > li {
	outline: 0; }
.menu > li > a {
	display: block;
	padding: 0.7rem 1rem;
	line-height: 1; }
.menu input,
.menu a,
.menu button {
	margin-bottom: 0; }
.menu > li > a img,
.menu > li > a i {
	vertical-align: middle; }
.menu > li > a i + span,
.menu > li > a img + span {
	vertical-align: middle; }
.menu > li > a img,
.menu > li > a i {
	margin-right: 0.25rem;
	display: inline-block; }
.menu > li {
	display: table-cell; }
.menu.vertical > li {
	display: block; }
@media screen and (min-width: 40em) {
	.menu.medium-horizontal > li {
		display: table-cell; }
	.menu.medium-vertical > li {
		display: block; } }
@media screen and (min-width: 64em) {
	.menu.large-horizontal > li {
		display: table-cell; }
	.menu.large-vertical > li {
		display: block; } }
.menu.simple li {
	line-height: 1;
	display: inline-block;
	margin-right: 1rem; }
.menu.simple a {
	padding: 0; }
.menu.align-right::before, .menu.align-right::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.menu.align-right::after {
	clear: both; }
.menu.align-right > li {
	float: right; }
.menu.expanded {
	width: 100%;
	display: table;
	table-layout: fixed; }
.menu.expanded > li:first-child:last-child {
	width: 100%; }
.menu.icon-top > li > a {
	text-align: center; }
.menu.icon-top > li > a img,
.menu.icon-top > li > a i {
	display: block;
	margin: 0 auto 0.25rem; }
.menu.nested {
	margin-left: 1rem; }
.menu .active > a {
	color: #fff;
	background: #2199e8; }

.menu-text {
	font-weight: bold;
	color: inherit;
	line-height: 1;
	padding-top: 0;
	padding-bottom: 0;
	padding: 0.7rem 1rem; }

.menu-centered {
	text-align: center; }
.menu-centered > .menu {
	display: inline-block; }

.no-js [data-responsive-menu] ul {
	display: none; }

.menu-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 20px;
	height: 16px; }
.menu-icon::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #fff;
	top: 0;
	left: 0;
	box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; }
.menu-icon:hover::after {
	background: #cacaca;
	box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 20px;
	height: 16px; }
.menu-icon.dark::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #323944;
	top: 0;
	left: 0;
	box-shadow: 0 7px 0 #323944, 0 14px 0 #323944; }
.menu-icon.dark:hover::after {
	background: #8a8a8a;
	box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.is-drilldown {
	position: relative;
	overflow: hidden; }
.is-drilldown li {
	display: block !important; }

.is-drilldown-submenu {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -1;
	height: 100%;
	width: 100%;
	background: #fff;
	transition: transform 0.15s linear; }
.is-drilldown-submenu.is-active {
	z-index: 1;
	display: block;
	transform: translateX(-100%); }
.is-drilldown-submenu.is-closing {
	transform: translateX(100%); }

.is-drilldown-submenu-parent > a {
	position: relative; }
.is-drilldown-submenu-parent > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-color: transparent transparent transparent #2199e8;
	border-left-style: solid;
	border-right-width: 0;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 1rem; }

.js-drilldown-back > a::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	border-color: transparent #2199e8 transparent transparent;
	border-right-style: solid;
	border-left-width: 0;
	border-left-width: 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.75rem; }

.dropdown-pane {
	background-color: #fff;
	border: 1px solid #cacaca;
	border-radius: 0;
	display: block;
	font-size: 1rem;
	padding: 1rem;
	position: absolute;
	visibility: hidden;
	width: 300px;
	z-index: 10; }
.dropdown-pane.is-open {
	visibility: visible; }

.dropdown-pane.tiny {
	width: 100px; }

.dropdown-pane.small {
	width: 200px; }

.dropdown-pane.large {
	width: 400px; }

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
	left: auto;
	right: 0;
	top: 100%; }

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
	right: auto;
	left: 0;
	top: 100%; }

.dropdown.menu > li.is-dropdown-submenu-parent > a {
	padding-right: 1.5rem;
	position: relative; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: #2199e8 transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	right: 5px;
	margin-top: -2px; }

[data-whatinput='mouse'] .dropdown.menu a {
	outline: 0; }

.no-js .dropdown.menu ul {
	display: none; }

.dropdown.menu.vertical > li .is-dropdown-submenu {
	top: 0; }

.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
	left: auto;
	right: 100%; }

.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
	right: auto;
	left: 100%; }

.dropdown.menu.vertical > li > a::after {
	right: 14px;
	margin-top: -3px; }

.dropdown.menu.vertical > li.opens-left > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent #2199e8 transparent transparent;
	border-right-style: solid;
	border-left-width: 0; }

.dropdown.menu.vertical > li.opens-right > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent transparent transparent #2199e8;
	border-left-style: solid;
	border-right-width: 0; }

@media screen and (min-width: 40em) {
	.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
		left: auto;
		right: 0;
		top: 100%; }
	.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
		right: auto;
		left: 0;
		top: 100%; }
	.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
		padding-right: 1.5rem;
		position: relative; }
	.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: #2199e8 transparent transparent;
		border-top-style: solid;
		border-bottom-width: 0;
		right: 5px;
		margin-top: -2px; }
	.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
		top: 0; }
	.dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
		left: auto;
		right: 100%; }
	.dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
		right: auto;
		left: 100%; }
	.dropdown.menu.medium-vertical > li > a::after {
		right: 14px;
		margin-top: -3px; }
	.dropdown.menu.medium-vertical > li.opens-left > a::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: transparent #2199e8 transparent transparent;
		border-right-style: solid;
		border-left-width: 0; }
	.dropdown.menu.medium-vertical > li.opens-right > a::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: transparent transparent transparent #2199e8;
		border-left-style: solid;
		border-right-width: 0; } }

@media screen and (min-width: 64em) {
	.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
		left: auto;
		right: 0;
		top: 100%; }
	.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
		right: auto;
		left: 0;
		top: 100%; }
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
		padding-right: 1.5rem;
		position: relative; }
	.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: #2199e8 transparent transparent;
		border-top-style: solid;
		border-bottom-width: 0;
		right: 5px;
		margin-top: -2px; }
	.dropdown.menu.large-vertical > li .is-dropdown-submenu {
		top: 0; }
	.dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
		left: auto;
		right: 100%; }
	.dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
		right: auto;
		left: 100%; }
	.dropdown.menu.large-vertical > li > a::after {
		right: 14px;
		margin-top: -3px; }
	.dropdown.menu.large-vertical > li.opens-left > a::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: transparent #2199e8 transparent transparent;
		border-right-style: solid;
		border-left-width: 0; }
	.dropdown.menu.large-vertical > li.opens-right > a::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border: inset 5px;
		border-color: transparent transparent transparent #2199e8;
		border-left-style: solid;
		border-right-width: 0; } }

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
	top: 100%;
	left: auto;
	right: 0; }

.is-dropdown-menu.vertical {
	width: 100px; }
.is-dropdown-menu.vertical.align-right {
	float: right; }

.is-dropdown-submenu-parent {
	position: relative; }
.is-dropdown-submenu-parent a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -2px; }
.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
	top: 100%; }
.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
	left: auto;
	right: 100%; }

.is-dropdown-submenu {
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 200px;
	z-index: 1;
	background: #fff;
	border: 1px solid #cacaca; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
	right: 14px;
	margin-top: -3px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent #2199e8 transparent transparent;
	border-right-style: solid;
	border-left-width: 0; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 5px;
	border-color: transparent transparent transparent #2199e8;
	border-left-style: solid;
	border-right-width: 0; }
.is-dropdown-submenu .is-dropdown-submenu {
	margin-top: -1px; }
.is-dropdown-submenu > li {
	width: 100%; }
.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active {
	display: block; }

.flex-video {
	position: relative;
	height: 0;
	padding-bottom: 75%;
	margin-bottom: 1rem;
	overflow: hidden; }
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
.flex-video.widescreen {
	padding-bottom: 56.25%; }
.flex-video.vimeo {
	padding-top: 0; }

.label {
	display: inline-block;
	padding: 0.33333rem 0.5rem;
	font-size: 0.8rem;
	line-height: 1;
	white-space: nowrap;
	cursor: default;
	border-radius: 0;
	background: #2199e8;
	color: #fff; }
.label.secondary {
	background: #777;
	color: #fff; }
.label.success {
	background: #3adb76;
	color: #fff; }
.label.warning {
	background: #ffae00;
	color: #fff; }
.label.alert {
	background: #ec5840;
	color: #fff; }

.media-object {
	margin-bottom: 1rem;
	display: block; }
.media-object img {
	max-width: none; }
@media screen and (max-width: 39.9375em) {
	.media-object.stack-for-small .media-object-section {
		padding: 0;
		padding-bottom: 1rem;
		display: block; }
	.media-object.stack-for-small .media-object-section img {
		width: 100%; } }

.media-object-section {
	display: table-cell;
	vertical-align: top; }
.media-object-section:first-child {
	padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) {
	padding-left: 1rem; }
.media-object-section.middle {
	vertical-align: middle; }
.media-object-section.bottom {
	vertical-align: bottom; }

html,
body {
	height: 100%; }

.off-canvas-wrapper {
	width: 100%;
	overflow-x: hidden;
	position: relative;
	backface-visibility: hidden;
	-webkit-overflow-scrolling: auto; }

.off-canvas-wrapper-inner {
	position: relative;
	width: 100%;
	transition: transform 0.5s ease; }
.off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.off-canvas-wrapper-inner::after {
	clear: both; }

.off-canvas-content,
.off-canvas-content {
	min-height: 100%;
	background: #fff;
	transition: transform 0.5s ease;
	backface-visibility: hidden;
	z-index: 1;
	padding-bottom: 0.1px;
	box-shadow: 0 0 10px rgba(50, 57, 68, 0.5); }

.js-off-canvas-exit {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.25);
	cursor: pointer;
	transition: background 0.5s ease; }

.off-canvas {
	position: absolute;
	background: #f8f9fa;
	z-index: -1;
	max-height: 100%;
	overflow-y: auto;
	transform: translateX(0); }
[data-whatinput='mouse'] .off-canvas {
	outline: 0; }
.off-canvas.position-left {
	left: -250px;
	top: 0;
	width: 250px; }
.is-open-left {
	transform: translateX(250px); }
.off-canvas.position-right {
	right: -250px;
	top: 0;
	width: 250px; }
.is-open-right {
	transform: translateX(-250px); }

@media screen and (min-width: 40em) {
	.position-left.reveal-for-medium {
		left: 0;
		z-index: auto;
		position: fixed; }
	.position-left.reveal-for-medium ~ .off-canvas-content {
		margin-left: 250px; }
	.position-right.reveal-for-medium {
		right: 0;
		z-index: auto;
		position: fixed; }
	.position-right.reveal-for-medium ~ .off-canvas-content {
		margin-right: 250px; } }

@media screen and (min-width: 64em) {
	.position-left.reveal-for-large {
		left: 0;
		z-index: auto;
		position: fixed; }
	.position-left.reveal-for-large ~ .off-canvas-content {
		margin-left: 250px; }
	.position-right.reveal-for-large {
		right: 0;
		z-index: auto;
		position: fixed; }
	.position-right.reveal-for-large ~ .off-canvas-content {
		margin-right: 250px; } }

.orbit {
	position: relative; }

.orbit-container {
	position: relative;
	margin: 0;
	overflow: hidden;
	list-style: none; }

.orbit-slide {
	width: 100%;
	max-height: 100%; }
.orbit-slide.no-motionui.is-active {
	top: 0;
	left: 0; }

.orbit-figure {
	margin: 0; }

.orbit-image {
	margin: 0;
	width: 100%;
	max-width: 100%; }

.orbit-caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 1rem;
	margin-bottom: 0;
	color: #fff;
	background-color: rgba(50, 57, 68, 0.5); }

.orbit-previous, .orbit-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	padding: 1rem;
	color: #fff; }
[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
	outline: 0; }
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
	background-color: rgba(50, 57, 68, 0.5); }

.orbit-previous {
	left: 0; }

.orbit-next {
	left: auto;
	right: 0; }

.orbit-bullets {
	position: relative;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	text-align: center; }
[data-whatinput='mouse'] .orbit-bullets {
	outline: 0; }
.orbit-bullets button {
	width: 1.2rem;
	height: 1.2rem;
	margin: 0.1rem;
	background-color: #cacaca;
	border-radius: 50%; }
.orbit-bullets button:hover {
	background-color: #8a8a8a; }
.orbit-bullets button.is-active {
	background-color: #8a8a8a; }

.pagination {
	margin-left: 0;
	margin-bottom: 1rem; }
.pagination::before, .pagination::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.pagination::after {
	clear: both; }
.pagination li {
	font-size: 0.875rem;
	margin-right: 0.0625rem;
	border-radius: 0;
	display: none; }
.pagination li:last-child, .pagination li:first-child {
	display: inline-block; }
@media screen and (min-width: 40em) {
	.pagination li {
		display: inline-block; } }
.pagination a,
.pagination button {
	color: #323944;
	display: block;
	padding: 0.1875rem 0.625rem;
	border-radius: 0; }
.pagination a:hover,
.pagination button:hover {
	background: #f8f9fa; }
.pagination .current {
	padding: 0.1875rem 0.625rem;
	background: #2199e8;
	color: #fff;
	cursor: default; }
.pagination .disabled {
	padding: 0.1875rem 0.625rem;
	color: #cacaca;
	cursor: default; }
.pagination .disabled:hover {
	background: transparent; }
.pagination .ellipsis::after {
	content: '\2026';
	padding: 0.1875rem 0.625rem;
	color: #323944; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
	content: '\00ab';
	display: inline-block;
	margin-right: 0.5rem; }

.pagination-next a::after,
.pagination-next.disabled::after {
	content: '\00bb';
	display: inline-block;
	margin-left: 0.5rem; }

.progress {
	background-color: #cacaca;
	height: 1rem;
	margin-bottom: 1rem;
	border-radius: 0; }
.progress.primary .progress-meter {
	background-color: #2199e8; }
.progress.secondary .progress-meter {
	background-color: #777; }
.progress.success .progress-meter {
	background-color: #3adb76; }
.progress.warning .progress-meter {
	background-color: #ffae00; }
.progress.alert .progress-meter {
	background-color: #ec5840; }

.progress-meter {
	position: relative;
	display: block;
	width: 0%;
	height: 100%;
	background-color: #2199e8; }

.progress-meter-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	margin: 0;
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
	white-space: nowrap; }

.slider {
	position: relative;
	height: 0.5rem;
	margin-top: 1.25rem;
	margin-bottom: 2.25rem;
	background-color: #f8f9fa;
	cursor: pointer;
	user-select: none;
	touch-action: none; }

.slider-fill {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	max-width: 100%;
	height: 0.5rem;
	background-color: #cacaca;
	transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging {
	transition: all 0s linear; }

.slider-handle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 0;
	z-index: 1;
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	background-color: #2199e8;
	transition: all 0.2s ease-in-out;
	touch-action: manipulation;
	border-radius: 0; }
[data-whatinput='mouse'] .slider-handle {
	outline: 0; }
.slider-handle:hover {
	background-color: #1583cc; }
.slider-handle.is-dragging {
	transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
	opacity: 0.25;
	cursor: not-allowed; }

.slider.vertical {
	display: inline-block;
	width: 0.5rem;
	height: 12.5rem;
	margin: 0 1.25rem;
	transform: scale(1, -1); }
.slider.vertical .slider-fill {
	top: 0;
	width: 0.5rem;
	max-height: 100%; }
.slider.vertical .slider-handle {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1.4rem;
	height: 1.4rem;
	transform: translateX(-50%); }

.sticky-container {
	position: relative; }

.sticky {
	position: absolute;
	z-index: 0;
	transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
	position: fixed;
	z-index: 5; }
.sticky.is-stuck.is-at-top {
	top: 0; }
.sticky.is-stuck.is-at-bottom {
	bottom: 0; }

.sticky.is-anchored {
	position: absolute;
	left: auto;
	right: auto; }
.sticky.is-anchored.is-at-bottom {
	bottom: 0; }

body.is-reveal-open {
	overflow: hidden; }

.reveal-overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1005;
	background-color: rgba(50, 57, 68, 0.45);
	overflow-y: scroll; }

.reveal {
	display: none;
	z-index: 1006;
	padding: 1rem;
	border: 1px solid #cacaca;
	background-color: #fff;
	border-radius: 0;
	position: relative;
	top: 100px;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
	outline: 0; }
@media screen and (min-width: 40em) {
	.reveal {
		min-height: 0; } }
.reveal .column, .reveal .columns,
.reveal .columns {
	min-width: 0; }
.reveal > :last-child {
	margin-bottom: 0; }
@media screen and (min-width: 40em) {
	.reveal {
		width: 600px;
		max-width: 75rem; } }
@media screen and (min-width: 40em) {
	.reveal .reveal {
		left: auto;
		right: auto;
		margin: 0 auto; } }
.reveal.collapse {
	padding: 0; }
@media screen and (min-width: 40em) {
	.reveal.tiny {
		width: 30%;
		max-width: 75rem; } }
@media screen and (min-width: 40em) {
	.reveal.small {
		width: 50%;
		max-width: 75rem; } }
@media screen and (min-width: 40em) {
	.reveal.large {
		width: 90%;
		max-width: 75rem; } }
.reveal.full {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: 100vh;
	min-height: 100vh;
	max-width: none;
	margin-left: 0;
	border: 0;
	border-radius: 0; }
@media screen and (max-width: 39.9375em) {
	.reveal {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		height: 100vh;
		min-height: 100vh;
		max-width: none;
		margin-left: 0;
		border: 0;
		border-radius: 0; } }
.reveal.without-overlay {
	position: fixed; }

.switch {
	margin-bottom: 1rem;
	outline: 0;
	position: relative;
	user-select: none;
	color: #fff;
	font-weight: bold;
	font-size: 0.875rem; }

.switch-input {
	opacity: 0;
	position: absolute; }

.switch-paddle {
	background: #cacaca;
	cursor: pointer;
	display: block;
	position: relative;
	width: 4rem;
	height: 2rem;
	transition: all 0.25s ease-out;
	border-radius: 0;
	color: inherit;
	font-weight: inherit; }
input + .switch-paddle {
	margin: 0; }
.switch-paddle::after {
	background: #fff;
	content: '';
	display: block;
	position: absolute;
	height: 1.5rem;
	left: 0.25rem;
	top: 0.25rem;
	width: 1.5rem;
	transition: all 0.25s ease-out;
	transform: translate3d(0, 0, 0);
	border-radius: 0; }
input:checked ~ .switch-paddle {
	background: #2199e8; }
input:checked ~ .switch-paddle::after {
	left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
	outline: 0; }

.switch-active, .switch-inactive {
	position: absolute;
	top: 50%;
	transform: translateY(-50%); }

.switch-active {
	left: 8%;
	display: none; }
input:checked + label > .switch-active {
	display: block; }

.switch-inactive {
	right: 15%; }
input:checked + label > .switch-inactive {
	display: none; }

.switch.tiny .switch-paddle {
	width: 3rem;
	height: 1.5rem;
	font-size: 0.625rem; }

.switch.tiny .switch-paddle::after {
	width: 1rem;
	height: 1rem; }

.switch.tiny input:checked ~ .switch-paddle::after {
	left: 1.75rem; }

.switch.small .switch-paddle {
	width: 3.5rem;
	height: 1.75rem;
	font-size: 0.75rem; }

.switch.small .switch-paddle::after {
	width: 1.25rem;
	height: 1.25rem; }

.switch.small input:checked ~ .switch-paddle::after {
	left: 2rem; }

.switch.large .switch-paddle {
	width: 5rem;
	height: 2.5rem;
	font-size: 1rem; }

.switch.large .switch-paddle::after {
	width: 2rem;
	height: 2rem; }

.switch.large input:checked ~ .switch-paddle::after {
	left: 2.75rem; }

table {
	width: 100%;
	margin-bottom: 1rem;
	border-radius: 0; }
table thead,
table tbody,
table tfoot {
	border: 1px solid #f2f2f2;
	background-color: #fff; }
table caption {
	font-weight: bold;
	padding: 0.5rem 0.625rem 0.625rem; }
table thead,
table tfoot {
	background: #f9f9f9;
	color: #323944; }
table thead tr,
table tfoot tr {
	background: transparent; }
table thead th,
table thead td,
table tfoot th,
table tfoot td {
	padding: 0.5rem 0.625rem 0.625rem;
	font-weight: bold;
	text-align: left; }
table tbody tr:nth-child(even) {
	background-color: #f2f2f2; }
table tbody th,
table tbody td {
	padding: 0.5rem 0.625rem 0.625rem; }

table.harvey {
	padding: 1 1 1 1;
}

@media screen and (max-width: 63.9375em) {
	table.stack thead {
		display: none; }
	table.stack tfoot {
		display: none; }
	table.stack tr,
	table.stack th,
	table.stack td {
		display: block; }
	table.stack td {
		border-top: 0; } }

table.scroll {
	display: block;
	width: 100%;
	overflow-x: auto; }

table.hover tr:hover {
	background-color: #fafafa; }

table.hover tr:nth-of-type(even):hover {
	background-color: #ededed; }

.table-scroll {
	overflow-x: auto; }
.table-scroll table {
	width: auto; }

.tabs {
	margin: 0;
	list-style-type: none;
	background: #fff;
	border: 1px solid #f8f9fa; }
.tabs::before, .tabs::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.tabs::after {
	clear: both; }

.tabs.vertical > li {
	width: auto;
	float: none;
	display: block; }

.tabs.simple > li > a {
	padding: 0; }
.tabs.simple > li > a:hover {
	background: transparent; }

.tabs.primary {
	background: #2199e8; }
.tabs.primary > li > a {
	color: #fff; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
	background: #1893e4; }

.tabs-title {
	float: left; }
.tabs-title > a {
	display: block;
	padding: 1.25rem 1.5rem;
	line-height: 1;
	font-size: 0.75rem; }
.tabs-title > a:hover {
	background: #fff; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
	background: #f8f9fa; }

.tabs-content {
	background: #fff;
	transition: all 0.5s ease;
	border: 1px solid #f8f9fa;
	border-top: 0; }

.tabs-content.vertical {
	border: 1px solid #f8f9fa;
	border-left: 0; }

.tabs-panel {
	display: none;
	padding: 1rem; }
.tabs-panel.is-active {
	display: block; }

.thumbnail {
	border: solid 4px #fff;
	box-shadow: 0 0 0 1px rgba(50, 57, 68, 0.2);
	display: inline-block;
	line-height: 0;
	max-width: 100%;
	transition: box-shadow 200ms ease-out;
	border-radius: 0;
	margin-bottom: 1rem; }
.thumbnail:hover, .thumbnail:focus {
	box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); }

.title-bar {
	background: #323944;
	color: #fff;
	padding: 0.5rem; }
.title-bar::before, .title-bar::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.title-bar::after {
	clear: both; }
.title-bar .menu-icon {
	margin-left: 0.25rem;
	margin-right: 0.5rem; }

.title-bar-left {
	float: left; }

.title-bar-right {
	float: right;
	text-align: right; }

.title-bar-title {
	font-weight: bold;
	vertical-align: middle;
	display: inline-block; }

.menu-icon.dark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 20px;
	height: 16px; }
.menu-icon.dark::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #323944;
	top: 0;
	left: 0;
	box-shadow: 0 7px 0 #323944, 0 14px 0 #323944; }
.menu-icon.dark:hover::after {
	background: #8a8a8a;
	box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }

.has-tip {
	border-bottom: dotted 1px #8a8a8a;
	font-weight: bold;
	position: relative;
	display: inline-block;
	cursor: help; }

.tooltip {
	background-color: #323944;
	color: #fff;
	font-size: 80%;
	padding: 0.75rem;
	position: absolute;
	z-index: 10;
	top: calc(100% + 0.6495rem);
	max-width: 10rem !important;
	border-radius: 0; }
.tooltip::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 0.75rem;
	border-color: transparent transparent #323944;
	border-bottom-style: solid;
	border-top-width: 0;
	bottom: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%); }
.tooltip.top::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 0.75rem;
	border-color: #323944 transparent transparent;
	border-top-style: solid;
	border-bottom-width: 0;
	top: 100%;
	bottom: auto; }
.tooltip.left::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 0.75rem;
	border-color: transparent transparent transparent #323944;
	border-left-style: solid;
	border-right-width: 0;
	bottom: auto;
	left: 100%;
	top: 50%;
	transform: translateY(-50%); }
.tooltip.right::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: inset 0.75rem;
	border-color: transparent #323944 transparent transparent;
	border-right-style: solid;
	border-left-width: 0;
	bottom: auto;
	left: auto;
	right: 100%;
	top: 50%;
	transform: translateY(-50%); }

.top-bar {
	padding: 0.5rem; }
.top-bar::before, .top-bar::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }
.top-bar::after {
	clear: both; }
.top-bar,
.top-bar ul {
	background-color: #f8f9fa; }
.top-bar input {
	max-width: 200px;
	margin-right: 1rem; }
.top-bar .input-group-field {
	width: 100%;
	margin-right: 0; }
.top-bar input.button {
	width: auto; }
.top-bar .top-bar-left,
.top-bar .top-bar-right {
	width: 100%; }
@media screen and (min-width: 40em) {
	.top-bar .top-bar-left,
	.top-bar .top-bar-right {
		width: auto; } }
@media screen and (max-width: 63.9375em) {
	.top-bar.stacked-for-medium .top-bar-left,
	.top-bar.stacked-for-medium .top-bar-right {
		width: 100%; } }
@media screen and (max-width: 74.9375em) {
	.top-bar.stacked-for-large .top-bar-left,
	.top-bar.stacked-for-large .top-bar-right {
		width: 100%; } }

.top-bar-title {
	float: left;
	margin-right: 1rem; }

.top-bar-left {
	float: left; }

.top-bar-right {
	float: right; }

.hide {
	display: none !important; }

.invisible {
	visibility: hidden; }

@media screen and (max-width: 39.9375em) {
	.hide-for-small-only {
		display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
	.show-for-small-only {
		display: none !important; } }

@media screen and (min-width: 40em) {
	.hide-for-medium {
		display: none !important; } }

@media screen and (max-width: 39.9375em) {
	.show-for-medium {
		display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.hide-for-medium-only {
		display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
	.show-for-medium-only {
		display: none !important; } }

@media screen and (min-width: 64em) {
	.hide-for-large {
		display: none !important; } }

@media screen and (max-width: 63.9375em) {
	.show-for-large {
		display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	.hide-for-large-only {
		display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
	.show-for-large-only {
		display: none !important; } }

.show-for-sr,
.show-on-focus {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
	position: static !important;
	height: auto;
	width: auto;
	overflow: visible;
	clip: auto; }

.show-for-landscape,
.hide-for-portrait {
	display: block !important; }
@media screen and (orientation: landscape) {
	.show-for-landscape,
	.hide-for-portrait {
		display: block !important; } }
@media screen and (orientation: portrait) {
	.show-for-landscape,
	.hide-for-portrait {
		display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
	display: none !important; }
@media screen and (orientation: landscape) {
	.hide-for-landscape,
	.show-for-portrait {
		display: none !important; } }
@media screen and (orientation: portrait) {
	.hide-for-landscape,
	.show-for-portrait {
		display: block !important; } }

.float-left {
	float: left !important; }

.float-right {
	float: right !important; }

.float-center {
	display: block;
	margin-left: auto;
	margin-right: auto; }

.clearfix::before, .clearfix::after {
	content: ' ';
	display: table;
	flex-basis: 0;
	order: 1; }

.clearfix::after {
	clear: both; }

/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
	font-size: 100%;
	line-height: 1.5;
	color: #5c6b80;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: transparent; }
body.prevent-scroll {
	overflow: hidden;
	position: fixed; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
	width: 100%;
	margin: 0 auto; }

/*********************
LINK STYLES
*********************/
a, a:visited {
	/* mobile tap color */ }
a:link, a:visited:link {
	/*
	this highlights links on iPhones/iPads.
	so it basically works like the :hover selector
	for mobile devices.
	*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	text-rendering: optimizelegibility;
	font-weight: 500;
	font-family: "amaticbold", sans-serif;
	margin: 0;
	/*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
	/* removing text decoration from all headline links */ }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none; }

h1, .h1 {
	font-size: 2.5em;
	line-height: 1.333em; }

h2, .h2 {
	font-size: 1.75em;
	line-height: 1.4em;
	margin-bottom: 0.375em; }

h3, .h3 {
	font-size: 1.125em; }

h4, .h4 {
	font-size: 1.1em;
	font-weight: 700; }

h5, .h5 {
	font-size: 0.846em;
	line-height: 2.09em;
	text-transform: uppercase;
	letter-spacing: 2px; }

#container {
	max-width: 1366px;
	margin: 0 auto;
	position: relative; }

/*********************
HEADER STYLES
*********************/
#logo {
	margin: 0.75em 0; }
#logo a {
	color: #fff; }

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
	border-bottom: 0;
	margin: 0;
	/* end .menu li */
	/* highlight current page */
	/* end current highlighters */ }
.nav li {
	/*
	so you really have to rethink your dropdowns for mobile.
	you don't want to have it expand too much because the
	screen is so small. How you manage your menu should
	depend on the project. Here's some great info on it:
	http://www.alistapart.com/articles/organizing-mobile/
	*/ }
.nav li a {
	font-family: 'Gotham Bold';
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.75em;
	/*
	remember this is for mobile ONLY, so there's no need
	to even declare hover styles here, you can do it in
	the style.scss file where it's relevant. We want to
	keep this file as small as possible!
	*/ }
.nav li ul.sub-menu li a,
.nav li ul.children li a {
	padding-left: 30px; }

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
.hentry header {
	border-bottom: 1px solid #f8f9fa;
	padding: 1.5em; }

.hentry footer {
	padding: 1.5em;
	border-top: 1px solid #f8f9fa; }
.hentry footer p {
	margin: 0; }

/* end .hentry */
.single-title,
.page-title,
.entry-title {
	margin: 0; }

/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
	color: #9fa6b4;
	font-style: italic;
	margin: 0; }

/* entry content */
.entry-content {
	padding: 1.5em 1.5em 0;
	/*
	image alignment on a screen this size may be
	a bit difficult. It's set to start aligning
	and floating images at the next breakpoint,
	but it's up to you. Feel free to change it up.
	*/ }
.entry-content p {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	margin: 0 1.5em 1.5em 1.5em; }
@media screen and (min-width: 40.063em) {
	.entry-content p {
		margin: 0 0 1.5em; } }
.entry-content table {
	width: 100%;
	border: 1px solid #eaedf2;
	margin-bottom: 1.5em; }
.entry-content table caption {
	margin: 0 0 7px;
	font-size: 0.75em;
	color: #9fa6b4;
	text-transform: uppercase;
	letter-spacing: 1px; }
.entry-content tr {
	border-bottom: 1px solid #eaedf2; }
.entry-content tr:nth-child(even) {
	background-color: #f8f9fa; }
.entry-content td {
	padding: 7px;
	border-right: 1px solid #eaedf2; }
.entry-content td:last-child {
	border-right: 0; }
.entry-content th {
	background-color: #f8f9fa;
	border-bottom: 1px solid #eaedf2;
	border-right: 1px solid #eaedf2; }
.entry-content th:last-child {
	border-right: 0; }
.entry-content blockquote {
	margin: 0 0 1.5em 0.75em;
	padding: 0 0 0 0.75em;
	border-left: 3px solid #2980b9;
	font-style: italic;
	color: #9fa6b4; }
.entry-content dd {
	margin-left: 0;
	font-size: 0.9em;
	color: #787878;
	margin-bottom: 1.5em; }
.entry-content img {
	margin: 0 0 1.5em 0;
	max-width: 100%;
	height: auto; }
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
	max-width: 100%;
	height: auto; }
.entry-content pre {
	background: #323944;
	color: #f8f9fa;
	font-size: 0.9em;
	padding: 1.5em;
	margin: 0 0 1.5em;
	border-radius: 3px; }

/* end .entry-content */
.wp-caption {
	max-width: 100%;
	background: #eee;
	padding: 5px;
	/* images inside wp-caption */ }
.wp-caption img {
	max-width: 100%;
	margin-bottom: 0;
	width: 100%; }
.wp-caption p.wp-caption-text {
	font-size: 0.85em;
	margin: 4px 0 7px;
	text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
.tags {
	margin: 0; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
	margin: 1.5em 0; }

.pagination {
	text-align: center; }
.pagination ul {
	display: inline-block;
	background-color: #fff;
	white-space: nowrap;
	padding: 0;
	clear: both;
	border-radius: 3px; }
.pagination li {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	overflow: hidden;
	border-right: 1px solid #eaedf2; }
.pagination a, .pagination span {
	margin: 0;
	text-decoration: none;
	padding: 0;
	line-height: 1em;
	font-size: 1em;
	font-weight: normal;
	padding: 0.75em;
	min-width: 1em;
	display: block;
	color: #2980b9; }
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
	background-color: #2980b9;
	color: #fff; }
.pagination .current {
	cursor: default;
	color: #5c6b80; }
.pagination .current:hover, .pagination .current:focus {
	background-color: #fff;
	color: #5c6b80; }

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
	float: left; }

.wp-prev-next .next-link {
	float: right; }

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments-title {
	padding: 0.75em;
	margin: 0;
	border-top: 1px solid #f8f9fa;
	/* number of comments span */ }

.commentlist {
	margin: 0;
	list-style-type: none; }

.comment {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 1.5em;
	border-bottom: 1px solid #f8f9fa;
	/* vcard */
	/* end .commentlist .vcard */
	/* end children */
	/* general comment classes */ }
.comment .comment-author {
	padding: 7px;
	border: 0; }
.comment .vcard {
	margin-left: 50px; }
.comment .vcard cite.fn {
	font-weight: 700;
	font-style: normal; }
.comment .vcard time {
	display: block;
	font-size: 0.9em;
	font-style: italic; }
.comment .vcard time a {
	color: #9fa6b4;
	text-decoration: none; }
.comment .vcard time a:hover {
	text-decoration: underline; }
.comment .vcard .avatar {
	position: absolute;
	left: 16px;
	border-radius: 50%; }
.comment:last-child {
	margin-bottom: 0; }
.comment .children {
	margin: 0;
	/* variations */
	/* change number for different depth */ }
.comment[class*=depth-] {
	margin-top: 1.1em; }
.comment.depth-1 {
	margin-left: 0;
	margin-top: 0; }
.comment:not(.depth-1) {
	margin-top: 0;
	margin-left: 7px;
	padding: 7px; }
.comment.odd {
	background-color: #fff; }
.comment.even {
	background: #f8f9fa; }

/* comment meta */
/* comment content */
.comment_content p {
	margin: 0.7335em 0 1.5em;
	font-size: 1em;
	line-height: 1.5em; }

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
	font-size: 0.9em;
	float: right; }

/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
	font-style: italic;
	margin: 0 7px;
	text-decoration: none;
	font-size: 0.9em; }

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
	padding: 1.5em;
	border-top: 1px solid #f8f9fa; }

#reply-title {
	margin: 0; }

.logged-in-as {
	color: #9fa6b4;
	font-style: italic;
	margin: 0; }
.logged-in-as a {
	color: #5c6b80; }

.comment-form-comment {
	margin: 1.5em 0 0.75em; }

.form-allowed-tags {
	padding: 1.5em;
	background-color: #f8f9fa;
	font-size: 0.9em; }

/* comment submit button */
#submit {
	float: right;
	font-size: 1em; }

/* comment form title */
#comment-form-title {
	margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
	margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
	margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
	/* deep nesting */ }

.no-widgets {
	background-color: #fff;
	padding: 1.5em;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin-bottom: 1.5em; }

/*********************
FOOTER STYLES
*********************/
.footer {
	clear: both;
	background-color: #323944;
	color: #f8f9fa; }

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
.video-escape {
	display: none; }
.video-escape .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	z-index: 2;
	pointer: cursor;
	background-color: #323944; }
@media screen and (min-width: 40.063em) {
	.video-escape .close {
		right: 50px;
		width: 50px;
		height: 50px;
		top: 1px; } }
.video-escape .close.active {
	display: block; }
.video-escape .close:hover::before, .video-escape .close:hover::after {
	background: #2980b9; }
.video-escape .close::before, .video-escape .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: white; }
.video-escape .close::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); }
.video-escape .close::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.video-escape .close.big {
	-ms-transform: scale(3);
	-webkit-transform: scale(3);
	transform: scale(3); }
.video-escape .close.heavy::before, .video-escape .close.heavy::after {
	height: 5px;
	margin-top: -2px; }
@media screen and (min-width: 40.063em) {
	.video-escape .close.heavy::before, .video-escape .close.heavy::after {
		height: 12px;
		margin-top: -6px; } }
.video-escape .close.rounded::before, .video-escape .close.rounded::after {
	border-radius: 5px; }
.video-escape.active {
	display: block; }

/******************************************************************
Site Name:
Author:

Stylesheet: Overrides

This is the overrides stylesheet, it exists to override previously
included partials or base wordpress styles

******************************************************************/
.entry-content, .row {
	padding: 0;
	margin: auto;
	max-width: none;
	overflow-x: hidden; }

.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label {
	font-weight: normal !important; }

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 0 15px !important; }

.is-ie .featured-video__image {
	background-size: 200%;
	background-position: 53% 45%; }

.is-ie .triple-link-hero__main-content__container__svg {
	background-size: 200%;
	background-position: 53% 45%; }

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "petco_icons" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.icon-cat:before {
	content: "\e900"; }

.icon-clinic:before {
	content: "\e901"; }

.icon-coin-bank:before {
	content: "\e902"; }

.icon-compass:before {
	content: "\e903"; }

.icon-elem-left-01:before {
	content: "\e904"; }

.icon-elem-right-01:before {
	content: "\e905"; }

.icon-stripes:before {
	content: "\e906"; }

.icon-spiral:before {
	content: "\e907"; }

.icon-heart:before {
	content: "\e908"; }

.icon-elem-left-02:before {
	content: "\e909"; }

.icon-elem-right-02:before {
	content: "\e90a"; }

.icon-elem-left-03:before {
	content: "\e90b"; }

.icon-elem-right-03:before {
	content: "\e90c"; }

.icon-paw:before {
	content: "\e90d"; }

.icon-heart-paw:before {
	content: "\e90e"; }

.icon-house-heart:before {
	content: "\e90f"; }

.icon-light-bulb:before {
	content: "\e910"; }

.icon-location-marker:before {
	content: "\e911"; }

.icon-needle:before {
	content: "\e912"; }

.icon-service-dog:before {
	content: "\e913"; }

.icon-time:before {
	content: "\e914"; }

.icon-pdf:before {
	content: "\e915"; }

.icon-share:before {
	content: "\e916"; }

.icon-mail:before {
	content: "\e917"; }

.icon-download-arrow:before {
	content: "\e918"; }

.icon-dog:before {
	content: "\e919"; }

.icon-usa:before {
	content: "\e91a"; }

.icon-heart-bandaid:before {
	content: "\e91b"; }

.icon-camera:before {
	content: "\e91c"; }

.icon-play:before {
	content: "\e91d"; }

.icon-down-arrow:before {
	content: "\e91e"; }

.icon-up-arrow:before {
	content: "\e91f"; }

.icon-truck:before {
	content: "\e920"; }

.icon-directions:before {
	content: "\e921"; }

.icon-phone:before {
	content: "\e924"; }

.icon-closed-sign:before {
	content: "\e922"; }

.icon-open-sign:before {
	content: "\e923"; }

.icon-dog-circle:before {
	content: "\e927"; }

.icon-bunny-circle:before {
	content: "\e925"; }

.icon-cat-circle:before {
	content: "\e926"; }

.icon-facebook:before {
	content: "\e928"; }

.icon-twitter:before {
	content: "\e929"; }

.icon-welcome:before {
	content: "\e92a"; }

.icon-two-pet:before {
	content: "\e92c"; }

.icon-owner:before {
	content: "\e92b"; }

[class^="petco-icon-"]:before, [class*=" petco-icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
}

.petco-icon-adopt-home:before { content: '\e800'; } /* '' */
.petco-icon-dollar-coin:before { content: '\e801'; } /* '' */
.petco-icon-search-paw:before { content: '\e802'; } /* '' */
.petco-icon-email:before { content: '\e803'; } /* '' */
.petco-icon-pet:before { content: '\e804'; } /* '' */
.petco-icon-petco-love:before { content: '\e805'; } /* '' */
.petco-icon-adopt:before { content: '\e806'; } /* '' */
.petco-icon-facebook:before { content: '\e80e'; } /* '' */
.petco-icon-instagram:before { content: '\e80d'; } /* '' */
.petco-icon-twitter:before { content: '\e80c'; } /* '' */
.petco-icon-youtube:before { content: '\e80a'; } /* '' */
.petco-icon-arrow-down:before { content: '\e80b'; } /* '' */
.petco-icon-care:before {
	content: url(../images/care-icon.svg);
	display: inline-block;
	vertical-align: middle;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-help, .alert-info, .alert-error, .alert-success {
	margin: 10px;
	padding: 5px 18px;
	border: 1px solid; }

.alert-help {
	border-color: #e8dc59;
	background: #ebe16f; }

.alert-info {
	border-color: #bfe4f4;
	background: #d5edf8; }

.alert-error {
	border-color: #f8cdce;
	background: #fbe3e4; }

.alert-success {
	border-color: #deeaae;
	background: #e6efc2; }

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.blue-btn, .comment-reply-link, #submit {
	display: inline-block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
	font-size: 34px;
	line-height: 34px;
	font-weight: normal;
	padding: 0 24px;
	border-radius: 4px;
	border: 0;
	cursor: pointer;
	-webkit-transition: background-color 0.14s ease-in-out;
	-ms-transition: background-color 0.14s ease-in-out;
	transition: background-color 0.14s ease-in-out; }
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
	color: #fff;
	text-decoration: none;
	outline: none; }
.blue-btn:active, .comment-reply-link:active, #submit:active {
	top: 1px; }

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.blue-btn, .comment-reply-link, #submit {
	background-color: #2980b9; }
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
	background-color: #2574a8; }
.blue-btn:active, .comment-reply-link:active, #submit:active {
	background-color: #2472a4; }

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
	display: block;
	height: 40px;
	line-height: 1em;
	padding: 0 15px;
	margin-bottom: 14px;
	font-size: 1em;
	color: #5c6b80;
	border-radius: 3px;
	vertical-align: middle;
	box-shadow: none;
	border: 0;
	width: 100%;
	max-width: 400px;
	font-family: "Gotham Book", sans-serif;
	background-color: #eaedf2;
	-webkit-transition: background-color 0.24s ease-in-out;
	-ms-transition: background-color 0.24s ease-in-out;
	transition: background-color 0.24s ease-in-out; }
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
	background-color: #f7f8fa;
	outline: none; }
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
	color: #fbe3e4;
	border-color: #fbe3e4;
	background-color: #fff;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
	outline-color: #fbe3e4; }
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
	color: #e6efc2;
	border-color: #e6efc2;
	background-color: #fff;
	background-position: 99% center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
	outline-color: #e6efc2; }
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
	cursor: not-allowed;
	border-color: #cfcfcf;
	opacity: 0.6; }
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
	background-color: #d5edf8; }

input[type="password"] {
	letter-spacing: 0.3em; }

textarea {
	max-width: 100%;
	min-height: 120px;
	line-height: 1.5em; }

select {
	-webkit-appearance: none;
	/* 1 */
	-moz-appearance: none;
	appearance: none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: 97.5% center; }

.header {
	background-color: #fff; }

@media only screen and (min-width: 48.063em) {
	background-color: rgba(255, 255, 255, 0.9); }

#container {
	padding-top: 60px; }

.header {
	-webkit-tap-highlight-color: transparent;
	background-color: rgba(255, 255, 255, 0.98);
	max-height: 60px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	width: 100%;
	-webkit-transition: max-height 0.5s ease-in-out;
	-ms-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out; }
.header .header-fixed {
	max-width: 1366px;
	margin: 0 auto;
	position: relative;
	height: 100%; }
.header.show {
	max-height: 100%;
	overflow-y: scroll;
	height: 100%; }
.header__menu-top {
	z-index: 800;
	box-shadow: 0 2px 1px -2px #5b5b5b;
	height: 60px;
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff; }
.header__menu-top > a {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	width: 115px; }
.header__menu-top > a img {
	width: 100%; }
.header__inner {
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 100px; }

#primary-nav {
	font-weight: bold;
	display: block;
	overflow: auto;
	padding-bottom: 25px;
	margin: 0 20px;
	position: relative;
	overflow: hidden; }
#primary-nav .main-nav-wrapper__sub-menu {
	margin-left: 20px;
	padding-left: 0;
	padding-right: 0; }
#primary-nav > .menu-primary-nav-container .main-nav {
	text-align: left;
	margin: 95px 10px 0 10px; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) {
	width: 100%;
	float: left; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item:after {
	content: " ";
	background: url("../images/mobile-divider.png") no-repeat;
	width: 100%;
	height: 3px;
	position: absolute; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type {
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%, -50%); }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type:after {
	background: none; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a {
	-webkit-tap-highlight-color: transparent;
	color: #fff;
	text-transform: uppercase;
	background-color: #EE3524;
	border-radius: 10px;
	font-size: 20px;
	line-height: 18px;
	width: 140px;
	margin: 0 auto;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 0.03em; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item > a {
	-webkit-tap-highlight-color: transparent;
	color: #a83a8a;
	text-transform: lowercase;
	position: relative;
	font-family: 'Gotham Bold';
	font-size: 16px;
	font-weight: 800;
	margin-top: 2px; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper {
	-webkit-transition: max-height 0.2s ease-in-out;
	-ms-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out;
	overflow: hidden;
	left: 0;
	width: 100%;
	display: block;
	z-index: 801; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__holder {
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper > .main-nav-wrapper__sub-menu {
	margin-left: 10px; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper > .main-nav-wrapper__sub-menu li {
	padding: 10px; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper > .main-nav-wrapper__sub-menu {
	margin-left: 11em;
	-webkit-columns: 2;
	columns: 2;
	color: red; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper a {
	-webkit-tap-highlight-color: transparent;
	color: #393939;
	opacity: 1;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
	position: relative; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper a:before {
	content: '›';
	position: absolute;
	top: 5px;
	left: 0; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__sub-menu > li {
	width: 100%;
	display: inline-block; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__sub-menu > li > .main-sub-nav-wrapper li a {
	-webkit-tap-highlight-color: transparent;
	text-transform: lowercase; }
#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__sub-menu > li > .main-sub-nav-wrapper li a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0; }

#utility-nav #menu-utility-nav {
	font-weight: bold;
	text-align: left;
	margin: 0 10px; }
#utility-nav #menu-utility-nav .menu-item {
	display: block;
	font-family: 'Gotham Bold'; }
#utility-nav #menu-utility-nav .menu-item > a {
	-webkit-tap-highlight-color: transparent;
	text-transform: lowercase;
	color: #6f7073; }
#utility-nav #menu-utility-nav .menu-item.menu-item-has-children ul.sub-menu {
	margin-left: 2.5rem;
	width: auto;
	min-width: 150px; }
#utility-nav #menu-utility-nav .menu-item.menu-item-has-children ul.sub-menu li {
	padding: 0 6px; }
#utility-nav #menu-utility-nav .menu-item.menu-item-has-children ul.sub-menu li a {
	-webkit-tap-highlight-color: transparent;
	text-transform: uppercase;
	position: relative;
	color: #323944; }
#utility-nav #menu-utility-nav .menu-item.menu-item-has-children ul.sub-menu li a:before {
	content: '›';
	position: absolute;
	top: -5px;
	left: -10px; }

/*
tablet nav
*/
@media only screen and (min-width: 40.063em) {
	#container {
		padding-top: 130px; }
	.header {
		max-height: 130px; }
	.header__menu-top {
		height: 130px; }
	.header__menu-top > a {
		display: block;
		margin: 0 auto;
		padding: 32px 0;
		width: 210px; }
	.header__menu-top > a float:left img {
		width: 100%; }
	#primary-nav {
		margin: 0 20px;
		position: static; }
	#primary-nav > .menu-primary-nav-container .main-nav {
		margin: 20px 10px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) {
		width: 33.33333%; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:after {
		content: '';
		background: none; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type {
		position: absolute;
		top: 40px;
		left: auto;
		right: 20px;
		transform: translate(0, 0);
		z-index: 801; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type:after {
		background: none; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a {
		color: #fff;
		text-transform: uppercase;
		background-color: #EE3524;
		border-radius: 10px;
		font-size: 20px;
		line-height: 18px;
		width: 140px;
		margin: 0 auto;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		letter-spacing: 0.03em; }
	#primary-nav > .menu-primary-nav-container > .menu .main-nav-wrapper .cta__holder {
		display: none; }
	#utility-nav {
		margin: 0 20px;
		padding: 50px 0 0 0;
		clear: both;
		position: relative; }
	#utility-nav:before {
		content: " ";
		background: url("../images/mobile-divider.png") repeat-x;
		width: 100%;
		height: 3px;
		position: absolute;
		top: 0;
		left: 0; }
	#utility-nav #menu-utility-nav .menu-item {
		width: 33.33%;
		float: left; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu li {
		width: 100%;
		padding: 5px; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu li a {
		color: #393939; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu li a:before {
		content: '›';
		position: absolute;
		top: -4px;
		left: -10px; } }

/* desktop nav */
@media only screen and (min-width: 64.063em) {
	.header {
		min-height: 130px;
		overflow: visible; }
	.header__inner {
		text-align: left;
		margin-right: 0;
		position: absolute;
		overflow: visible;
		max-height: 130px; }
	.header__menu-top {
		box-shadow: none;
		height: 0; }
	.header__menu-top > a {
		float: left; }
	#primary-nav {
		font-weight: bold;
		padding: 0;
		margin: 60px 0 0 0;
		display: block;
		top: 0;
		left: 0;
		width: 100%; }
	#primary-nav .main-nav-wrapper__sub-menu {
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		background-image: url("../images/nav-divider.png");
		background-repeat: no-repeat;
		background-position: 46% 40px;
		padding-top: 50px; }
	#primary-nav > .menu-primary-nav-container {
		width: 100%; }
	#primary-nav > .menu-primary-nav-container .main-nav {
		margin: 0;
		float: right;
		width: 900px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item {
		display: inline-block; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) {
		width: auto; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) > a {
		color: #a83a8a;
		text-transform: lowercase;
		padding-bottom: 40px;
		position: relative;
		font-family: 'Gotham Bold';
		font-size: 16px;
		font-weight: 800;
		margin-top: 2px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) > a:after {
		content: '';
		position: absolute;
		width: calc(100% - 2rem);
		margin-left: 1rem;
		margin-right: 1rem;
		left: 0;
		bottom: 0;
		border-bottom: 5px solid #FFBE4E;
		opacity: 0;
		-webkit-transition: opacity 0.4s ease-in-out, bottom 0.2s ease-in-out;
		-ms-transition: opacity 0.4s ease-in-out, bottom 0.2s ease-in-out;
		transition: opacity 0.4s ease-in-out, bottom 0.2s ease-in-out; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type {
		position: static; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a {
		font-size: 21px;
		line-height: 38px;
		padding: 0; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a:after {
		content: '';
		border-bottom: none; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item-has-children > a {
		background-image: url("../images/nav-carrot.png");
		background-position: 50% 150%;
		background-repeat: no-repeat;
		transition: background-position 0.2s ease; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper {
		-webkit-transition: max-height 0.2s ease-in-out;
		-ms-transition: max-height 0.2s ease-in-out;
		transition: max-height 0.2s ease-in-out;
		overflow: hidden;
		position: absolute;
		left: 0;
		width: 100%;
		display: block;
		z-index: 801;
		max-height: 0; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__holder {
		background-color: rgba(0, 170, 231, 0.9);
		max-width: 1366px;
		margin-left: auto;
		margin-right: auto;
		height: 250px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__holder .main-nav-inner {
		max-width: 1182px;
		margin-left: auto;
		margin-right: auto; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper a:not(.menu-item__nav-cta) {
		color: #fff;
		opacity: 1;
		text-transform: uppercase;
		padding-top: 6px;
		padding-bottom: 6px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__sub-menu > li {
		float: left;
		width: 50%;
		display: inline-block;
		clear: left; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__sub-menu > li a {
		margin-left: 10px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__sub-menu > li:nth-child(2n) {
		float: right;
		clear: none; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper .cta__holder {
		display: block;
		padding-top: 32px;
		padding-bottom: 30px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper .cta__holder .menu-item__nav-cta {
		border-radius: 10px;
		display: block;
		overflow: hidden;
		padding: 0; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper .cta__holder .menu-item__nav-cta:before {
		content: ''; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:hover > .main-nav-wrapper {
		max-height: 250px; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:hover a {
		background-position: 50% 100%; }
	#primary-nav > .menu-primary-nav-container > .menu > .menu-item:hover a:after {
		bottom: 29px;
		opacity: 1; }
	#utility-nav {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0; }
	#utility-nav:before {
		content: " ";
		background: none; }
	#utility-nav #menu-utility-nav .menu-item {
		width: auto; }
	#utility-nav #menu-utility-nav .menu-item a {
		font-size: 12px;
		margin-left: 10px;
		margin-right: 10px; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu {
		background-color: #f8f9fa;
		border-style: solid;
		border-color: #eaedf2;
		position: absolute;
		display: none;
		width: 9em; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu .menu-item a {
		font-size: 12px;
		text-transform: lowercase;
		color: #858585; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu .menu-item a:before {
		content: ''; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children:hover > .sub-menu {
		display: block;
		z-index: 99999; }
	#utility-nav #menu-utility-nav .menu-item.menu-item-has-children:hover > .sub-menu li > .sub-menu {
		left: 7em;
		top: 1em; } }

/* BURGER MENU */
@media screen and (min-width: 64.063em) {
	.hamburger-menu {
		display: none; } }

.hamburger-menu {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 17px;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	margin: auto;
	height: 100%;
	padding-left: 20px;
	cursor: pointer; }
@media screen and (min-width: 40.063em) {
	.hamburger-menu {
		padding-top: 55px; } }

.bar,
.bar:after,
.bar:before {
	width: 28px;
	height: 5px;
	border-radius: 5px; }

.bar {
	position: relative;
	transform: translateY(10px);
	background: #a83a8a;
	transition: all 0ms 300ms; }

.expand .bar {
	background: #fff; }

.bar:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 10px;
	background: #a83a8a;
	transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.bar:after {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	background: #a83a8a;
	transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.expand .bar:after {
	top: 0;
	transform: rotate(45deg);
	transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.expand .bar:before {
	bottom: 0;
	transform: rotate(-45deg);
	transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.breadcrumb-holder {
	position: absolute;
	width: 100%;
	min-height: 30px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 10;
	padding-left: 20px; }
.breadcrumb-holder .breadcrumbs li:not(:last-child)::after {
	content: "";
	margin: 0 0.75rem;
	position: relative;
	top: 1px;
	opacity: 1;
	border-left: 1px solid #858585; }
.breadcrumb-holder ul {
	margin-bottom: 0;
	max-width: 75em;
	margin-left: auto;
	margin-right: auto; }
.breadcrumb-holder ul li {
	text-transform: none;
	font-size: 12px;
	line-height: 30px; }
.breadcrumb-holder ul li a {
	color: #858585; }
.breadcrumb-holder ul li strong {
	font-weight: 400;
	color: #858585; }

.footer {
	background-color: #f8f9fa;
	color: #6f7073;
	text-align: center;
	padding-bottom: 20px; }
@media screen and (min-width: 40.063em) {
	.footer {
		text-align: left; } }
.footer #inner-footer {
	max-width: 1182px;
	margin: 0 auto;
	padding-top: 40px; }
.footer nav {
	position: relative;
	z-index: 20; }
.footer #inner-footer {
	width: 90%; }
@media screen and (min-width: 40.063em) {
	.footer #inner-footer {
		width: 100%; } }
.footer__text {
	float: left; }
@media screen and (min-width: 40.063em) {
	.footer__text {
		max-width: 21em;
		margin-top: 20px; } }
@media screen and (min-width: 64.063em) {
	.footer__text {
		max-width: 100em; } }
.footer__text p {
	margin: 0; }
@media screen and (min-width: 40.063em) {
	.footer #menu-footer {
		margin-left: 3em;
		margin-right: 1em;
		position: relative;
		margin-bottom: 6em;
		max-width: 75%;
		float: right; } }
.footer #menu-footer .menu-item:nth-child(1):before {
	content: " ";
	background: url("../images/mobile-divider.png") no-repeat;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0; }
@media screen and (min-width: 40.063em) {
	.footer #menu-footer .menu-item:nth-child(1):before {
		background: none; } }
.footer #menu-footer .menu-item:after {
	content: " ";
	background: url("../images/mobile-divider.png") no-repeat;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0; }
@media screen and (min-width: 40.063em) {
	.footer #menu-footer .menu-item {
		display: inline-block;
		float: right;
		margin-left: 3.6em; }
	.footer #menu-footer .menu-item:after {
		background: none; } }
.footer #menu-footer .menu-item a {
	color: #6f7073;
	font-size: 14px; }
@media screen and (min-width: 40.063em) {
	.footer #menu-footer .menu-item a {
		padding: 0.75em 0; } }
.footer #menu-footer:hover {
	cursor: pointer; }
.footer__hr {
	display: none; }
@media screen and (min-width: 40.063em) {
	.footer__hr {
		display: block; } }
.footer__text {
	float: left; }
.footer__desktop__logo {
	display: none;
	max-width: 160px; }
@media screen and (min-width: 40.063em) {
	.footer__desktop__logo {
		display: block;
		position: absolute; } }
.footer__mobile__logo {
	display: block;
	margin-bottom: 1em;
	margin-top: 1em; }
@media screen and (min-width: 40.063em) {
	.footer__mobile__logo {
		display: none; } }
@media screen and (min-width: 40.063em) {
	.footer .social-links {
		margin-top: 20px;
		float: right; } }
.footer .social-links ul {
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
	list-style: none; }
@media screen and (min-width: 40.063em) {
	.footer .social-links ul {
		margin: 0;
		display: block; } }
@media screen and (min-width: 40.063em) {
	.footer .social-links ul li {
		display: inline-block;
		margin-right: 1em; } }
.footer .social-links ul li:last-of-type {
	margin-right: 0; }

.event-box {
	margin: 20px 30px 20px 30px;
	display: inline-block;
	width: 200px;
	vertical-align: top; }
.event-box__dates {
	text-transform: uppercase;
	text-align: center;
	background-color: #fff;
	color: #00AAE7;
	min-width: 194px;
	min-height: 132px;
	border-radius: 10px; }
.event-box h4 {
	font-family: "Gotham Book", sans-serif;
	text-transform: uppercase;
	font-size: 26px; }
.event-box h3 {
	font-family: "Gotham Book", sans-serif;
	text-transform: uppercase;
	font-size: 60px; }
.event-box p {
	margin: auto;
	padding: 0;
	width: 100%;
	font-family: "Gotham Book", sans-serif;
	font-weight: 600; }

/*********************
ORGANISMS
*********************/
.instructions-and-tutorials__header {
	background-color: #FDBD59;
	text-align: center;
	color: #323944;
	padding: 15px 0 30px 0;
	position: relative;
	margin-bottom: 57px; }
.instructions-and-tutorials__header:after {
	content: '';
	width: 100%;
	bottom: 0;
	position: absolute;
	height: 58px;
	background-image: url("../images/yellow-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	margin-bottom: -57px; }
.instructions-and-tutorials__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 0; }
@media screen and (min-width: 64.063em) {
	.instructions-and-tutorials__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.instructions-and-tutorials__header h2:after {
		font-family: "petco_icons";
		content: '\e909'; }
	.instructions-and-tutorials__header h2:before {
		font-family: "petco_icons";
		content: '\e909'; } }

.instructions-and-tutorials__content {
	background-color: #fff;
	text-align: center; }
.instructions-and-tutorials__content .content-wrapper {
	display: inline-block; }
.instructions-and-tutorials__content .content-wrapper .video-container {
	text-align: center;
	padding: 40px 0 30px 0;
	display: inline-block; }
.instructions-and-tutorials__content .content-wrapper .video-container .video-with-caption {
	display: inline-block;
	margin: 0 10px 0 10px; }
.instructions-and-tutorials__content .content-wrapper .video-container .video-with-caption iframe {
	border-radius: 10px; }
.instructions-and-tutorials__content .content-wrapper .video-container .video-with-caption figcaption h6 {
	color: #a83a8a;
	font-family: "Gotham Book", sans-serif;
	font-weight: 600; }
.instructions-and-tutorials__content .content-wrapper .link {
	font-family: 'Gotham Bold';
	padding: 20px 0 20px 0;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #323944;
	border-top: 1px solid #323944; }
.instructions-and-tutorials__content .content-wrapper .link a {
	color: #a83a8a;
	position: relative; }
.instructions-and-tutorials__content .content-wrapper .link a:before {
	position: absolute;
	top: -8px;
	left: -37px;
	width: 25px;
	content: url("../images/pdf-icon.svg"); }

.newsletter {
	background-color: #00AAE7;
	color: #fff;
	padding: 60px 0 0 0; }
@media screen and (min-width: 40.063em) {
	.newsletter {
		padding: 40px 0 0 0; } }
.newsletter__text {
	text-align: center; }
.newsletter__text div {
	width: 90%;
	margin: auto; }
@media screen and (min-width: 40.063em) {
	.newsletter__text div {
		width: 90%;
		margin: 0 0 0 auto; } }
@media screen and (min-width: 64.063em) {
	.newsletter__text div {
		width: 70%;
		margin: 0 0 0 auto; } }
@media screen and (min-width: 40.063em) {
	.newsletter__text {
		text-align: right; } }
@media screen and (min-width: 64.063em) {
	.newsletter__text {
		padding-right: 3em; } }
.newsletter__text h1 {
	font-family: "amatic_scregular", sans-serif;
	text-transform: lowercase;
	font-weight: 600;
	font-size: 45px;
	line-height: 1; }
@media screen and (min-width: 40.063em) {
	.newsletter__text h1 {
		font-size: 65px; } }
@media screen and (min-width: 64.063em) {
	.newsletter__text h1 {
		font-size: 70px; } }
.newsletter__form .gform_wrapper {
	margin: 0.25em !important;
	/* Error State */
	/* Validation message */ }
.newsletter__form .gform_wrapper .gform_heading {
	display: none; }
.newsletter__form .gform_wrapper .gform_body {
	width: 90%;
	margin: auto; }
@media screen and (min-width: 40.063em) {
	.newsletter__form .gform_wrapper .gform_body {
		width: 90%;
		margin: 0; } }
@media screen and (min-width: 64.063em) {
	.newsletter__form .gform_wrapper .gform_body {
		width: 70%; } }
.newsletter__form .gform_wrapper .gform_body .gfield {
	vertical-align: top; }
.newsletter__form .gform_wrapper .gform_body .gfield_label {
	display: none; }
.newsletter__form .gform_wrapper .gform_body .ginput_container {
	width: 100%; }
.newsletter__form .gform_wrapper .gform_body .newsletter-last-name, .newsletter__form .gform_wrapper .gform_body .newsletter-first-name, .newsletter__form .gform_wrapper .gform_body .newsletter-email {
	width: 100%;
	display: inline-block;
	padding: 0; }
.newsletter__form .gform_wrapper .gform_body .newsletter-last-name div input, .newsletter__form .gform_wrapper .gform_body .newsletter-first-name div input, .newsletter__form .gform_wrapper .gform_body .newsletter-email div input {
	width: 100%;
	margin: 0;
	max-width: none; }
@media screen and (min-width: 40.063em) {
	.newsletter__form .gform_wrapper .gform_body .newsletter-last-name, .newsletter__form .gform_wrapper .gform_body .newsletter-first-name, .newsletter__form .gform_wrapper .gform_body .newsletter-email {
		width: 50%;
		padding: 0 10px 0 0; } }
.newsletter__form .gform_wrapper .gform_body .newsletter-email {
	width: 100%; }
.newsletter__form .gform_wrapper .gform_body .ginput_counter {
	display: none; }
.newsletter__form .gform_wrapper .gform_footer {
	width: 90%;
	margin: auto; }
@media screen and (min-width: 40.063em) {
	.newsletter__form .gform_wrapper .gform_footer {
		margin: 0; } }
.newsletter__form .gform_wrapper .gform_footer .gform_button {
	font-family: 'Gotham Bold';
	font-weight: bold;
	display: block;
	color: #a83a8a;
	padding-top: 9px;
	padding-left: 20px;
	padding-bottom: 9px;
	padding-right: 20px;
	text-transform: uppercase;
	border-radius: 10px;
	background-color: #fff;
	transition: all 0.5s ease-in-out;
	border-radius: 10px;
	width: 100%; }
.newsletter__form .gform_wrapper .gform_footer .gform_button:hover {
	transform: scale(1.1, 1.1); }
@media screen and (min-width: 40.063em) {
	.newsletter__form .gform_wrapper .gform_footer .gform_button {
		width: auto; } }
.newsletter__form .gform_wrapper .gfield_error {
	background: none !important;
	border: none !important;
	margin: 0 !important; }
.newsletter__form .gform_wrapper .gfield_error input {
	border: 1px solid red !important; }
.newsletter__form .gform_wrapper .gfield_error .validation_message {
	color: #ad0d3e;
	font-weight: 600;
	background: #ffe2e4;
	margin-top: -5px !important;
	border: 1px solid red;
	border-radius: 0 0 3px 3px; }
.newsletter__form .gform_wrapper .gfield_error .gfield_description {
	padding-left: 6px !important; }
.newsletter__form .gform_wrapper .validation_error {
	display: none; }

/* Overrirde Gravity form's styling that is also using !important flag */
.gform_wrapper li.gfield.gfield_error div.gfield_description {
	padding-left: .313em !important; }

/* PARTNER EMAIL FORM */
.partner-email {
	background-color: #FDBD59; }
.partner-email .gform_wrapper .gform_body .g-recaptcha {
	margin-bottom: 3px; }
.partner-email .gform_wrapper .gform_body .ginput_container {
	max-width: 100% !important;
	margin-bottom: 0; }
.partner-email .gform_wrapper .gform_body .ginput_container input {
	width: 100% !important;
	max-width: none; }
@media screen and (min-width: 40.063em) {
	.partner-email .gform_wrapper .gform_body .partners-medium {
		width: calc(50% - 10px) !important;
		display: inline-block; } }
.partner-email .gform_wrapper .gform_body .instruction {
	display: none; }
.partner-email .gform_wrapper .gform_body .gfield {
	margin: 0; }
@media screen and (min-width: 40.063em) {
	.partner-email .gform_wrapper .gform_body .gfield {
		margin: 0 5px !important;
		padding: 0 10px 0 0; }
	.partner-email .gform_wrapper .gform_body .gfield.partner-organization {
		width: calc(100% - 10px) !important; } }
.partner-email .gform_wrapper .gform_body .gfield_error {
	width: 100%; }
.partner-email .gform_wrapper .gform_body .gfield_error .ginput_container {
	margin-bottom: 0; }
.partner-email .gform_wrapper .gform_body .gfield_error .gfield_description {
	width: 100%;
	max-width: 100% !important; }

.reason {
	text-align: center;
	width: 100%;
	min-height: 400px;
	position: relative; }
.reason .reason-background {
	background-size: cover;
	min-height: 13rem;
	background-position: center; }
@media screen and (min-width: 40.063em) {
	.reason .reason-background {
		position: absolute;
		height: 100%;
		width: 100%; } }
.reason .reason-content {
	padding: 50px; }
@media screen and (min-width: 40.063em) {
	.reason .reason-content {
		position: relative; } }
@media screen and (min-width: 40.063em) {
	.reason .reason-content.reason-transparent {
		background-color: transparent !important; } }
@media screen and (min-width: 40.063em) {
	.reason {
		min-height: 400px; } }
.reason p {
	margin: 0 auto 30px auto;
	width: 90%;
	font-family: 'Gotham Medium'; }
@media screen and (min-width: 40.063em) {
	.reason p {
		width: 70%; } }
@media screen and (min-width: 64.063em) {
	.reason p {
		max-width: 570px; } }
.reason h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 0px auto 10px;
	max-width: 90%;
	line-height: 1; }
@media screen and (min-width: 64.063em) {
	.reason h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.reason h2:after {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 70px;
		display: inline-block;
		transform: scale(-1, 1); }
	.reason h2:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 70px; } }
.reason img {
	margin: auto;
	display: block; }
.reason svg {
	fill: inherit;
	height: 13px;
	margin: 20px 0 20px 0; }
.reason a {
	display: inline-block;
	margin: 0 15px 50px 15px; }

.our-organization-main .reason {
	position: relative; }
@media screen and (min-width: 40.063em) {
	.our-organization-main .reason {
		margin-bottom: -60px; } }
.our-organization-main .reason:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 60px;
	background-image: url("../images/pink-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0; }
.our-organization-main .reason p {
	font-weight: 600; }

.donate-thank-you-main p {
	font-weight: 600;
	margin-bottom: 40px; }
@media screen and (min-width: 40.063em) {
	.donate-thank-you-main p {
		margin-bottom: 70px; } }

.donate-thank-you-main svg {
	display: none; }

.donate-thank-you-main .reason h2, .our-loving-impact-main .reason h2 {
	max-width: none;
	width: auto;
	margin-top: 40px; }
@media screen and (min-width: 64.063em) {
	.donate-thank-you-main .reason h2:before, .our-loving-impact-main .reason h2:before {
		font-family: "petco_icons";
		content: '\e909'; }
	.donate-thank-you-main .reason h2:after, .our-loving-impact-main .reason h2:after {
		font-family: "petco_icons";
		content: '\e90a'; } }

@media screen and (min-width: 40.063em) {
	.adopt-at-petco .reason {
		min-height: 600px; } }
@media screen and (min-width: 40.063em) and (min-width: 40.063em) {
	.adopt-at-petco .reason .reason-content {
		left: 50%;
		top: 50%;
		width: 75%;
		position: absolute;
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); } }

.featured-love-story {
	color: #323944;
	position: relative;
	background-color: #FDBD59; }
.featured-love-story.impact {
	background-color: #00AAE7; }
.featured-love-story.impact .featured-love-story__header, .featured-love-story.impact .featured-love-story__story, .featured-love-story.impact .featured-love-story__image {
	background-color: #00AAE7; }
.featured-love-story__header {
	padding: 25px;
	background-color: #FDBD59;
	text-align: center;
	position: relative; }
.featured-love-story__header h3 {
	position: relative;
	z-index: 2;
	display: block;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	bottom: 5px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.featured-love-story__header h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.featured-love-story__header h3:after {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 80%; }
	.featured-love-story__header h3:before {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 80%; } }
@media screen and (min-width: 64.063em) {
	.featured-love-story__header h3 {
		display: inline; } }
.featured-love-story__header a {
	position: inherit;
	right: 0;
	margin: 0;
	z-index: 2;
	display: inline; }
@media screen and (min-width: 64.063em) {
	.featured-love-story__header a {
		position: absolute;
		right: 100px;
		margin: 30px 0 0 0; } }
.featured-love-story__header:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }
.featured-love-story__container {
	max-width: none;
	margin: 0;
	display: block;
	text-align: center; }
@media screen and (min-width: 64.063em) {
	.featured-love-story__container {
		display: flex;
		text-align: left; } }
.featured-love-story__story {
	font: 15px "Gotham Book", sans-serif;
	line-height: 1.3;
	padding: 20px 20px 50px 20px;
	background-color: #FDBD59; }
.featured-love-story__story h3 {
	font-size: 60px;
	font-family: "amaticbold", sans-serif;
	text-transform: lowercase;
	margin: 0 0 30px 0; }
@media screen and (min-width: 64.063em) {
	.featured-love-story__story {
		padding: 60px 80px 0 40px; } }
.featured-love-story__story a {
	width: 80%;
	margin: 10px auto;
	padding: 1em;
	display: block; }
@media screen and (min-width: 40.063em) {
	.featured-love-story__story a {
		margin: 25px auto;
		display: inline; } }
@media screen and (min-width: 64.063em) {
	.featured-love-story__story a.button-inverse {
		position: absolute;
		left: 18%;
		width: 13em;
		bottom: 10px; } }
@media screen and (min-width: 64.063em) {
	.featured-love-story__story .featured-love-story__story-links a:nth-child(2) {
		position: absolute;
		top: 0;
		right: 0;
		width: 14em;
		margin: 3.5rem 1rem 0 1rem; } }
.featured-love-story__image {
	padding: 0;
	position: relative;
	background-color: #FDBD59; }
.featured-love-story__image__desktop {
	display: none; }
@media screen and (min-width: 40.063em) {
	.featured-love-story__image__desktop {
		display: block; } }
.featured-love-story__image__mobile {
	display: block; }
@media screen and (min-width: 40.063em) {
	.featured-love-story__image__mobile {
		display: none; } }
.featured-love-story__image img {
	margin: 0;
	background-size: cover;
	width: 80%; }
@media screen and (min-width: 40.063em) {
	.featured-love-story__image img {
		width: 100%; } }
.featured-love-story__image a {
	display: inline;
	position: absolute;
	bottom: 50px;
	margin: 0;
	left: calc(50% - 55px); }
.featured-love-story__owner-details p {
	margin: 0; }
.featured-love-story svg {
	height: 3px;
	width: 250px;
	margin: 30px auto 20px auto;
	display: inherit; }
@media screen and (min-width: 64.063em) {
	.featured-love-story svg {
		height: 3px;
		margin: 30px 0 20px 0; } }

.featured-partner-success-story {
	color: #fff; }
.featured-partner-success-story .excerpt-read-more {
	color: #a83a8a; }
.featured-partner-success-story__header {
	padding: 25px;
	background-color: #00AAE7;
	text-align: center;
	position: relative; }
.featured-partner-success-story__header h3 {
	position: relative;
	z-index: 2;
	display: block;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	bottom: 5px; }
@media screen and (min-width: 64.063em) {
	.featured-partner-success-story__header h3 {
		display: inline;
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.featured-partner-success-story__header h3:after {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 80%; }
	.featured-partner-success-story__header h3:before {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 80%; } }
.featured-partner-success-story__header a {
	position: inherit;
	right: 0;
	margin: 0;
	z-index: 2;
	display: inline; }
@media screen and (min-width: 64.063em) {
	.featured-partner-success-story__header a {
		position: absolute;
		right: 100px;
		margin: 30px 0 0 0; } }
.featured-partner-success-story__header:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background: url(../images/featured-pet-header-background.svg) repeat left top; }
.featured-partner-success-story__container {
	background-color: #00AAE7;
	max-width: none;
	margin: 0;
	display: block;
	text-align: center;
	position: relative; }
@media screen and (min-width: 64.063em) {
	.featured-partner-success-story__container {
		display: flex;
		text-align: left; } }
.featured-partner-success-story__story {
	font: 15px "Gotham Book", sans-serif;
	line-height: 1.3;
	padding: 20px 20px 50px 20px; }
.featured-partner-success-story__story h3 {
	font: 60px amaticbold;
	text-transform: lowercase;
	margin: 0 0 24px 0; }
@media screen and (min-width: 64.063em) {
	.featured-partner-success-story__story {
		padding: 110px 80px 0 40px; } }
.featured-partner-success-story__image {
	padding: 50px 0 0;
	position: relative;
	background-color: #00AAE7; }
.featured-partner-success-story__image img {
	margin: 0;
	background-size: cover;
	width: auto;
	float: right; }
.featured-partner-success-story__image a {
	display: inline;
	position: absolute;
	bottom: 50px;
	margin: 0;
	left: calc(50% - 55px); }
.featured-partner-success-story__image span {
	font-size: 140px;
	display: inline;
	position: absolute;
	bottom: 150px;
	margin: 0;
	left: calc(50% - 70px); }
.featured-partner-success-story__video {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	height: 100%;
	width: 100%; }
.featured-partner-success-story__video.show {
	visibility: visible; }
.featured-partner-success-story__video iframe {
	position: absolute; }
.featured-partner-success-story__video .close {
	position: absolute;
	right: 50px;
	display: inline-block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	z-index: 1;
	background-color: black;
	top: 1px; }
.featured-partner-success-story__video .close:hover::before, .featured-partner-success-story__video .close:hover::after {
	background: #2980b9; }
.featured-partner-success-story__video .close::before, .featured-partner-success-story__video .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: white; }
.featured-partner-success-story__video .close::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); }
.featured-partner-success-story__video .close::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.featured-partner-success-story__video .close.big {
	-ms-transform: scale(3);
	-webkit-transform: scale(3);
	transform: scale(3); }
.featured-partner-success-story__video .close.heavy::before, .featured-partner-success-story__video .close.heavy::after {
	height: 12px;
	margin-top: -6px; }
.featured-partner-success-story__video .close.rounded::before, .featured-partner-success-story__video .close.rounded::after {
	border-radius: 5px; }

.more-pet-stories {
	background-color: #f4f3eb;
	text-align: center; }
.more-pet-stories svg {
	fill: #00AAE7;
	height: 13px;
	margin: 0 0 20px 0; }
.more-pet-stories h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	color: #00AAE7;
	padding: 30px; }
@media screen and (min-width: 64.063em) {
	.more-pet-stories h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.more-pet-stories h3:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; }
	.more-pet-stories h3:before {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; } }
.more-pet-stories__pets-container {
	padding: 0 0 50px 0; }

.more-partner-success-stories {
	background: #f4f3eb;
	text-align: center;
	padding-top: 70px; }
.more-partner-success-stories svg {
	fill: #00AAE7;
	height: 13px;
	margin: 30px 0; }
.more-partner-success-stories h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	color: #00AAE7;
	margin: 0 30px 30px 30px; }
@media screen and (min-width: 64.063em) {
	.more-partner-success-stories h3 {
		margin: 0;
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.more-partner-success-stories h3:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 70px; }
	.more-partner-success-stories h3:before {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 70px; } }
.more-partner-success-stories__pets-container {
	padding: 0 0 80px 0; }

.no-button-hero, .no-content-hero {
	text-align: center;
	color: #fff;
	background-size: cover;
	position: relative;
	min-height: 20rem;
	overflow: hidden; }
@media screen and (min-width: 40.063em) {
	.no-button-hero, .no-content-hero {
		min-height: 500px; } }
.no-button-hero:after, .no-content-hero:after {
	content: '';
	background-image: url("../images/white-image-drop.png");
	background-position: 50% 0;
	display: block;
	bottom: 0;
	margin-bottom: -2px;
	position: absolute;
	width: 100%;
	left: 0;
	height: 42px;
	background-color: transparent;
	background-repeat: repeat-x; }
.no-button-hero__image, .no-content-hero__image {
	background-size: cover;
	height: 200px;
	top: 0;
	left: 0;
	width: 100%;
	background-position: center; }
@media screen and (min-width: 40.063em) {
	.no-button-hero__image, .no-content-hero__image {
		height: 100%;
		position: absolute; } }
.no-button-hero__container, .no-content-hero__container {
	background-color: #a83a8a;
	padding: 10px;
	display: inline-block;
	width: 100%; }
@media screen and (min-width: 40.063em) {
	.no-button-hero__container, .no-content-hero__container {
		background-color: transparent;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); } }
.no-button-hero__container svg, .no-content-hero__container svg {
	height: 14px;
	margin: 10px 0 20px 0;
	fill: #fff; }
.no-button-hero__container p, .no-content-hero__container p {
	font-size: 20px;
	line-height: 25px;
	padding: 20px; }
@media screen and (min-width: 40.063em) {
	.no-button-hero__container p, .no-content-hero__container p {
		font-size: 20px;
		line-height: 30px;
		max-width: 800px;
		margin: 0 auto; } }
.no-button-hero__container h1, .no-content-hero__container h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.no-button-hero__container h1, .no-content-hero__container h1 {
		font-size: 80px; }
	.no-button-hero__container h1:before, .no-content-hero__container h1:before {
		font-family: "petco_icons";
		content: "\e909";
		font-size: 80%; }
	.no-button-hero__container h1:after, .no-content-hero__container h1:after {
		font-family: "petco_icons";
		content: '\e90a';
		font-size: 80%; } }

.no-content-hero:after {
	background-image: none; }

@media screen and (min-width: 64.063em) {
	.donate-hero .no-button-hero__container h1:before {
		font-family: "petco_icons";
		content: "\e908";
		font-size: 80%; }
	.donate-hero .no-button-hero__container h1:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; } }

.single-button-hero {
	text-align: center;
	color: #fff;
	position: relative; }
.single-button-hero__background {
	position: relative;
	min-height: 13rem;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%; }
@media screen and (min-width: 40.063em) {
	.single-button-hero__background {
		min-height: 544px;
		position: absolute; } }
@media screen and (min-width: 40.063em) {
	.single-button-hero {
		min-height: 544px; } }
.single-button-hero .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto; }
.single-button-hero svg {
	height: 13px;
	margin: 0 0 10px 0;
	fill: #fff; }
.single-button-hero.our-mission .single-button-hero__content {
	float: none;
	margin: 0 auto; }
@media screen and (min-width: 40.063em) {
	.single-button-hero.our-mission .single-button-hero__content {
		margin-top: 7em; } }
.single-button-hero.our-mission .single-button-hero__content h1 {
	font-size: 42px; }
@media screen and (min-width: 40.063em) {
	.single-button-hero.our-mission .single-button-hero__content h1 {
		font-size: 78px; } }
.single-button-hero__content {
	position: relative;
	background-color: #00AAE7;
	padding-bottom: 10px; }
@media screen and (min-width: 40.063em) {
	.single-button-hero__content {
		position: absolute;
		background-color: transparent;
		left: 60%;
		top: 50%;
		width: 60%;
		transform: translate(-50%, -50%); } }
@media screen and (min-width: 64.063em) {
	.single-button-hero__content {
		left: 70%;
		max-width: 650px; } }
.single-button-hero__content h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	letter-spacing: -0.03em; }
@media screen and (min-width: 40.063em) {
	.single-button-hero__content h1 {
		margin-top: 0.5em; } }
@media screen and (min-width: 40.063em) {
	.single-button-hero__content h1 {
		font-size: 80px; } }
@media screen and (min-width: 64.063em) {
	.single-button-hero__content h1:before {
		font-family: "petco_icons";
		content: '\e909';
		font-weight: 400;
		font-size: 80%; }
	.single-button-hero__content h1:after {
		font-family: "petco_icons";
		content: '\e90a';
		font-weight: 400;
		font-size: 80%; } }
.single-button-hero__content .button {
	display: inline-block; }

.what-you-can-do .single-button-hero__content {
	margin: 0 auto;
	display: block;
	float: none;
	margin-top: 8em; }

.single-button-hero-center {
	background-size: cover;
	text-align: center;
	background-position: 50% 50%;
	color: #fff;
	padding-bottom: 10px;
	min-height: 300px; }
@media screen and (min-width: 40.063em) {
	.single-button-hero-center {
		min-height: 544px; } }
.single-button-hero-center .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto; }
.single-button-hero-center svg {
	height: 13px;
	margin: 0 0 10px 0;
	fill: #fff; }
.single-button-hero-center__content h1 {
	padding-top: 1em;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	letter-spacing: -0.03em; }
@media screen and (min-width: 64.063em) {
	.single-button-hero-center__content h1 {
		font-size: 80px; }
	.single-button-hero-center__content h1:before {
		font-family: "petco_icons";
		content: '\e908';
		/* heart */
		font-weight: 400;
		font-size: 80%; }
	.single-button-hero-center__content h1:after {
		font-family: "petco_icons";
		content: '\e908';
		font-weight: 400;
		font-size: 80%; } }
.single-button-hero-center__content p {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 800; }
.single-button-hero-center__content .button {
	display: inline-block;
	margin: 0 auto;
	font-family: 'Gotham Bold';
	font-weight: bold;
	display: inline;
	color: #fff;
	padding-top: 9px;
	padding-left: 20px;
	padding-bottom: 9px;
	padding-right: 20px;
	text-transform: uppercase;
	border-radius: 10px;
	background-color: #a83a8a;
	transition: all 0.5s ease-in-out; }
.single-button-hero-center__content .button:hover {
	transform: scale(1.1, 1.1); }

.double-button-hero {
	background-size: cover;
	color: #fff;
	text-align: center;
	padding: 10px; }
@media screen and (min-width: 40.063em) {
	.double-button-hero {
		padding: 28px;
		padding-top: 6em;
		height: 570px; } }
@media screen and (min-width: 40.063em) {
	.double-button-hero.our-organization {
		padding-top: 3em; } }
.double-button-hero h1 {
	font-size: 41px; }
@media screen and (min-width: 64.063em) {
	.double-button-hero h1 {
		font-size: 80px; }
	.double-button-hero h1:before {
		font-family: "petco_icons";
		content: "\e909"; }
	.double-button-hero h1:after {
		font-family: "petco_icons";
		content: "\e90a"; } }
.double-button-hero h3 {
	font-size: 31px; }
@media screen and (min-width: 40.063em) {
	.double-button-hero h3 {
		font-size: 48px; } }
.double-button-hero svg {
	height: 13px;
	width: 43%;
	fill: #fff; }
@media screen and (min-width: 40.063em) {
	.double-button-hero svg {
		height: 10px;
		width: 12%; } }
.double-button-hero p {
	margin: 0 auto;
	margin-bottom: 2em; }
@media screen and (min-width: 40.063em) {
	.double-button-hero p {
		max-width: 60%; } }
.double-button-hero__container__button-container .button-inverse {
	margin-right: 1em; }
.double-button-hero__container__button-container .button, .double-button-hero__container__button-container .button-inverse {
	margin-bottom: 1em;
	width: 100%; }
@media screen and (min-width: 40.063em) {
	.double-button-hero__container__button-container .button, .double-button-hero__container__button-container .button-inverse {
		display: inline;
		width: auto; } }

.double-button-hero-right {
	text-align: center;
	color: #fff;
	padding-bottom: 10px;
	min-height: 620px;
	position: relative; }
.double-button-hero-right__bg {
	background-size: cover;
	background-position: 50% 50%;
	height: 20rem;
	width: 100%; }
@media screen and (min-width: 40.063em) {
	.double-button-hero-right__bg {
		position: absolute;
		height: 100%; } }
@media screen and (min-width: 40.063em) {
	.double-button-hero-right {
		min-height: 544px; } }
.double-button-hero-right .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 100px; }
@media screen and (min-width: 40.063em) {
	.double-button-hero-right .row {
		padding: 0; } }
.double-button-hero-right svg {
	height: 13px;
	margin: 0 0 10px 0;
	fill: #fff; }
.double-button-hero-right__content {
	position: relative;
	float: none;
	margin: 0 auto; }
@media screen and (min-width: 64.063em) {
	.double-button-hero-right__content {
		float: right;
		padding: 0 80px 0 0; } }
.double-button-hero-right__content h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	letter-spacing: -0.03em; }
@media screen and (min-width: 40.063em) {
	.double-button-hero-right__content h1 {
		margin-top: 1em; } }
@media screen and (min-width: 64.063em) {
	.double-button-hero-right__content h1 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.double-button-hero-right__content h1:before {
		font-family: "petco_icons";
		content: '\e909';
		font-weight: 400;
		font-size: 80%; }
	.double-button-hero-right__content h1:after {
		font-family: "petco_icons";
		content: '\e90a';
		font-weight: 400;
		font-size: 80%; } }
.double-button-hero-right__content .button {
	width: 100%;
	margin: 0 auto; }
@media screen and (min-width: 40.063em) {
	.double-button-hero-right__content .button {
		width: 50%; } }

.what-you-can-do .single-button-hero__content {
	margin: 0 auto;
	display: block;
	float: none;
	margin-top: 8em; }

.our-goals {
	position: relative;
	background-color: #f4f3eb;
	padding: 15px; }
.our-goals .row {
	max-width: 75rem; }
.our-goals:before {
	content: '';
	width: 100%;
	height: 10px;
	background-color: transparent;
	background-image: url(../images/jagged-edge-gray.svg);
	background-repeat: repeat-x;
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	margin-top: -7px;
	background-size: 105%;
	background-position: 50% 0;
	z-index: 10; }
.our-goals__container .our-goal {
	text-align: center; }
.our-goals__container .our-goal h1 {
	color: #00AAE7;
	font-size: 144px; }
.our-goals__container .our-goal .button-inverse {
	margin: 0 auto;
	margin-bottom: 1.5em;
	display: inline-block;
	color: #fff; }
.our-goals__container .our-goal p {
	max-width: 272px;
	margin-left: auto;
	margin-right: auto; }

.upcoming-events {
	background-color: #a83a8a;
	text-align: center;
	color: white; }
.upcoming-events h3 {
	padding: 30px 0 0 0;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.upcoming-events h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.upcoming-events h3:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 70px; }
	.upcoming-events h3:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 70px; } }
.upcoming-events svg {
	height: 15px;
	fill: #fff;
	margin: 15px 0 15px 0; }
.upcoming-events > p {
	width: 80%;
	margin: 0 auto 30px auto; }
@media screen and (min-width: 64.063em) {
	.upcoming-events > p {
		width: 50%; } }
.upcoming-events a {
	margin: 0 auto 20px auto;
	display: inline-block; }

.events-landing .upcoming-events > a {
	display: none; }

.become-an-adoption-partner-main .upcoming-events {
	background-color: #00AAE7;
	padding-top: 57px; }
.become-an-adoption-partner-main .upcoming-events__events-container .event-preview img {
	border: 0px; }

.events-near-you {
	text-align: center; }
.events-near-you__header {
	color: #00AAE7;
	padding: 20px 0 0 0; }
.events-near-you__header h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 0; }
@media screen and (min-width: 64.063em) {
	.events-near-you__header h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 70px;
		text-transform: lowercase; }
	.events-near-you__header h3:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 50px; }
	.events-near-you__header h3:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 50px; } }
.events-near-you__content p {
	width: 80%;
	margin: 10px auto 20px auto; }
@media screen and (min-width: 64.063em) {
	.events-near-you__content p {
		width: 50%; } }
.events-near-you__events-container {
	margin: 0 0 50px 0; }

.share-pet-story-hero {
	position: relative; }
.share-pet-story-hero__background {
	background-size: cover;
	position: relative;
	min-height: 13rem;
	width: 100%;
	background-size: cover;
	background-size: 175%;
	background-repeat: no-repeat;
	background-color: #FDBD59; }
@media screen and (min-width: 40.063em) {
	.share-pet-story-hero__background {
		min-height: 20rem;
		background-size: 100%; } }
@media screen and (min-width: 64.063em) {
	.share-pet-story-hero__background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: auto;
		background-size: auto; } }
.share-pet-story-hero__main {
	background-color: #f4f3eb; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-hero__main {
		background-color: transparent; } }
.share-pet-story-hero__main__content {
	padding-top: 50px;
	position: relative;
	color: #fff;
	float: right;
	margin-top: 20px; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-hero__main__content {
		margin-top: 0;
		margin-right: 95px;
		float: right; } }
.share-pet-story-hero__main__content h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 60px;
	color: #00AAE7; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-hero__main__content h1 {
		font-size: 70px; } }
@media screen and (min-width: 64.063em) {
	.share-pet-story-hero__main__content h1 {
		color: #fff; }
	.share-pet-story-hero__main__content h1:before {
		font-family: "petco_icons";
		content: "\e909"; }
	.share-pet-story-hero__main__content h1:after {
		font-family: "petco_icons";
		content: "\e90a"; } }
.share-pet-story-hero__main__content .divider {
	width: 190px;
	margin: 0 auto;
	fill: #00AAE7; }
.share-pet-story-hero__main__content svg {
	fill: #00AAE7;
	height: 12px;
	margin: 10px 0; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-hero__main__content svg {
		fill: #fff; } }
.share-pet-story-hero__main__content p {
	font-family: 'Gotham Medium';
	font-size: 20px;
	line-height: 1.4em;
	text-align: center;
	color: #323944; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-hero__main__content p {
		max-width: 570px;
		color: #fff;
		text-align: justify; } }
.share-pet-story-hero__main__content label {
	color: #323944; }

.share-pet-story {
	min-height: 300px; }
.share-pet-story__title {
	background-color: #a83a8a;
	color: #fff;
	text-align: center;
	padding: 15px; }
.share-pet-story__title h1 {
	font-size: 45px; }
@media screen and (min-width: 64.063em) {
	.share-pet-story__title h1 {
		font-size: 68px; } }
.share-pet-story__title h1:before {
	font-family: "petco_icons";
	content: "\e908"; }
.share-pet-story__title h1:after {
	font-family: "petco_icons";
	content: "\e908"; }
.share-pet-story__container {
	background-color: #f4f3eb;
	padding: 44px;
	padding-bottom: 69px; }
.share-pet-story__container h3 {
	font-size: 22px;
	font-family: "Gotham Book", sans-serif;
	font-weight: bold; }

.share-your-love-story__header {
	padding: 25px;
	background-color: #a83a8a;
	color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: 57px; }
.share-your-love-story__header:after {
	content: '';
	width: 100%;
	bottom: 0;
	position: absolute;
	height: 58px;
	background-image: url("../images/pink-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	margin-bottom: -57px; }
.share-your-love-story__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 30px 0 0 0; }
@media screen and (min-width: 64.063em) {
	.share-your-love-story__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.share-your-love-story__header h2:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; }
	.share-your-love-story__header h2:before {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; } }

.share-your-love-story__container {
	text-align: center; }
.share-your-love-story__container h3 {
	padding-top: 20px;
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 40px;
	text-transform: lowercase;
	margin: 20px; }
.share-your-love-story__container p {
	width: 100%;
	padding-left: 1rem;
	padding-right: 1rem;
	margin: auto; }
@media screen and (min-width: 64.063em) {
	.share-your-love-story__container p {
		max-width: 620px;
		padding-left: 0;
		padding-right: 0; } }
.share-your-love-story__container a {
	display: inline-block;
	margin: 35px auto 35px auto; }

.pet-story-detail-main {
	background-color: #f4f3eb;
	padding: 100px 20px 0 20px; }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-main__title {
		text-align: right;
		padding-right: 3em; } }
.pet-story-detail-main__title svg {
	height: inherit;
	position: relative;
	display: inline-block;
	fill: #a83a8a;
	bottom: 15px; }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-main__title svg {
		height: 3px;
		width: 250px; } }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-main__title .share {
		margin-top: 1em; } }
.pet-story-detail-main__title h1 {
	text-align: right;
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase; }
.pet-story-detail-main__title .share {
	margin: 0;
	position: relative;
	bottom: 10px; }
.pet-story-detail-main__content {
	padding: 20px 4% 0 0; }

.pet-story-detail-main.pet-story__title svg {
	fill: #a83a8a; }

.pet-story-detail-main.pet-story h1 {
	color: #a83a8a; }

.pet-story-detail-main.news-story__title svg {
	fill: inherit; }

.pet-story-detail-main.news-story h1 {
	color: #00AAE7; }

.pet-story-detail-hero {
	background-size: cover;
	background-position: center;
	color: #fff;
	text-align: center;
	height: 100%;
	position: relative;
	min-height: 300px; }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-hero {
		min-height: 425px; } }
.pet-story-detail-hero .row {
	width: 100%;
	padding: 5em 3em;
	padding-bottom: 9em; }
@media screen and (max-width: 39.9375em) {
	.pet-story-detail-hero .row {
		padding: 5em 0em;
		padding-bottom: 6em; } }
.pet-story-detail-hero__container .heading {
	margin: auto;
	font-size: 5em; }
@media screen and (max-width: 39.9375em) {
	.pet-story-detail-hero__container .heading {
		font-size: 3.5em; } }
@media screen and (min-width: 64.063em) {
	.pet-story-detail-hero__container .heading:before {
		font-family: "petco_icons";
		content: "\e909";
		font-weight: normal;
		font-size: 85%;
		font-weight: normal; }
	.pet-story-detail-hero__container .heading:after {
		font-family: "petco_icons";
		content: "\e90a";
		font-weight: normal;
		font-size: 85%;
		font-weight: normal; } }
.pet-story-detail-hero__container h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 100%;
	text-transform: lowercase;
	display: inline-block; }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-hero__container h1 {
		font-size: 110%;
		max-width: 80%; } }
@media screen and (max-width: 39.9375em) {
	.pet-story-detail-hero__container h1 {
		max-width: 200px;
		vertical-align: top; } }
.pet-story-detail-hero__container svg {
	height: 9px;
	fill: #fff;
	margin: 0 0 20px 0; }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-hero__container svg {
		height: 13px; } }
.pet-story-detail-hero__image {
	position: absolute;
	left: calc(50% - 90px);
	bottom: 0;
	width: 180px;
	margin: 0;
	margin-bottom: -88px !important; }
.pet-story-detail-hero__image img {
	max-width: 110%; }
.pet-story-detail-hero p {
	margin: 0 auto 0 auto;
	max-width: 600px;
	width: 80%; }
@media screen and (max-width: 39.9375em) {
	.pet-story-detail-hero p {
		margin-bottom: 40px; } }

.whole-square {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-wrap: nowrap; }
@media screen and (min-width: 64.063em) {
	.whole-square {
		flex-direction: row;
		flex-wrap: wrap; } }

.impact .half-square-2-buttons {
	background-color: #00AAE7; }

.put-your-love-into-action .half-square-2-buttons {
	background-color: #00AAE7; }

.donate .half-square .arrow-divider-container:before {
	margin-left: -.4em; }

.donate .half-square .arrow-divider-container:after {
	margin-left: -.6em; }

.donate .half-square:first-of-type .arrow-divider-container:before {
	margin-left: -1.4em; }

.donate .half-square:first-of-type .arrow-divider-container:after {
	margin-left: .5em; }

.half-square {
	text-align: center;
	background-size: cover;
	width: 100%;
	padding: 0;
	position: relative;
	height: auto; }
@media screen and (min-width: 64.063em) {
	.half-square {
		width: 50%; } }
.half-square p {
	margin: 20px 10px;
	font-weight: bold; }
@media screen and (min-width: 64.063em) {
	.half-square p {
		margin: 0 20px 30px 20px; } }
.half-square h2 {
	max-width: 90%;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 60px auto 0 auto;
	position: relative;
	line-height: 1; }
@media screen and (min-width: 64.063em) {
	.half-square h2 {
		max-width: 350px; } }
@media screen and (min-width: 40.063em) {
	.half-square h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase;
		margin: 30px auto 0 auto; } }
@media screen and (min-width: 64.063em) {
	.half-square h2:before {
		font-family: "petco_icons";
		content: "\e907";
		font-size: 60px;
		position: absolute;
		left: -25%;
		top: 50%;
		display: inline-block; }
	.half-square h2:after {
		font-family: "petco_icons";
		content: "\e907";
		font-size: 60px;
		margin-right: 0;
		position: absolute;
		right: -25%;
		top: 50%; } }
.half-square .arrow-divider-container {
	margin: 0 auto; }
.half-square .arrow-divider-container svg {
	fill: inherit;
	height: 13px;
	width: 215px;
	margin: 30px 0 25px 0; }
.half-square a {
	display: inline-block;
	margin: 0 15px 50px 15px; }
.half-square__video {
	position: relative;
	height: 100%;
	min-height: 450px; }
.half-square__video .icon-play {
	color: #fff;
	font-size: 140px;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	height: 140px;
	width: 140px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1; }
.half-square__video .half-square-video-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
.half-square__video .half-square-video-holder iframe, .half-square__video .half-square-video-holder object, .half-square__video .half-square-video-holder embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
.half-square__video.show .close {
	display: block; }
.half-square__video.show .icon-play {
	display: none; }
.half-square__video .close {
	display: none;
	position: absolute;
	right: 20px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	z-index: 1;
	top: 50px;
	cursor: pointer; }
.half-square__video .close:hover::before, .half-square__video .close:hover::after {
	background: #2980b9; }
.half-square__video .close::before, .half-square__video .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: white; }
.half-square__video .close::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); }
.half-square__video .close::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.half-square__video .close.big {
	-ms-transform: scale(3);
	-webkit-transform: scale(3);
	transform: scale(3); }
.half-square__video .close.heavy::before, .half-square__video .close.heavy::after {
	height: 12px;
	margin-top: -6px; }
.half-square__video .close.rounded::before, .half-square__video .close.rounded::after {
	border-radius: 5px; }

.accordion {
	margin: 10px; }
@media screen and (min-width: 40.063em) {
	.accordion {
		margin: 0 0 100px 0; } }
.accordion__header {
	background-color: #a83a8a;
	text-align: center;
	color: #fff;
	padding: 15px 0 30px 0;
	position: relative;
	margin-bottom: 57px; }
.accordion__header:after {
	content: '';
	width: 100%;
	bottom: 0;
	position: absolute;
	height: 58px;
	background-image: url("../images/pink-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	margin-bottom: -57px; }
.accordion__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase;
	margin: 0; }
.accordion__header p {
	width: 90%;
	margin: 10px auto 0 auto; }
@media screen and (min-width: 40.063em) {
	.accordion__header p {
		width: 70%; } }
@media screen and (min-width: 64.063em) {
	.accordion__header p {
		width: 60%; } }
.accordion__header a {
	text-decoration: underline;
	color: #fff;
	font-weight: 600; }
.accordion__header .button {
	display: inline-block;
	color: #a83a8a;
	text-decoration: none;
	margin: 40px 0; }
.accordion__items .accordion {
	border: 0;
	margin: 25px auto 25px auto; }

.application-faq .accordion__header h2:after {
	content: ''; }

.application-faq .accordion__header h2:before {
	content: ''; }

.application-period-details .accordion__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.application-period-details .accordion__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.application-period-details .accordion__header h2:after {
		font-family: "petco_icons";
		content: '\e905'; }
	.application-period-details .accordion__header h2:before {
		font-family: "petco_icons";
		content: '\e904'; } }

.pet-story-detail-major-content {
	background-color: #f4f3eb;
	position: relative; }
.pet-story-detail-major-content__container {
	max-width: 75rem;
	margin: 0 auto 0 auto;
	padding: 50px 0 50px 0; }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-major-content__container {
		max-width: 54rem; } }
.pet-story-detail-major-content__container p {
	margin: 0 0 16px 0;
	text-align: left; }
.pet-story-detail-major-content__container img {
	margin: 10px; }
.pet-story-detail-major-content__container h1, .pet-story-detail-major-content__container h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 48px;
	text-transform: lowercase;
	color: #a83a8a;
	padding-top: 1rem;
	padding-bottom: .5rem; }
.pet-story-detail-major-content__container h3, .pet-story-detail-major-content__container h4, .pet-story-detail-major-content__container h5 {
	font-family: "amaticbold", sans-serif;
	font-size: 36px;
	text-transform: lowercase;
	color: #a83a8a;
	padding-top: .75rem;
	padding-bottom: .33rem; }
.pet-story-detail-major-content__navigation {
	position: relative;
	padding: 0 0 60px 0;
	background-size: cover; }
@media screen and (min-width: 40.063em) {
	.pet-story-detail-major-content__navigation {
		min-width: 350px; } }
.pet-story-detail-major-content__navigation a {
	display: block; }
.pet-story-detail-major-content__navigation div {
	margin: 0;
	padding: 0; }
.pet-story-detail-major-content__navigation span {
	text-transform: uppercase;
	font-family: 'Gotham Bold';
	font-size: 16px;
	font-weight: 800;
	color: #a83a8a; }
.pet-story-detail-major-content__navigation .previous, .pet-story-detail-major-content__navigation .next {
	background-size: cover;
	background-position: center;
	margin-bottom: 10px;
	height: 300px;
	position: relative; }
.pet-story-detail-major-content__navigation .previous__overlay, .pet-story-detail-major-content__navigation .next__overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%; }
.pet-story-detail-major-content__navigation .previous__overlay a, .pet-story-detail-major-content__navigation .next__overlay a {
	position: absolute;
	width: 100%;
	height: 100%; }
.pet-story-detail-major-content__navigation .previous__overlay__copy, .pet-story-detail-major-content__navigation .next__overlay__copy {
	position: absolute;
	bottom: 0;
	bottom: 20px; }
.pet-story-detail-major-content__navigation .previous {
	left: 0;
	text-align: right;
	border-radius: 0px 10px 10px 0px;
	-webkit-box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.75);
	box-shadow: 10px 10px 38px -12px rgba(0, 0, 0, 0.75); }
.pet-story-detail-major-content__navigation .previous__overlay {
	padding: 4%;
	background-color: rgba(255, 255, 255, 0.9);
	transition: background-color 0.5s ease-in-out;
	border-radius: 0px 10px 10px 0px; }
.pet-story-detail-major-content__navigation .previous__overlay a {
	right: 10px; }
.pet-story-detail-major-content__navigation .previous__overlay__copy {
	right: 10px; }
.pet-story-detail-major-content__navigation .previous__overlay__copy h4 {
	color: #a83a8a;
	font-size: 34px; }
@media screen and (min-width: 64.063em) {
	.pet-story-detail-major-content__navigation .previous__overlay__copy h4 {
		font-size: 42px; } }
.pet-story-detail-major-content__navigation .previous__overlay:hover {
	background-color: rgba(255, 255, 255, 0.5); }
.pet-story-detail-major-content__navigation .previous__overlay span:before {
	content: '‹';
	display: inline-block;
	padding: 0 5px 5px 5px; }
.pet-story-detail-major-content__navigation .next {
	right: 0;
	border-radius: 10px 0px 0px 10px;
	-webkit-box-shadow: -8px 10px 38px -12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -8px 10px 38px -12px rgba(0, 0, 0, 0.75);
	box-shadow: -8px 10px 38px -12px rgba(0, 0, 0, 0.75); }
.pet-story-detail-major-content__navigation .next__overlay {
	padding: 4%;
	background-color: rgba(255, 255, 255, 0.9);
	transition: background-color 0.5s ease-in-out;
	border-radius: 10px 0px 0px 10px; }
.pet-story-detail-major-content__navigation .next__overlay__copy {
	left: 10px; }
.pet-story-detail-major-content__navigation .next__overlay__copy h4 {
	color: #a83a8a;
	font-size: 34px; }
@media screen and (min-width: 64.063em) {
	.pet-story-detail-major-content__navigation .next__overlay__copy h4 {
		font-size: 42px; } }
.pet-story-detail-major-content__navigation .next__overlay:hover {
	background-color: rgba(255, 255, 255, 0.5); }
.pet-story-detail-major-content__navigation .next__overlay span:after {
	content: '›';
	display: inline-block;
	padding: 0 5px 5px 5px; }

.content-divider {
	background-color: #f4f3eb;
	padding: 4%; }
.content-divider__container {
	text-align: center; }
.content-divider__container h1 {
	font-size: 41px;
	color: #a83a8a; }
@media screen and (min-width: 64.063em) {
	.content-divider__container h1 {
		font-size: 69px; }
	.content-divider__container h1:before {
		font-family: "petco_icons";
		content: "\e904"; }
	.content-divider__container h1:after {
		font-family: "petco_icons";
		content: "\e905"; } }
.content-divider__container p {
	margin: 0 auto;
	margin-bottom: 2em; }
@media screen and (min-width: 40.063em) {
	.content-divider__container p {
		max-width: 59%; } }
.content-divider svg {
	fill: #d1cfc9; }
@media screen and (min-width: 40.063em) {
	.content-divider svg {
		width: 80%;
		position: relative;
		left: 10%;
		text-align: center; } }

.tab-content {
	background-color: #f4f3eb;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.tab-content {
		padding: 5%;
		padding-top: 0; } }
.tab-content__container > h1 {
	font-size: 50px;
	color: #a83a8a;
	text-align: center; }
@media screen and (min-width: 40.063em) {
	.tab-content__container > h1 {
		font-size: 69px; } }
.tab-content__container__tab {
	margin: 0 auto; }
.tab-content__container__tab .tabs {
	background: none;
	padding-left: 16%; }
.tab-content__container__tab .tabs .tabs-title {
	display: inline-block;
	float: none;
	width: 40%;
	text-align: center;
	border-bottom: solid #a83a8a; }
.tab-content__container__tab .tabs .tabs-title a {
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px;
	color: #a83a8a; }
.tab-content__container__tab .tabs .tabs-title a:hover {
	background: #a83a8a;
	color: #fff; }
.tab-content__container__tab .tabs .tabs-title.is-active a {
	color: #fff;
	background: #a83a8a; }
.tab-content__container__tab-content .tabs-content {
	background: none; }
@media screen and (min-width: 40.063em) {
	.tab-content__container__tab-content .tabs-content {
		max-width: 59%;
		margin: 0 auto; } }
.tab-content__container__tab-content .tabs-content h4 {
	color: black;
	font-family: "Gotham Book", sans-serif;
	font-size: 15px; }
@media screen and (min-width: 40.063em) {
	.tab-content__container__tab-content .tabs-content h4 {
		font-size: 24px; } }

.donate-text {
	text-align: center;
	position: relative;
	padding: 40px; }
.donate-text:before {
	background-image: url("../images/rough-white-top-edge.png");
	background-repeat: repeat-x;
	background-position: 50% 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	z-index: 5;
	left: 0;
	margin-top: -17px;
	height: 20px;
	width: 100%; }
.donate-text h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	color: #00AAE7;
	margin: 0; }
@media screen and (min-width: 64.063em) {
	.donate-text h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.donate-text h2:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 80%; }
	.donate-text h2:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 80%; } }
.donate-text p {
	max-width: 65%;
	margin: 0 auto 0 auto; }
.donate-text form label {
	text-align: right;
	font: 15px "Gotham Book", sans-serif;
	color: #393939;
	font-weight: 600;
	margin: 10px 0 0 0; }
.donate-text form input {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 5px; }
.donate-text__mail {
	display: inline-block;
	margin: 30px 5px 20px 5px; }
.donate-text__mail .icon-mail {
	font-size: 69px;
	color: #a83a8a; }
.donate-text__mail h2 {
	font-size: 40px;
	margin: -20px 0 0 0; }
.donate-text__mail h2:after {
	content: ' '; }
.donate-text__mail h2:before {
	content: ' '; }
.donate-text__mail svg {
	display: inline;
	height: 1px; }
@media screen and (min-width: 40.063em) {
	.donate-text__mail svg {
		height: 2px; } }
.donate-text__mail p {
	display: inline;
	font: 14px "Gotham Book", sans-serif;
	color: #393939;
	font-weight: 600; }
.donate-text__mail .address {
	margin: 5px auto 35px auto;
	font: 14px "Gotham Book", sans-serif;
	color: #393939;
	font-weight: 600; }
@media screen and (min-width: 40.063em) {
	.donate-text__mail .address {
		width: 340px; } }

.donate-images {
	text-align: center;
	position: relative; }
.donate-images:before {
	content: '';
	width: 100%;
	position: absolute;
	height: 10px;
	background-image: url("../images/rough-white-top-edge.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	top: 0;
	margin-top: -10px; }
.donate-images .separator-choice-or {
	height: 64px;
	font-family: "amaticbold", sans-serif;
	font-size: 40px;
	text-transform: lowercase;
	color: #00AAE7;
	font-size: 40px;
	text-transform: lowercase;
	display: block; }
@media screen and (min-width: 40.063em) {
	.donate-images .separator-choice-or {
		display: inline-block;
		position: absolute;
		top: 50%;
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); } }
.donate-images__gift-container {
	position: relative; }
@media screen and (min-width: 40.063em) {
	.donate-images__gift-container a:first-child {
		margin-right: 20px; }
	.donate-images__gift-container a:last-child {
		margin-left: 20px; } }
.donate-images .button {
	display: inline-block; }
.donate-images h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	color: #00AAE7; }
.donate-images p {
	max-width: 65%;
	margin: 0 auto 0 auto; }
.donate-images form label {
	font-size: 20px;
	font-family: "Gotham Book", sans-serif;
	color: #9fa6b4;
	font-weight: 600; }
.donate-images form input {
	display: inline-block; }
.donate-images__mail {
	display: inline-block;
	margin: 0 auto 0 auto; }
.donate-images__mail .icon-mail {
	font-size: 69px;
	color: #a83a8a; }
.donate-images__mail h2 {
	font-size: 40px; }
.donate-images__mail h2:after {
	content: ' '; }
.donate-images__mail h2:before {
	content: ' '; }
.donate-images__mail svg {
	display: inline;
	height: 1px; }
@media screen and (min-width: 40.063em) {
	.donate-images__mail svg {
		height: 3px; } }
.donate-images__mail p {
	display: inline;
	font-family: "Gotham Book", sans-serif;
	font-weight: 600; }
.donate-images__mail .address {
	margin: 5px auto 35px auto; }
@media screen and (min-width: 40.063em) {
	.donate-images__mail .address {
		width: 400px; } }

.tab-content {
	background-color: #f4f3eb;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.tab-content {
		padding: 5%;
		padding-top: 0; } }
.tab-content__container > h1 {
	font-size: 50px;
	color: #a83a8a;
	text-align: center; }
@media screen and (min-width: 40.063em) {
	.tab-content__container > h1 {
		font-size: 69px; } }
.tab-content__container__tab {
	margin: 0 auto; }
.tab-content__container__tab .tabs {
	background: none;
	padding-left: 16%; }
.tab-content__container__tab .tabs .tabs-title {
	display: inline-block;
	float: none;
	width: 40%;
	text-align: center;
	border-bottom: solid #a83a8a; }
.tab-content__container__tab .tabs .tabs-title a {
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px 5px 0px 0px;
	color: #a83a8a; }
.tab-content__container__tab .tabs .tabs-title a:hover {
	background: #a83a8a;
	color: #fff; }
.tab-content__container__tab .tabs .tabs-title.is-active a {
	color: #fff;
	background: #a83a8a; }
.tab-content__container__tab-content .tabs-content {
	background: none; }
@media screen and (min-width: 40.063em) {
	.tab-content__container__tab-content .tabs-content {
		max-width: 59%;
		margin: 0 auto; } }
.tab-content__container__tab-content .tabs-content h4 {
	color: black;
	font-family: "Gotham Book", sans-serif;
	font-size: 15px; }
@media screen and (min-width: 40.063em) {
	.tab-content__container__tab-content .tabs-content h4 {
		font-size: 24px; } }

.who-we-support {
	background-color: #FFBE4E;
	color: #323944;
	text-align: center;
	padding: 15px;
	position: relative;
	margin-bottom: 57px; }
.who-we-support:after {
	content: '';
	width: 100%;
	bottom: 0;
	position: absolute;
	height: 58px;
	background-image: url("../images/yellow-drop.png");
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	margin-bottom: -57px; }
.who-we-support h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 55px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.who-we-support h1 {
		font-size: 69px; }
	.who-we-support h1:before {
		font-family: "petco_icons";
		content: "\e907"; }
	.who-we-support h1:after {
		font-family: "petco_icons";
		content: "\e907"; } }
.who-we-support svg {
	height: 12px; }
.who-we-support p {
	width: 80%;
	margin: 15px auto 15px auto; }
@media screen and (min-width: 40.063em) {
	.who-we-support p {
		width: 60%; } }
.who-we-support__disclaimer {
	font-size: 10px;
	width: 50%;
	margin: auto; }
@media screen and (min-width: 40.063em) {
	.who-we-support__disclaimer {
		width: 40%; } }

.become-an-adoption-partner-main .who-we-support {
	margin-bottom: 0; }

.single-video-content {
	background-color: #f4f3eb;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.single-video-content {
		padding: 2%; } }
.single-video-content h1 {
	color: #00AAE7;
	text-align: center;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.single-video-content h1 {
		font-size: 80px; }
	.single-video-content h1:before {
		font-family: "petco_icons";
		content: "\e908";
		font-size: 80%; }
	.single-video-content h1:after {
		font-family: "petco_icons";
		content: "\e908";
		font-size: 80%; } }
.single-video-content svg {
	fill: #00AAE7;
	width: 43%;
	display: block;
	margin: 0 auto;
	margin-top: 0.5em;
	margin-bottom: 1em; }
@media screen and (min-width: 40.063em) {
	.single-video-content svg {
		width: 17%; } }
.single-video-content p {
	margin-top: 1em; }
@media screen and (min-width: 40.063em) {
	.single-video-content p {
		margin-top: 0; } }
.single-video-content__container iframe {
	border: none; }
@media screen and (min-width: 40.063em) {
	.single-video-content__container iframe {
		float: right;
		min-height: 250px;
		min-width: 400px; } }
.single-video-content__container__copy a {
	color: #6c1e6b;
	font-weight: bold; }

.triple-emphasis-content__header-container {
	color: #fff;
	background-color: #a83a8a;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.triple-emphasis-content__header-container {
		padding: 2%; } }
.triple-emphasis-content__header-container h1 {
	text-align: center;
	font-size: 34px; }
@media screen and (min-width: 64.063em) {
	.triple-emphasis-content__header-container h1 {
		font-size: 69px; }
	.triple-emphasis-content__header-container h1:before {
		font-family: "petco_icons";
		content: "\e904"; }
	.triple-emphasis-content__header-container h1:after {
		font-family: "petco_icons";
		content: "\e905"; } }
.triple-emphasis-content__header-container svg {
	fill: #fff;
	width: 53%;
	margin: 0 auto;
	display: block;
	margin-bottom: 1em; }
@media screen and (min-width: 40.063em) {
	.triple-emphasis-content__header-container svg {
		width: 17%; } }
.triple-emphasis-content__header-container p {
	margin-bottom: 0;
	text-align: center; }

.triple-emphasis-content__emphasis-container {
	background-color: #f4f3eb;
	min-height: 340px;
	max-height: 1107px;
	padding: 20px 0 0 0; }
.triple-emphasis-content__emphasis-container .row {
	min-height: 300px;
	max-width: 75rem; }
@media screen and (min-width: 40.063em) {
	.triple-emphasis-content__emphasis-container {
		padding: 10px 2% 6%; } }
.triple-emphasis-content__emphasis-container .emphasis-container__copy {
	position: relative;
	min-width: 135px;
	padding-top: 2.4em; }
@media screen and (min-width: 40.063em) {
	.triple-emphasis-content__emphasis-container .emphasis-container__copy {
		top: 3em; } }
.triple-emphasis-content__emphasis-container .emphasis-container__copy img {
	max-width: 500px;
	width: 100%;
	height: 100%;
	max-height: 174px;
	position: relative; }
.triple-emphasis-content__emphasis-container .emphasis-container__copy__container {
	position: absolute;
	top: 4em;
	left: 0;
	padding-left: 20px;
	text-align: center;
	width: 100%; }
@media screen and (min-width: 40.063em) {
	.triple-emphasis-content__emphasis-container .emphasis-container__copy__container {
		left: 0; } }
.triple-emphasis-content__emphasis-container .emphasis-container__copy__container h4 {
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 38px;
	text-transform: lowercase;
	line-height: 1; }
.triple-emphasis-content__emphasis-container .emphasis-container__copy__container h2 {
	color: #a83a8a;
	margin-bottom: 8px;
	font-family: "amaticbold", sans-serif;
	font-size: 70px;
	text-transform: lowercase;
	line-height: 1; }

.triple-link-hero__header-container {
	color: #fff;
	background-color: #a83a8a;
	position: relative;
	padding-top: 50px;
	min-height: 190px; }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__header-container {
		padding-top: 30px; } }
.triple-link-hero__header-container h1 {
	text-align: center;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.triple-link-hero__header-container h1 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.triple-link-hero__header-container h1:before {
		font-family: "petco_icons";
		content: "\e90b"; }
	.triple-link-hero__header-container h1:after {
		font-family: "petco_icons";
		content: "\e90c"; } }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__header-container h1 {
		font-size: 80px;
		line-height: 140px; } }
.triple-link-hero__header-container:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }

.triple-link-hero__button-container {
	background-color: #6c1e6b;
	text-align: center;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__button-container {
		padding: 1%; } }
.triple-link-hero__button-container .button {
	margin-top: 1em; }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__button-container .button {
		margin-top: 0;
		margin-right: 1.5em;
		display: inline-block;
		margin-bottom: 0; } }

.triple-link-hero__main-content {
	color: #fff;
	background-size: cover;
	background-position: left 5% top 35%;
	min-height: 600px;
	max-height: 600px;
	position: relative; }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__main-content__container {
		display: flex;
		display: -webkit-flex;
		display: -ms-flex;
		position: relative; } }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__main-content__container {
		padding: 0; } }
.triple-link-hero__main-content__container__svg {
	padding: 0;
	background: url("../images/purple-heart-mask.svg") no-repeat bottom center;
	background-size: 150%;
	background-position: 57% 46%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/purple-heart-mask.svg',sizingMethod='scale');
	opacity: 0.8; }
@media screen and (min-width: 64.063em) {
	.triple-link-hero__main-content__container__svg {
		background-size: 137%; } }
.triple-link-hero__main-content__container__copy {
	float: right;
	background-color: rgba(168, 58, 138, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 3rem 10px;
	text-align: center; }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__main-content__container__copy {
		position: relative;
		height: auto;
		padding: 0;
		text-align: left; } }
.triple-link-hero__main-content__container__copy h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 47px;
	text-transform: lowercase; }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__main-content__container__copy h1 {
		margin-left: -15px; } }
@media screen and (min-width: 64.063em) {
	.triple-link-hero__main-content__container__copy h1 {
		font-size: 69px; }
	.triple-link-hero__main-content__container__copy h1:before {
		font-family: "petco_icons";
		content: "\e906"; }
	.triple-link-hero__main-content__container__copy h1:after {
		font-family: "petco_icons";
		content: "\e906"; } }
.triple-link-hero__main-content__container__copy p {
	font-family: 'Gotham Medium';
	max-width: 535px;
	margin: 20px 0 0; }
.triple-link-hero__main-content__container__copy .button {
	margin-top: 3em; }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__main-content__container__copy .button {
		max-width: 40%; } }
@media screen and (min-width: 40.063em) {
	.triple-link-hero__main-content__container__copy {
		padding: 2%;
		min-height: 600px; } }

.featured-hero-transparent__container {
	color: #fff;
	background-color: #a83a8a;
	position: relative;
	padding-top: 30px;
	min-height: 190px; }
.featured-hero-transparent__container h1 {
	text-align: center;
	font-family: "amaticbold", sans-serif;
	font-size: 49px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.featured-hero-transparent__container h1:before {
		font-family: "petco_icons";
		content: "\e90b"; }
	.featured-hero-transparent__container h1:after {
		font-family: "petco_icons";
		content: "\e90c"; } }
@media screen and (min-width: 40.063em) {
	.featured-hero-transparent__container h1 {
		font-size: 80px;
		line-height: 140px; } }
.featured-hero-transparent__container:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }

.featured-hero-transparent__button-container {
	background-color: #6c1e6b;
	text-align: center;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.featured-hero-transparent__button-container {
		padding: 1%; } }
.featured-hero-transparent__button-container .button {
	margin-top: 1em; }
@media screen and (min-width: 40.063em) {
	.featured-hero-transparent__button-container .button {
		margin-top: 0;
		margin-right: 1.5em;
		display: inline-block;
		margin-bottom: 0; } }

.featured-hero-transparent__main-content {
	color: #fff;
	background-size: cover;
	background-position: left 5% top 35%;
	min-height: 600px;
	max-height: 600px; }
.featured-hero-transparent__main-content__container {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	position: relative; }
.featured-hero-transparent__main-content__container:after {
	content: "";
	background: url("../images/purple-heart-mask.svg");
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/purple-heart-mask.svg',sizingMethod='scale');
	opacity: 0.8;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 0;
	min-height: 600px;
	width: 50%; }
@media screen and (min-width: 40.063em) {
	.featured-hero-transparent__main-content__container {
		padding: 0; } }
.featured-hero-transparent__main-content__container__svg {
	padding: 0; }
.featured-hero-transparent__main-content__container__svg svg {
	fill-opacity: 0.8; }
.featured-hero-transparent__main-content__container__copy {
	float: right;
	background-color: rgba(168, 58, 138, 0.8); }
.featured-hero-transparent__main-content__container__copy h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 47px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.featured-hero-transparent__main-content__container__copy h1 {
		margin-left: -15px;
		font-size: 69px; }
	.featured-hero-transparent__main-content__container__copy h1:before {
		font-family: "petco_icons";
		content: "\e906"; }
	.featured-hero-transparent__main-content__container__copy h1:after {
		font-family: "petco_icons";
		content: "\e906"; } }
.featured-hero-transparent__main-content__container__copy p {
	font-family: 'Gotham Medium';
	max-width: 535px;
	margin: 20px 0 0; }
.featured-hero-transparent__main-content__container__copy .button {
	max-width: 35%; }
@media screen and (min-width: 40.063em) {
	.featured-hero-transparent__main-content__container__copy .button {
		margin-top: 5em; } }
@media screen and (min-width: 40.063em) {
	.featured-hero-transparent__main-content__container__copy {
		padding: 2%;
		min-height: 600px; } }

.timeline-history__foundation-history {
	text-align: center;
	color: #fff;
	position: relative; }
.timeline-history__foundation-history .no-image-hero {
	background-color: #FDBD59; }
.timeline-history__foundation-history h1 {
	font-size: 43px; }
@media screen and (min-width: 64.063em) {
	.timeline-history__foundation-history h1 {
		font-size: 69px; }
	.timeline-history__foundation-history h1:before {
		font-family: "petco_icons";
		content: "\e906"; }
	.timeline-history__foundation-history h1:after {
		font-family: "petco_icons";
		content: "\e906"; } }
.timeline-history__foundation-history svg {
	fill: #fff;
	width: 35%; }
@media screen and (min-width: 40.063em) {
	.timeline-history__foundation-history svg {
		width: 17%; } }
.timeline-history__foundation-history p {
	max-width: 50%;
	margin: 0 auto; }
.timeline-history__foundation-history:after {
	content: '';
	background-image: url("../images/yellow-drop.png");
	background-position: 50% 0;
	display: block;
	bottom: 0;
	margin-bottom: -60px;
	position: absolute;
	width: 100%;
	left: 0;
	height: 60px;
	background-color: transparent;
	background-repeat: repeat-x; }

.timeline-history__milestone-container {
	padding: 2%;
	position: relative;
	max-height: 990px;
	transition: all 0.5s ease-in-out;
	overflow: hidden; }
@media screen and (min-width: 40.063em) {
	.timeline-history__milestone-container {
		padding: 5%; } }
.timeline-history__milestone-container__line-holder {
	display: none; }
@media screen and (min-width: 40.063em) {
	.timeline-history__milestone-container__line-holder {
		z-index: 1;
		display: block;
		left: 49.5%;
		width: 10px;
		height: 90%;
		position: absolute;
		top: 8em;
		background-color: #00AAE7; } }

.timeline-history .button {
	z-index: 2;
	width: 50%;
	position: absolute;
	bottom: 1em;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0); }
@media screen and (min-width: 40.063em) {
	.timeline-history .button {
		max-width: 15%;
		left: 47%; } }

.charity-navigator {
	text-align: center;
	background-color: #f4f3eb; }
.charity-navigator__header {
	padding: 25px;
	background-color: #a83a8a;
	text-align: center;
	position: relative; }
.charity-navigator__header h3 {
	position: relative;
	z-index: 2;
	display: block;
	color: #fff;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	bottom: 5px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.charity-navigator__header h3 {
		display: inline;
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.charity-navigator__header h3:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 80%; }
	.charity-navigator__header h3:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 80%; } }
.charity-navigator__header:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 60px;
	background-image: url("../images/pink-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	bottom: 0;
	margin-bottom: -58px; }
.charity-navigator__container {
	margin: 58px 0 0 0; }
.charity-navigator__container p {
	margin: 0 auto 0 auto;
	width: 80%;
	font-weight: 600; }
@media screen and (min-width: 40.063em) {
	.charity-navigator__container p {
		width: 60%; } }
.charity-navigator__container p a {
	color: #a83a8a;
	text-decoration: underline; }
.charity-navigator__container .button {
	width: auto;
	display: inline-block;
	margin: 15px 10px 70px 10px; }

.contact-form {
	background-color: #f4f3eb; }
.contact-form .contact-form-one, .contact-form .contact-form-two {
	padding-bottom: 50px; }
.contact-form__header {
	text-align: center;
	position: relative; }
.contact-form__header h2 {
	display: inline-block;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 30px;
	color: #fff;
	position: relative;
	z-index: 2; }
@media screen and (min-width: 64.063em) {
	.contact-form__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.contact-form__header h2:after {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 70px; }
	.contact-form__header h2:before {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 70px; } }
@media screen and (min-width: 64.063em) {
	.contact-form__header.form1 h2:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 70px; }
	.contact-form__header.form1 h2:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 70px; } }
.contact-form__header.form1:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }
.contact-form__header.form2 {
	margin-bottom: 60px; }
@media screen and (min-width: 64.063em) {
	.contact-form__header.form2 h2:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 70px; }
	.contact-form__header.form2 h2:before {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 70px; } }
.contact-form__header.form2:after {
	content: '';
	width: 100%;
	bottom: 16px;
	top: inherit;
	position: absolute;
	height: 58px;
	background-image: url("../images/pink-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	margin-bottom: -57px; }
.contact-form__content {
	text-align: center;
	margin: 30px 0 0 0;
	padding: 12px; }
@media screen and (min-width: 40.063em) {
	.contact-form__content {
		padding: 0; } }
.contact-form__content h3 {
	color: #00AAE7;
	font-size: 48px; }
.contact-form__content p {
	max-width: 863px;
	margin: 0 auto 20px; }
.contact-form__form input, .contact-form__form textarea {
	background-color: #f9f9f9;
	border: 1px solid #a6a6a6 !important;
	border-radius: 3px; }
@media screen and (min-width: 40.063em) {
	.contact-form__form .gform_wrapper {
		margin: 20px auto 0 auto;
		width: 100%; } }
@media screen and (min-width: 64.063em) {
	.contact-form__form .gform_wrapper {
		margin: 20px auto 0 auto;
		width: 60%; } }
.contact-form__form .gform_wrapper ul.gform_fields li:first-child {
	margin-top: 0; }
.contact-form__form .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 5px; }
.contact-form__form .gform_wrapper .gform_heading {
	display: none; }
.contact-form__form .gform_wrapper .ginput_container_select {
	position: relative; }
.contact-form__form .gform_wrapper .ginput_container_select select {
	width: 100% !important;
	line-height: 1.2em;
	max-width: 100%;
	position: relative;
	background: url("../images/select-arrows.png") no-repeat 101% center !important;
	background-size: 90px auto !important;
	background-color: #fff !important;
	height: 40px;
	border-radius: 5px;
	padding: 0;
	line-height: 1.2em;
	max-width: 100%;
	border: none;
	padding-left: 5px;
	border: 1px solid #a6a6a6 !important; }
.contact-form__form .gform_wrapper .top_label .gfield_label {
	display: none; }
.contact-form__form .gform_wrapper .top_label .ginput_container {
	margin-top: 0; }
.contact-form__form .gform_wrapper .top_label .ginput_container_text input, .contact-form__form .gform_wrapper .top_label .ginput_container_email input {
	float: right;
	width: 100%;
	max-width: none;
	margin-bottom: 20px;
	margin-top: 0; }
.contact-form__form .gform_wrapper .top_label .ginput_container_select {
	float: right;
	width: 100%;
	max-width: none;
	margin-bottom: 20px;
	margin-top: 0; }
.contact-form__form .gform_wrapper .top_label .g-recaptcha {
	margin-top: 10px; }
.contact-form__form .gform_wrapper .top_label textarea {
	margin: 0;
	width: 100% !important;
	max-width: none; }
.contact-form__form .gform_wrapper .top_label .gfield_error {
	width: 100%; }
@media screen and (min-width: 64.063em) {
	.contact-form__form .gform_wrapper .top_label .gfield_error .ginput_container, .contact-form__form .gform_wrapper .top_label .gfield_error .gfield_description {
		max-width: 100% !important; } }
.contact-form__form .gform_wrapper .top_label .gfield_error .gfield_description {
	float: left;
	width: 100%;
	max-width: none;
	margin-bottom: 5px; }
.contact-form__form .gform_wrapper .gform_footer {
	text-align: center;
	margin: 0;
	width: 100%; }
.contact-form__form .gform_wrapper .gform_footer input[type=submit] {
	width: 130px; }
.contact-form__form ul {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1; }
@media screen and (min-width: 40.063em) {
	.contact-form__form ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2; } }
@media screen and (min-width: 64.063em) {
	.contact-form__form ul {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2; } }

.form1 {
	background-color: #00AAE7; }

.form2 {
	background-color: #a83a8a; }

.petco-branding {
	position: relative;
	background-color: #f4f3eb;
	padding-top: 60px;
	padding-bottom: 118px; }
.petco-branding:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 60px;
	background-image: url("../images/gray-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	bottom: 0;
	margin-bottom: -58px; }
.petco-branding__header-container {
	padding-bottom: 12px; }
.petco-branding__header-container h1 {
	color: #a83a8a;
	text-align: center;
	font-family: "amaticbold", sans-serif;
	font-size: 48px;
	text-transform: lowercase;
	margin-bottom: 27px; }
.petco-branding__header-container p {
	text-align: center;
	line-height: 1.45; }
@media screen and (min-width: 40.063em) {
	.petco-branding__header-container p {
		max-width: 460px;
		margin: 0 auto; } }
.petco-branding__icon-container {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em; }
.petco-branding__icon-container .brand-download {
	position: relative;
	margin: 20px 0 0 0; }
@media screen and (min-width: 40.063em) {
	.petco-branding__icon-container .brand-download {
		margin: 0; } }
.petco-branding__icon-container .brand-download h6 {
	text-transform: capitalize;
	text-align: center;
	color: #a83a8a;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 12px; }
@media screen and (min-width: 40.063em) {
	.petco-branding__icon-container .brand-download h6 {
		margin-bottom: 22px; } }
.petco-branding__icon-container .brand-download__link {
	display: block; }
.petco-branding__icon-container .brand-download__link__container {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 35px;
	margin: 0 auto;
	border-radius: 10px;
	max-width: 300px;
	min-height: 10.6rem;
	background-position: 50% 0;
	background-repeat: no-repeat; }
.petco-branding__icon-container .brand-download__link__container img {
	width: 100%;
	max-width: 192px;
	margin: 0 auto;
	display: block; }
.petco-branding__icon-container .brand-download__link__container h4 {
	color: #fff;
	text-align: center;
	position: relative;
	bottom: 20px;
	margin-bottom: 0;
	line-height: 1;
	font-family: "amaticbold", sans-serif;
	font-size: 34px;
	text-transform: lowercase;
	position: absolute;
	left: 0;
	width: 100%; }
.petco-branding__icon-container .brand-download__link__container h4:after {
	font-family: "petco_icons";
	content: "\e918";
	font-weight: 400; }
.petco-branding__icon-container .brand-download__link__container.blue {
	background-color: #00AAE7; }
.petco-branding__icon-container .brand-download__link__container.blue h4 {
	color: #fff; }
.petco-branding__icon-container .brand-download__link__container.white {
	background-color: #fff; }
.petco-branding__icon-container .brand-download__link__container.white h4 {
	color: #a83a8a; }
.petco-branding__icon-container .brand-download__link__container.purple {
	background-color: #a83a8a; }
.petco-branding__icon-container .brand-download__link__container.purple h4 {
	color: #fff; }

.press-kits {
	padding-left: 1rem;
	padding-right: 1rem; }
.press-kits__header-container h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 47px;
	text-transform: lowercase;
	color: #a83a8a;
	text-align: center;
	margin-bottom: 12px; }
@media screen and (min-width: 64.063em) {
	.press-kits__header-container h1 {
		font-size: 80px; }
	.press-kits__header-container h1:before {
		font-family: "petco_icons";
		content: "\e904";
		font-size: 80%;
		font-weight: 400; }
	.press-kits__header-container h1:after {
		font-family: "petco_icons";
		content: "\e905";
		font-size: 80%;
		font-weight: 400; } }
.press-kits__header-container p {
	max-width: 736px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height: 1.45; }
.press-kits__header-container p a {
	color: #a83a8a;
	text-decoration: underline;
	font-weight: 800; }
.press-kits .row {
	max-width: 66rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 33px;
	padding-bottom: 70px; }

.featured-press-item {
	background-color: #f4f3eb; }
.featured-press-item__content {
	padding: 82px 0 50px 0; }
.featured-press-item__content h3 {
	margin-left: 70px;
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 48px;
	text-transform: lowercase; }
.featured-press-item__content p {
	margin-left: 70px;
	max-width: 410px;
	padding-top: 3px;
	line-height: 23px;
	font-size: 16px; }
.featured-press-item__content .button {
	margin-left: 70px;
	float: left;
	margin-top: 13px; }

.financial-hero {
	background-color: #fff; }
.financial-hero__content {
	padding: 82px 0 50px 0; }
.financial-hero__content h3 {
	margin-left: 70px;
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 48px;
	text-transform: lowercase; }
.financial-hero__content p {
	margin-left: 70px;
	max-width: 410px;
	padding-top: 3px;
	line-height: 23px;
	font-size: 16px; }
.financial-hero__content .button {
	margin-left: 70px;
	float: left;
	margin-top: 13px;
	color: #fff; }
.financial-hero__links {
	clear: both;
	list-style: none;
	margin-left: 70px; }
.financial-hero__links li {
	margin-bottom: 10px; }
.financial-hero__links a {
	font-size: 16px;
	color: #a83a8a;
	font-family: "Gotham Book", sans-serif;
	font-weight: bold; }
.financial-hero__links a:hover {
	color: #a83a8a; }

.share-your-innovation-idea__header {
	background-color: #00AAE7;
	text-align: center;
	color: #fff;
	padding: 20px 0 30px 0; }
.share-your-innovation-idea__header h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	bottom: 5px; }
@media screen and (min-width: 64.063em) {
	.share-your-innovation-idea__header h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.share-your-innovation-idea__header h3:after {
		font-size: 55px;
		font-family: "petco_icons";
		content: '\e907'; }
	.share-your-innovation-idea__header h3:before {
		display: inline-block;
		-moz-transform: scale(-1, 1);
		-webkit-transform: scale(-1, 1);
		-o-transform: scale(-1, 1);
		-ms-transform: scale(-1, 1);
		transform: scale(-1, 1);
		font-size: 55px;
		font-family: "petco_icons";
		content: '\e907'; } }

.share-your-innovation-idea__container {
	background-color: #00AAE7;
	padding: 0 10% 0 10%; }
.share-your-innovation-idea__container .share-your-innovation-idea-icon {
	display: none;
	background-color: #00AAE7;
	text-align: center; }
@media screen and (min-width: 40.063em) {
	.share-your-innovation-idea__container .share-your-innovation-idea-icon {
		display: block; } }
.share-your-innovation-idea__container .share-your-innovation-idea-icon span {
	color: #fff;
	font-size: 400px;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	display: block; }
.share-your-innovation-idea__container .share-your-innovation-idea-form {
	background-color: #00AAE7; }
.share-your-innovation-idea__container .share-your-innovation-idea-form h4 {
	font: 20px "Gotham Book", sans-serif;
	font-weight: 600;
	margin: 0 0 20px 0; }
.share-your-innovation-idea__container .share-your-innovation-idea-form p {
	color: #fff;
	text-align: left;
	margin: 0 0 15px 0; }
.share-your-innovation-idea__container .share-your-innovation-idea-form input:not([type=submit]), .share-your-innovation-idea__container .share-your-innovation-idea-form textarea {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_heading {
	display: none; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper {
	margin: 0; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .gfield_label {
	display: none; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_text input, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_text textarea, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_email input, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_email textarea, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_textarea input, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_textarea textarea, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_select input, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_select textarea {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 10px; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_text select, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_email select, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_textarea select, .share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .top_label .ginput_container_select select {
	position: relative;
	background: url("../images/select-arrows.png") no-repeat 101% center !important;
	background-size: 90px auto !important;
	background-color: #fff !important;
	height: 40px;
	border: 1px solid #282828;
	border-radius: 5px;
	padding: 0;
	line-height: 1.2em;
	max-width: 100%;
	border: none; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .gform_body {
	margin: 0;
	width: 100%; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .gform_button {
	color: #fff;
	background-color: #a83a8a; }
.share-your-innovation-idea__container .share-your-innovation-idea-form .gform_wrapper .gform_footer {
	text-align: left;
	margin: 0;
	width: 100%; }

.share-your-success-story__header {
	background-color: #a83a8a;
	text-align: center;
	color: #fff;
	padding: 20px 0 30px 0; }
.share-your-success-story__header h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase;
	bottom: 5px; }
@media screen and (min-width: 64.063em) {
	.share-your-success-story__header h3:after {
		font-size: 55px;
		font-family: "petco_icons";
		content: '\e904'; }
	.share-your-success-story__header h3:before {
		font-size: 55px;
		font-family: "petco_icons";
		content: '\e905'; } }

.share-your-success-story__container {
	background-color: #a83a8a;
	padding: 0 10% 0 10%; }
.share-your-success-story__container .share-your-success-story-icon {
	background-color: #a83a8a;
	text-align: center; }
.share-your-success-story__container .share-your-success-story-icon span {
	color: #fff;
	font-size: 400px;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
	display: block; }
.share-your-success-story__container .share-your-success-story-form {
	background-color: #a83a8a; }
.share-your-success-story__container .share-your-success-story-form h4 {
	font: 20px "Gotham Book", sans-serif;
	font-weight: 600;
	margin: 0 0 20px 0; }
.share-your-success-story__container .share-your-success-story-form p {
	color: #fff;
	text-align: left;
	margin: 0 0 15px 0; }
.share-your-success-story__container .share-your-success-story-form input, .share-your-success-story__container .share-your-success-story-form textarea {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px; }
.share-your-success-story__container .share-your-success-story-form .gform_heading {
	display: none; }
.share-your-success-story__container .share-your-success-story-form .gform_wrapper {
	margin: 0; }
.share-your-success-story__container .share-your-success-story-form .gform_wrapper .gform_body {
	width: 100%; }
.share-your-success-story__container .share-your-success-story-form .gform_wrapper .top_label .gfield_label {
	display: none; }
.share-your-success-story__container .share-your-success-story-form .gform_wrapper .top_label .ginput_container_text input, .share-your-success-story__container .share-your-success-story-form .gform_wrapper .top_label .ginput_container_text textarea, .share-your-success-story__container .share-your-success-story-form .gform_wrapper .top_label .ginput_container_email input, .share-your-success-story__container .share-your-success-story-form .gform_wrapper .top_label .ginput_container_email textarea, .share-your-success-story__container .share-your-success-story-form .gform_wrapper .top_label .ginput_container_textarea input, .share-your-success-story__container .share-your-success-story-form .gform_wrapper .top_label .ginput_container_textarea textarea {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0 0 0 10px; }
.share-your-success-story__container .share-your-success-story-form .gform_wrapper .gform_footer {
	text-align: left;
	margin: 0; }

.two-video-module {
	text-align: center;
	background-color: #f4f3eb;
	cursor: pointer; }
.two-video-module h2 {
	line-height: 100%;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	color: #a83a8a;
	margin: 0; }
@media screen and (min-width: 64.063em) {
	.two-video-module h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.two-video-module h2:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 70px; }
	.two-video-module h2:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 70px; } }
.two-video-module p {
	font-family: 'Gotham Bold';
	color: #323944;
	margin: auto;
	width: 90%; }
@media screen and (min-width: 64.063em) {
	.two-video-module p {
		width: 60%; } }
.two-video-module svg {
	fill: #a83a8a;
	height: 12px;
	margin: 30px 0 20px; }
.two-video-module__individual-video {
	display: inline-block; }
.two-video-module__videos-container {
	text-align: center;
	padding: 40px 0 60px 0; }
.two-video-module__videos-container figure figcaption {
	text-align: left; }
.two-video-module__videos-container figure figcaption h6 {
	color: #a83a8a;
	font-family: "amaticbold", sans-serif;
	font-size: 35px;
	text-transform: lowercase; }
.two-video-module__videos-container figure .figimage {
	position: relative; }
.two-video-module__videos-container figure .figimage .icon-play {
	position: absolute;
	top: 40%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 80px; }
.two-video-module__videos-container figure .two-video-module img {
	border-radius: 5px; }
@media screen and (min-width: 64.063em) {
	.two-video-module__videos-container figure {
		max-width: 400px;
		display: inline-block; } }
.two-video-module__videos-container .video-with-caption {
	display: block;
	margin: 30px auto 30px auto; }
.two-video-module__videos-container .video-with-caption iframe {
	border-radius: 10px; }
@media screen and (min-width: 64.063em) {
	.two-video-module__videos-container .video-with-caption {
		margin: 0 40px 0 40px;
		display: inline-block; } }
.two-video-module__videos-container .video-with-caption h6 {
	font-size: 20px;
	font-weight: 600;
	color: #a83a8a; }

.videos-to-love-main .two-video-module {
	position: relative;
	background-color: #fff; }
.videos-to-love-main .two-video-module h2, .videos-to-love-main .two-video-module .arrow-divider-container {
	display: none; }
.videos-to-love-main .two-video-module:before {
	content: '';
	width: 100%;
	height: 10px;
	background-color: transparent;
	background-image: url("../images/jagged-edge-white.svg");
	background-repeat: repeat-x;
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	margin-top: -7px;
	background-size: 105%;
	background-position: 50% 0;
	z-index: 10; }

.newest-and-trending-story {
	background-color: #a83a8a;
	color: #fff;
	padding: 30px 10% 80px 10%; }
.newest-and-trending-story__newest-story, .newest-and-trending-story__trending-story {
	text-align: left; }
.newest-and-trending-story__newest-story h2, .newest-and-trending-story__trending-story h2 {
	font-size: 40px;
	margin: 0 0 10px 0; }
.newest-and-trending-story__newest-story img, .newest-and-trending-story__trending-story img {
	height: 250px;
	width: 100%; }
.newest-and-trending-story__newest-story h4, .newest-and-trending-story__trending-story h4 {
	font-family: 'Gotham Bold';
	color: #fff;
	margin: 0;
	font-size: 22px; }
.newest-and-trending-story__newest-story p, .newest-and-trending-story__trending-story p {
	font-family: 'Gotham Medium';
	color: #fff;
	margin: 0;
	font-weight: 600; }
.newest-and-trending-story__newest-story .content, .newest-and-trending-story__trending-story .content {
	margin-top: 20px; }
.newest-and-trending-story__newest-story .content p, .newest-and-trending-story__trending-story .content p {
	font-weight: 300; }
.newest-and-trending-story__newest-story .tags, .newest-and-trending-story__trending-story .tags {
	font-family: 'Gotham Bold';
	margin-top: 20px; }
.newest-and-trending-story__newest-story .tags span, .newest-and-trending-story__trending-story .tags span {
	color: #fff;
	text-decoration: underline;
	font-weight: 600; }
.newest-and-trending-story__newest-story .tags:before, .newest-and-trending-story__trending-story .tags:before {
	color: #fff;
	font-size: 20px;
	font-family: "petco_icons";
	background: url("../images/tag-icon.svg") no-repeat;
	width: 25px;
	height: 14px;
	background-size: 25px 14px;
	display: inline-block;
	content: ""; }
.newest-and-trending-story.love-story {
	background-color: #fff; }
.newest-and-trending-story.love-story h2, .newest-and-trending-story.love-story h4, .newest-and-trending-story.love-story .tags span, .newest-and-trending-story.love-story .tags:before {
	color: #a83a8a; }
.newest-and-trending-story.love-story p {
	color: #6f7073; }
.newest-and-trending-story.love-story .tags:before {
	background: url("../images/tag-icon-purple.svg") no-repeat; }

.sylp {
	background-color: #f4f3eb; }
.sylp__header {
	padding: 25px;
	background-color: #00AAE7;
	color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: 57px; }
.sylp__header:after {
	content: '';
	width: 100%;
	bottom: 0;
	position: absolute;
	height: 58px;
	background-image: url("../images/blue-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	margin-bottom: -57px; }
.sylp__header .arrow-divider-container {
	display: none; }
.sylp__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 30px 0 0 0; }
@media screen and (min-width: 64.063em) {
	.sylp__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.sylp__header h2:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; }
	.sylp__header h2:before {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; } }
.sylp__header h3 {
	font-family: "Gotham Book", sans-serif;
	font-size: 16px;
	font-weight: 300;
	margin: 20px 10px 0 10px; }
.sylp .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto; }

.single-heart {
	text-align: center; }
.single-heart h2 {
	margin: 0;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	color: #00AAE7; }
@media screen and (min-width: 64.063em) {
	.single-heart h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.single-heart h2:after {
		font-family: "petco_icons";
		content: '\e908'; }
	.single-heart h2:before {
		font-family: "petco_icons";
		content: '\e908'; } }
.single-heart p {
	font-weight: 600;
	margin: 20px auto 40px auto;
	color: #393939;
	width: 90%; }
@media screen and (min-width: 40.063em) {
	.single-heart p {
		width: 70%; } }
@media screen and (min-width: 64.063em) {
	.single-heart p {
		width: 60%; } }
.single-heart__image {
	z-index: 3;
	width: 25%;
	margin: auto;
	position: relative;
	background-size: cover; }
.single-heart__image svg {
	vertical-align: bottom;
	height: 100%;
	width: 70%;
	stroke: #858585;
	margin: 0;
	padding: 3px; }
.single-heart .button-holder .button {
	display: inline-block;
	margin: 0 15px 50px 15px; }

.other-events {
	background-color: #00AAE7;
	text-align: center;
	color: #fff; }
.other-events h2 {
	text-align: center;
	color: #fff;
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase; }
.other-events p {
	margin-left: auto;
	margin-right: auto;
	max-width: 542px;
	font-weight: 600; }
.other-events svg {
	height: 15px;
	fill: #fff;
	margin: 15px 0 15px 0; }
.other-events .event-preview img {
	border: none; }

.grant-investment-opportunities {
	background-color: #a83a8a;
	color: #fff;
	text-align: center; }
.grant-investment-opportunities p {
	max-width: 750px;
	font-weight: 600;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px; }
.grant-investment-opportunities .button {
	display: inline-block; }

.recent-investments {
	background-color: #a83a8a; }
.recent-investments__header {
	text-align: center;
	color: #fff; }
.recent-investments__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 40.063em) {
	.recent-investments__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; } }
.recent-investments__content {
	padding-bottom: 50px; }
.recent-investments__content.row {
	max-width: 75rem;
	text-align: center;
	min-height: 320px; }
.recent-investments__content.row .event-preview {
	margin: 0 0 20px 0;
	height: auto;
	width: auto; }
.recent-investments__content.row .event-preview.investments {
	font-size: 16px;
	color: #fff;
	text-align: center; }
.recent-investments__content.row .event-preview.investments a p {
	color: #fff;
	font-family: 'Gotham Bold'; }
.recent-investments__content.row .event-preview.investments .image-box {
	height: 240px;
	width: 250px;
	background-size: cover;
	background-position: center center;
	border-radius: 10px;
	margin-bottom: 10px; }

.event-sponsor .no-image-hero {
	padding-top: 32px; }
.event-sponsor .no-image-hero h1 {
	color: #323944; }

.event-sponsor__content {
	background-color: #FFBE4E;
	color: #323944;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 60px; }
.event-sponsor__content p {
	margin-left: 5px;
	margin-right: 5px;
	max-width: 790px; }
@media screen and (min-width: 64.063em) {
	.event-sponsor__content p {
		margin-left: auto;
		margin-right: auto; } }
.event-sponsor__content .button {
	display: inline-block; }

.event-social-detail-main {
	background-color: #f4f3eb;
	padding: 60px 1rem 50px 1rem;
	position: relative; }
.event-social-detail-main:before {
	content: '';
	background-image: url("../images/negative-drop-gray.png");
	background-position: 50% 100%;
	z-index: 500;
	position: absolute;
	top: 0;
	margin-top: -53px;
	height: 59px;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	left: 0; }
@media screen and (min-width: 40.063em) {
	.event-social-detail-main__title {
		text-align: right; } }
.event-social-detail-main__title svg {
	height: inherit;
	position: relative;
	display: inline-block;
	fill: #a83a8a;
	bottom: 15px; }
@media screen and (min-width: 40.063em) {
	.event-social-detail-main__title svg {
		height: 3px; } }
@media screen and (min-width: 40.063em) {
	.event-social-detail-main__title .share {
		margin-top: 1em; } }
.event-social-detail-main__title h1 {
	text-align: right;
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase;
	color: #a83a8a; }
.event-social-detail-main__title .share {
	margin: 0;
	position: relative;
	bottom: 10px;
	color: #a83a8a; }
.event-social-detail-main__content {
	padding: 20px 4% 0 0; }

.event-details-main {
	padding-top: 80px;
	padding-bottom: 40px;
	background-color: #f4f3eb; }
.event-details-main .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto; }
.event-details-main__wrapper dl {
	padding-left: 50px; }
.event-details-main__wrapper dt {
	position: relative;
	font-size: 14px;
	font-weight: 800; }
.event-details-main__wrapper dd {
	font-size: 22px;
	font-weight: 800; }
.event-details-main__wrapper .detail-icons {
	color: #a83a8a;
	font-size: 50px;
	position: absolute;
	left: 0;
	top: 0;
	margin-left: -50px;
	font-weight: normal; }
.event-details-main__wrapper .button {
	display: inline-block;
	margin-left: 50px; }

.areas-of-impact {
	background-color: #f4f3eb; }
.areas-of-impact__header {
	background-color: #a83a8a;
	position: relative;
	text-align: center;
	color: #fff;
	padding-bottom: 40px; }
.areas-of-impact__header.border-bottom:after {
	content: '';
	width: 100%;
	bottom: 0;
	position: absolute;
	height: 58px;
	background-image: url("../images/pink-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	margin-bottom: -57px; }
.areas-of-impact__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	padding-top: 50px; }
@media screen and (min-width: 64.063em) {
	.areas-of-impact__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase;
		margin-bottom: 0; }
	.areas-of-impact__header h2:before {
		font-family: "petco_icons";
		font-weight: normal;
		font-size: 76%;
		content: '\e904'; }
	.areas-of-impact__header h2:after {
		font-family: "petco_icons";
		font-weight: normal;
		font-size: 76%;
		content: '\e905'; } }
.areas-of-impact__header svg {
	fill: #fff;
	height: 13px;
	margin: 0 0 10px; }
.areas-of-impact__header p {
	font-family: 'Gotham Bold';
	max-width: 828px;
	margin-left: auto;
	margin-right: auto; }
.areas-of-impact__item-container {
	padding-top: 40px; }
.areas-of-impact .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto; }

.share-donation {
	background-color: #00AAE7;
	text-align: center;
	padding: 50px 0 80px 0;
	position: relative;
	display: block; }
.share-donation:before {
	content: '';
	width: 100%;
	position: absolute;
	height: 60px;
	background-image: url("../images/blue-jagged-top.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	top: 0;
	margin-top: -10px; }
.share-donation:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: url("../images/paws-background.svg") repeat left top; }
.share-donation__speech-container {
	position: relative;
	max-width: 320px;
	margin: 0 auto 0 auto; }
@media screen and (min-width: 40.063em) {
	.share-donation__speech-container {
		max-width: 450px; } }
.share-donation__speech-container img {
	width: 100%; }
.share-donation__speech-container p {
	top: 20px;
	font-weight: 600;
	max-width: 275px;
	font-size: 14px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	margin: 0;
	z-index: 1; }
@media screen and (min-width: 40.063em) {
	.share-donation__speech-container p {
		font-size: 20px;
		max-width: 400px; } }
.share-donation__speech-container p span {
	display: inline-block;
	margin: 20px 0 0 0; }
.share-donation__speech-container p span a {
	display: block; }
.share-donation h3 {
	font-size: 45px;
	font-weight: 600;
	color: #fff;
	margin: 0;
	display: inline-block; }
.share-donation a {
	position: relative;
	z-index: 1; }
.share-donation a .share-buttons {
	font-size: 45px;
	margin: 10px;
	display: inline-block;
	color: #fff;
	position: relative;
	top: 7px; }

.find-pets {
	background-color: #f4f3eb;
	padding-bottom: 50px; }
.find-pets .more-button {
	width: 20%;
	margin: 0 auto; }
.find-pets .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden; }
.find-pets .filter-holder {
	background-color: #e7e6da;
	padding-top: 35px;
	padding-bottom: 28px; }
.find-pets .filter-holder .form-upper {
	min-height: 115px;
	width: 90%;
	margin: 0 auto;
	display: block; }
@media screen and (min-width: 64.063em) {
	.find-pets .filter-holder .form-upper {
		height: 58px;
		padding-top: 10px;
		min-height: 80px; } }
.find-pets .filter-holder .form-upper label {
	visibility: hidden;
	display: inline-block;
	width: 0;
	overflow: hidden;
	height: 0; }
.find-pets .filter-holder .form-upper input[type=text] {
	position: relative;
	background-color: #fff;
	height: 40px;
	border: 1px solid #282828;
	border-radius: 5px;
	width: 100%;
	max-width: none;
	margin: 10px 0; }
@media screen and (min-width: 64.063em) {
	.find-pets .filter-holder .form-upper input[type=text] {
		margin: 0; } }
.find-pets .filter-holder .form-upper .select-box {
	position: relative;
	background: url("../images/select-arrows.png") no-repeat 101% center !important;
	background-size: 90px auto !important;
	background-color: #fff !important;
	height: 40px;
	border: 1px solid #282828;
	border-radius: 5px;
	padding: 0; }
.find-pets .filter-holder .form-upper .select-box select {
	line-height: 1.2em;
	max-width: 100%;
	background: transparent;
	border: none; }
.find-pets .filter-holder .form-lower {
	width: 90%;
	margin: 0 auto;
	display: block; }
.find-pets .filter-holder .form-lower ul {
	text-decoration: none;
	color: #858585;
	padding: 20px 0; }
.find-pets .filter-holder .form-lower ul li {
	display: inline-block;
	font-family: 'Gotham Book';
	font-size: 16px;
	text-transform: capitalize;
	position: relative; }
@media screen and (min-width: 64.063em) {
	.find-pets .filter-holder .form-lower ul li {
		width: 20%; } }
.find-pets .filter-holder .form-lower ul li .subcopy {
	font-size: 12px;
	position: absolute;
	top: 20px;
	left: 20%; }
.find-pets .filter-holder .form-lower ul li input[type=checkbox]:checked + label {
	color: #a83a8a;
	font-family: 'Gotham Bold'; }
.find-pets .filter-holder .form-lower .find-pets-submit {
	text-align: center;
	position: relative;
	margin-top: 12px; }
.find-pets .filter-holder .form-lower .find-pets-submit input[type=submit] {
	margin: 0;
	margin-top: 40px;
	width: 100%; }
@media screen and (min-width: 64.063em) {
	.find-pets .filter-holder .form-lower .find-pets-submit input[type=submit] {
		width: 300px; } }
.find-pets .filter-holder .form-lower .find-pets-submit .adoptapet {
	display: inline-block;
	height: 3rem;
	margin: 0; }
.find-pets .filter-holder .form-lower .find-pets-submit .adoptapet img {
	height: 3rem; }
.find-pets .filter-holder .form-lower .find-pets-submit .adoptapet p {
	text-align: left;
	margin: 0; }
@media screen and (min-width: 64.063em) {
	.find-pets .filter-holder .form-lower .find-pets-submit .adoptapet {
		position: absolute;
		right: 0;
		top: 10px; } }
.find-pets .pet-results-holder {
	padding-top: 50px; }
.find-pets .pet-results-holder article {
	padding: 10px; }
@media screen and (min-width: 40.063em) {
	.find-pets .pet-results-holder article {
		padding: 0;
		padding: 0 40px; } }
.find-pets form input {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px; }

.pet-card__eyebrow {
	color: #858585;
	margin-bottom: 20px;
	font-family: "Gotham Book", sans-serif;
	font-size: 16px;
	font-weight: 300; }

.pet-card__wrapper {
	background-color: #00AAE7;
	border-radius: 10px;
	display: block; }

.pet-card__image-holder {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden; }
.pet-card__image-holder img {
	margin: 0; }

.pet-card__info-holder {
	position: relative; }
.pet-card__info-holder:before {
	position: absolute;
	content: ' ';
	background-image: url("../images/nav-carrot.png");
	top: -10px;
	height: 70px;
	width: 45px;
	background-repeat: no-repeat;
	left: 50%;
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0); }

.pet-card__name {
	color: #fff;
	font-family: "amaticbold", sans-serif;
	font-size: 32px;
	text-transform: lowercase;
	padding-left: 14px;
	padding-right: 14px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; }

.pet-card__location {
	color: #fff;
	padding-left: 14px;
	padding-right: 14px;
	margin: 0;
	font-family: 'Gotham Bold';
	font-size: 16px;
	font-weight: 800; }

.pet-card__info {
	color: #fff;
	padding-left: 14px;
	padding-right: 14px;
	margin: 0;
	font-family: "Gotham Book", sans-serif;
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 10px; }

.featured-video {
	color: #fff; }
.featured-video__header {
	padding: 25px;
	background-color: #a83a8a;
	text-align: center;
	position: relative; }
.featured-video__header h3 {
	position: relative;
	z-index: 2;
	display: block;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	bottom: 5px; }
@media screen and (min-width: 64.063em) {
	.featured-video__header h3 {
		display: inline; } }
@media screen and (min-width: 40.063em) {
	.featured-video__header h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.featured-video__header h3:after {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 80%; }
	.featured-video__header h3:before {
		font-family: "petco_icons";
		content: '\e907';
		font-size: 80%; } }
.featured-video__header:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background: url(../images/featured-pet-header-background.svg) repeat left top; }
.featured-video__container {
	max-width: none;
	margin: 0;
	display: block;
	text-align: center;
	position: relative;
	background-color: #a83a8a; }
@media screen and (min-width: 64.063em) {
	.featured-video__container {
		display: flex;
		text-align: left; } }
.featured-video__story {
	font: 15px "Gotham Book", sans-serif;
	line-height: 1.3;
	padding: 20px;
	background-color: #a83a8a; }
@media screen and (min-width: 64.063em) {
	.featured-video__story {
		padding-top: 100px; } }
.featured-video__story h3 {
	font: 60px amaticbold;
	text-transform: lowercase;
	margin: 0 0 30px 0; }
@media screen and (min-width: 64.063em) {
	.featured-video__story p {
		max-width: 530px; } }
.featured-video__story a {
	width: 35%; }
.featured-video__image {
	padding: 0;
	position: relative;
	background-position: 57% 46%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/purple-heart-mask.svg',sizingMethod='scale'); }
@supports (-ms-accelerator: true) {
	.featured-video__image {
		background-size: 200%; } }
.featured-video__image img {
	margin: 0;
	background-size: cover;
	width: 100%; }
.featured-video__image a {
	display: inline;
	position: absolute;
	bottom: 50px;
	margin: 0;
	left: calc(50% - 55px); }
.featured-video__image span {
	font-size: 140px;
	cursor: pointer;
	display: inline;
	position: absolute;
	bottom: calc(50% - 70px);
	margin: 0;
	left: calc(50% - 70px); }
.featured-video__video {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	height: 100%;
	width: 100%; }
@media screen and (min-width: 64.063em) {
	.featured-video__video {
		width: 200%; } }
.featured-video__video.show {
	visibility: visible; }
.featured-video__video iframe {
	position: absolute;
	left: 0;
	top: 0; }

.other-favorites {
	background-color: #f4f3eb;
	text-align: center; }
.other-favorites .button {
	display: inline-block;
	margin: 0 0 60px 0; }
.other-favorites__header {
	padding: 25px;
	background-color: #FFBE4E;
	color: #323944;
	text-align: center;
	position: relative; }
.other-favorites__header h3 {
	position: relative;
	z-index: 2;
	display: block;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	bottom: 5px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.other-favorites__header h3 {
		display: inline; } }
@media screen and (min-width: 64.063em) {
	.other-favorites__header h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.other-favorites__header h3:after {
		font-family: "petco_icons";
		content: '\e906';
		font-size: 80%; }
	.other-favorites__header h3:before {
		font-family: "petco_icons";
		content: '\e906';
		font-size: 80%; } }
.other-favorites__header .button {
	position: inherit;
	right: 0;
	margin: 0;
	z-index: 2;
	display: inline; }
@media screen and (min-width: 64.063em) {
	.other-favorites__header .button {
		position: absolute;
		right: 50px;
		margin: 40px 0 0 0; } }
.other-favorites__header:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }
@media screen and (min-width: 40.063em) {
	.other-favorites__videos {
		padding: 60px; } }
.other-favorites__videos .video-molecule {
	cursor: pointer;
	max-width: 250px; }
.other-favorites__videos .video-molecule figure {
	margin: 0; }
.other-favorites__videos .video-molecule figure .figimage {
	position: relative; }
.other-favorites__videos .video-molecule figure .figimage .icon-play {
	position: absolute;
	top: 40%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 80px; }
.other-favorites__videos .video-molecule figure figcaption h6 {
	color: #a83a8a;
	font-family: "amaticbold", sans-serif;
	font-size: 35px;
	text-transform: lowercase; }
.other-favorites__videos .video-molecule figure img {
	border-radius: 5px; }

.modal-video-popup {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.75);
	z-index: 800;
	display: none; }
.modal-video-popup.active {
	display: block; }
.modal-video-popup__holder {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border: 5px solid #a83a8a;
	background-color: #fff;
	border-radius: 5px; }
@media screen and (min-width: 40.063em) {
	.modal-video-popup__holder {
		width: 60%;
		max-width: 800px;
		height: 400px; } }
.modal-video-popup__inner {
	position: relative;
	height: 100%; }
.modal-video-popup .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	z-index: 2;
	pointer: cursor;
	background-color: #323944; }
@media screen and (min-width: 40.063em) {
	.modal-video-popup .close {
		width: 50px;
		height: 50px;
		top: 1px; } }
.modal-video-popup .close.active {
	display: block; }
.modal-video-popup .close:hover::before, .modal-video-popup .close:hover::after {
	background: #2980b9; }
.modal-video-popup .close::before, .modal-video-popup .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: white; }
.modal-video-popup .close::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); }
.modal-video-popup .close::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.modal-video-popup .close.big {
	-ms-transform: scale(3);
	-webkit-transform: scale(3);
	transform: scale(3); }
.modal-video-popup .close.heavy::before, .modal-video-popup .close.heavy::after {
	height: 5px;
	margin-top: -2px; }
@media screen and (min-width: 40.063em) {
	.modal-video-popup .close.heavy::before, .modal-video-popup .close.heavy::after {
		height: 12px;
		margin-top: -6px; } }
.modal-video-popup .close.rounded::before, .modal-video-popup .close.rounded::after {
	border-radius: 5px; }

.our-story__header {
	padding: 25px;
	text-align: center;
	color: #00AAE7; }
.our-story__header h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.our-story__header h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.our-story__header h3:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; }
	.our-story__header h3:before {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 80%; } }
.our-story__header svg {
	fill: #00AAE7;
	height: 15px; }

.our-story__content {
	min-height: 400px;
	position: relative; }
.our-story__content .video-container {
	text-align: center; }
.our-story__content .video-container .our-story__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; }
.our-story__content .video-container .our-story__video.show {
	z-index: 1; }
@media screen and (min-width: 64.063em) {
	.our-story__content .video-container {
		text-align: right; } }
.our-story__content .video-container figure figcaption {
	text-align: left; }
.our-story__content .video-container figure figcaption h6 {
	color: #a83a8a;
	font-family: "amaticbold", sans-serif;
	font-size: 35px;
	text-transform: lowercase; }
.our-story__content .video-container figure .figimage {
	position: relative; }
.our-story__content .video-container figure .figimage .icon-play {
	cursor: pointer;
	position: absolute;
	top: 40%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 80px; }
.our-story__content .video-container figure .two-video-module img {
	border-radius: 5px; }
@media screen and (min-width: 64.063em) {
	.our-story__content .video-container figure {
		max-width: 400px;
		display: inline-block; } }
.our-story__content .content-container {
	text-align: center;
	padding: 10px; }
@media screen and (min-width: 64.063em) {
	.our-story__content .content-container {
		text-align: left; } }

.find-store {
	margin: 0; }
.find-store__header {
	background-color: #FFBE4E;
	text-align: center;
	color: #393939;
	padding: 15px 0 30px 0;
	position: relative; }
.find-store__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin: 0; }
@media screen and (min-width: 40.063em) {
	.find-store__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; } }
.find-store__header p {
	font-weight: 600;
	width: 90%;
	margin: 10px auto 0 auto; }
@media screen and (min-width: 40.063em) {
	.find-store__header p {
		width: 70%; } }
@media screen and (min-width: 64.063em) {
	.find-store__header p {
		width: 60%; } }
.find-store__header a {
	display: inline-block;
	margin: 50px 15px 30px 15px; }
.find-store__header #store-locator-state-select {
	width: 90%;
	margin: 25px auto; }
@media screen and (min-width: 40.063em) {
	.find-store__header #store-locator-state-select {
		width: 100%; } }
.find-store__items .accordion {
	border: 0;
	margin: 25px auto 25px auto; }
.find-store__items #no-stores {
	text-align: center; }
.find-store__items #no-stores h2 {
	margin: 0 auto 0 auto;
	font-size: 60px;
	font-weight: 600;
	width: 70%;
	color: #393939; }
@media screen and (min-width: 40.063em) {
	.find-store__items #no-stores h2 {
		font-size: 70px; } }

.gform_wrapper {
	margin: 0.25em;
	/* Error State */
	/* Validation message */ }
.gform_wrapper .gform_heading {
	display: none; }
.gform_wrapper .gform_body {
	width: 90%;
	margin: auto; }
.gform_wrapper .gform_body .gfield_required {
	display: none; }
.gform_wrapper .gform_body .gfield {
	vertical-align: top; }
.gform_wrapper .gform_body .gfield_label {
	display: none; }
.gform_wrapper .gform_body .ginput_container {
	width: 100%; }
.gform_wrapper .gform_body .ginput_counter {
	display: none; }
.gform_wrapper .gform_footer {
	width: 90%;
	margin: auto; }
@media screen and (min-width: 40.063em) {
	.gform_wrapper .gform_footer {
		margin: 0; } }
.gform_wrapper .gform_footer .gform_button {
	font-family: 'Gotham Bold';
	font-weight: bold;
	display: block;
	color: #a83a8a;
	padding-top: 9px;
	padding-left: 20px;
	padding-bottom: 9px;
	padding-right: 20px;
	text-transform: uppercase;
	border-radius: 10px;
	background-color: #fff;
	transition: all 0.5s ease-in-out;
	border-radius: 10px;
	width: 100%; }
.gform_wrapper .gform_footer .gform_button:hover {
	transform: scale(1.1, 1.1); }
@media screen and (min-width: 40.063em) {
	.gform_wrapper .gform_footer .gform_button {
		width: auto; } }
.gform_wrapper .gfield_error {
	background: none !important;
	border: none !important;
	margin: 0 !important; }
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select {
	border: 1px solid red !important; }
.gform_wrapper .gfield_error .ginput_container, .gform_wrapper .gfield_error .gfield_description {
	margin-left: 0 !important; }
.gform_wrapper .gfield_error .validation_message {
	color: #ad0d3e;
	font-weight: 600;
	background: #ffe2e4;
	margin-top: -5px !important;
	border: 1px solid red;
	border-radius: 0 0 3px 3px; }
.gform_wrapper .gfield_error .gfield_description {
	padding-left: 6px !important;
	margin-left: 0 !important; }
.gform_wrapper .gfield_error .ginput_container {
	margin-left: 0 !important; }
.gform_wrapper .gfield_error .g-recaptcha {
	margin-bottom: 3px; }
.gform_wrapper .validation_error {
	display: none; }

/* Overrirde Gravity form's styling that is also using !important flag */
.gform_wrapper li.gfield.gfield_error div.gfield_description {
	padding-left: .313em !important; }

/*********************
TEMPLATES
*********************/
.board-of-directors {
	background-color: #f4f3eb;
	position: relative; }
.board-of-directors h2 {
	font-size: 48px;
	text-align: center;
	color: #a83a8a;
	padding-top: 40px;
	font-weight: 800;
	letter-spacing: -0.02em;
	clear: both; }
.board-of-directors__intro {
	max-width: 504px;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 0.02em;
	padding-top: 40px; }
.board-of-directors__intro svg {
	fill: #5c6b80;
	height: 13px;
	margin: 20px 0 20px 0; }
.board-of-directors__list-holder, .board-of-directors__leadership-holder {
	padding-left: 70px;
	padding-right: 70px;
	padding-top: 54px; }

.staff-members {
	padding-bottom: 68px; }
.staff-members h2 {
	font-size: 48px;
	text-align: center;
	color: #a83a8a;
	font-weight: 800;
	letter-spacing: -0.02em;
	padding-top: 40px;
	padding-bottom: 10px; }

.staff-left ul,
.staff-right ul {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	text-align: center; }

.staff-left li,
.staff-right li {
	font-family: "Gotham Book", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #858585;
	padding-bottom: 12px; }

.staff-left strong,
.staff-right strong {
	font-family: "Gotham Book", sans-serif;
	font-weight: 600; }

@media only screen and (min-width: 40.063em) {
	.staff-left ul {
		text-align: right;
		padding-right: 26px; }
	.staff-right ul {
		text-align: left;
		padding-left: 26px; } }

/*
template settings for
press room and love stories landing
*/
@keyframes spin {
	0% {
		transform: rotate(0deg); }
	100% {
		transform: rotate(360deg); } }

.story-listing-selection,
.story-listing {
	background-color: #f4f3eb; }

.story-listing, .story-listing {
	padding: 20px; }
@media screen and (min-width: 40.063em) {
	.story-listing, .story-listing {
		padding-top: 68px;
		padding-bottom: 60px;
		padding-left: 112px;
		padding-right: 112px;
		min-height: 400px; } }
.story-listing .list-item-tile:last-child, .story-listing .list-item-tile:last-child {
	float: left; }

.story-listing-news {
	padding-top: 50px; }
@media screen and (min-width: 40.063em) {
	.story-listing-news {
		padding-left: 200px;
		padding-right: 200px; } }

.story-listing-selection {
	padding-top: 68px;
	padding-bottom: 60px; }
.story-listing-selection .select-box {
	position: relative;
	background: url("../images/select-arrows.png") no-repeat 101% center !important;
	background-size: 90px auto !important;
	background-color: white !important;
	height: 40px;
	border: 1px solid #282828;
	border-radius: 5px;
	padding: 0; }
.story-listing-selection .select-box select {
	line-height: 1.2em;
	max-width: 100%;
	background: transparent;
	border: none; }
.story-listing-selection .row {
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto; }

.newest-and-trending {
	background-color: #a83a8a;
	padding: 36px 177px 40px 177px; }

/* loading animation */
.petco-loading {
	position: relative;
	overflow: hidden; }
.petco-loading:before {
	content: '';
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 0.5rem solid rgba(0, 170, 231, 0.3);
	border-top-color: #00AAE7;
	animation: spin 1s infinite linear;
	display: block;
	position: absolute;
	left: 50%;
	top: 10%;
	margin-left: -25px; }
.petco-loading:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(244, 243, 235, 0.6); }

/* nothing found styling */
.nothing-found {
	text-align: center;
	padding: 40px; }
.nothing-found h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 50px;
	text-transform: lowercase;
	color: #00AAE7; }
.nothing-found p {
	font-size: 14px; }

.our-mission-landing {
	/* gray background */ }
.our-mission-landing .no-button-hero:after {
	background-image: url("../images/negative-drop-gray.png"); }
.our-mission-landing .main-content {
	background-color: #f4f3eb;
	padding-bottom: 1em; }
.our-mission-landing .main-content__container h1 {
	color: #a83a8a;
	text-align: center;
	margin: 0 auto 10px;
	font-family: "amaticbold", sans-serif;
	font-size: 67px;
	text-transform: lowercase;
	line-height: 95%;
	max-width: 330px;
	padding-left: 10px;
	padding-right: 10px; }
@media screen and (min-width: 40.063em) {
	.our-mission-landing .main-content__container h1 {
		font-size: 80px; } }
@media screen and (min-width: 40.063em) {
	.our-mission-landing .main-content__container .title-icons {
		width: 20%;
		height: 40px;
		margin: 0 auto;
		color: #a83a8a;
		position: relative; } }
@media screen and (min-width: 40.063em) {
	.our-mission-landing .main-content__container .title-icons:before {
		font-family: "petco_icons";
		content: "\e904";
		font-size: 60px;
		position: absolute;
		margin-top: -1.3em;
		left: -.75em;
		display: inline-block; }
	.our-mission-landing .main-content__container .title-icons:after {
		font-family: "petco_icons";
		content: "\e905";
		font-size: 60px;
		margin-right: 0;
		position: absolute;
		margin-top: -1.3em;
		right: -.75em; } }
.our-mission-landing .main-content__container p {
	text-align: center;
	margin: 0 auto; }
@media screen and (min-width: 40.063em) {
	.our-mission-landing .main-content__container p {
		max-width: 680px; } }
.our-mission-landing .triple-emphasis-content__header-container {
	display: none; }
.our-mission-landing .triple-emphasis-content__emphasis-container .emphasis-container__copy {
	top: 0; }
.our-mission-landing .triple-emphasis-content__emphasis-container {
	min-height: auto;
	max-height: auto; }
.our-mission-landing .sylp {
	background-color: #f4f3eb; }

@media screen and (min-width: 64.063em) {
	.page-template-page-financial .no-image-hero h1:before {
		font-family: "petco_icons";
		content: '\e909'; }
	.page-template-page-financial .no-image-hero h1:after {
		font-family: "petco_icons";
		content: '\e90a'; } }

.archive-list div.columns {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin-bottom: 30px; }

.archive-list div.columns:last-of-type {
	float: none; }

/* move this to atom later */
.charity-navigator-center {
	position: relative;
	background-color: #f4f3eb;
	text-align: center;
	padding-top: 43px; }
.charity-navigator-center p {
	margin: 23px auto 0;
	line-height: 23px;
	padding-bottom: 50px;
	font-family: 'Gotham Medium';
	font-size: 16px;
	max-width: 776px; }
.charity-navigator-center p a {
	color: #a83a8a; }
.charity-navigator-center:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 60px;
	background-image: url("../images/gray-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	bottom: 0;
	margin-bottom: -58px; }

.archive-heading {
	padding-top: 33px; }
.archive-heading h2 {
	font-size: 60px;
	text-align: center;
	color: #00AAE7;
	font-family: "amaticbold", sans-serif; }
@media screen and (min-width: 64.063em) {
	.archive-heading h2 {
		font-size: 80px; }
	.archive-heading h2:before {
		content: "\e904";
		font-family: "petco_icons";
		font-size: 58px; }
	.archive-heading h2:after {
		content: "\e905";
		font-family: "petco_icons";
		font-size: 58px; } }

.archive-list {
	color: #a83a8a;
	padding: 15px 77px; }
.archive-list h3 {
	color: #a83a8a;
	font-family: "Gotham Book", sans-serif;
	font-weight: bold;
	font-size: 22px;
	background-image: url("../images/jaggedy-line.png");
	background-position: 0 100%;
	background-repeat: no-repeat;
	margin-bottom: 0;
	padding-bottom: 0.5rem; }
.archive-list ul {
	list-style: none;
	margin-left: 20px;
	padding-top: 20px; }
.archive-list ul li {
	padding-top: 11px;
	padding-bottom: 10px; }
.archive-list .pdf-download {
	display: block;
	padding-left: 42px;
	background-image: url("../images/pdf.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	line-height: 38px;
	font-family: "Gotham Book", sans-serif;
	font-weight: bold;
	color: #858585;
	font-size: 16px; }

.press-kits:nth-child(2n) {
	background-color: #f4f3eb; }

.donate-page .gform_wrapper .donate-section-required h2.gsection_title {
	padding-left: 16px !important; }

.donate-page .donate-checkbox {
	height: 30px;
	position: relative; }
@media screen and (min-width: 40.063em) {
	.donate-page .donate-checkbox {
		height: 50px; } }
.donate-page .donate-checkbox label {
	line-height: 18px;
	font-weight: 300 !important;
	float: right;
	text-align: left;
	width: 90%;
	height: 100%;
	margin-top: 8px; }
.donate-page .donate-checkbox .ginput_container_checkbox {
	margin-top: 0 !important;
	position: relative; }
.donate-page .donate-checkbox .ginput_container_checkbox li {
	position: absolute;
	top: 0; }
.donate-page .donate-checkbox .ginput_container_checkbox li input {
	margin-top: 5px; }

.donate-page .gform_wrapper li.gfield.gfield_error {
	margin-bottom: 10px !important; }
.donate-page .gform_wrapper li.gfield.gfield_error.large-4 {
	width: 100%; }
@media screen and (min-width: 64.063em) {
	.donate-page .gform_wrapper li.gfield.gfield_error.large-4 {
		width: 33.33333%; } }
@media screen and (min-width: 40.063em) {
	.donate-page .gform_wrapper li.gfield.gfield_error.large-4 {
		width: 33.33333%; } }
.donate-page .gform_wrapper li.gfield.gfield_error.large-8 {
	width: 100%; }
@media screen and (min-width: 64.063em) {
	.donate-page .gform_wrapper li.gfield.gfield_error.large-8 {
		width: 66.66667%; } }
@media screen and (max-width: 40.063em) {
	.donate-page .gform_wrapper li.gfield.gfield_error.large-8 {
		width: 66.66667%; } }
.donate-page .gform_wrapper li.gfield.gfield_error.large-3 {
	width: 100%; }
@media screen and (min-width: 64.063em) {
	.donate-page .gform_wrapper li.gfield.gfield_error.large-3 {
		width: 25%; } }
@media screen and (min-width: 40.063em) {
	.donate-page .gform_wrapper li.gfield.gfield_error.large-3 {
		width: 25%; } }

.donate-page .donate-credit-card .gfield_label {
	font-weight: 800px; }

.donate-page .donate-credit-card label {
	float: none !important; }

.donate-page .donate-credit-card .ginput_container_creditcard .ginput_full:nth-child(1) input {
	margin-top: 10px !important; }

.donate-page .donate-credit-card .ginput_container_creditcard .ginput_full:nth-child(1) label {
	display: none !important; }

@media screen and (min-width: 40.063em) {
	.donate-page .donate-credit-card .ginput_container_creditcard .ginput_cardinfo_left {
		width: 100% !important; } }

@media screen and (min-width: 64.063em) {
	.donate-page .donate-credit-card .ginput_container_creditcard .ginput_cardinfo_left {
		width: 50% !important; } }

@media screen and (min-width: 40.063em) {
	.donate-page .donate-credit-card .ginput_container_creditcard .ginput_cardinfo_left .ginput_card_expiration_year {
		margin-left: 10px; } }

.donate-page .donate-credit-card .ginput_container_creditcard .ginput_cardinfo_right {
	clear: both;
	padding-top: 10px; }
.donate-page .donate-credit-card .ginput_container_creditcard .ginput_cardinfo_right .ginput_card_security_code {
	max-width: 100% !important; }
.donate-page .donate-credit-card .ginput_container_creditcard .ginput_cardinfo_right label {
	display: none !important; }

.donate-page .ginput_container_address label {
	display: none !important; }

.donate-page .ginput_container_name label {
	display: none; }

.donate-page .no-button-hero:after {
	background-image: none; }

.donate-page .donate-primary-section-header h2 {
	text-align: center;
	margin-top: 20px;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	font-size: 60px !important;
	color: #00AAE7;
	line-height: 60px; }

.donate-page .donate-section-header h2.gsection_title {
	text-align: center;
	font-family: "amaticbold", sans-serif;
	font-size: 40px;
	text-transform: lowercase;
	color: #a83a8a;
	line-height: 60px; }

.donate-page .donate-sub-section-header {
	margin: 0 !important; }
.donate-page .donate-sub-section-header h2 {
	font-family: "Gotham Book", sans-serif;
	font-size: 16px;
	font-weight: 300;
	font-size: 16px !important;
	color: #5b5b5b; }

.donate-page .donate-section-required {
	text-align: left;
	height: auto !important;
	margin-top: 35px !important; }
.donate-page .donate-section-required h2 {
	font-family: "Gotham Book", sans-serif;
	font-size: 12px;
	font-weight: 300;
	font-size: 12px !important;
	color: #5b5b5b; }

.donate-page .donate-form__accordion.hide-accordion {
	display: none; }

.donate-page .accordion {
	border: none; }
.donate-page .accordion__header {
	background-color: white;
	text-align: center;
	color: #00AAE7;
	padding: 15px 0 30px 0;
	position: relative; }
.donate-page .accordion__header h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
.donate-page .accordion__header:after {
	content: '';
	background-image: none; }

.donate-page .donate-form__holder {
	background-color: #f4f3eb;
	overflow: hidden;
	padding-bottom: 50px; }
.donate-page .donate-form__holder li {
	margin-bottom: 10px; }
.donate-page .donate-form__holder select {
	position: relative;
	background: url("../images/select-arrows.png") no-repeat 101% center !important;
	background-size: 90px auto !important;
	background-color: white !important;
	height: 40px;
	border: 1px solid #282828;
	border-radius: 5px;
	padding: 0;
	line-height: 1.2em;
	max-width: 100%;
	border: none;
	padding-left: 5px; }
.donate-page .donate-form__holder input[type="radio"] {
	display: none !important; }
.donate-page .donate-form__holder .gform_wrapper {
	margin: 0 auto; }
.donate-page .donate-form__holder .gform_wrapper .gform_body {
	text-align: center;
	width: 100%; }
.donate-page .donate-form__holder .gform_wrapper .gsection {
	border: none;
	padding-bottom: 0; }
.donate-page .donate-form__holder .gform_wrapper .donate-choice {
	margin-top: 30px; }
.donate-page .donate-form__holder .gform_wrapper .donate-choice ul {
	width: 100% !important;
	margin-left: 0; }
.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li {
	position: relative; }
@media screen and (min-width: 40.063em) {
	.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li {
		display: inline-block; } }
.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li label {
	margin: 0; }
@media screen and (min-width: 40.063em) {
	.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li label {
		margin: 20px; } }
.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li label img {
	border: 3px solid #f4f3eb;
	border-radius: 10px;
	padding: 0px 3px 3px 3px;
	margin: 0; }
.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li label img:hover {
	border-color: #FFBE4E; }
.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li:first-child:after {
	display: block;
	content: 'or';
	font-family: "amaticbold", sans-serif;
	font-size: 40px;
	text-transform: lowercase;
	color: #00AAE7;
	font-size: 40px;
	text-transform: lowercase; }
@media screen and (min-width: 40.063em) {
	.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li:first-child:after {
		display: inline-block; } }
.donate-page .donate-form__holder .gform_wrapper .donate-choice ul li:first-child img:hover {
	border-color: #a83a8a; }

.donate-frequency ul.gfield_radio {
	max-width: 500px;
	margin: 0 auto !important; }
.donate-frequency ul.gfield_radio li {
	width: 50%;
	float: left;
	margin-top: 20px; }
.donate-frequency ul.gfield_radio li label {
	border: 2px solid #a83a8a;
	border-radius: 5px;
	color: #a83a8a;
	padding: 5px;
	width: 200px;
	font-weight: 800; }
.donate-frequency ul.gfield_radio li label:hover {
	background-color: #a83a8a;
	color: white; }

.donate-choice {
	min-height: 475px; }

.js-donation-payment label {
	display: none !important; }

.donate-amount ul {
	margin: 0; }
.donate-amount ul .radio-group ul {
	width: 100% !important; }
.donate-amount ul .radio-group ul li {
	width: 50%;
	float: left; }
.donate-amount ul .radio-group ul li img {
	border: 4px solid #f4f3eb;
	border-radius: 10px; }
.donate-amount ul .radio-group ul li img:hover, .donate-amount ul .radio-group ul li img.active {
	border: 4px solid #00AAE7; }

.donate-amount ul.gform_fields li.frequency-unique-amount {
	width: 100%;
	margin: 0 auto !important;
	max-width: 625px; }
.donate-amount ul.gform_fields li.frequency-unique-amount label {
	display: inline-block;
	width: 100%;
	vertical-align: top; }
@media screen and (min-width: 40.063em) {
	.donate-amount ul.gform_fields li.frequency-unique-amount label {
		font-size: 22px;
		width: 50%;
		text-align: left;
		margin: 15px 0 0 0;
		font-weight: 800; } }
.donate-amount ul.gform_fields li.frequency-unique-amount .ginput_container_text {
	display: inline-block;
	width: 100%; }
@media screen and (min-width: 40.063em) {
	.donate-amount ul.gform_fields li.frequency-unique-amount .ginput_container_text {
		width: 50%; } }
.donate-amount ul.gform_fields li.frequency-unique-amount .ginput_container_text input {
	width: 100%;
	background-color: white;
	border-radius: 5px;
	border: 1px solid #5b5b5b; }

.donate-payment-details .ginput_card_security_code {
	width: 100% !important;
	display: inline-block; }
@media screen and (min-width: 64.063em) {
	.donate-payment-details .ginput_card_security_code {
		width: 75% !important; } }

.donate-payment-details .ginput_card_security_code_icon {
	display: none !important; }
@media screen and (min-width: 64.063em) {
	.donate-payment-details .ginput_card_security_code_icon {
		display: inline-block !important;
		height: 30px !important;
		cursor: pointer;
		background: url("../images/question.png") no-repeat right center !important;
		top: -3px !important;
		left: 0 !important; }
	.donate-payment-details .ginput_card_security_code_icon:hover:after {
		content: 'CVV / CSC number on your credit or debit card is a 3 or 4 digit number printed on the back of your card for added security.';
		position: absolute;
		height: 100px;
		width: 100px;
		background-color: #a83a8a;
		left: 50px;
		height: 50px;
		width: 250px;
		bottom: -5px;
		font-size: 12px;
		color: #fff;
		padding: 6px;
		line-height: 13px;
		border-radius: 5px; } }

.donate-payment-details li:not(.donate-credit-card) input {
	max-width: 100%; }

.donate-honoree-details input[type="text"] {
	max-width: 10000px !important; }

.donate-honoree-details ul li.gfield {
	clear: none !important;
	position: relative; }

.donate-honoree-details ul.gform_fields li.gfield:not(.donate-section-header):not(.donate-checkbox) {
	height: 50px;
	margin: 10px 0; }
.donate-honoree-details ul.gform_fields li.gfield:not(.donate-section-header):not(.donate-checkbox).gfield_error {
	min-height: 80px; }
.donate-honoree-details ul.gform_fields li.gfield:not(.donate-section-header):not(.donate-checkbox) label {
	display: none; }

.donate-honoree-details ul.gform_fields li.gfield:last-child {
	height: auto !important; }

.donate-honoree-details ul.gform_fields li.gfield.donate-section-header {
	height: 115px; }

.donate-honoree-details ul.gform_fields li.gfield input[type='text'], .donate-honoree-details ul.gform_fields li.gfield select, .donate-honoree-details ul.gform_fields li.gfield textarea {
	background-color: white;
	border-radius: 5px;
	border: 1px solid #5b5b5b;
	width: 100%;
	padding-left: 5px; }

.donate-honoree-details ul.gform_fields li.gfield.donate-honoree-details___clear-left {
	clear: left !important; }

.donate-payment-details {
	text-align: left; }
.donate-payment-details ul.gform_fields li.gfield input[type='text'], .donate-payment-details ul.gform_fields li.gfield select, .donate-payment-details ul.gform_fields li.gfield textarea {
	background-color: white;
	border-radius: 5px;
	border: 1px solid #5b5b5b;
	width: 100%;
	padding-left: 5px; }
.donate-payment-details ul.gform_fields li.gfield label {
	width: calc(100% - 25px); }
.donate-payment-details ul.gform_fields li.gfield.donate-sub-section-header {
	margin-left: 15px !important;
	margin-right: -15px !important; }
.donate-payment-details ul.gform_fields li.gfield.js-mail-as-billing label {
	font-weight: 300; }
.donate-payment-details .columns {
	clear: none !important; }

.gform_wrapper .gf_step {
	margin: 0;
	text-align: center;
	width: 100px !important;
	margin: 50px 5px !important;
	float: left; }
.gform_wrapper .gf_step span.gf_step_number {
	display: none !important; }
.gform_wrapper .gf_step span.gf_step_label {
	padding-top: 10px;
	display: inline !important;
	font-family: "Gotham Book", sans-serif;
	font-size: 12px;
	font-weight: 300; }
.gform_wrapper .gf_step:before {
	content: '';
	background-color: #6f7073;
	display: block;
	width: 100%;
	height: 10px; }
.gform_wrapper .gf_step.gf_step_completed span.gf_step_label, .gform_wrapper .gf_step.gf_step_previous span.gf_step_label, .gform_wrapper .gf_step.gf_step_active span.gf_step_label {
	color: #00AAE7; }
.gform_wrapper .gf_step.gf_step_completed:before, .gform_wrapper .gf_step.gf_step_previous:before, .gform_wrapper .gf_step.gf_step_active:before {
	background-color: #00AAE7; }

.gform_wrapper .gf_page_steps {
	display: none !important;
	width: 660px !important;
	display: none;
	margin: 0 auto !important;
	border-bottom: none !important; }
@media screen and (min-width: 40.063em) {
	.gform_wrapper .gf_page_steps.steps-active {
		display: block !important; } }
.gform_wrapper .gf_page_steps.donate {
	width: 550px !important; }
.gform_wrapper .gf_page_steps.donate div:nth-child(4) {
	display: none; }

.gform_page_footer {
	border: none !important;
	text-align: center;
	clear: both;
	padding-top: 20px; }
.gform_page_footer .gform_previous_button, .gform_page_footer .gform_next_button, .gform_page_footer input[type='submit'] {
	background-color: #00AAE7 !important;
	color: white !important;
	width: 200px !important;
	font-size: 14px !important;
	border-radius: 5px !important;
	margin: 10px 25px !important;
	display: inline-block !important; }
.gform_page_footer input[type='submit'] {
	background-color: #EE3524 !important; }

.gform_wrapper .gfield_error .validation_message {
	padding: 5px !important;
	text-align: left; }

.donate-honor .gform_page_footer .gform_next_button, .donate-frequency .gform_page_footer .gform_next_button {
	display: none !important; }

.donate-payment-info {
	text-align: left; }
.donate-payment-info input {
	background-color: white;
	border-radius: 5px;
	border: 1px solid #5b5b5b;
	width: 100%; }

@media only screen and (min-width: 40.063em) {
	.donate-page .no-button-hero {
		min-height: 480px; }
	.donate-page .accordion__header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.donate-page .donate-form__holder .gform_wrapper .credit-city {
		clear: both !important; }
	.donate-page .donate-form__holder .gform_wrapper .donate-primary-section-header h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.donate-honoree-details ul.gform_fields li.gfield.donate-section-header {
		height: auto; }
	.donate-amount ul .radio-group ul li {
		width: 25%; }
	.gform_wrapper .gf_page_steps {
		display: block; } }

@media only screen and (min-width: 64.063em) {
	.donate-page .no-button-hero__container h1:before {
		font-family: "petco_icons";
		content: '\e906';
		font-size: 80%; }
	.donate-page .no-button-hero__container h1:after {
		font-family: "petco_icons";
		content: '\e906';
		font-size: 80%; }
	.donate-page .accordion__header h2:before, .donate-page .accordion__header h2:after {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 80%; }
	.donate-page .donate-form__holder .gform_wrapper .donate-primary-section-header h2:before, .donate-page .donate-form__holder .gform_wrapper .donate-primary-section-header h2:after {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 80%; } }

@media screen and (min-width: 64.063em) {
	.search-adoptable-pets .single-button-hero h1:before, .search-adoptable-pets .single-button-hero h1:after {
		content: '\e908'; } }

.search-adoptable-pets .single-button-hero p {
	max-width: 450px;
	margin: 0 auto 40px;
	font-family: 'Gotham Medium'; }

.search-adoptable-pets .rough-edge-heading {
	position: relative;
	min-height: 200px;
	z-index: 3; }
@media screen and (min-width: 40.063em) {
	.search-adoptable-pets .rough-edge-heading {
		min-height: 122px; } }
.search-adoptable-pets .rough-edge-heading:before {
	background-image: url("../images/rough-white-top-edge.png");
	background-repeat: repeat-x;
	background-position: 50% 100%;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	z-index: 5;
	left: 0;
	margin-top: -17px;
	height: 20px;
	width: 100%; }
.search-adoptable-pets .rough-edge-heading h1 {
	text-align: center;
	color: #a83a8a;
	line-height: 82px;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 40.063em) {
	.search-adoptable-pets .rough-edge-heading h1 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; } }

.search-adoptable-pets .half-square:first-of-type .arrow-divider-container:before {
	margin-left: -1.4em; }

.search-adoptable-pets .half-square:first-of-type .arrow-divider-container:after {
	margin-left: .5em; }

.our-loving-impact-main .triple-emphasis-content {
	position: relative;
	display: block; }
.our-loving-impact-main .triple-emphasis-content:before {
	content: '';
	width: 100%;
	position: absolute;
	height: 60px;
	background-image: url("../images/gray-jagged-top.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	top: 0;
	margin-top: -10px; }

.contact-page .reason {
	min-height: 380px; }

.contact-page .mailing-address-container {
	text-align: center;
	width: 100%;
	padding: 50px;
	background-color: #f4f3eb; }
@media screen and (min-width: 40.063em) {
	.contact-page .mailing-address-container {
		min-height: 360px; } }
.contact-page .mailing-address-container p {
	margin: 0 auto;
	width: 90%;
	font-family: 'Gotham Medium'; }
@media screen and (min-width: 40.063em) {
	.contact-page .mailing-address-container p {
		width: 70%; } }
@media screen and (min-width: 64.063em) {
	.contact-page .mailing-address-container p {
		width: 60%;
		max-width: 570px; } }
.contact-page .mailing-address-container h2 {
	color: #00AAE7;
	margin: 0px auto 10px;
	max-width: 90%;
	line-height: 1;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.contact-page .mailing-address-container h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.contact-page .mailing-address-container h2:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 70px; }
	.contact-page .mailing-address-container h2:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 70px; } }
.contact-page .mailing-address-container img {
	margin: auto;
	display: block; }
.contact-page .mailing-address-container svg {
	fill: #00AAE7;
	height: 13px;
	margin: 20px 0 20px 0; }
.contact-page .mailing-address-container a {
	display: inline-block;
	margin: 10px 15px 50px;
	text-transform: uppercase;
	color: #a83a8a;
	font-family: 'Gotham Bold';
	position: relative; }
.contact-page .mailing-address-container a:before {
	font-family: "petco_icons";
	content: '\e91e';
	font-size: 25px;
	color: #a83a8a;
	position: absolute;
	left: -25px;
	top: 10px;
	display: inline-block;
	transform: rotate(-90deg);
	width: 15px;
	height: 15px; }

/**********************
MOLECULES
***********************/
.no-image-hero {
	color: white;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 67px;
	padding-bottom: 10px;
	background-color: #a83a8a;
	text-align: center;
	position: relative; }
@media screen and (min-width: 64.063em) {
	.no-image-hero {
		padding-bottom: 31px; } }
.no-image-hero__h1 {
	position: relative;
	z-index: 2;
	display: block;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	bottom: 5px;
	line-height: 50px; }
@media screen and (min-width: 64.063em) {
	.no-image-hero__h1 {
		display: inline; } }
@media screen and (min-width: 64.063em) {
	.no-image-hero__h1 {
		line-height: 82px;
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.no-image-hero__h1:before {
		font-family: "petco_icons";
		content: "\e909";
		font-size: 80%;
		font-weight: 400; }
	.no-image-hero__h1:after {
		font-family: "petco_icons";
		content: "\e909";
		font-size: 80%;
		font-weight: 400;
		display: inline-block;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1); } }
.no-image-hero:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }
.no-image-hero.petco-blue {
	background-color: #00AAE7; }
.no-image-hero.petco-orange {
	background-color: #FDBD59; }

.share-pet-story-form .gform_confirmation_wrapper {
	text-align: center;
	padding-bottom: 40px; }
.share-pet-story-form .gform_confirmation_wrapper span {
	color: #323944 !important;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	padding: 20px; }
@media screen and (min-width: 40.063em) {
	.share-pet-story-form .gform_confirmation_wrapper span {
		color: white; } }

.share-pet-story-form .gform_drop_instructions {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-indent: -1000px; }
.share-pet-story-form .gform_drop_instructions:after {
	visibility: visible;
	font-family: "petco_icons";
	content: "\e91c";
	position: absolute;
	left: 50%;
	top: 35%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 60px;
	text-indent: 0; }
.share-pet-story-form .gform_drop_instructions:before {
	visibility: visible;
	content: 'Add photo(s) or video';
	position: absolute;
	left: 50%;
	top: 60%;
	width: 70%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-size: 14px;
	text-indent: 0; }

.share-pet-story-form #gform_browse_button_2_4 {
	visibility: hidden;
	height: 100%;
	top: 0;
	left: 0; }

.share-pet-story-form .share-your-pet-story-checkbox #label_2_6_1 {
	color: #323944;
	font-family: 'Gotham Medium';
	margin-left: 12px; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .share-your-pet-story-checkbox #label_2_6_1 {
		color: white; } }

.share-pet-story-form .gform_wrapper #gform_2 {
	position: relative; }

.share-pet-story-form .gform_wrapper .gform_body {
	margin: 0;
	width: 100%; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields {
	/* error state */ }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .ginput_container_select {
	position: relative;
	background: url("../images/select-arrows.png") no-repeat 101% center !important;
	background-size: 90px auto !important;
	background-color: white !important;
	height: 40px;
	border-radius: 3px; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .ginput_container_select {
		margin-left: 10px;
		max-width: 95%; } }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .ginput_container_select select {
	max-width: 100%;
	background: transparent !important; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload {
	text-align: center;
	position: relative; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container_fileupload {
	max-width: 200px;
	margin: 0 auto; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_preview {
	padding: 10px; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_preview strong {
	color: #323944 !important; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_preview strong {
		color: white !important; } }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .validation_message {
	color: #fff;
	font-size: 12px;
	left: 0;
	text-align: left; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .validation_message ul {
	margin: 0; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container .gform_fileupload_multifile {
	border-radius: 3px; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container .gform_fileupload_multifile .gform_drop_area {
	padding: 0;
	background-color: #d0d0d0;
	position: relative;
	border: none;
	height: 159px;
	overflow: hidden;
	margin-bottom: 0; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container .gform_fileupload_multifile .gform_drop_area .gform_drop_instructions {
	color: #a83a8a;
	font-family: 'Gotham Bold';
	font-size: 14px;
	position: absolute; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container .gform_fileupload_multifile .gform_drop_area .share-pet-story__mask-image {
	height: 85%;
	margin-top: 6%; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container .gform_fileupload_multifile .gform_drop_area .gform_button_select_files {
		position: absolute;
		top: 6em; } }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container .gform_fileupload_multifile .gform_drop_area:after {
	content: 'Max File Size: 2MB';
	position: absolute;
	left: 50%;
	bottom: 0;
	font-size: 12px;
	color: #323944;
	font-weight: 800;
	width: 100%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .share-pet-story-hero__image-upload .ginput_container .gform_fileupload_multifile .moxie-shim {
	top: 0 !important; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield {
	clear: none;
	padding: 0; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield:first-child {
		padding-right: 25px; } }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	display: none; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {
	margin-top: 3px;
	width: 100%; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container input, .share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
	background-color: white; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container textarea {
	background-color: white; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield .ginput_container select {
		width: calc(100% - 10px);
		margin-left: 10px; } }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield {
		float: right; }
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield.share-your-story-textarea {
		margin-top: 16px; } }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield.share-your-pet-story-checkbox {
	clear: both; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield:nth-child(1) {
		float: left;
		display: inline-block;
		padding-left: 0; } }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container {
	max-width: 100%;
	margin-bottom: 0; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error.share-your-pet-story-checkbox {
	padding: 0;
	width: 100%; }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error.share-your-pet-story-checkbox .validation_message {
	border-radius: 0; }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error.large-4 {
		width: 33.33333%; } }
@media screen and (max-width: 40.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error.large-4 {
		width: 100%; } }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error.large-8 {
		width: 66.66667%; } }
@media screen and (max-width: 40.063em) {
	.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error.large-8 {
		width: 100%; } }
.share-pet-story-form .gform_wrapper .gform_body .gform_fields .gfield_error .gfield_description {
	width: 100%;
	max-width: 100%;
	padding-left: 6px !important; }

.share-pet-story-form .gform_wrapper .gform_footer {
	text-align: center;
	width: 100%;
	clear: both; }
.share-pet-story-form .gform_wrapper .gform_footer.top_label input {
	width: 100%;
	font-family: 'Gotham Bold';
	font-weight: bold;
	display: inline;
	color: white;
	padding-top: 9px;
	padding-left: 20px;
	padding-bottom: 9px;
	padding-right: 20px;
	text-transform: uppercase;
	border-radius: 10px;
	background-color: #a83a8a;
	transition: all 0.5s ease-in-out; }
.share-pet-story-form .gform_wrapper .gform_footer.top_label input:hover {
	transform: scale(1.1, 1.1); }
@media screen and (min-width: 64.063em) {
	.share-pet-story-form .gform_wrapper .gform_footer {
		width: 11.5em;
		top: 13em; } }

.accordion-item {
	border: 0; }
.accordion-item .accordion-title {
	color: #a83a8a;
	padding: 20px 40px 20px 0;
	font-family: "Gotham Book", sans-serif;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #323944; }
.accordion-item .accordion-title:before {
	content: '\e91e';
	font-family: "petco_icons";
	font-size: 36px;
	line-height: 1rem; }
.accordion-item .accordion-content {
	border-bottom: 1px solid #323944;
	padding: 20px 0 20px 0; }
.accordion-item .accordion-content a {
	display: inline-block;
	margin: 15px 0 0 0; }
.accordion-item .accordion-content div a {
	display: inline;
	color: #a83a8a;
	font-weight: 600; }

.is-active .accordion-title {
	border-bottom: 0px solid #323944;
	background-color: white; }
.is-active .accordion-title:before {
	content: '\e91f';
	font-family: "petco_icons";
	font-size: 36px;
	line-height: 1rem; }

.more-pet-stories__pet {
	position: relative;
	margin: 10px 0; }
@media screen and (min-width: 40.063em) {
	.more-pet-stories__pet {
		margin: 0; } }
.more-pet-stories__pet .image {
	z-index: 3;
	position: inherit;
	background-size: cover; }
.more-pet-stories__pet .image svg {
	vertical-align: bottom;
	height: 100%;
	width: 70%;
	stroke: #858585;
	margin: 0;
	padding: 3px; }
.more-pet-stories__pet a {
	display: inline-block;
	margin: 10px auto 0 auto;
	min-width: 200px; }

.more-partner-success-stories__partner {
	position: relative;
	margin: 10px 0;
	min-height: 350px; }
@media screen and (min-width: 64.063em) {
	.more-partner-success-stories__partner {
		margin: 0;
		min-height: auto; } }
.more-partner-success-stories__partner .image {
	z-index: 3;
	position: inherit;
	background-size: cover; }
.more-partner-success-stories__partner .image svg {
	vertical-align: bottom;
	height: 100%;
	width: 70%;
	stroke: #858585;
	margin: 0;
	padding: 3px; }
.more-partner-success-stories__partner a {
	display: inline-block;
	margin: 10px auto 0 auto;
	min-width: 100px; }
@media screen and (min-width: 40.063em) {
	.more-partner-success-stories__partner a {
		min-width: 100px; } }

.event-preview {
	margin: 20px 30px 20px 30px;
	display: inline-block;
	width: 200px;
	vertical-align: top; }
.event-preview__dates {
	text-transform: uppercase; }
.event-preview h4 {
	font-family: "Gotham Book", sans-serif; }
.event-preview img {
	height: 175px;
	width: 100%;
	border: 1px solid #a83a8a;
	border-radius: 15px;
	margin: 10px 0 10px 0; }
.event-preview p {
	margin: auto;
	padding: 0;
	width: 100%;
	font-family: "Gotham Book", sans-serif;
	font-weight: 600; }
.event-preview p:nth-of-type(2) {
	font-weight: 200; }

.event-near-you-preview {
	width: 225px;
	display: inline-block;
	margin: 0 10px 0 10px;
	vertical-align: top; }
.event-near-you-preview__container {
	background-color: #00AAE7;
	height: 125px;
	width: 225px;
	padding: 10px 0 0 0;
	border-radius: 10px;
	margin: 0 auto 0 auto;
	font-family: "Gotham Book", sans-serif;
	font-weight: 600;
	font-size: 60px;
	color: white; }
.event-near-you-preview__container .event-date-container {
	display: inline-block; }
.event-near-you-preview__container .event-date-container .event-date-day, .event-near-you-preview__container .event-date-container .event-date-month {
	display: block; }
.event-near-you-preview__container .event-date-container .event-date-month {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 400; }
.event-near-you-preview__container .event-date-container .event-date-day {
	margin: -20px 0 0 0; }
.event-near-you-preview p {
	margin: 20px 0 0 0;
	width: 100%; }

.donate-gift-text {
	display: block;
	padding: 0 15px 0 15px;
	height: 280px;
	width: 185px;
	margin: 25px auto 25px auto;
	border: 3px solid #a83a8a;
	border-radius: 5px; }
@media screen and (min-width: 40.063em) {
	.donate-gift-text {
		display: inline-block;
		margin: 10px; } }
@media screen and (min-width: 64.063em) {
	.donate-gift-text {
		display: inline-block;
		margin: 30px; } }
.donate-gift-text h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 40px;
	text-transform: lowercase;
	color: #00AAE7;
	margin: 10px 0 5px 0; }
.donate-gift-text h2:before {
	content: ' '; }
.donate-gift-text h2:after {
	content: ' '; }
.donate-gift-text h1 {
	color: #a83a8a;
	font-family: "amaticbold", sans-serif;
	font-size: 140px;
	text-transform: lowercase;
	margin: -30px 0 0 0; }
.donate-gift-text h3 {
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 30px;
	text-transform: lowercase;
	position: relative;
	margin: -20px 0 0 0; }
.donate-gift-text h3:before {
	content: '........';
	position: relative;
	left: -5px;
	top: -10px; }
.donate-gift-text h3:after {
	content: '........';
	position: relative;
	right: -5px;
	top: -10px; }
.donate-gift-text h4 {
	font: 15px "Gotham Book", sans-serif;
	color: #00AAE7;
	font-weight: 600;
	margin: -15px; }
.donate-gift-text span {
	font-size: 60px;
	vertical-align: top;
	display: inline-block;
	margin: 10px 5px 0 0; }

.donate-gift-link {
	display: inline-block; }

.donate-gift-image {
	display: block;
	padding: 0 30px 0 30px;
	width: 250px;
	margin: 25px auto 25px auto;
	position: relative;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	/*&:after{
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	background: url(../images/featured-pet-header-background.svg) repeat left top;
}*/ }
.donate-gift-image.petco_orange {
	background-color: #FDBD59; }
.donate-gift-image.petco_blue {
	background-color: #00AAE7; }
.donate-gift-image.petco_pink {
	background-color: #a83a8a; }
@media screen and (min-width: 40.063em) {
	.donate-gift-image {
		display: inline-block;
		margin: 10px; } }
@media screen and (min-width: 64.063em) {
	.donate-gift-image {
		display: inline-block;
		margin: 40px; } }
.donate-gift-image:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0.2;
	background: url("../images/featured-pet-header-background.svg") repeat left top;
	z-index: 1;
	background-size: 66%; }
.donate-gift-image h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 40px;
	text-transform: lowercase;
	line-height: 40px;
	height: 100px;
	color: white;
	position: inherit;
	margin: 20px 0 0 0; }
.donate-gift-image h2:before {
	content: ' '; }
.donate-gift-image h2:after {
	content: ' '; }
.donate-gift-image__image {
	z-index: 3;
	position: inherit;
	background-size: cover; }
.donate-gift-image__image svg {
	vertical-align: bottom; }

.director-item {
	min-height: 278px; }
.director-item__image {
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 50%;
	width: 150px;
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0); }
.director-item__image img {
	width: 100%; }
.director-item__btn {
	height: 100%;
	min-height: 278px;
	width: 100%;
	padding: 0 34px;
	position: relative;
	height: 100%; }
.director-item__btn:after {
	content: ' ';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #a83a8a;
	position: absolute;
	bottom: 120px;
	left: calc(50% - 15px);
	visibility: hidden; }
.director-item .open:after {
	visibility: inherit; }
.director-item__name {
	padding-top: 140px;
	color: #a83a8a;
	font-weight: 800; }
.director-item__title {
	padding-top: 14px;
	font-size: 15px;
	font-weight: 800; }
.director-item__more-info {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	top: inherit;
	margin-top: -120px;
	background-color: #a83a8a;
	color: #fff;
	padding: 35px 0;
	z-index: 2; }
.director-item__more-info.show {
	display: block; }
.director-item__more-info img {
	border-radius: 50%;
	height: auto;
	width: auto; }
.director-item__more-info .content {
	position: relative;
	padding-top: 40px; }
.director-item__more-info .close {
	position: absolute;
	right: 20px;
	display: inline-block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	z-index: 1;
	top: 0; }
.director-item__more-info .close:hover::before, .director-item__more-info .close:hover::after {
	background: #2980b9; }
.director-item__more-info .close::before, .director-item__more-info .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: white; }
.director-item__more-info .close::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); }
.director-item__more-info .close::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg); }
.director-item__more-info .close.big {
	-ms-transform: scale(3);
	-webkit-transform: scale(3);
	transform: scale(3); }
.director-item__more-info .close.rounded::before, .director-item__more-info .close.rounded::after {
	border-radius: 5px; }

.milestone-event {
	margin-top: 50px; }
@media screen and (min-width: 40.063em) {
	.milestone-event {
		margin-top: 0; } }
.milestone-event__image-container {
	position: relative;
	left: 3em;
	top: 1em; }
.milestone-event__image-container img {
	-webkit-clip-path: circle(40px at center); }
.milestone-event__image-container__large-circle {
	display: none;
	width: 90px;
	height: 90px;
	background-color: #00AAE7;
	border-radius: calc(90px / 2);
	position: absolute;
	top: 5px;
	right: 58px; }
@media screen and (min-width: 40.063em) {
	.milestone-event__image-container__large-circle {
		display: block; } }
.milestone-event__image-container__small-circle {
	display: none;
	width: 30px;
	height: 30px;
	background-color: #00AAE7;
	border-radius: calc(30px / 2);
	position: absolute;
	top: 36px;
	left: -4em; }
@media screen and (min-width: 40.063em) {
	.milestone-event__image-container__small-circle {
		display: block; } }
.milestone-event__image-container svg {
	display: none;
	position: absolute;
	top: 3em;
	left: -1em; }
@media screen and (min-width: 40.063em) {
	.milestone-event__image-container svg {
		display: block; } }
.milestone-event__copy-container {
	color: #00AAE7; }
@media screen and (min-width: 40.063em) {
	.milestone-event__copy-container {
		max-width: 25em; } }
.milestone-event__copy-container h6 {
	font-weight: bold; }
.milestone-event__copy-container h4 {
	font-size: 42px;
	text-transform: uppercase; }
.milestone-event__copy-container p {
	color: black; }
.milestone-event.left {
	text-align: center; }
@media screen and (min-width: 40.063em) {
	.milestone-event.left {
		text-align: right; } }
.milestone-event.left .milestone-event__image-container {
	left: 0em; }
.milestone-event.left .milestone-event__image-container__large-circle {
	left: 5px; }
.milestone-event.left .milestone-event__image-container__small-circle {
	left: 11.4em; }
.milestone-event.left .milestone-event__image-container svg {
	left: 4em; }
.milestone-event.right {
	text-align: center; }
@media screen and (min-width: 40.063em) {
	.milestone-event.right {
		text-align: left; } }

.header-banner.blue .header-banner__container {
	position: relative;
	background-color: #00AAE7;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.header-banner.blue .header-banner__container {
		padding: 2%; } }
.header-banner.blue .header-banner__container:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }
.header-banner.blue .header-banner__container h1 {
	color: white;
	text-align: center;
	font-size: 69px; }
@media screen and (min-width: 64.063em) {
	.header-banner.blue .header-banner__container h1:before {
		font-family: "petco_icons";
		content: "\e909"; }
	.header-banner.blue .header-banner__container h1:after {
		font-family: "petco_icons";
		content: "\e90a"; } }

.header-banner.purple .header-banner__container {
	position: relative;
	background-color: #6c1e6b;
	padding: 5%; }
@media screen and (min-width: 40.063em) {
	.header-banner.purple .header-banner__container {
		padding: 2%; } }
.header-banner.purple .header-banner__container:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background: url("../images/featured-pet-header-background.svg") repeat left top; }
.header-banner.purple .header-banner__container h1 {
	color: white;
	text-align: center;
	font-size: 69px; }
@media screen and (min-width: 40.063em) {
	.header-banner.purple .header-banner__container h1:before {
		font-family: "petco_icons";
		content: "\e909"; }
	.header-banner.purple .header-banner__container h1:after {
		font-family: "petco_icons";
		content: "\e90a"; } }

.file-list {
	text-align: center; }
@media screen and (min-width: 40.063em) {
	.file-list {
		text-align: left; } }
.file-list__files {
	clear: both;
	list-style: none;
	margin-left: 0.8rem; }
.file-list h3 {
	color: #a83a8a;
	font-family: "Gotham Book", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 22px;
	letter-spacing: 0.03em; }
.file-list svg {
	fill: #a83a8a;
	display: block;
	margin: 0 auto;
	width: 74%;
	float: left; }

.list-item-tile {
	min-height: 353px; }
.list-item-tile__headline {
	font-family: 'Gotham Bold';
	font-weight: bold;
	color: #a83a8a;
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 12px; }
.list-item-tile__link {
	color: #a83a8a; }
.list-item-tile__link:hover {
	color: #a83a8a; }
.list-item-tile__image-link {
	display: inline-block;
	overflow: hidden;
	border-radius: 10px; }
.list-item-tile__image-link img {
	margin: 0; }
.list-item-tile__written-by {
	font-family: "Gotham Book", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	padding-top: 9px;
	margin-bottom: 0; }
.list-item-tile__date {
	font-family: "Gotham Book", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px; }
.list-item-tile__tags {
	font-family: 'Gotham Bold';
	margin-top: 20px; }
.list-item-tile__tags span {
	color: #a83a8a;
	text-decoration: underline;
	font-weight: 600; }
.list-item-tile__tags:before {
	color: #a83a8a;
	font-size: 20px;
	font-family: "petco_icons";
	background: url("../images/tag-icon-purple.svg") no-repeat;
	width: 25px;
	height: 14px;
	background-size: 25px 14px;
	display: inline-block;
	content: ""; }

.show-your-love {
	text-align: center;
	position: relative; }
@media screen and (min-width: 40.063em) {
	.show-your-love {
		padding-top: 54px;
		min-height: 480px; } }
.show-your-love h1 {
	font-size: 12em;
	color: #00AAE7;
	margin-bottom: 10px;
	width: 100%;
	display: block;
	position: relative;
	height: 220px; }
.show-your-love h1.icon-usa {
	font-size: 18em; }
.show-your-love h1.icon-usa:before {
	position: relative;
	top: -20px;
	left: 0; }
.show-your-love h1.icon-paw {
	font-size: 18em; }
.show-your-love h1.icon-paw:before {
	position: relative;
	top: -40px;
	left: 0; }
.show-your-love h1.icon-heart-bandaid {
	font-size: 12em; }
.show-your-love h1.icon-heart-bandaid:before {
	position: relative; }
.show-your-love h1.icon-light-bulb {
	font-size: 14em; }
.show-your-love h1.icon-light-bulb:before {
	position: relative;
	margin-top: -20px; }
.show-your-love strong {
	color: #a83a8a;
	display: block;
	letter-spacing: 0.05em;
	margin-bottom: 17px; }
.show-your-love p {
	max-width: 230px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.45;
	margin-bottom: 20px;
	min-height: 120px; }
.show-your-love .show-your-love-button {
	width: 100%;
	margin: 0 auto; }
.show-your-love .show-your-love-button .button {
	display: inline-block; }

.video-molecule {
	display: inline-block;
	margin: 0 35px 0 35px;
	text-align: left; }
@media screen and (min-width: 40.063em) {
	.video-molecule {
		text-align: left; } }
.video-molecule .video-with-caption {
	margin: 0; }
.video-molecule .video-with-caption figcaption h6 {
	color: #a83a8a;
	font-family: "amaticbold", sans-serif;
	font-size: 35px;
	text-transform: lowercase; }
.video-molecule .video-with-caption iframe {
	border-radius: 10px; }
.video-molecule p {
	color: #858585;
	margin: 0;
	font-family: "Gotham Book", sans-serif;
	font-weight: 600; }
.video-molecule .tags {
	font-weight: 300; }
.video-molecule .tags span {
	color: #a83a8a;
	text-decoration: underline;
	font-weight: 600; }
.video-molecule .tags:before {
	color: #a83a8a;
	font-size: 20px;
	font-family: "petco_icons";
	background: url("../images/tag-icon-purple.svg") no-repeat;
	width: 25px;
	height: 14px;
	background-size: 25px 14px;
	display: inline-block;
	content: ""; }

.store-item {
	border: 0;
	position: relative;
	background-color: white; }
.store-item .store-title {
	color: #a83a8a;
	padding: 20px 40px 20px 0;
	font-family: "Gotham Book", sans-serif;
	font-size: 20px;
	font-weight: 600; }
.store-item .store-title:before {
	content: '\e91e';
	font-family: "petco_icons";
	font-size: 80px;
	font-weight: 100;
	line-height: 5rem;
	position: absolute;
	right: 0; }
.store-item .store-title .store-title-contents {
	margin: -25px 0 0 0;
	padding: 20px 0 0 20px; }
.store-item .store-title .store-title-contents p {
	margin: 0;
	line-height: 1.1; }
.store-item .store-title .store-title-contents p:nth-of-type(3) {
	font-size: 15px;
	line-height: 1.75;
	color: #858585; }
.store-item .store-title .store-title-contents .store-open-status-container span {
	display: none;
	font-size: 60px;
	line-height: 1; }
.store-item .store-title .store-title-contents div {
	display: inline-block; }
.store-item .store-title .store-title-contents .call-directions div {
	position: absolute;
	right: 100px;
	top: 20px;
	text-align: center; }
.store-item .store-title .store-title-contents .call-directions div span {
	font-size: 50px;
	line-height: 1;
	color: #00AAE7; }
.store-item .store-title .store-title-contents .call-directions div p {
	color: #00AAE7;
	font-size: 12px;
	line-height: 1; }
.store-item .store-title .store-title-contents .call-directions div:nth-of-type(2) {
	right: 220px; }
.store-item .store-content {
	display: none;
	padding: 20px 0 20px 0; }
.store-item .store-content p {
	margin: 0 0 10px 20px;
	font-weight: 600;
	color: #393939; }
.store-item .store-content a {
	display: inline-block;
	margin: 15px 0 0 0; }
.store-item .store-content div a {
	display: inline;
	color: #a83a8a;
	font-weight: 600; }
.store-item .store-content .days-container {
	text-align: center;
	color: #a83a8a;
	font: "Gotham Book", sans-serif;
	font-weight: 600; }
.store-item .store-content .days-container .day {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	width: calc(100%/7.5); }
.store-item .store-content .days-container .day span {
	display: block; }
.store-item .store-content .days-container .day__today {
	visibility: hidden; }
.store-item .store-content .days-container .day__color {
	padding: 15px;
	background-color: #cfcfcf;
	color: white; }
.store-item .store-content .days-container .selected {
	border: 4px solid #a83a8a;
	border-radius: 10px; }
.store-item .store-content .days-container .selected .day__today {
	visibility: inherit; }
.store-item .store-content .days-container .selected .day__color {
	background-color: #a83a8a; }
.store-item .store-content .content-holder {
	margin: 50px 0 0 0; }
.store-item .store-content .content-holder .store-description {
	padding: 0;
	margin: 0;
	font-weight: 600;
	color: #393939; }
.store-item .store-content .content-holder .types-of-pets svg {
	fill: #00AAE7;
	height: 100px; }
.store-item .store-content .content-holder .types-of-pets .pet-type {
	display: inline-block;
	width: 140px;
	text-align: center;
	vertical-align: top; }
.store-item .store-content .content-holder .types-of-pets .pet-type span {
	color: #00AAE7;
	font-size: 90px; }
.store-item .store-content .content-holder .types-of-pets .pet-type p {
	margin: 0;
	font-weight: 400; }

.is-active {
	background-color: #f4f3eb; }
.is-active .store-title:before {
	content: '\e91f';
	font-family: "petco_icons";
	font-size: 80px;
	font-weight: 100;
	line-height: 5rem;
	position: absolute;
	right: 0; }

/**********************
ATOMS
***********************/
.button {
	font-family: 'Gotham Bold';
	font-weight: bold;
	display: block;
	color: #a83a8a;
	padding-top: 9px;
	padding-left: 20px;
	padding-bottom: 9px;
	padding-right: 20px;
	text-transform: uppercase;
	border-radius: 10px;
	border-width: 0;
	line-height: inherit;
	background-color: white;
	text-transform: uppercase;
	transition: all 0.5s ease-in-out;
	font-size: 16px; }
.button:hover {
	transform: scale(1.1, 1.1); }

.button-inverse {
	color: white;
	background-color: #a83a8a; }

.share {
	font-family: "Gotham Book", sans-serif;
	font-weight: bold; }
.share a, .share p {
	color: #a83a8a;
	text-transform: uppercase;
	display: inline;
	margin: 0 5px; }

.quote-container {
	padding: 2%;
	text-align: center; }
.quote-container .quote {
	max-width: 75rem;
	display: block;
	margin: 0 auto; }
.quote-container h1 {
	font-family: "amaticbold", sans-serif;
	font-size: 50px;
	text-transform: lowercase;
	line-height: 1; }
@media screen and (min-width: 40.063em) {
	.quote-container h1 {
		font-size: 69px; } }

.quote-container.pet-story {
	background-color: #FFBE4E;
	color: #323944; }

.quote-container.news-story {
	background-color: #a83a8a;
	color: white; }

.file-download {
	text-align: left; }
.file-download a {
	font-size: 16px;
	color: gray;
	font-family: "Gotham Book", sans-serif;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding-left: 44px;
	line-height: 1.2;
	padding-top: 19px;
	padding-bottom: 20px; }
.file-download a:visited {
	text-decoration: none; }
.file-download a i {
	position: absolute;
	top: 0;
	left: 0; }
.file-download a i:before {
	font-size: 39px;
	font-weight: normal;
	color: #a83a8a;
	line-height: 54px; }

.headline-with-drop {
	position: relative;
	background-color: #FFBE4E;
	padding-top: 22px;
	margin-bottom: 15px; }
.headline-with-drop.partners {
	background-color: #a83a8a; }
.headline-with-drop.partners h1 {
	color: white; }
.headline-with-drop.partners:after {
	background-image: url("../images/pink-drop.png"); }
.headline-with-drop__h1 {
	color: #393939;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	text-align: center; }
@media screen and (min-width: 64.063em) {
	.headline-with-drop__h1 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.headline-with-drop__h1:before {
		font-family: "petco_icons";
		content: "\e906";
		font-size: 75%; }
	.headline-with-drop__h1:after {
		font-family: "petco_icons";
		content: "\e906";
		font-size: 75%; } }
.headline-with-drop:after {
	content: '';
	width: 100%;
	position: absolute;
	height: 60px;
	background-image: url("../images/yellow-drop.png");
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: repeat-x;
	z-index: 12;
	left: 0;
	bottom: 0;
	margin-bottom: -58px; }
.headline-with-drop.petco-blue {
	background-color: #00AAE7; }
.headline-with-drop.petco-blue:after {
	background-image: url("../images/blue-drop.png"); }
.headline-with-drop.petco-pink {
	background-color: #a83a8a; }
.headline-with-drop.petco-pink .headline-with-drop__h1 {
	color: white; }
.headline-with-drop.petco-pink:after {
	background-image: url("../images/pink-drop.png"); }

.ie-error {
	position: fixed;
	bottom: 0;
	z-index: 809;
	background-color: #EE3524;
	padding: 1rem;
	text-align: center; }
.ie-error p {
	color: white; }
.ie-error a {
	color: white;
	font-weight: bold; }

/* these should be last to overide everything, I am not sure who moved atoms down all the way but now it is to risky to change */
.events-landing {
	/* override the half square stuff */ }
.events-landing__squares .half-square {
	min-height: 485px; }
.events-landing__squares .half-square h2:before, .events-landing__squares .half-square h2:after {
	display: none; }
.events-landing__squares .half-square:first-child {
	position: relative; }
.events-landing__squares .half-square:first-child h2 {
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	margin-top: 50px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 50px; }
@media screen and (min-width: 64.063em) {
	.events-landing__squares .half-square:first-child h2 {
		margin-top: 0;
		font-size: 80px; }
	.events-landing__squares .half-square:first-child h2:before {
		content: '\e907';
		font-size: 80%;
		font-family: "petco_icons";
		top: 30%;
		left: 5%;
		display: inline-block; }
	.events-landing__squares .half-square:first-child h2:after {
		content: '\e907';
		font-size: 80%;
		font-family: "petco_icons";
		top: 30%;
		left: 85%;
		display: inline-block; } }
.events-landing__squares .half-square:first-child .arrow-divider-container {
	display: none; }
.events-landing__squares .half-square:first-child svg {
	display: none; }
.events-landing__squares .half-square:last-child {
	text-align: center; }
@media screen and (min-width: 64.063em) {
	.events-landing__squares .half-square:last-child {
		padding-left: 108px;
		text-align: left; } }
.events-landing__squares .half-square:last-child h2 {
	font-size: 40px;
	margin: 120px 0 0 0;
	max-width: 100%; }
@media screen and (min-width: 40.063em) {
	.events-landing__squares .half-square:last-child h2 {
		margin: 45px 0 0 0; } }
@media screen and (min-width: 64.063em) {
	.events-landing__squares .half-square:last-child h2 {
		font-size: 60px;
		margin: 20px 0 0 0; } }
.events-landing__squares .half-square:last-child .arrow-divider-container {
	margin: 0; }
.events-landing__squares .half-square:last-child .arrow-divider-container:before, .events-landing__squares .half-square:last-child .arrow-divider-container:after {
	display: none; }
.events-landing__squares .half-square:last-child .arrow-divider-container svg {
	margin-bottom: 20px; }
.events-landing__squares .half-square:last-child p {
	margin: 0 20px 20px; }
@media screen and (min-width: 40.063em) {
	.events-landing__squares .half-square:last-child p {
		margin-left: 0; } }
@media screen and (min-width: 64.063em) {
	.events-landing__squares .half-square:last-child p {
		max-width: 420px; } }
@media screen and (min-width: 64.063em) {
	.events-landing__squares .half-square:last-child .button-holder .button {
		margin-left: 0; } }
.events-landing .upcoming-events {
	background-color: #f4f3eb;
	/* total override */ }
.events-landing .upcoming-events__heading {
	background-color: #00AAE7;
	position: relative; }
.events-landing .upcoming-events__heading h3 {
	padding-bottom: 32px; }
.events-landing .upcoming-events__heading:after {
	content: '';
	display: block;
	height: 56px;
	background-image: url("../images/blue-drop.png");
	background-position: 50% 0;
	background-repeat: no-repeat;
	width: 100%;
	bottom: 0;
	left: 0;
	background-size: contain;
	margin-bottom: -55px;
	position: absolute; }
.events-landing .upcoming-events svg {
	display: none; }
.events-landing .upcoming-events > p {
	padding-top: 68px;
	color: #393939; }
.events-landing .upcoming-events__events-container {
	background-color: #f4f3eb; }
.events-landing .upcoming-events .event-preview p {
	color: #393939; }
.events-landing .upcoming-events .event-preview img {
	border: none; }
.events-landing .upcoming-events .event-preview__dates h4 {
	color: #00AAE7; }

.for-partners .no-button-hero {
	min-height: 600px;
	background-position: center; }
.for-partners .no-button-hero__container p {
	font-size: 18px;
	line-height: 22px; }
@media screen and (min-width: 40.063em) {
	.for-partners .no-button-hero__container p {
		font-size: 22px;
		line-height: 30px; } }
@media screen and (min-width: 40.063em) {
	.for-partners .no-button-hero__container {
		margin-top: 0; } }
.for-partners .no-button-hero:after {
	display: none; }

.for-partners .no-image-hero {
	padding-top: 35px; }

.for-partners .triple-emphasis-content {
	position: relative; }
.for-partners .triple-emphasis-content:before {
	content: '';
	width: 100%;
	height: 10px;
	background-color: transparent;
	background-image: url("../images/jagged-edge-gray.svg");
	background-repeat: repeat-x;
	top: 0;
	left: 0;
	display: block;
	position: absolute;
	margin-top: -7px;
	background-size: 105%;
	background-position: 50% 0;
	z-index: 10; }

.for-partners article .sylp__header {
	margin-bottom: 0; }
.for-partners article .sylp__header:after {
	background-image: none; }
.for-partners article .sylp__header .arrow-divider-container {
	display: block; }
.for-partners article .sylp__header .arrow-divider-container svg {
	height: 15px;
	fill: white; }

.for-partners article .sylp .row {
	max-width: 100%;
	padding: 0; }
@media screen and (min-width: 40.063em) {
	.for-partners article .sylp .row {
		padding: 0 50px; } }

.for-partners article .sylp__item-container {
	background-color: #00AAE7; }
.for-partners article .sylp__item-container .show-your-love h1, .for-partners article .sylp__item-container .show-your-love p {
	color: white; }
.for-partners article .sylp__item-container .show-your-love strong {
	color: #FDBD59; }
.for-partners article .sylp__item-container .show-your-love a:hover {
	background-color: #a83a8a; }

.event-details .headline-with-drop {
	position: relative; }
.event-details .headline-with-drop:after {
	content: '';
	background-image: url("../images/pink-drop.png");
	background-position: 50% 0;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 56px;
	width: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-bottom: -55px; }
@media screen and (min-width: 40.063em) {
	.event-details .headline-with-drop__h1:before {
		content: '\e904'; }
	.event-details .headline-with-drop__h1:after {
		content: '\e905'; } }

@media screen and (min-width: 40.063em) {
	.learn-about-adoption .double-button-hero-right__content .button:nth-of-type(2) {
		width: 60%; } }

.learn-about-adoption .more-pet-stories {
	background-color: #f4f3eb; }
.learn-about-adoption .more-pet-stories h3 {
	margin-top: 0;
	padding-top: 30px; }
.learn-about-adoption .more-pet-stories__pets-container {
	margin-bottom: 0;
	padding-bottom: 50px; }

.learn-about-adoption .accordion {
	background-color: #f4f3eb;
	margin-bottom: 0;
	padding-bottom: 100px; }

.learn-about-adoption .accordion-content {
	background-color: #f4f3eb; }

.learn-about-adoption .find-a-pet-intro {
	background-color: #f4f3eb;
	position: relative;
	text-align: center;
	padding: 10px; }
.learn-about-adoption .find-a-pet-intro:before {
	content: '';
	background-image: url("../images/negative-drop-gray.png");
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0;
	top: 0;
	margin-top: -47px;
	height: 49px;
	width: 100%;
	display: block;
	z-index: 30;
	position: absolute; }
.learn-about-adoption .find-a-pet-intro p {
	color: #5b5b5b;
	max-width: 746px;
	margin-left: auto;
	margin-right: auto; }
.learn-about-adoption .find-a-pet-intro svg {
	fill: #5b5b5b;
	height: 13px;
	margin: 30px 0 25px 0; }
.learn-about-adoption .find-a-pet-intro h2 {
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase; }
@media screen and (min-width: 64.063em) {
	.learn-about-adoption .find-a-pet-intro h2 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.learn-about-adoption .find-a-pet-intro h2:before {
		font-family: "petco_icons";
		content: '\e904';
		font-size: 76%; }
	.learn-about-adoption .find-a-pet-intro h2:after {
		font-family: "petco_icons";
		content: '\e905';
		font-size: 76%; } }
.learn-about-adoption .find-a-pet-intro h3 {
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	margin-bottom: 0;
	padding-bottom: 20px; }
@media screen and (min-width: 40.063em) {
	.learn-about-adoption .find-a-pet-intro h3 {
		font-family: "amaticbold", sans-serif;
		font-size: 80px;
		text-transform: lowercase; }
	.learn-about-adoption .find-a-pet-intro h3:before, .learn-about-adoption .find-a-pet-intro h3:after {
		font-family: "petco_icons";
		content: '\e908';
		font-size: 76%; } }

.learn-about-adoption .find-pets-button-holder {
	text-align: center;
	background-color: #f4f3eb;
	padding-bottom: 50px;
	padding-top: 40px;
	padding-left: 1rem;
	padding-right: 1rem; }
.learn-about-adoption .find-pets-button-holder .button {
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px; }

.media-resources {
	background-color: #f4f3eb; }
.media-resources .row {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto; }
.media-resources p {
	text-align: center; }
.media-resources h2, .media-resources h3 {
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase;
	text-align: center; }
.media-resources h4, .media-resources h5 {
	color: #00AAE7;
	font-family: "amaticbold", sans-serif;
	font-size: 48px;
	text-transform: lowercase;
	text-align: center; }

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

.default-page h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
	text-transform: lowercase;
	color: #a83a8a; }

.default-page h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 48px;
	text-transform: lowercase;
	color: #a83a8a; }

.default-page .row {
	max-width: 77rem;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-left: auto;
	margin-right: auto; }

.pet-details__holder {
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px; }
.pet-details__holder h2 {
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase;
	color: #00AAE7; }
.pet-details__holder h3 {
	font-family: "amaticbold", sans-serif;
	font-size: 48px;
	text-transform: lowercase;
	color: #a83a8a; }
.pet-details__holder dt {
	float: left;
	min-width: 100px;
	padding-right: 5px; }
.pet-details__holder dd {
	margin-bottom: 9px; }
.pet-details__holder .pet-info {
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
	background-color: #f4f3eb;
	padding: 1rem; }

.entry-content .adoptapet {
	display: inline-block;
	height: 3rem; }
.entry-content .adoptapet p {
	margin: 0; }
.entry-content .adoptapet img {
	height: 100%; }



/*--------------------------------------------------------------
Style Added by Grace w/ WebTegrity
--------------------------------------------------------------*/
.petco-branding__icon-container .brand-download__link__container {
	margin: 0 auto 20px;
}

.story-listing .list-item-tile__headline {
	max-width: 76%;
	/* 	text-align: center;
	margin: 0 auto; */
}

.story-listing .list-item-tile {
	min-height: 300px;
}

/* .story-listing, .story-listing {
padding: 60px 10px;
} */

.pet-story-detail-major-content__navigation .previous__overlay__copy h4 {
	max-width: 80%;
	margin: 0 0 0 auto;
}

.pet-story-detail-major-content__navigation .next__overlay__copy h4 {
	max-width: 80%;
	margin: 0 auto 0 0;
}

/*--------------------------------------------------------------
Love Story Donation Form Styling
--------------------------------------------------------------*/

figure {
	margin: 0;
}
.two-video-module__videos-container figure {
	max-width: 500px;
	display: inline-block;
}
.two-video-module__videos-container {
	text-align: center;
	padding: 40px 0 0px 0;
}

.love-story-donate {
	background-color: #00AAE7;
	padding: 0px 0 0 0;
	margin: -20px 0 0px 0;
}

.love-story-donate .entry-content img {
	margin: 0 0 0em 0 !important;
	max-width: 100%;
	height: auto;
}

.love-story-donate h2 {
	color: #fff;
	font-weight: 500;
	font-size: 3rem;
	margin-top: 30px;
	text-align: center;
	padding: 0 10px;
}

li.love-story-radio ul li input[type=radio] {
	display: none !important;
}

/* 	li.love-story-radio ul li img  {
opacity: 0.7;
cursor: pointer;
} */

/* 	li.love-story-radio ul li img.active {
opacity: 0.7;
cursor: pointer;
}

li.love-story-radio ul li img:hover {
opacity: 1;
cursor: pointer;
} */

.love-story-donate-checkbox {
	margin-top: 0;
}

.love-story-donate-checkbox ul.gfield_checkbox li input[type=checkbox] {
	display: none;
}

.love-story-donate-checkbox ul.gfield_checkbox li label {
	border: 2px solid #e53613;
	background-color: #e53613;
	border-radius: 5px;
	color: #fff;
	padding: 10px 5px;
	width: 130px !important;
	font-weight: 700;
	text-align: center;
	font-size: 0.95rem;
	text-transform: uppercase;
}

.love-story-form {
	position: relative;
}

#label_12_1_1 {
	color: #fff;
	font-weight: 700 !important;
	margin: 0 5px;
}

#label_12_1_0 {
	color: #fff;
	font-weight: 700 !important;
}

.gchoice_12_1_1 {
	display: inline-block;
	margin: 0 30px;
}

.gchoice_12_1_0 {
	display: inline-block;
}

#field_12_17, #field_12_18 {
	display: inline-block;
}

#input_12_17 li, #input_12_18 li {
	display: inline;
}

#input_12_17 li input[type=radio], #input_12_18 li input[type=radio] {
	display: none !important;
}

/* 	#input_12_17 li img, #input_12_18 li img {
opacity: 0.8;
transition: all .3s ease;
} */

/* 	#input_12_17 li:hover img , #input_12_18 li:hover img{
opacity: 1;
transform: scale(1.2);
} */

li#field_12_17 label.gfield_label, li#field_12_18 label.gfield_label {
	display: none !important;
}

/* 	.lsd.active {
opacity: 1 !important;
transform: scale(1.2);
}
*/

#field_12_20 {
	max-width: 130px;
	position: relative;
}

#field_12_20::before {
	content: '$';
	font-family: "amaticbold", sans-serif;
	font-size: 40px;
	text-transform: lowercase;
	color: #fff;
	font-size: 40px;
	text-transform: lowercase;
	position: absolute;
	top: -10px;
	left: -15px;
}

#field_12_20::after {
	content: 'Other';
	font-size: 40px;
	text-transform: normal !important;
	color: #fff;
	font-size: 16px;
	position: absolute;
	bottom: -10px;
	left: 10px;
	font-weight: 700;
}

#label_12_17_0, #label_12_17_1, #label_12_17_2, #label_12_17_3 {
	margin: 0 20px;
}

#label_12_18_0, #label_12_18_1, #label_12_18_2, #label_12_18_3 {
	margin: 0 20px;
}

#field_12_20 {
	display: inline-block;
	margin-top: 15px !important;
	max-width: 140px;
	margin-left: 20px !important;
}

#field_12_20 .gfield_label {
	display: none !important;
}

#input_12_20 {
	width: 80%;
}

#field_12_3 {
	display: inline-block;
	margin-top: 30px;
}

body .gform_wrapper ul li.gfield {
	margin-top: 0px !important;
	padding-top: 0;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
	margin-top: 0px !important;
	margin-bottom: 0;
}
.gchoice_12_1_0 {
	margin: 0 10px !important;
}

.gchoice_12_1_1 {
	margin: 0 10px !important;
}

.gform_wrapper {
	margin: 0px 0 !important;
}

.gform_body {
	position: relative;

}

li#field_12_10 {
	display: inline-block;
}

.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li label {
	overflow: visible !important;
}

ul#input_12_17, ul#input_12_18 {
	overflow: visible !important;
}

.love-story-donate-checkbox.active ul.gfield_checkbox li label {
	display: none !important;
}


li#field_12_19 label.gfield_label {
	display: none;
}

/* 	@media screen and (min-width: 1300px) {
#input_13_1 {
text-align: right;
position: absolute;
bottom: 0px;
right: 15%;
}
} */



/* 	@media screen and (min-width: 1200px) and (max-width: 1300px) {
#input_13_1 {
text-align: right;
position: absolute;
bottom: 0px;
right: 5%;
}
}

@media screen and (min-width: 1135px) and (max-width: 1200px) {
#input_13_1 {
text-align: right;
position: absolute;
bottom: 0px;
right: 3%;
}
}


@media only screen and (max-width: 1000px) and (min-width: 1135px)  {
#input_13_1 {
text-align: right;
position: absolute;
top: 0;
left: 0;
}
} */


@media screen and (min-width: 1200px) {
	.love-story-donate-checkbox ul.gfield_checkbox li label {
		border: 2px solid #e53613;
		background-color: #e53613;
		border-radius: 5px;
		color: #fff;
		padding: 5px;
		width: 200px !important;
		font-weight: 700;
		text-align: center;
		font-size: 1.2rem;
		text-transform: uppercase;
	}
}

div#gform_wrapper_11 .gform_body .gfield_label {
	display: inline-block !important;
}

form#gform_12 {
	overflow: hidden !important;
	padding: 0 20px !important;
}


@media screen and (max-width: 980px) {
	/* 	.gform_wrapper .gf_invisible.mobile {
	visibility: visible !important;
	position: relative !important;
	left: 0 !important;
}
	*/
	/* 	.donate-amount.desktop {
	display: none !important;
} */
	.love-story-donate .gform_wrapper ul.gfield_radio {
		margin: 16px 0;
		padding: 0;
	}
	#field_12_4 {
		display: block;
		margin-top: 15px !important;
		max-width: 210px;
		padding: 0 10px;
	}
	#field_12_4::before {
		top: -16px;
		left: -6px;
	}

	#field_12_4::after {
		bottom: -23px;
		left: 15px;
	}
	.love-story-donate-checkbox ul.gfield_checkbox li label {
		padding: 5px 5px;
		width: 180px !important;
	}

	#gform_wrapper_12 .gfield_checkbox li, .gform_wrapper .gfield_radio li {
		margin: 0 0 0px;
	}

	.gform_wrapper ul.gfield_radio li #label_12_1_1, .gform_wrapper ul.gfield_radio li #label_12_1_0 {
		width: auto !important;
		cursor: pointer;
	}


	input#gform_submit_button_11 {
		width: 200px;
		margin-left: 60px;
		background-color: #a83a8a;
		color: #fff;
	}
}
@media screen and (max-width: 640px) {
	li#field_12_1 {
		margin-bottom: -30px !important;
	}
}

.love-story-donate.single-event-gf  .gform_wrapper .gform_footer {
	padding: 16px 0 10px;
	margin: 16px 0 40px;
	clear: both;
	width: 100%;
}

span.ginput_total.ginput_total_12 {
	color: #fff !important;
}

.event-sponsor__content.petco-blue {
	background-color: #00AAE7;
}

.event-sponsor__content.petco-blue a {
	color: #fff;
}

.event-sponsor__content.petco-blue p {
	color: #fff;
}

.event-sponsor .no-image-hero.petco-blue h1 {
	color: #fff;
}
.love-story-form {
	position: relative;
	margin-bottom: 40px;
}

.love-story-donate.mobile .gform_wrapper .gfield_checkbox li, .love-story-donate.mobile .gform_wrapper .gfield_radio li {
	position: relative;
	margin: 0 10px 0px 0px !important;
	line-height: 1.2;
}

li#field_13_18 label.gfield_label, li#field_13_17 label.gfield_label {
	color: #fff;
}

.love-story-donate.mobile label.gfield_label {
	color: #fff;
}

.love-story-donate.mobile {
	display: none;
}

@media screen and (max-width: 980px)  {
	.love-story-donate.desktop {
		display: none;
	}
	.love-story-donate.mobile {
		display: block;
	}
}

.welfare-app .gform_wrapper .gform_body .gfield_label {
	display: block !important; }

.welfare-app .gform_wrapper .gform_footer .gform_button {
	border: 2px solid;
}

.welfare-app .gform_wrapper .gform_body {
	width: 100%;
	margin: auto;
	padding: 40px 0;
}

.show-labels .gform_wrapper .gform_body .gfield_label {
	display: block !important; }

.show-labels .gform_wrapper .gform_footer .gform_button {
	border: 2px solid;
}

.show-labels .gform_wrapper .gform_body {
	width: 100%;
	margin: auto;
	padding: 40px 0;
}

.show-labels .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: baseline;
	margin-left: 1px;
}

/* Flexible Content Page Template */
@media screen and (min-width: 1024px) {
	/*         .flexible-content-container .videos {
	padding: 20px 80px;
} */
}
.flexible-content-container .videos .video-thumbnail {
	/*padding: 150px 0;*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	min-height: 315px;
	background-size: 100% 100%;
}
.flexible-content-container .videos .video-thumbnail img {
	width: 100%;
}
.flexible-content-container .video .video-thumbnail.our-story {
	/*padding: 150px 0;*/
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	max-width: 400px;
	margin: 0 0px 0 auto;
}
.flexible-content-container .videos .video-thumbnail .icon-play {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 80px;
}
.flexible-content-container .featured_videos h2 {
	font-size: 80px;
	color: #00AAE7;
}
.flexible-content-container .videos h3 {
	font-size: 48px;
	color: #000;
}
.flexible-content-container .reason a {
	margin: 0 0 0 0 !important;
}
.flexible-content-container .reason .button {
	margin: 20px 15px 20px 15px !important;
}
.flexible-content-container .half-square.video-block {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 200px 0 150px;
}
.flexible-content-container .half-square.video-block .icon-play {
	position: absolute;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 80px;
	top: 48%;
}
.flexible-content-container .split-video-block {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 200px 0 150px;
}
.flexible-content-container .split-video-block.text {
	padding: 20px 0;
}
.flexible-content-container .split-video-block .icon-play {
	position: absolute;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 80px;
	top: 48%;
}
.split-video-block h2 {
	max-width: 350px;
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase;
	margin: 30px auto 0 auto;
	text-align: center;
}
.split-video-block.text h2:before {
	font-family: "petco_icons";
	content: "\e907";
	font-size: 60px;
	position: absolute;
	left: -25%;
	top: 50%;
	display: inline-block;
}
.flexible-content-container .videos .column p, .flexible-content-container .featured_videos p {
	text-align: center;
}

.flexible-content-container .our-story__content .video-container figure .figimage {
	position: relative;
	height: 250px;
	width: 350px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
}
.flexible-content-container .our-story-videos {
	margin-bottom: 50px !important;
}
.flexible-content-container .story-listing p {
	margin: 0 0 0em !important;
}
.flexible-content-container .story-listing img {
	margin: 0 0 0 0 !important;
}
.flexible-content-container .reason.cta-block {
	min-height: 100%;
}
.fc-whole-square .half-square {
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.flexible-content-container .video .video-thumbnail.our-story {
		margin: 0 auto 0 auto;
	}
	.flexible-content-container .our-story-videos p {
		text-align: center;
	}
}
@media screen and (max-width: 640px) {
	.flexible-content-container .our-story.js-our-story {
		margin-top: -40px;
	}
	.flexible-content-container .no-button-hero, .flexible-content-container .no-content-hero {
		min-height: 100%;
	}
	.flexible-content-container .no-button-hero:after, .flexible-content-container .no-content-hero:after {
		content: '';
		background-image: url(../images/white-image-drop.png);
		background-position: 50% 0;
		display: block;
		bottom: -26px;
		margin-bottom: 24px;
		position: absolute;
		width: 100%;
		left: 0;
		height: 42px;
		background-color: transparent;
		background-repeat: repeat-x;
	}
}

#field_12_22 {
	margin-top: 20px !important;
	color: #EE3524;
	font-weight: bold;
	font-size: 20px;
}

#field_12_22 .gfield_label {
	color: #EE3524;
}

#label_12_22_1 {
	color: #EE3524;
	font-weight: bold !important;
	margin-top: -16px;
}

#field_12_16 {
	margin-top: 30px !important;
	color: #EE3524 !important;
	font-size: 24px;
}

#field_12_16 .gfield_label {
	color: #EE3524;
}

#field_12_16 span.ginput_total.ginput_total_12 {
	/*     color: #EE3524 !important; */
	font-weight: bold !important;
}

#field_13_16 {
	margin-top: 30px !important;
	color: #EE3524 !important;
	font-size: 24px;
}

#field_13_16 .gfield_label {
	color: #EE3524;
}

#field_13_16 span.ginput_total {
	color: #fff;
	font-weight: bold !important;
}

#field_13_22 {
	margin-top: 20px !important;
	color: #EE3524;
	font-weight: bold;
	font-size: 20px;
}

#field_13_22 .gfield_label {
	color: #EE3524;
}

#label_13_22_1 {
	color: #EE3524;
	font-weight: bold !important;
	margin-top: -16px;
}

#field_13_16 {
	margin-top: 30px !important;
	color: #EE3524 !important;
	font-size: 24px;
}

#field_13_16 .gfield_label {
	color: #EE3524;
}

/* New Form CSS */
.love-story-donate {
	background-color: #00AAE7;
	padding: 0px 0 0 0;
	margin: 0px 0 0px 0;
}

.love-story-form {
	position: relative;
	margin-bottom: 0px;
	overflow: hidden;
}

.love-story-form.event {
	margin-bottom: 80px;
}

#gform_wrapper_21, #gform_wrapper_27 {
	margin: 40px 0 0 !important;
	max-width: 100%;
}

#gform_wrapper_21 label, #gform_wrapper_27 label {
	color: #fff;
	font-weight: bold;
}

#gform_wrapper_21 input[type=radio]:checked + label, #gform_wrapper_21 input[type=checkbox]:checked + label {
	color: #fff !important;
	font-weight: bold !important;
}

#gform_wrapper_21 #input_21_2 label, #gform_wrapper_21 #input_21_3 label{
	display: inline-block;
}

#gform_wrapper_21 label img{
	pointer-events: none;
}

#gform_wrapper_21 #input_21_2 input[type="radio"], #gform_wrapper_21 #input_21_3 input[type="radio"], #gform_wrapper_27 #input_27_2 input[type="radio"], #gform_wrapper_27 #input_27_3 input[type="radio"] {
	display: none !important;
}

#gform_wrapper_21 #input_21_2 label, #gform_wrapper_21 #input_21_3 label, #gform_wrapper_27 #input_27_3 label {
	padding: 0 5px;
}

#field_21_2, #field_21_3, #field_27_2, #field_27_3 {
	display: inline-block;
}

li#field_21_4, li#field_27_4 {
	display: inline-block;
	padding-top: 15px;
}

li#field_21_12 label, li#field_27_12 label {
	color: #EE3524;
	font-size: 18px;
}

input#choice_21_12_1, input#choice_27_12_1 {
	margin-top: 15px;
}

li#field_21_5, li#field_27_5 {
	margin-bottom: 20px;
}

#field_21_12, #field_27_12 {
	margin-top: 20px !important;
	color: #EE3524;
	font-weight: bold;
	font-size: 20px;
}

#field_21_9 .gfield_label, #field_27_9 .gfield_label {
	color: #EE3524;
	font-size: 24px;
}

span.ginput_total.ginput_total_21, span.ginput_total.ginput_total_27 {
	color: #fff !important;
	font-weight: bold !important;
	font-size: 24px !important;
}

.three_column_text_blocks {
	padding: 40px 0;
}

.three_column_text_blocks h3 {
	font-size: 48px;
}

.three_column_text_blocks a.button {
	display: inline-block;
	margin: 0 0px 0px 0px;
	padding-left: 40px;
	padding-right: 40px;
}

.three_column_text_blocks .column {
	margin-bottom: 30px;
}

.three_col_ft_img {
	padding: 150px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

label#label_13_23_1 {
	color: #fff;
	font-weight: bold;
}

li#field_21_13 {
	padding: 40px 0;
}

@media screen and (max-width: 39.9375em) {
	.pet-story-detail-hero__container h1 {
		max-width: 100%;
		vertical-align: top;
	}
	.pet-story-detail-hero .row {
		padding: 5em 0em;
		padding-bottom: 0em;
	}
}

.gala-reg {
	background-image: url('/wp-content/uploads/2018/03/gold-heart_413755030-MS-CMYK.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.gala-reg .color-overlay {
	background-color: rgba(0, 0, 0, 0.8);
}

.gala-reg .form-container {
	max-width: 680px;
	margin: 0 auto 20px;
}

.gala-reg .form-container label {
	color: #fff;
}

.gala-reg .form-container .gform_wrapper span.ginput_total {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.gala-reg .form-container .gfield_description {
	color: #fff;
	font-weight: bold;
	font-size: 14px !important;
}

.gala-reg .form-container .gform_wrapper li.gfield.gfield_creditcard_warning {
	border-top: 2px solid red;
	border-bottom: 4px solid red;
}

.gala-reg .form-container .gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
	color: white;
}

@media screen and (max-width: 680px) {
	.form-container {
		padding: 0 20px
	}
	.reason .reason-content {
		padding: 30px 0 5px 0 !important;
	}
}

select#input_23_45 {
	max-width: 100%;
}

input[type="text"]#input_23_46 {
	max-width: 100%;
}

.form-container .gform_wrapper .gform_body .gfield_required {
	display: inline-block;
}

.form-container .gform_wrapper .gform_footer .gform_button {
	width: 100%;
}

.form-container .gform_wrapper .gform_body {
	padding: 40px 0 0;
}

.form-container table tbody tr:nth-child(even) {
	background-color: transparent;
}

.form-container table thead, table tbody, table tfoot {
	background-color: transparent;
}

.form-container table thead, table tfoot {
	background: transparent;
	color: #fff;
}

.gala-reg .form-container .gform_wrapper .gform_footer .gform_button {
	background-color: #a83a8a !important;
	color: #fff;
	margin-bottom: 40px !important;
}

button#more-pets {
	margin: 0 auto;
}

#newPetAlertModal {
	border: 6px solid #00AAE7;
	border-radius: 10px;
	background-color: #f4f3eb;
	padding: 4rem 1rem;
}

#newPetAlertModal .close-button {
	position: relative;
	color: #8a8a8a;
	right: unset;
	top: unset;
	font-size: 0.975em;
	line-height: 1;
	cursor: pointer;
	margin: 0 auto 20px;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
}

#newPetAlertModal input[type="text"], #newPetAlertModal input[type="password"], #newPetAlertModal input[type="datetime"], #newPetAlertModal input[type="datetime-local"], #newPetAlertModal input[type="date"], #newPetAlertModal input[type="month"], #newPetAlertModal input[type="time"], #newPetAlertModal input[type="week"], #newPetAlertModal input[type="number"], #newPetAlertModal input[type="email"], #newPetAlertModal input[type="url"], #newPetAlertModal input[type="search"], #newPetAlertModal input[type="tel"], #newPetAlertModal input[type="color"], #newPetAlertModal select, #newPetAlertModal textarea, #newPetAlertModal .field {
	max-width: 100%;
	border: 1px solid #282828;
	background-color: #fff;
}

#newPetAlertModal .h5 {
	color: #a83a8a;
	font-size: 32px;
	line-height: 1;
	text-transform: lowercase;
}

#newPetAlertModal .h1 {
	color: #FDBD59;
	font-size: 72px;
	margin-bottom: 40px;
	text-transform: lowercase;
}

#newPetAlertModal .h1 span {
	display: block;
	font-size: 32px;
	line-height: 1;
}

#newPetAlertModal .whats-this {
	max-width: 580px;
	margin: 0 auto;
	margin-bottom: 0px;
}

.npa-form-container {
	max-width: 70%;
	margin: 0 auto;
}

.npa-form-container button#submit_frm {
	margin: 20px auto;
	background-color: #a83a8a;
	color: #fff;
}

#npa-thank-you {
	color: #FDBD59;
	font-size: 72px;
	text-align: center;
}

#npa-after-search {
	display: none;
}

#npa-after-search .npa-form-container {
	background-color: #fff;
	padding: 30px;
	border-radius: 7px;
	border: 6px solid #00AAE7;
	text-align: center;
	margin-bottom: 30px;
}

#npa-after-search .npa-form-container button#submit_frm_after_sap {
	margin: 10px auto 0;
	background-color: #a83a8a;
	color: #fff;
}

#npa-after-search .h1 {
	color: #FDBD59;
	font-size: 54px;
	margin-bottom: 30px;
	text-transform: lowercase;
}

#npa-after-search .h1 span {
	display: block;
	font-size: 24px;
	line-height: 1;
}

#npa-after-search .h5 {
	color: #a83a8a;
	font-size: 32px;
	line-height: 1;
	text-transform: lowercase;
}

#npa-after-search p {
	max-width: 520px;
	margin: 0 auto 20px;
}

#npa-after-search .whats-this {
	max-width: 580px;
	margin: 0 auto;
	margin-bottom: 0px;
}

.found-pets.row {
	margin: 50px auto;
	display: none;
	max-width: 70%;
}

.found-pets h3 {
	font-size: 48px;
	color: #a83a8a;
	line-height: 0.7;
}

@media screen and (max-width: 1024px) {
	.found-pets {
		padding: 10px;
	}
	.found-pets h3 {
		line-height: 1.5;
	}
	.found-pets .button {
		max-width: 240px;
		margin: 20px auto 0;
	}
	#npa-thank-you {
		font-size: 48px;
		line-height: 1.5;
	}
}

@media screen and (max-width: 640px) {
	#npa-after-search .npa-form-container {
		padding: 20px 0;
	}
	.npa-form-container, .found-pets.row {
		max-width: 90%;
	}
	.found-pets h3 {
		font-size: 38px;
	}
	.found-pets .button {
		margin: 20px auto 30px;
	}
	#npa-thank-you {
		font-size: 48px;
		line-height: 1.2;
	}
}


/* pet details */

.pet-details-content {
	max-width: 90%;
	margin: 150px auto 0;
}

.pet-details-content .row {
	overflow-x: visible;
}

.pet-details-content .pet-details {
	background-color: #f4f3eb;
	padding: 20px 40px;
	position: relative;
}

@media screen and (max-width: 540px) {
	.pet-details-content .pet-details {
		background-color: #f4f3eb;
		padding: 20px 0px;
		position: relative;
	}
}

.pet-details-content .pet-details h2 {
	color: #2199e8;
	font-size: 64px;
	word-spacing: 8px;
	text-align: center;
	margin-bottom: 0;
	text-transform: lowercase;
}

.pet-details-content .pet-details .pet-ft-img {
	height: 310px;
	width: 280px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 5px;
	margin: -100px auto 0px;
}

.pet-details-content .pet-details a.adoptapet {
	position: absolute;
	top: 60px;
	right: 25px;
}

.pet-details-content .pet-details .purple {
	margin: 0 auto 20px;
	max-width: 310px;
}

.pet-details-content .pet-details .purple p {
	color: #a83a8a;
	font-weight: bold;
	margin: 0 auto 0rem;
	text-align: center;
}

.pet-details-content .pet-details .purple p span {
	color: #6f7073;
}

.pet-details-content .pet-details .button {
	display: inline-block;
	margin-right: 10px;
}

.pet-details-content .pet-details .yellow.button {
	background-color: #FDBD59;
	color: #fff;
}

.pet-details-content .pet-details .purple.button {
	background-color: #a83a8a;
	color: #fff;
}

.pet-facts p {
	color: #2199e8;
	font-weight: bold;
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
	.pet-facts p {
		font-size: 14px;
	}
}

@media screen and (max-width: 700px) {
	.pet-facts p {
		font-size: 12px;
	}
}

.pet-facts p span {
	color: #6f7073;
}

.pet-facts .single-pet-fact {
	margin-bottom: 10px;
	display: block;
}

.npa-true-false {
	font-size: 12px;
	max-width: 520px;
	margin: 10px auto 30px;
}

/* @media screen and (min-width: 1024px) {
.npa-true-false {
line-height: 0.11;
}
} */

label > [type="checkbox"], label > [type="radio"] {
	margin-bottom: 0;
}

.pet-details .pet-description {
	text-align: left;
}

.accordion-item.shelter-details {
	text-align: left;
}

@media screen and (min-width: 40.063em) {
	.pet-details-content .accordion {
		margin: 40px 0 100px 0;
	}
}

.pet-details-content .accordion-item .accordion-title {
	background-color: #a83a8a;
	padding: 20px 40px 20px 20px;
	font-family: "Gotham Book", sans-serif;
	font-size: 20px;
	font-weight: 600;
	border-bottom: none;
	color: #fff;
	font-family: 'amatic_scregular';
	text-transform: lowercase;
	font-size: 44px;
}

.pet-details-content .accordion-item {
	margin-bottom: 20px;
}

.pet-details-content .accordion-item .accordion-content {
	border-bottom: none;
	padding: 20px;
	background-color: #f4f3eb;
}

.heads-n-tails-thank-you {
	margin: 0px 0 40px;
}

.heads-n-tails-thank-you img {
	text-align: center;
}


.heads-n-tails-thank-you .h1 {
	font-size: 64px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.heads-n-tails-thank-you .h1 {
		font-size: 44px;
	}
	.heads-n-tails-thank-you p {
		/*     max-width: 95%;
		padding: 0 26px; */
	}
	.find-pets .pet-results-holder article {
		padding: 0 80px;
	}
}


.heads-n-tails-thank-you p {
	color: #ee3524;
	font-size: 28px !important;
	font-weight: bold;
	text-align: center;
}














.paginationjs{line-height:1.6;font-family:Marmelad,"Lucida Grande",Arial,"Hiragino Sans GB",Georgia,sans-serif;font-size:14px;box-sizing:initial}.paginationjs:after{display:table;content:" ";clear:both}.paginationjs .paginationjs-pages{float:left}.paginationjs .paginationjs-pages ul{float:left;margin:0;padding:0}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input,.paginationjs .paginationjs-nav{float:left;margin-left:10px;font-size:14px}.paginationjs .paginationjs-pages li{float:left;border:1px solid #aaa;border-right:none;list-style:none}.paginationjs .paginationjs-pages li>a{min-width:30px;height:28px;line-height:28px;display:block;background:#fff;font-size:14px;color:#333;text-decoration:none;text-align:center}.paginationjs .paginationjs-pages li>a:hover{background:#eee}.paginationjs .paginationjs-pages li.active{border:none}.paginationjs .paginationjs-pages li.active>a{height:30px;line-height:30px;background:#aaa;color:#fff}.paginationjs .paginationjs-pages li.disabled>a{opacity:.3}.paginationjs .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs .paginationjs-pages li:first-child,.paginationjs .paginationjs-pages li:first-child>a{border-radius:3px 0 0 3px}.paginationjs .paginationjs-pages li:last-child{border-right:1px solid #aaa;border-radius:0 3px 3px 0}.paginationjs .paginationjs-pages li:last-child>a{border-radius:0 3px 3px 0}.paginationjs .paginationjs-go-input>input[type=text]{width:30px;height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;padding:0;font-size:14px;text-align:center;vertical-align:baseline;outline:0;box-shadow:none;box-sizing:initial}.paginationjs .paginationjs-go-button>input[type=button]{min-width:40px;height:30px;line-height:28px;background:#fff;border-radius:3px;border:1px solid #aaa;text-align:center;padding:0 8px;font-size:14px;vertical-align:baseline;outline:0;box-shadow:none;color:#333;cursor:pointer;vertical-align:middle\9}.paginationjs.paginationjs-theme-blue .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-blue .paginationjs-pages li{border-color:#289de9}.paginationjs .paginationjs-go-button>input[type=button]:hover{background-color:#f8f8f8}.paginationjs .paginationjs-nav{height:30px;line-height:30px}.paginationjs .paginationjs-go-button,.paginationjs .paginationjs-go-input{margin-left:5px\9}.paginationjs.paginationjs-small{font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li>a{min-width:26px;height:24px;line-height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-pages li.active>a{height:26px;line-height:26px}.paginationjs.paginationjs-small .paginationjs-go-input{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-input>input[type=text]{width:26px;height:24px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button{font-size:12px}.paginationjs.paginationjs-small .paginationjs-go-button>input[type=button]{min-width:30px;height:26px;line-height:24px;padding:0 6px;font-size:12px}.paginationjs.paginationjs-small .paginationjs-nav{height:26px;line-height:26px;font-size:12px}.paginationjs.paginationjs-big{font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li>a{min-width:36px;height:34px;line-height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-pages li.active>a{height:36px;line-height:36px}.paginationjs.paginationjs-big .paginationjs-go-input{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{width:36px;height:34px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button{font-size:16px}.paginationjs.paginationjs-big .paginationjs-go-button>input[type=button]{min-width:50px;height:36px;line-height:34px;padding:0 12px;font-size:16px}.paginationjs.paginationjs-big .paginationjs-nav{height:36px;line-height:36px;font-size:16px}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a{color:#289de9}.paginationjs.paginationjs-theme-blue .paginationjs-pages li>a:hover{background:#e9f4fc}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active>a{background:#289de9;color:#fff}.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]{background:#289de9;border-color:#289de9;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-green .paginationjs-pages li{border-color:#449d44}.paginationjs.paginationjs-theme-blue .paginationjs-go-button>input[type=button]:hover{background-color:#3ca5ea}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a{color:#449d44}.paginationjs.paginationjs-theme-green .paginationjs-pages li>a:hover{background:#ebf4eb}.paginationjs.paginationjs-theme-green .paginationjs-pages li.active>a{background:#449d44;color:#fff}.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]{background:#449d44;border-color:#449d44;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-yellow .paginationjs-pages li{border-color:#ec971f}.paginationjs.paginationjs-theme-green .paginationjs-go-button>input[type=button]:hover{background-color:#55a555}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a{color:#ec971f}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li>a:hover{background:#fdf5e9}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active>a{background:#ec971f;color:#fff}.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]{background:#ec971f;border-color:#ec971f;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-input>input[type=text],.paginationjs.paginationjs-theme-red .paginationjs-pages li{border-color:#c9302c}.paginationjs.paginationjs-theme-yellow .paginationjs-go-button>input[type=button]:hover{background-color:#eea135}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a{color:#c9302c}.paginationjs.paginationjs-theme-red .paginationjs-pages li>a:hover{background:#faeaea}.paginationjs.paginationjs-theme-red .paginationjs-pages li.active>a{background:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled>a:hover{background:0 0}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]{background:#c9302c;border-color:#c9302c;color:#fff}.paginationjs.paginationjs-theme-red .paginationjs-go-button>input[type=button]:hover{background-color:#ce4541}.paginationjs .paginationjs-pages li.paginationjs-next{border-right:1px solid #aaa\9}.paginationjs .paginationjs-go-input>input[type=text]{line-height:28px\9;vertical-align:middle\9}.paginationjs.paginationjs-big .paginationjs-pages li>a{line-height:36px\9}.paginationjs.paginationjs-big .paginationjs-go-input>input[type=text]{height:36px\9;line-height:36px\9}
.selfies-content{display: flex;flex-wrap: wrap;justify-content: space-around;}

.selfies-container img.selfie-img {
	width: 100%;
	height: 292px;
	border: 4px solid #00AAE7;
	border-radius: 10px;
}

@media screen and (max-width: 1024px) {
	.selfies-container img.selfie-img {
		height: 202px;
	}
}

@media screen and (max-width: 640px) {
	.selfies-container img.selfie-img {
		height: 152px;
	}
}

.selfies-container p {
	color: #6f7073;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	max-width: 80%;
	margin: 10px auto;
}

.paginationjs .paginationjs-pages {
	float: none;
	margin: 0px auto;
	max-width: 280px;
	padding: 40px 0 80px;
}

.pet-details-events .h1 {
	text-transform: lowercase;
	color: #00AAE7;
}

.pet-details-events svg {
	fill: #00AAE7;
	height: 13px;
	width: 215px;
	margin: 10px 0 10px 0;
}

.pet-details-events .event-preview {
	margin: 0px 0px 0px 0px;
	width: 100%;
}

@media screen and (max-width: 640px) {
	.pet-details-events .event-preview {
		margin: 0px 0px 20px 0px;
	}
}

.pet-details-events .event-preview__image-holder {
	height: 140px;
	background-position: center;
	background-size: cover;
	border-radius: 10px;
}

.pet-details-events .event-preview h4 {
	font-family: 'Gotham Bold';
	font-size: 16px;
	margin-bottom: 5px;
}

.pet-details-events .event-preview p {
	font-size: 14px;
}

.pet-details-events .event-preview__dates p {
	font-size: 12px;
}

.pet-details-events .button {
	background-color: #f4f3eb;
	color: #a83a8a;
	margin-top: 10px;
	font-size: 12px;
	padding: 7px 10px;
}

.pet-details-events a {
	color: #5c6b80;
}

.pet-details-events .event-date-overlay {
	background-color: rgba(168, 58, 138, 0.8);
	height: 100%;
	border-radius: 10px;
	position: relative;
	opacity: 0;
	transition: all ease 0.3s;
}

.pet-details-events .event-date-overlay p {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Gotham Bold';
	font-size: 22px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0
}

.pet-details-events .event-preview:hover .event-date-overlay {
	opacity: 1;
}

.pet-details-events .event-preview {
	display: block;
	margin-bottom: 10px;
}

.whats-this.text-center {
	max-width: 560px;
	margin: 0 auto;
}

.whats-this .h3 {
	color: #FDBD59;
	font-size: 42px;
	margin-bottom: 20px;
	text-transform: lowercase;
}

#back-to-form-after-search, #whats-this-after-search, #whats-this, #back-to-form-modal {
	color: #00AAE7;
	cursor: pointer;
}

@media screen and (min-width: 640px) {
	.pet-details-content .accordion-item .accordion-title::before {
		content: " ";
		line-height: 1rem;
		background-image: url('/wp-content/themes/petco/library/images/click-to-open.png');
		height: 30px;
		width: 200px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.pet-details-content .accordion-title::before {
		top: 43%;
	}

	.pet-details-content .is-active .accordion-title::before {
		content: " ";
		line-height: 1rem;
		background-image: url('/wp-content/themes/petco/library/images/click-to-close.png');
		height: 30px;
		width: 200px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

}

.mobile-pet-name, .mobile-from, .adoptapet.mobile {
	display: none;
}

@media screen and (max-width: 1300px) {
	.adoptapet.mobile {
		display: block;
	}
	.pet-details-content .pet-details a.adoptapet.desktop {
		display: none;
	}
}

@media screen and (max-width: 860px) {
	.pet-details-content .pet-details a.adoptapet.desktop {
		display: none;
	}
	.mobile-pet-name, .mobile-from {
		display: block;
	}

	.desktop-pet-name, .desktop-from {
		display: none;
	}

	.pet-details-content .pet-details .pet-ft-img {
		margin: 0px auto 20px;
	}
	.pet-details-content .pet-details {
		padding: 0px 0px;
	}
	.pet-details .pet-description {
		background: #fff;
		padding-top: 20px;
	}

	.pet-details-events {
		/*     display: none; */
		padding: 0 60px;
	}
	.mobile-pet-name {
		color: #2199e8;
		font-size: 64px;
		word-spacing: 8px;
		text-align: center;
		margin-bottom: 0;
		text-transform: lowercase;
		margin-top: 80px;
	}
	.mobile-from {
		color: #a83a8a;
		font-weight: bold;
		text-align: center;
	}
	.mobile-from span {
		color: #6f7073;
	}
	.pet-details-content .accordion-item .accordion-title {
		font-size: 28px;
	}
	.pet-details-content {
		max-width: 100%;
		margin: 10px auto 0;
	}

	.pet-details-content .adoptapet {
		display: block;
		height: 3rem;
		position: absolute;
		right: 20px;
	}
}

.campaign-event-box {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 10px;
	margin: 20px 0;
	position: relative;
}

.campaign-event-box.no-text {
	height: 150px;
}

.campaign-event-box .overlay {
	background-color: rgba(0, 0, 0, 0.4);
	/*     position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0; */
	transition: all .5s ease;
	border-radius: 10px;
	padding: 30px 0;
}

.campaign-event-box:hover .overlay {
	background-color: rgba(168, 58, 138, 0.8);
}

.campaign-event-box .h2, .campaign-event-box .button {
	position: relative;
	z-index: 9;
	max-width: 80%;
	margin: 10px auto;
}

.campaign-event-box .h2 {
	color: #fff;
	font-size: 18px;
	text-transform: lowercase;
	text-align: center;
	font-family: 'Gotham Bold';
}

.campaign-event-box .content {
	postion: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.quote-container p {
	font-family: "amaticbold", sans-serif;
	font-size: 50px;
	text-transform: lowercase;
	line-height: 1;
	margin-bottom: 0;
}

@media screen and (min-width: 40.063em) {
	.quote-container p {
		font-size: 69px;
	}
}

.pet-story-detail-main__title h2 {
	text-align: right;
	font-family: "amaticbold", sans-serif;
	font-size: 80px;
	text-transform: lowercase;
}

.pet-story-detail-main.pet-story h2 {
	color: #a83a8a;
}

#mobile-donate {
	color: #fff;
	text-transform: uppercase;
	background-color: #EE3524;
	border-radius: 10px;
	font-size: 18px;
	text-align: center;
	padding: 5px 15px;
	letter-spacing: 0.03em;
	position: absolute;
	right: 18px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 125px;
	font-weight: bold;
	display: none;
}

#mobile-nav-wt {
	display: none;
}

#mobile-nav-wt ul li a {
	color: #a83a8a;
	text-transform: uppercase;
	padding-bottom: 0px;
	position: relative;
	font-family: 'Gotham Bold';
	font-size: 16px;
	font-weight: 800;
	margin-top: 2px;
	padding: 15px;
	border-bottom: 1px solid rgba(33, 153, 232, 0.3);
}

#mobile-nav-wt .is-accordion-submenu-parent > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: none;
	border-color: none;
	border-top-style: none;
	border-bottom-width: 0;
	position: absolute;
	top: 50%;
	margin-top: 0px;
	right: 1rem;
	display: block;
	content: " ";
	width: 15px;
	height: 15px;
	background-image: url(/wp-content/themes/petco/library/images/down-arrow-blue.png);
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all ease 0.3s;
}

.is-accordion-submenu-parent[aria-expanded="true"] > a::after {
	-webkit-transform: rotate(180deg) !important;     /* Chrome and other webkit browsers */
	-moz-transform: rotate(180deg) !important;        /* FF */
	-o-transform: rotate(180deg) !important;          /* Opera */
	-ms-transform: rotate(180deg) !important;         /* IE9 */
	transform: rotate(180deg) !important;
	top: 30% !important;
}

#mobile-nav-wt .is-active {
	background-color: rgba(255, 255, 255, 0.98);
}

#mobile-nav-wt .is-active li a {
	color: #0a0a0a;
	font-size: 13px;
	padding-left: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#mobile-nav-wt .is-active li ul li a {
	padding-left: 40px;
}

#mobile-nav-wt .is-active .is-accordion-submenu-parent > a::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: none;
	border-color: none;
	border-top-style: none;
	border-bottom-width: 0;
	position: absolute;
	top: 50%;
	margin-top: 0px;
	right: unset;
	left: 10px;
	display: block;
	content: " ";
	width: 15px;
	height: 15px;
	background-image: url(/wp-content/themes/petco/library/images/right-arrow-blue.png);
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#mobile-nav-wt .is-active .is-accordion-submenu-parent[aria-expanded="true"] > a::after {
	-webkit-transform: rotate(-90deg) !important;     /* Chrome and other webkit browsers */
	-moz-transform: rotate(-90deg) !important;        /* FF */
	-o-transform: rotate(-90deg) !important;          /* Opera */
	-ms-transform: rotate(-90deg) !important;         /* IE9 */
	transform: rotate(-90deg) !important;
	top: 30% !important;
}

@media screen and (max-width: 1024px) {
	.header__inner {
		display: none;
	}
	#mobile-nav-wt {
		display: block;
	}
	#mobile-donate {
		display: block;
	}
}

@media screen and (max-width: 770px) {
	#mobile-donate {
		width: 100px;
		right: 8px;
		font-size: 14px;
	}
	#header-logo {
		margin-right: 40%;
	}
}

.page-not-found .hentry header {
	border-bottom: none;
	padding: 0em;
}

.page-not-found h1 {
	color: #00AAE7;
	text-transform: lowercase;
	position: relative;
	font-family: 'Gotham Bold';
	font-size: 130px;
	font-weight: 800;
}
.page-not-found h2 {
	color: #a83a8a;
	text-transform: lowercase;
	position: relative;
	font-family: "amaticbold", sans-serif;
	font-size: 60px;
}
.page-not-found .search-content {
	max-width: 980px;
	margin: 0 auto;
	background-image: url('/wp-content/themes/petco/library/images/cat-and-dog-404page.jpg');
	background-repeat: no-repeat;
	backgorund-size: cover;
	background-position: center;
	padding: 60px 0;
}

.page-not-found #searchform {
	position: relative;
}

.search-overlay {
	margin-bottom: 100px;
	padding: 20px;
}

.page-not-found .search #s {
	max-width: 100%;
	background-color: #fff;
	border: 1px solid #00AAE7;
	padding: 25px 10px;
}

button#searchsubmit {
	background: #a83a8a;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 25px;
	border-radius: 7px;
	font-family: 'Gotham Bold';
}

@media screen and (min-width: 480px) {
	button#searchsubmit {
		position: absolute;
		right: 2%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 480px) {
	.search-overlay {
		background-color: rgba(255, 255, 255, 0.8);
		margin: 10px;
		border-radius: 10px;
	}
	.page-not-found h1 {
		font-size: 90px;
		line-height: .833em;
	}
	.page-not-found h2 {
		font-size: 40px;
	}
}
.footer__text a {
	font-family: 'Gotham Bold';
	text-decoration: none;
	color: #6f7073;
	font-size: 14px;
}

@media screen and (min-width: 40.063em) {
	.footer #menu-footer {
		max-width: 90%;
		margin-right: 0em;
	}
	.footer #menu-footer .menu-item {
		float: none;
	}
}
.slick-dots {
	bottom: 10px;
}
/* .slick-dotted.slick-slider {
margin-bottom: 0px;
} */
.slick-prev {
	left: 35px;
	z-index: 99;
}
.slick-next {
	right: 30px;
}
.upcoming-events__events-container {
	position: relative;
}
.upcoming-events__events-container .prev, .upcoming-events__events-container .next, .other-events .other-next, .other-events .other-prev {
	background-color: #00AAE7;
	padding: 6px 15px;
	border-radius: 10px;
	position: absolute;
	top: 40%;
	-webkit-transform: translate(0,-40%);
	-ms-transform: translate(0,-40%);
	transform: translate(0,-40%);
	z-index: 999;
}
.upcoming-events__events-container .prev, .other-events .other-prev {
	left: 8%;
	z-index: 999;
}
.upcoming-events__events-container .next, .other-events .other-next {
	right: 8%;
	z-index: 999;
}
.slick-dots {
	width: 96%;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #00AAE7;
}
.slick-dots li button:before {
	font-family: slick;
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: #00AAE7;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.other-events .row {
	position: relative;
}
.other-events .slick-dots li.slick-active button:before {
	color: #fff;
}
.other-events .slick-dots li button:before {
	color: #fff;
}
.other-events .other-prev, .other-events .other-next {
	background-color: rgba(255, 255, 255, 0.4);
}
.other-events {
	padding: 20px 0;
}

.search-shelters h1::before, .search-shelters h1::after {display: none;}
.search-shelters .sub-heading .page-title {margin:10px 0 25px;font-size:79px;color: #a93a8a;text-align:center;text-transform:uppercase;}

.find-shelters {background-color: #FFF;padding-bottom: 50px;}
.find-shelters .more-button {width: 20%;margin: 0 auto;}
.find-shelters .row {max-width: 75rem;margin-left: auto;margin-right: auto;overflow: hidden;}
.find-shelters .filter-holder {background-color: #e7e6da;padding-top: 35px;padding-bottom: 28px;}
.find-shelters .filter-holder .form-upper {min-height: 115px;width: 90%;margin: 0 auto;display: block;}

@media screen and (min-width: 64.063em) {
	.find-shelters .filter-holder .form-upper {height: 58px;padding-top: 10px;min-height: 80px;}
}
.find-shelters .filter-holder .form-upper label {visibility: hidden;display: inline-block;width: 0;overflow: hidden;height: 0;}
.find-shelters .filter-holder .form-upper input[type=text] {position: relative;background-color: #fff;height: 40px;border: 1px solid #282828;border-radius: 5px;width: 100%;max-width: none;margin: 10px 0; }
@media screen and (min-width: 64.063em) {
	.find-shelters .filter-holder .form-upper input[type=text] {margin: 0;}
}
.find-shelters .filter-holder .form-upper .select-box {position: relative;background: url("../images/select-arrows.png") no-repeat 101% center !important;background-size: 90px auto !important;background-color: #fff !important;height: 40px;border: 1px solid #282828;border-radius: 5px;padding: 0;}
.find-shelters .filter-holder .form-upper .select-box select {line-height: 1.2em;max-width: 100%;background: transparent;border: none; }
.find-shelters .filter-holder .form-lower {width: 90%;margin: 0 auto;display: block; }
.find-shelters .filter-holder .form-lower ul {text-decoration: none;color: #858585;padding: 20px 0; }
.find-shelters .filter-holder .form-lower ul li {display: inline-block;font-family: 'Gotham Book';font-size: 16px;text-transform: capitalize;position: relative; }
@media screen and (min-width: 64.063em) {
	.find-shelters .filter-holder .form-lower ul li {width: 20%; }
}
.find-shelters .filter-holder .form-lower ul li .subcopy {font-size: 12px;position: absolute;top: 20px;left: 20%; }
.find-shelters .filter-holder .form-lower ul li input[type=checkbox]:checked + label {color: #a83a8a;font-family: 'Gotham Bold'; }
.find-shelters .filter-holder .form-lower .find-shelters-submit {text-align: center;position: relative;margin-top: 12px; }
.find-shelters .filter-holder .form-lower .find-shelters-submit input[type=submit] {margin: 0;margin-top: 40px;width: 100%; }
@media screen and (min-width: 64.063em) {
	.find-shelters .filter-holder .form-lower .find-shelters-submit input[type=submit] {width: 300px; }
}
.find-shelters .filter-holder .form-lower .find-shelters-submit .adoptapet {display: inline-block;height: 3rem;margin: 0; }
.find-shelters .filter-holder .form-lower .find-shelters-submit .adoptapet img {height: 3rem; }
.find-shelters .filter-holder .form-lower .find-shelters-submit .adoptapet p {text-align: left;margin: 0; }
@media screen and (min-width: 64.063em) {
	.find-shelters .filter-holder .form-lower .find-shelters-submit .adoptapet {position: absolute;right: 0;top: 10px; }
}
.find-shelters .pet-results-holder {padding-top: 50px;}
.find-shelters .pet-results-holder article {padding: 10px;}
@media screen and (min-width: 40.063em) {
	.find-shelters .pet-results-holder article {padding: 0;padding: 0 40px;}
}
.find-shelters form input {display: inline-block;margin-left: 5px;margin-right: 5px;}

.search-shelters .search_callout {position: relative;background: #62c6ee;width: 100%;display: flex;align-items: center;padding: 25px 0 10px;margin-bottom:58px;}
.search-shelters .search_callout::after {content:"";background: #FFF url('../images/blue_drop.png') no-repeat center center;position: absolute;left:0;top:100%;width:100%;height:58px;}
.search-shelters .search_callout h2 {color:#FFF;font-size: 61px;margin:0;line-height:100%;text-transform:uppercase;}
.search-shelters .search_callout p {color:#FFF;font-size: 18px;font-family:"Gotham Book", sans-serif;margin:5px 0 0;}
.search-shelters .search_callout p a {font-family:"Gotham Bold", sans-serif;font-weight: 700;color:#FFF;padding-left:10px;}
.search-shelters .search_callout p a i {font-size: 14px;padding-left: 8px;}

.search-shelters .js-shelters-results {background:#FFF;padding: 35px 0 0;margin-bottom:30px;}
@media screen and (max-width: 767px) {
	.search-shelters .js-shelters-results {padding: 0 20px;}
}
.search-shelters .js-shelters-results .shelter-card {position: relative;font-family:"Gotham Book", sans-serif;color:#000;margin-bottom:15px;border-bottom:1px solid #daddd4;padding-bottom:20px;}
.search-shelters .js-shelters-results .shelter-card p {margin:0;}
.search-shelters .js-shelters-results .shelter-card a {font-family:"Gotham Bold", sans-serif;font-size: 18px;}
.search-shelters .js-shelters-results .shelter-card a i {font-size: 14px;padding-left:5px;}
.search-shelters .js-shelters-results .shelter-card .shelter-card__distance {float:right;color:#000;font-family:"Gotham Bold", sans-serif;font-size: 18px;text-transform:lowercase;}
.search-shelters .js-shelters-results .shelter-card .shelter-card__info-holder {clear:both;}
.search-shelters .js-shelters-results .shelter-card .shelter-card__name {font-family:"Gotham Bold", sans-serif;font-size: 24px;}
.search-shelters .js-shelters-results .shelter-card .shelter-card__pet-type {margin-bottom:15px;}
.search-shelters .js-shelters-results .shelter-card .shelter-card__pet-type span:not(:last-of-type)::after {content:", ";}
.search-shelters .js-shelters-results .shelter-card .shelter-card__contact {margin:0 0 15px;}

.search-shelters .shelters-navigation {display:block;text-align:center;margin: 15px 0;}
.search-shelters .shelters-navigation a {font-family:"Gotham Bold", sans-serif;font-size: 18px;cursor: pointer;margin: 0 10px;color: #6f7073;padding-bottom:8px;}
.search-shelters .shelters-navigation a:hover {color: #00aeef;}
.search-shelters .shelters-navigation a.jp-previous { display:none; }
.search-shelters .shelters-navigation a.jp-next { display:none; }
.search-shelters .shelters-navigation a.jp-current, a.jp-current:hover {color: #00aeef;font-size:22px;border-bottom:2px solid #00aeef;}
.search-shelters .shelters-navigation a.jp-disabled, a.jp-disabled:hover {color: #bbb;}
.search-shelters .shelters-navigation a.jp-current, a.jp-current:hover, .shelters-navigation a.jp-disabled, a.jp-disabled:hover {cursor: default; background: none;}
.search-shelters .shelters-navigation span { margin: 0 5px; }




/*CSS for updated design */
html {
	overflow-x: hidden;
}
body.page-template-template-new-home-page {
	color: #00205B;
	font-family: 'Petco Circular CAP';
}

body header,
body footer {
	font-family: 'Petco Circular CAP';
}
body.page-template-template-new-home-page h1,
body.page-template-template-new-home-page h2,
body.page-template-template-new-home-page h3,
body.page-template-template-new-home-page h4,
body.page-template-template-new-home-page h5,
body.page-template-template-new-home-page h6 {
	font-family: 'Petco Circular CAP';
}

body.page-template-template-new-home-page #content {
	/*margin-top: 130px;*/
}

body.page-template-template-new-home-page .entry-content .size-auto,
body.page-template-template-new-home-page .entry-content .size-full,
body.page-template-template-new-home-page .entry-content .size-large,
body.page-template-template-new-home-page .entry-content .size-medium,
body.page-template-template-new-home-page .entry-content .size-thumbnail {
	max-width: 100%;
}

body.page-template-template-new-home-page .button {
	font-family: 'Petco Circular CAP';
	font-weight: 900;
	text-transform: capitalize;
	margin: 0;
	display: inline-block;
	padding: 18px 54px;
	line-height: 1.25em;
}

body.page-template-template-new-home-page .row {
	display: flex;
	overflow-x: visible;
	flex-wrap: wrap;
}

.single-button-hero.updated-single-button-hero {
	color: #00205B;
}

.single-button-hero.updated-single-button-hero .single-button-hero__background {
	z-index: -1;
	height: 100%;
}
.single-button-hero.updated-single-button-hero .row {
	max-width: unset;
	display: flex;
	justify-content: flex-end;
	z-index: 1;
}

.updated-single-button-hero .single-button-hero__content {
	padding: 20px;
	transform: unset;
	position: initial;
	text-align: left;
	width: 33.33%;
	padding: 120px 60px 120px 0;
}

.updated-single-button-hero .single-button-hero__content h1 {
	font-family: 'Petco Circular CAP';
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1.1;
	margin-bottom: 0.3em;
	font-size: 82px;
}
.updated-single-button-hero .single-button-hero__content h1 span {
	color: #5F249F;

}
.updated-single-button-hero .single-button-hero__content h1:before,
.updated-single-button-hero .single-button-hero__content h1:after {
	display: none;
}

.updated-single-button-hero .single-button-hero__content h2 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
}

.updated-single-button-hero .single-button-hero__content p {
	font-size: 24px;
	font-weight: 400;
}

.updated-single-button-hero .single-button-hero__content .button {
	background-color: #F39A0C;
	font-size: 32px;
	line-height: 1.2;
	text-transform: initial;
}

.our-goals.updated-goals {
	margin: 80px 10px;
	padding: 0;
	background: none;
}

.our-goals.updated-goals:before {
	display: none;
}

.our-goals.updated-goals .row {
	align-items: stretch;
	max-width: unset;
}

.updated-goals .updated-our-goal {
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 16px;
	position: relative;
	overflow: hidden;
	height: 100%;
}

.updated-goals .updated-our-goal > .row {
	background-color: #9ce8f5b3;
	margin: 0;
	height: 100%;
}

.updated-goals .row .our-goals__container:first-child .updated-our-goal > .row {
	color: #00205B;
}
.updated-goals .row .our-goals__container:nth-child(2) .updated-our-goal > .row {
	background-color: #00205Bb3;
	color: #fff;
}

.updated-goals .row .our-goals__container:nth-child(3) .updated-our-goal > .row {
	background-color: #5F249Fb3;
	color: #fff;
}

.updated-goals .updated-our-goal .column {
	padding: 0;
}

.updated-goals .updated-our-goal i {
	font-size: 90px;
	display: block;
	margin-top: 15px;
}

.updated-goals .updated-our-goal .goal-content {
	text-align: left;
	padding: 40px 40px 40px 0;
}

.updated-goals .updated-our-goal .goal-content h3 {
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

.updated-goals .updated-our-goal .goal-content p {
	font-weight: 500;
	max-width: unset;
	font-size: 24px;
	margin-bottom: 0;
}

.updated-goals .updated-our-goal .goal-content p em {
	color: #efff00;
	font-size: 20px;
}

.notification-section {
	background: #00205B;
	padding: 80px 200px;
	text-align: center;
}

.notification-section p {
	color: #fff;
	font-weight: 900;
	font-size: 40px;
	line-height: 1.25;
	margin-bottom: 1em;
}

.notification-section .button {
	font-size: 26px;
	color: #00205B;
	padding: 16px 32px;
	line-height: 1.2;
	margin-bottom: 0;
}

.impact-section {
	margin: 80px 0;
}

.impact-section .image-container {
	text-align: right;
}

.impact-section .image-container img {
	margin-bottom: 0;
}

.impact-section .right-container {
	padding: 0 170px;
	text-align: left;
}

.impact-section .right-container h3 {
	font-weight: 900;
	font-size: 26px;
	letter-spacing: 0.05em;
	color: #5F249F;
}

.impact-section .right-container h2 {
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 0.05em;
	margin: 16px 0 24px;
	color: #00205B;
	max-width: unset;
	text-transform: capitalize;
}

.impact-section .right-container h2:before,
.impact-section .right-container h2:after {
	display: none;
}

.impact-section .right-container p {
	font-weight: 400;
	font-size: 32px;
	line-height: 1.6;
	color: #00205B;
	margin: 0 0 1em 0;
}

.impact-section .right-container .button {
	background: #5F249F;
	border-radius: 16px;
	font-size: 30px;
	line-height: 1.4;
	color: #fff;
	margin: 0;
}

.lifesaving-section .image-container {
	background-size: cover;
	background-position: center;
}

.lifesaving-section .left-container {
	background: #F39A0C;
	padding: 80px 170px;
	text-align: left;
}

.lifesaving-section h2 {
	font-weight: 900;
	font-size: 60px;
	margin: 0 0 16px;
	text-transform: capitalize;
	max-width: unset;
}

.lifesaving-section h2:before,
.lifesaving-section h2:after {
	display: none;
}

.lifesaving-section h3 {
	font-weight: 400;
	font-size: 40px;
	margin-bottom: 16px;
	line-height: 1.25
}

.lifesaving-section p {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 30px 0;
}

.lifesaving-section .button {
	color: #00205B;
	font-size: 30px;
	background: #FFFFFF;
	border-radius: 16px;
}

.featured-love-story.updated-featured-love-story {
	background: #9CE8F5;
	padding: 80px 170px;
	color: #00205B;
}

.featured-love-story.updated-featured-love-story .featured-love-story__header {
	background: none;
	text-align: left;
	padding: 0;
}

.featured-love-story.updated-featured-love-story .featured-love-story__header:after {
	display: none;
}

.featured-love-story.updated-featured-love-story .featured-love-story__header .align-right {
	text-align: right;
}

.featured-love-story.updated-featured-love-story .featured-love-story__header h3 {
	font-size: 60px;
	text-transform: capitalize;
	font-weight: 900;
	line-height: 1.2;
}

.featured-love-story.updated-featured-love-story .featured-love-story__header h3:before,
.featured-love-story.updated-featured-love-story .featured-love-story__header h3:after {
	display: none;
}

.featured-love-story.updated-featured-love-story .featured-love-story__header p {
	font-size: 32px;
	margin-bottom: 0.5em;
}

.featured-love-story.updated-featured-love-story .featured-love-story__header .button {
	background: #5F249F;
	border-radius: 16px;
	font-size: 30px;
	position: initial;
}

.featured-love-story.updated-featured-love-story .featured-love-story__image {
	background: #fff;
	padding: 64px 40px 64px 64px;
}

.featured-love-story.updated-featured-love-story .featured-love-story__story {
	font-family: 'Petco Circular CAP';
	background: #fff;
	padding: 64px 64px 64px 40px;
}

.featured-love-story.updated-featured-love-story .featured-love-story__story h3 {
	font-size: 40px;
	text-transform: capitalize;
	line-height: 1.25;
	font-weight: 700;
}

.featured-love-story.updated-featured-love-story .featured-love-story__story p {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 1.1em;
	line-height: 1.7
}

.featured-love-story.updated-featured-love-story .featured-love-story__story .story-owner-info {
	letter-spacing: 1.1;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.featured-love-story.updated-featured-love-story .featured-love-story__story svg {
	height: 16px;
	width: 100px;
	margin: 30px 0;
}

.featured-love-story.updated-featured-love-story .featured-love-story__story .button {
	position: initial;
	background: #00205B;
	border-radius: 16px;
	font-size: 30px;
	width: unset;
}

.featured-love-story.updated-featured-love-story > svg {
	position: absolute;
	bottom: 80px;
	margin: 0;
	width: 55px;
	height: 8px;
	left: calc(50% - 150px);
}

.reason-section .updated-reason .left-container {
	background: #5F249F;
	padding: 80px 100px 80px 170px;
	text-align: left;
	color: #fff;
}

.reason-section .updated-reason .small-image {
	width: 175px;
	height: auto;
	display: inline-block;
}

.reason-section .updated-reason h2 {
	font-size: 60px;
	margin: 24px 0px;
	text-transform: capitalize;
	line-height: 1.2;
	font-weight: 900;
	max-width: unset;
}

.reason-section .updated-reason h2:before,
.reason-section .updated-reason h2:after {
	display: none;
}

.reason-section .updated-reason p {
	font-size: 32px;
	line-height: 1.6;
	font-weight: 400;
	margin-bottom: 1.25em;
	max-width: unset;
	width: unset;
	font-family: 'Petco Circular CAP';
}

.reason-section .updated-reason .button {
	background: #fff;
	color: #5F249F;
	font-size: 30px;
	border-radius: 16px;
}

.reason-section .updated-reason .image-container {
	background-size: cover;
	background-position: center;
}

.newsletter.updated-newsletter-section {
	background: #75F5B1;
	color: #00205B;
}

.newsletter.updated-newsletter-section .newsletter__text {
	padding: 80px 100px 80px 170px;
	text-align: left;
	display: flex;
}

.newsletter.updated-newsletter-section .newsletter__text i {
	font-size: 148px;
	line-height: normal;
}

.newsletter.updated-newsletter-section .newsletter__text h1 {
	font-style: normal;
	font-weight: 900;
	font-size: 60px;
	line-height: 1.2;
	text-transform: initial;
	margin-bottom: 16px;
}

.newsletter.updated-newsletter-section .newsletter__text p {
	font-weight: 500;
	font-size: 32px;
	line-height: 1.6;
}

.newsletter.updated-newsletter-section .newsletter__form {
	margin: 80px 0;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper {
	margin: 0;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .ginput_container {
	margin: 0;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 14px 24px !important;
	font-size: 32px;
	line-height: 1.6;
	border-radius: 16px;
	color: #00205B;
	height: auto;
	width: 100%;
	max-width: unset;
	background-color: #fff;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
	border: none;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	opacity: 1; /* Firefox */
	color: #00205B !important;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #00205B !important;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper ::-ms-input-placeholder { /* Microsoft Edge */
	color: #00205B !important;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper li.hidden_label input {
	margin: 0 0 24px 0;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper ul.gform_fields li.gfield {
	padding: 0;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_footer {
	padding: 0;
	margin: 16px 0 0 0;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_footer .gform_button {
	color: #fff;
	background: #00205B;
	border-radius: 16px;
	padding: 18px 54px;
	text-transform: capitalize;
	font-size: 30px;
	line-height: 1.2;
	font-family: 'Petco Circular CAP';
	font-weight: 900;
}

.newsletter.updated-newsletter-section .newsletter__form .gform_confirmation_message {
	padding: 10px 0;
}
.newsletter.updated-newsletter-section .newsletter__form .gform_confirmation_message span {
	color: #00205B !important;
	font-size: 20px;
}

.header.updated-header {
	max-height: unset;
	position: initial;
	height: auto;
}
.updated-header .top-bar {
	background: #5F249F;
	padding: 20px 64px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}
.updated-header .top-bar:before,
.updated-header .top-bar:after {
	display: none;
}
.updated-header .top-bar .top-bar-description {
	display: flex;
	align-self: center;
}
.updated-header .top-bar .top-bar-description i {
	margin-right: 40px;
	font-size: 50px;
	line-height: 1;
}
.updated-header .top-bar .top-bar-description span {
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
}
.updated-header .top-bar .top-bar-button-wrapper {
	font-size: 30px;
	line-height: 1.25;
	color: #fff;
}
.updated-header .top-bar .top-bar-button-wrapper i {
	margin-left: 10px;
}

.updated-header .top-header {
	background: #00205B;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
}

.updated-header .top-header .ext-links {
	color: #fff;
	font-weight: 900;
	font-size: 20px;
	line-height: 1.2;
	list-style: none;
	margin: 6px 0 0 0;
}

.updated-header .top-header .ext-links li {
	padding: 15px 40px;
	display: inline-block;
}
.updated-header .top-header .ext-links li a {
	color: #fff;
}
.updated-header .top-header .ext-links li:first-child {
	background: #fff;
}

.updated-header .top-header .ext-links li:first-child a {
	color: #00205B;
}

.updated-header .right-container {
	display: flex;
}
.updated-header #utility-nav {
	position: initial;
	display: block;
	align-items: center;
}
.updated-header #utility-nav:before {
	display: none;
}
.updated-header #utility-nav #menu-utility-nav {
	display: flex;
	align-items: center;
	margin: 4px 0 0 0;
}
.updated-header #utility-nav #menu-utility-nav .menu-item {
	font-family: 'Petco Circular CAP';
	float: none;
}

.updated-header #utility-nav #menu-utility-nav li {

}

.updated-header #utility-nav #menu-utility-nav .menu-item > a {
	color: #fff;
	font-weight: 900;
	font-size: 20px;
	line-height: 1.25;
	padding: 0;
	margin: 0 15px;
	text-transform: capitalize;
}

.updated-header #utility-nav #menu-utility-nav .menu-item.menu-item-has-children ul.sub-menu {
	margin-left: 15px;;
	min-width: unset;
}
.updated-header #utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu li {
	display: block;
	float: none;
	min-width: 200px;
}

.updated-header #utility-nav #menu-utility-nav .menu-item.menu-item-has-children .sub-menu li a {
	color: #00205B;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 14px;
}

.updated-header .social-links ul {
	list-style: none;
	margin: 0;
	display: flex;
	align-items: center;
}
.updated-header .social-links ul li {
	display: inline;
	margin-left: 15px;
}
.updated-header .social-links ul li i {
	color: #fff;
	font-size: 30px;
}

.updated-header .header__inner {
	background: #fff;
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	position: relative;
	max-height: unset;
}

.updated-header .header__inner .header-logo {
	margin: 30px 0;
}

.updated-header .header__inner #primary-nav {
	position: initial;
	margin: 0;
	overflow: visible;
}
.updated-header  #primary-nav > .menu-primary-nav-container {
	height: 100%;
}
.updated-header  #primary-nav > .menu-primary-nav-container .main-nav {
	width: auto;
	float: none;
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	height: 100%;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item {
	float: none;
	display: flex;
	align-items: center;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) > a {
	color: #00205B;
	margin: 0 32px;
	font-family: 'Petco Circular CAP';
	padding: 10px;
	font-size: 24px;
	text-transform: capitalize;
	background: none;
	font-weight: bold;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a {
	background: #5F249F;
	border-radius: 16px;
	padding: 18px 54px;
	text-transform: capitalize;
	font-weight: 900;
	font-size: 30px;
	color: #fff;
	width: auto;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item > a:after {
	bottom: 0;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:hover > a:before {
	content: " ";
	position: absolute;
	background-image: url("../images/nav-carrot.png");
	background-position: center;
	background-repeat: no-repeat;
	width: 44px;
	height: 13px;
	top: 77px;
	left: calc( 50% - 22px );
	z-index: 10;
	display: none;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a:before,
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a:after {
	display: none;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item > .main-nav-wrapper {
	top: 100%;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__holder {
	max-width: unset;
	width: 100%;
	position: relative;
	max-height: 0;
	-webkit-transition: max-height 0.2s ease-in-out;
	-ms-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:hover .main-nav-wrapper__holder {
	max-height: 250px;
}
.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item .main-nav-wrapper__holder:before {

}

.updated-header .mobile-header {
	display: none;
}

.header.updated-header .mobile-header #mobile-nav-wt {
	display: none;
}

.header.updated-header .mobile-header  #mobile-nav-wt .social-links ul li a {
	border: none;
}
.header.updated-header .mobile-header  #mobile-nav-wt .social-links ul li a img {
	border-radius: 50%;
	border: 0;
	background: #a83a8a;
	border: none;
	border: solid 1px #a83a8a;
}

.updated-header .upload-form-wrapper {
	/*	max-height: 0;*/
	/*transition: max-height 0.5s ease-in-out;*/
	display: none;
	width: 100%;
	background: #00205B;
	/*height: 200px;*/
}

.updated-header .upload-form-wrapper.expended {
	/*max-height: 200px;*/
	/*height: 200px;*/
}

.footer.updated-footer {
	background: #00205B;
	padding: 80px 80px 60px 80px;
	color: #fff;
}

.footer.updated-footer .footer-logo-wrapper {
	text-align: center;
	margin-bottom: 50px;
}
.footer.updated-footer .footer-logo-wrapper img {
	max-width: 400px;
}
.footer.updated-footer #menu-footer {
	float: none;
	text-align: center;
	max-width: 100%;
	margin: 0 0 30px 0;
}

.footer.updated-footer li a,
.footer.updated-footer #menu-footer .menu-item a {
	color: #fff;
	font-size: 24px;
	font-family: "Petco Circular CAP";
	font-weight: 900;
	line-height: 1.25;
	padding: 0;
}

.footer.updated-footer li,
.footer.updated-footer #menu-footer .menu-item {
	padding: 0 32px;
	margin: 0;
	border-right: solid 1px #fff;
}
.footer.updated-footer li:last-child,
.footer.updated-footer #menu-footer .menu-item:last-child {
	border: none;
}

.footer.updated-footer .footer-secondary-nav-wrapper {
	margin-bottom: 48px;
}
.footer.updated-footer .footer-secondary-nav-wrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.footer.updated-footer .footer-secondary-nav-wrapper ul li {
	display: inline-block;
}

.footer.updated-footer .copyright-wrapper p {
	font-size: 20px;
	line-height: 1.6;
	text-align: center;
}

.share-pet-story-hero__background {
	background-size: cover;
	background-position: top center;
}
.share-pet-story-hero__main__content p {
	margin: 0 auto 1.5em;
}
.breadcrumb-holder {
	display: none;
}

/*
.fc-hero .single-button-hero .single-button-hero__content .button {
background: #fff;
color: #00AAE7;
}

.fc-hero .single-button-hero .single-button-hero__content .button {
background: #00AAE7;
color: #fff;
}

@media screen and (min-width: 40.063em) {
.fc-hero .single-button-hero .single-button-hero__content .button {
background: #00AAE7;
color: #fff;
}
.fc-hero .single-button-hero .single-button-hero__content .button:last-child {
background: #fff;
color: #00AAE7;
}
}*/
.accordion__header {
	color: #000;
	margin: 0;
	padding: 0;
}
.accordion__header h2 {
	line-height: 1;
	font-size: 60px;
}

.page-id-9743 .flexible-content p:last-child,
.page-id-9743 .flexible-content p:nth-last-child(2){
	margin: 20px;
}
.page-id-9743 .flexible-content {
	margin-bottom: 30px;
}
.page-id-9527 .image3 {
	width: 100%;
}
.hidden {
	display: none !important;
}
#gform_28 #field_28_24 {
	display: none;
}

.become-an-adoption-partner.purple-color .accordion__header {
	background-color: #a83a8a !important;
	padding-top: 30px;
	color: #fff;
}

.become-an-adoption-partner.purple-color .accordion__header .button {
	background-color: #fff;
	color: #a83a8a;;
}

.become-an-adoption-partner.purple-color .accordion__header .button:hover {
	background-color: #1583cc;
	color: #fff;
}

@media screen and (max-width: 1823px) {
	.updated-single-button-hero .single-button-hero__content h1 {
		font-size: 70px;
	}

	.updated-single-button-hero .single-button-hero__content h2 {
		font-size: 35px;
	}

	.updated-single-button-hero .single-button-hero__content p {
		font-size: 22px;
	}

	.updated-single-button-hero .single-button-hero__content .button {
		font-size: 28px;
	}

	.our-goals.updated-goals {
		margin: 60px 10px;
	}

	.updated-goals .updated-our-goal i {
		font-size: 80px;
	}

	.updated-goals .updated-our-goal .goal-content h3 {
		font-size: 28px;
	}

	.updated-goals .updated-our-goal .goal-content p {
		font-size: 22px;
	}

	.notification-section {
		padding: 60px 100px;
	}

	.notification-section p {
		font-size: 36px;
	}

	.notification-section .button {
		font-size: 24px;
	}

	.impact-section {
		margin: 60px 0;
	}

	.impact-section .right-container {
		padding: 0 100px;
	}

	.impact-section .right-container p {
		font-size: 28px;
	}

	.impact-section .right-container .button {
		font-size: 26px;
	}

	.lifesaving-section .left-container {
		padding: 60px 100px;
	}

	.lifesaving-section h2 {
		font-size: 52px;
	}

	.lifesaving-section h3 {
		font-size: 32px;
	}

	.lifesaving-section p {
		font-size: 28px;
	}

	.lifesaving-section .button {
		font-size: 26px;
	}

	.featured-love-story.updated-featured-love-story {
		padding: 60px 100px 60px 100px;
	}

	.featured-love-story.updated-featured-love-story .featured-love-story__header h3 {
		font-size: 52px;
	}

	.featured-love-story.updated-featured-love-story .featured-love-story__header p {
		font-size: 28px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__header .button {
		font-size: 26px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__image {
		padding: 56px 28px 56px 56px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story {
		padding: 56px 56px 56px 28px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story h3 {
		font-size: 35px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story p {
		font-size: 24px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story .button {
		font-size: 26px;
	}
	.reason-section .updated-reason .left-container {
		padding: 60px 100px 60px 100px;
	}
	.reason-section .updated-reason .small-image {
		width: 125px;
	}
	.reason-section .updated-reason h2 {
		font-size: 52px;
	}
	.reason-section .updated-reason p {
		font-size: 28px;
	}
	.reason-section .updated-reason .button {
		font-size: 26px;
	}
	.newsletter.updated-newsletter-section .newsletter__text {
		padding: 60px 100px 60px 100px;
	}
	.newsletter.updated-newsletter-section .newsletter__text i {
		font-size: 130px;
	}
	.newsletter.updated-newsletter-section .newsletter__text h1 {
		font-size: 52px;
	}
	.newsletter.updated-newsletter-section .newsletter__text p {
		font-size: 28px;
	}
	.newsletter.updated-newsletter-section .newsletter__form {
		margin: 60px 0;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		font-size: 28px;
		padding: 12px 20px;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_footer .gform_button {
		font-size: 26px;
	}
	.featured-love-story.updated-featured-love-story > svg {
		bottom: 60px;
	}
	.updated-header .top-bar .top-bar-description span {
		font-size: 26px;
	}
	.updated-header .top-bar .top-bar-description i {
		font-size: 38px;
		margin-right: 20px;
	}
	.updated-header .top-bar .top-bar-button-wrapper {
		font-size: 26px;
	}
	.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) > a {
		margin: 0 26px;
		font-size: 20px;
	}
	.updated-header .header__inner .header-logo {
		margin: 20px 0;
	}
	.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a {
		font-size: 26px;
		padding: 12px 44px;
	}
}

@media screen and (max-width: 1600px) {
	body.page-template-template-new-home-page .button {
		padding: 12px 44px;
	}

	.updated-single-button-hero .single-button-hero__content h1 {
		font-size: 60px;
	}

	.updated-single-button-hero .single-button-hero__content h2 {
		font-size: 32px;
	}

	.updated-single-button-hero .single-button-hero__content p {
		font-size: 21px;
	}

	.updated-single-button-hero .single-button-hero__content .button {
		font-size: 26px;
	}

	.our-goals.updated-goals {
		margin: 60px 10px;
	}

	.updated-goals .updated-our-goal i {
		font-size: 70px;
	}

	.updated-goals .updated-our-goal .goal-content h3 {
		font-size: 26px;
	}

	.updated-goals .updated-our-goal .goal-content p {
		font-size: 21px;
	}

	.notification-section {
		padding: 50px 80px;
	}

	.notification-section p {
		font-size: 32px;
	}

	.notification-section .button {
		font-size: 22px;
	}

	.impact-section {
		margin: 50px 0;
	}

	.impact-section .right-container {
		padding: 0 80px;
	}

	.impact-section .right-container p {
		font-size: 26px;
	}

	.impact-section .right-container .button {
		font-size: 24px;
	}

	.lifesaving-section .left-container {
		padding: 50px 80px;
	}

	.lifesaving-section h2 {
		font-size: 46px;
	}

	.lifesaving-section h3 {
		font-size: 28px;
	}

	.lifesaving-section p {
		font-size: 26px;
	}

	.lifesaving-section .button {
		font-size: 24px;
	}

	.featured-love-story.updated-featured-love-story {
		padding: 50px 80px;
	}

	.featured-love-story.updated-featured-love-story .featured-love-story__header h3 {
		font-size: 46px;
	}

	.featured-love-story.updated-featured-love-story .featured-love-story__header p {
		font-size: 26px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__header .button {
		font-size: 24px;
		padding: 16px 40px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__image {
		padding: 48px 24px 48px 48px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story {
		padding: 48px 48px 48px 24px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story h3 {
		font-size: 32px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story p {
		font-size: 22px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story .button {
		font-size: 24px;
	}
	.reason-section .updated-reason .left-container {
		padding: 50px 80px;
	}
	.reason-section .updated-reason h2 {
		font-size: 46px;
	}
	.reason-section .updated-reason p {
		font-size: 26px;
	}
	.reason-section .updated-reason .button {
		font-size: 24px;
	}
	.newsletter.updated-newsletter-section .newsletter__text {
		padding: 50px 80px;
	}
	.newsletter.updated-newsletter-section .newsletter__text i {
		font-size: 110px;
	}
	.newsletter.updated-newsletter-section .newsletter__text h1 {
		font-size: 46px;
	}
	.newsletter.updated-newsletter-section .newsletter__text p {
		font-size: 26px;
	}
	.newsletter.updated-newsletter-section .newsletter__form {
		margin: 50px 0;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		font-size: 26px;
		padding: 12px 20px;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_footer .gform_button {
		font-size: 24px;
		padding: 12px 44px;
	}
	.featured-love-story.updated-featured-love-story > svg {
		bottom: 50px;
	}
	.updated-header .top-bar {
		padding: 10px 20px;
	}
	.updated-header .top-bar .top-bar-description span {
		font-size: 16px;
	}
	.updated-header .top-bar .top-bar-description i {
		font-size: 24px;
	}
	.updated-header .top-bar .top-bar-button-wrapper {
		font-size: 16px;
	}
	.updated-header .top-header {
		padding: 0 20px;
	}
	.updated-header .top-header .ext-links li {
		padding: 10px 15px;
	}
	.updated-header .top-header .ext-links li a {
		font-size: 16px;
	}
	.updated-header #utility-nav #menu-utility-nav .menu-item > a {
		font-size: 16px;
	}
	.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:last-of-type > a {
		font-size: 18px;
		margin: 0 10px;
		padding: 12px 44px;
	}
	.updated-header .header__inner .header-logo img {
		width: 170px;
	}
	.updated-header #primary-nav > .menu-primary-nav-container > .menu > .menu-item:not(:last-of-type) > a {
		font-size: 18px;
		margin: 0 10px;
	}
	.footer.updated-footer {
		padding: 60px 60px 40px 60px;
	}
	.footer.updated-footer li, .footer.updated-footer #menu-footer .menu-item {
		padding: 0 20px;
	}
	.footer.updated-footer li a,
	.footer.updated-footer #menu-footer .menu-item a {
		font-size: 20px;
	}
	.footer.updated-footer .copyright-wrapper p {
		font-size: 16px;
	}
}

@media screen and (max-width: 1200px) {
	.single-button-hero.updated-single-button-hero {
		color: #fff;
		position: relative;
		min-height: unset;
	}
	.single-button-hero.updated-single-button-hero .single-button-hero__background {
		min-height: unset;
		position: absolute;
	}
	.single-button-hero.updated-single-button-hero:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.25;
		z-index: 0
	}
	.single-button-hero.updated-single-button-hero .row {
		position: relative;
	}
	.updated-single-button-hero .single-button-hero__content {
		width: 100%;
		padding: 40px;
		/*    text-align: center;*/
		background: none;
		max-width: unset;
	}

	.updated-single-button-hero .single-button-hero__content h1 {
		font-size: 50px;
		/*    text-align: left;*/
	}
	/*.updated-single-button-hero .single-button-hero__content h2 {
	text-align: left;
}
	.updated-single-button-hero .single-button-hero__content p {
	text-align: left;
}*/
	.updated-single-button-hero .single-button-hero__content .button-wrapper {
		text-align: center;
	}
	.updated-single-button-hero .single-button-hero__content .button {
		font-size: 20px;
	}

	.updated-goals .updated-our-goal .row {
		flex-direction: column;
	}

	.updated-goals .updated-our-goal .row .column {
		width: 100%;
	}

	.updated-goals .updated-our-goal .goal-content {
		padding: 20px;
		text-align: center;
	}

	.updated-goals .updated-our-goal .goal-content p {
		font-size: 20px;
	}
	.notification-section {
		/*background: #C82128;*/
	}
	.notification-section p {
		font-size: 20px;
	}
	.notification-section .button {
		font-size: 20px;
		/*color: #C82128;*/
	}
	.impact-section .image-container {
		text-align: center;
	}
	.impact-section .right-container {
		padding: 50px 50px 0 50px;
		/*text-align: center;*/
	}
	.impact-section .right-container h3 {
		font-size: 20px;
	}
	.impact-section .right-container h2 {
		font-size: 30px;
	}

	.impact-section .right-container p {
		font-size: 20px;
	}
	.impact-section .right-container .button {
		font-size: 20px;
	}

	.lifesaving-section .row {
		flex-direction: column-reverse;
	}
	.lifesaving-section .row .half-square {
		width: 100%;
	}
	.lifesaving-section .image-container {
		min-height: 400px;
	}
	.lifesaving-section .left-container {
		text-align: center;
	}
	.lifesaving-section h2 {
		font-size: 30px;
		text-align: left;
	}

	.lifesaving-section h3 {
		font-size: 20px;
		text-align: left;
	}
	.lifesaving-section p {
		font-size: 20px;
		text-align: left;
	}
	.lifesaving-section .button {
		font-size: 20px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__header {
		/*text-align: center;*/
		margin-bottom: 50px;
	}
	.featured-love-story.updated-featured-love-story .row {
		flex-direction: column;
	}
	.featured-love-story.updated-featured-love-story .row > div {
		width: 100%;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story {
		text-align: left;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__header h3 {
		font-size: 30px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__header p {
		font-size: 20px;
	}

	.featured-love-story.updated-featured-love-story .featured-love-story__header .align-right {
		text-align: center;
	}

	.featured-love-story.updated-featured-love-story .featured-love-story__image {
		padding: 0;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story h3 {
		font-size: 20px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story p {
		font-size: 16px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story .story-owner-info {
		font-size: 16px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story .button-wrapper {
		text-align: center;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story .button {
		font-size: 20px;
	}
	/*.featured-love-story.updated-featured-love-story .featured-love-story__story svg {
	margin: 30px auto;
}*/
	.featured-love-story.updated-featured-love-story > svg {
		display: none;
	}
	.reason-section .updated-reason .row {
		flex-direction: column-reverse;
	}
	.reason-section .updated-reason .row > div {
		width: 100%;
	}
	.reason-section .updated-reason .image-container {
		min-height: 400px;
	}
	.reason-section .updated-reason .left-container {
		text-align: center;
	}
	.reason-section .updated-reason .small-image {
		text-align: left;
		width: 100px;
		display: block;
		margin-left: 0;
	}
	.reason-section .updated-reason h2 {
		text-align: left;
		font-size: 30px;
	}
	.reason-section .updated-reason p {
		text-align: left;
		font-size: 20px;
	}
	.reason-section .updated-reason .button {
		font-size: 20px;
	}
	.newsletter.updated-newsletter-section {
		padding: 50px 80px;
	}
	.newsletter.updated-newsletter-section .row {
		flex-direction: column;
	}
	.newsletter.updated-newsletter-section .newsletter__text {
		flex-direction: column;
		/*    text-align: center;*/
		width: 100%;
		/*padding: 0 50px;*/
		padding: 0;
	}
	.newsletter.updated-newsletter-section .newsletter__text div {
		width: 100%;
		margin: 0;
	}
	.newsletter.updated-newsletter-section .newsletter__text i {
		font-size: 50px;
	}
	.newsletter.updated-newsletter-section .newsletter__text h1 {
		font-size: 30px;
	}
	.newsletter.updated-newsletter-section .newsletter__text p {
		font-size: 20px;
	}
	.newsletter.updated-newsletter-section .newsletter__form {
		width: 100%;
		/*margin: 0 0 30px 0;*/
		margin: 0;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_body {
		margin: 0 auto;
		width: 100%;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		font-size: 20px;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_footer {
		margin: 0 auto;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_footer .gform_button {
		margin: 0 auto;
		font-size: 20px;
	}

	.updated-header .right-container {
		display: none;
	}
	.updated-header .header__inner {
		display: none;
	}

	.updated-header .mobile-header {
		display: flex;
		padding: 15px;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.updated-header .mobile-header .header-logo {
		width: 150px;
	}

	.updated-header .mobile-header .moble-menu-wrapper {
		display: flex;
		align-items: center;
	}

	.updated-header .mobile-header .donate-button {
		font-size: 20px;
		background: #5F249F;
		border-radius: 10px;
		color: #fff;
		margin-right: 20px;
	}
	.updated-header .mobile-header .hamburger-menu {
		position: initial;
		display: block;
		padding: 0;
		width: 28px;
		height: 28px;
	}

	.updated-header .mobile-header .hamburger-menu .bar {

	}
	.updated-header .mobile-header .hamburger-menu .bar,
	.updated-header .mobile-header .hamburger-menu .bar:before,
	.updated-header .mobile-header .hamburger-menu .bar:after {
		background: #00205B;
	}

	.updated-header .mobile-header .hamburger-menu.expand .bar {
		background: #fff;
	}

	.updated-header .mobile-header #mobile-nav-wt {
		width: 100%;
		height: auto;
	}

	.header.updated-header.show {
		overflow-y: visible;
	}
	.header.updated-header.show .mobile-header #mobile-nav-wt {
		display: block;
	}
	.footer.updated-footer {
		padding: 40px 30px 20px 30px;
	}
	.footer.updated-footer li,
	.footer.updated-footer #menu-footer .menu-item {
		width: 100%;
		border: none;
		padding: 0;
		margin-bottom: 10px;
	}
	.footer.updated-footer #menu-footer {
		margin: 0;
	}
	.footer.updated-footer .footer-secondary-nav-wrapper {
		margin-bottom: 20px;
	}
	.footer.updated-footer .copyright-wrapper p {
		font-size: 14px;
	}
	.share-pet-story-hero .share-pet-story-hero__main__content {
		padding: 50px 20px;
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	body.page-template-template-new-home-page .button {
		padding: 12px 25px;
	}
	body.page-template-template-new-home-page p {
		margin-left: 0;
		margin-right: 0;
	}
	.single-button-hero.updated-single-button-hero {
		color: #fff;
		position: relative;
		min-height: unset;
	}
	.single-button-hero.updated-single-button-hero .single-button-hero__background {
		min-height: unset;
		position: absolute;
	}
	.single-button-hero.updated-single-button-hero:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.25;
		z-index: 0
	}
	.single-button-hero.updated-single-button-hero .row {
		position: relative;
	}
	.updated-single-button-hero .single-button-hero__content {
		width: 100%;
		padding: 25px;
		/*text-align: center;*/
		background: none;
	}
	.updated-single-button-hero .single-button-hero__content h1 {
		font-size: 30px;
		margin: 0 0 0.3em 0;
		/*text-align: left;*/
	}
	.updated-single-button-hero .single-button-hero__content h2 {
		font-size: 24px;
		/*text-align: left;*/
		line-height: 1.3
	}
	.updated-single-button-hero .single-button-hero__content p {
		font-size: 20px;
		/*text-align: left;*/
		margin: 0 0 1em 0;
	}
	.our-goals.updated-goals {
		margin: 0;
	}
	.our-goals.updated-goals .our-goals__container {
		padding: 0;
		width: 100%;
	}
	.updated-goals .updated-our-goal {
		border-radius: 0;
		text-align: left;
	}
	.updated-goals .updated-our-goal > .row {
		background-color: #9ce8f5;
	}
	.updated-goals .updated-our-goal i {
		line-height: 1;
		font-size: 45px;
		margin: 20px 16px 10px 16px;
	}
	.updated-goals .updated-our-goal .goal-content {
		padding: 0 16px 20px 16px;
		text-align: left;
	}
	.updated-goals .updated-our-goal .goal-content h3 {
		font-size: 30px;
		margin-bottom: 0;
	}
	.updated-goals .row .our-goals__container:nth-child(2) .updated-our-goal > .row {
		background-color: #00205B;
	}
	.updated-goals .row .our-goals__container:nth-child(3) .updated-our-goal > .row {
		background-color: #5F249F;
	}
	.notification-section {
		padding: 20px 16px;
		/*background: #C82128;*/
	}
	.notification-section p {
		margin: 0 0 1em 0;
	}
	.notification-section .button {
		/*color: #C82128;*/
	}
	.impact-section {
		margin: 0;
	}
	.impact-section .right-container {
		padding: 20px 16px;
	}
	.impact-section .right-container h3 {
		text-align: left;
	}
	.impact-section .right-container h2 {
		text-align: left;
		margin: 6px 0;
	}
	.impact-section .right-container p {
		text-align: left;
		margin-bottom: 0.5em;
	}
	.lifesaving-section .image-container {
		min-height: 210px;
	}
	.lifesaving-section .left-container {
		padding: 20px 16px;
	}
	.lifesaving-section p {
		margin-bottom: 0.5em;
	}
	.featured-love-story.updated-featured-love-story {
		padding: 0;
		background: #fff;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__header {
		margin: 20px 16px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__header .button {
		font-size: 20px;
		padding: 12px 25px;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__image__desktop {
		display: block;
		max-height: 400px;
		overflow: hidden;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__image img {
		width: 100%;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story {
		padding: 20px 16px;
		background: #00205B;
		color: #fff;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story h3 {
		margin-bottom: 0.3em;
		text-align: left;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story p {
		text-align: left;
		/*margin-bottom: 0;*/
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story svg {
		display: none;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story .story-owner-info {
		display: none;
	}
	.featured-love-story.updated-featured-love-story .featured-love-story__story .button {
		/*display: none;*/
		background: #5F249F;
	}
	.reason-section .updated-reason .image-container {
		min-height: 210px;
		background-position: top center;
	}
	.reason-section .updated-reason .left-container {
		padding: 20px 16px;
	}
	.reason-section .updated-reason .small-image {
		width: 80px;
	}
	.reason-section .updated-reason h2 {
		margin: 6px 0;
	}
	.reason-section .updated-reason p {

	}
	.newsletter.updated-newsletter-section {
		padding: 20px 16px;
	}
	.newsletter.updated-newsletter-section .newsletter__form {
		/*margin-bottom: 20px;*/
		margin-bottom: 0;
	}
	.newsletter.updated-newsletter-section .newsletter__text {
		/*padding: 0 16px;*/
	}
	.newsletter.updated-newsletter-section .newsletter__text h1 {
		margin-bottom: 8px;
	}
	.newsletter.updated-newsletter-section .newsletter__text p {
		margin-bottom: 8px;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper li.hidden_label input {
		margin-bottom: 12px;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_wrapper .gform_footer .gform_button {
		width: auto;
	}
	.newsletter.updated-newsletter-section .newsletter__form .gform_confirmation_message {
		padding: 10px 0;
	}
	.updated-header .top-bar .top-bar-button-wrapper {
		font-size: 0;
	}
	.updated-header .top-bar .top-bar-button-wrapper i {
		font-size: 20px;
	}
	.footer.updated-footer .footer-logo-wrapper img {
		width: 250px;
	}
	.share-pet-story-hero .share-pet-story-hero__main__content {
		padding: 30px 20px;
	}
}