/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
 
/* Google font - Roboto Condensed 300, 400, 700 */
/* Google font - PT Serif 400, 700 */

/* WEBSITE STYLES */
html {
	scroll-behavior: smooth;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: 'Museo-300', helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	background: url('../images/spark_textured_bg.webp');
}
.desktop { display: block !important; }
.desktop-inline { display: inline-block !important; }
.mobile, .mobile-inline { display: none !important; }
div {
	box-sizing: border-box;
	word-wrap: break-word;
}
.col-sm-12 {
	padding: 0px;
}
.clearfix {
	display: block;
	float: none;
	clear: both;
	width: 100%;
}
.hidden_content {
	display: none;
}

/* GLOBAL */
.main-container a {
	color: #000;
	font-weight: 400;
}
a:hover {
	color: 000;
	text-decoration: underline;
}
a.anchor {
	display: inline-block;
	position: relative;
	top: -180px;
	visibility: hidden;
}

a.button {
	color: #fff;
	padding: 10px 20px 6px;
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
a.button:hover {
	opacity: .8;
	text-decoration: none;
}
a.brown_button, a.brown-button {
	background: #543114;
}
a.red_button, a.red-button {
	background: #C4121E;
}

p, .paragraph p:first-child {
	color: #000;
	line-height: 1.4em;
	font-size: 20px;
	font-style: normal;
	margin-bottom: 1em;
	word-wrap: break-word;
}
.no-margin {
	margin: 0 auto;
}
h1 {
	font-family: 'Amatic SC', helvetica, arial, sans-serif;
	font-weight: 300;
}
h2, h3, h4 {
	font-family: 'Museo-500', helvetica, arial, sans-serif;
}
h1, h1.page-header {
	border-bottom: none;
	font-size: 64px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
}
p.smaller-font {
	font-size: .8em;
}
body.path-frontpage h1.page-header {
	display: none;
}
h2 {
	font-size: 44px;
	font-weight: 700;
	color: #543114;
}
h3 {
	font-size: 26px;
	font-weight: 700;
	color: #543114;
	text-transform: none !important;
}
b, strong {
	font-weight: 700;
}
h1 a, h2 a, h3 a {
	text-decoration: none !important;
}
hr.dotted-white {
	border-top: 3px dotted #ccc !important;
}
.field ul li {
	margin-bottom: 0;
}

.font-amatic {
	font-family: 'Amatic SC', helvetica, arial, sans-serif;
	font-weight: 500 !important;
}
.font-museo {
	font-family: 'Museo-500', helvetica, arial, sans-serif;
}

.white_text, .white-text {
	color: #fff !important;
}
.blue_text, .blue-text {
	color: #fff;
}
.red_text, .red-text {
	color: #C4121E;
}
.brown_text, .brown-text {
	color: #543114;
}

.align-left {
	margin: 0px 20px 20px 0px;
}
.align-right {
	margin: 0px 0px 20px 20px;
}

.center-this {
	display: block;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
}

.col-sm-6.left {
	padding-left: 0px;
	padding-right: 20px;
}
.col-sm-6.right {
	padding-left: 20px;
	padding-right: 0px;
}

/* COLUMNS */
.columns-wrapper {
	float: none;
	clear: both;
	width: 100%;
	display: flex;
	flex-flow: wrap;
}
.columns-two .column {
	flex: 0 0 auto;
	width: calc(50% - 20px);
	min-width: 280px;
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.columns-three .column {
	flex: 0 0 auto;
	width: calc(33% - 20px);
	min-width: 280px;
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.columns-four .column {
	flex: 0 0 auto;
	width: calc(25% - 20px);
	min-width: 280px;
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}

/* BACKGROUND ROWS */
.brown-background {
	background: #543114;
	padding: 50px 15%;
}
.peach-background {
	background: #e2c9b4;
	padding: 50px 15%;
}
.red-background {
	background: #C4121E;
	padding: 50px 15%;
}
.white-background {
	background: #fff;
	padding: 50px 15%;
}
.transparent-background {
	background-color: transparent;
	padding: 50px 15%;
}
.brown-background *, .red-background * {
	color: #fff !important;
}

/* COLLAPSIBLE DRAWERS */
.drawer {
  display: none;
  padding-bottom: 1em;
}
a.trigger {
  color: #999;
  position: relative;
  display: block;
  cursor: pointer;
  border-top: 1px solid #999;
  padding: 20px 50px 10px 0px;
  margin-top: 20px;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}
a.trigger:first-child {
	margin-top: 0px;
}
a.trigger.closed:after {
  position: absolute;
  display: block;
  content: '\f067';
  color: #fff;
  font-family: fontawesome;
  font-size: 1.2em;
  font-weight: normal;
  width: 20px;
  height: auto;
  top: calc(50% - 10px);
  right: 20px;
}
a.trigger.opened:after {
  position: absolute;
  display: block;
  content: '\f068';
  color: #fff;
  font-family: fontawesome;
  font-size: 1.2em;
  font-weight: normal;
  width: 20px;
  height: auto;
  top: calc(50% - 10px);
  right: 20px;
}


/* HEADER */
header.navbar-default {
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: none !important;
	padding: 10px 0;
	margin: 0 auto;
	background-color: transparent !important;
	border: none;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
header.navbar-default .navbar-header {
	float: none;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	height: auto;
}
header.navbar-default .navbar-header .header-left {
	width: 25%;
	text-align: left;
}
header.navbar-default .navbar-header .header-left #site-logo img.logo {
	width: 100%;
	height: auto;
	max-width: 300px;
	padding: 0;
	margin: 5px auto;
}
header.navbar-default .navbar-header .header-right {
	position: relative;
	width: 75%;
	height: auto;
}
header.navbar-default .navbar-header .header-right .region-navigation {
	position: relative;
	width: auto;
	height: auto;
	text-align: center;
}
header.navbar-default .navbar-header .header-right .region-navigation nav {
	width: 100%;
	display: block;
	text-align: right;
}
.navbar-nav {
	float: none !important;
	display: inline-block;
}
.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
	font-family: 'Museo-700', helvetica, arial, sans-serif;
	color: #C4121E;
	font-size: 15px;
	font-weight: 700;
	padding: 3px 15px;
}
.navbar-default .navbar-nav > li:last-child > a {
	border-right: none;
}
.navbar-default .navbar-nav > li.active > a {
	background-color: transparent !important;
	color: #543114 !important;
}
.navbar-default .navbar-nav > li > a:hover {
	text-decoration: underline;
	background-color: transparent !important;
	color: #C4121E !important;
}
body.user-logged-in .navbar-default .navbar-nav > li a.login { display: none; }

#block-spark-account-menu {
	padding-right: 15px;
}
#block-spark-account-menu li a {
	font-family: 'Museo-300', helvetica, arial;
	color: #543114;
	font-size: 14px;
}
.dropdown-menu > li > a {
	color: #C4121E !important;
	font-family: 'Museo-500', helvetica, arial, sans-serif;
}

@media all and (min-width:769px) {
	#main-menu-toggle {
		display: none;
	}
}

/* HOMEPAGE */
.top_content_fw {
	margin-bottom: 50px;
}
.view-hero-slide-carousel .view-content .skin-default {
	position: relative;
	z-index: 0;
}
.view-hero-slide-carousel .view-content .skin-default .views-slideshow-controls-bottom {
	position: absolute;
	bottom: 20px;
}
.view-hero-slide-carousel .view-content .skin-default .views-slideshow-controls-bottom ul li {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: transparent;
	border: 1px solid #fff;
}
.view-hero-slide-carousel .view-content .skin-default .views-slideshow-controls-bottom ul li.active {
	background-color: #fff;
}

.view-hero-slide-carousel img {
	width: 100%;
}
#show-your-love-block .column {
	position: relative;
	padding-bottom: 30px;
}
#show-your-love-block h2 {
	font-size: 32px;
}
#show-your-love-block h3 {
	font-size: 32px;
}
#show-your-love-block .column h3 {
	font-size: 26px;
}
#show-your-love-block .button_wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 40px);
}

#block-homeaboutinfo {
	width: 100%;
	background: #ca3c28;
	padding-top: 50px;
}
#block-homeaboutinfo .field--name-body {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
#block-homeaboutinfo .column {
	padding-right: 100px;
}
#block-homeaboutinfo h2, #block-homeaboutinfo h3, #block-homeaboutinfo h4, #block-homeaboutinfo p, #block-homeaboutinfo a, #block-homeaboutinfo li {
	color: #fff;
}
#block-homeaboutinfo h2 {
	font-size: 48px;
	font-weight: 100;
}

/* SPARK ADMIN MENU */
#block-sparkadministration-3 {
	margin: 2em auto;
}
#block-sparkadministration-3 ul.menu {
	list-style: none;
}
#block-sparkadministration-3 ul.menu li {
	display: inline-block;
}
#block-sparkadministration-3 ul.menu li a {
	padding: 10px 20px;
	border-radius: 5px;
	margin: 0 2px;
	background: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#block-sparkadministration-3 ul.menu li a:hover {
	background: #333;
}


/* Sub pages */
.main-container {
	width: 100%;
/*	max-width: 1600px; */
	min-height: 500px;
	margin: 0 auto 0;
	padding: 0;
	position: relative;
	z-index: 0;
}
body.toolbar-horizontal.user-logged-in .main-container {
	padding: 0 ;
}
.main-container > .row {
	margin: 0 auto;
}

form#commerce-checkout-flow-multistep-default div[id$='-address-country-code'] {
	display: none;
}
form#commerce-checkout-flow-multistep-default  .address-container-inline .form-item {
	width: calc(49.8% - 1em);
}

/* GETTING STARTED PAGES */
body.page-getting-started---dog-adoption .main-container, body.page-getting-started---cat-adoption .main-container {
	max-width: 100% !important;
}
body.page-getting-started---dog-adoption .main-container .field--name-webform, body.page-getting-started---cat-adoption .main-container .field--name-webform {
	padding: 50px 15%;
}

/* LANDING PAGES */
.header_block_wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #543114;
}
.header_block {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.header_block .header_block_image {
	width: 40%;
	background: #fff;
}
.header_block .header_block_content {
	width: 60%;
	padding: 50px 100px;
}

/* AVAILABLE DOGS page */
article.landing-page .field--name-body {
	padding: 50px 0;
}
h2.block-title {
	width: 580px;
	margin: 0 auto;
	position: relative;
	color: #c4121e;
	font-size: 40px;
}
h2.block-title:before {
	content: '';
	width: 50px;
	height: 1px;
	border-top: dotted 2px #543114;
	position: absolute;
	left: -20px;
	top: 50%;
}
h2.block-title:after {
	content: '';
	width: 50px;
	height: 1px;
	border-top: dotted 2px #543114;
	position: absolute;
	right: -20px;
	top: 50%;
}
#block-exposedformdog-adoptionblock-1 {
	width: 300px;
	float: left;
	text-align: left;
	padding: 0 20px 0 40px;
}
#block-exposedformdog-adoptionblock-1 .form-item {
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
#block-exposedformdog-adoptionblock-1 .form-item label {
	display: block;
}
#block-exposedformdog-adoptionblock-1 .form-item ul {
	list-style: none;
	padding-left: 0;
}
#block-exposedformdog-adoptionblock-1 .form-item ul li:first-child {
	display: none;
}
#block-exposedformdog-adoptionblock-1 .form-item ul li {
	display: inline-block;
	margin: 0 10px 10px;
	padding: 0;
}
#block-exposedformdog-adoptionblock-1 .form-item ul li a {
	display: block;
	padding: 10px 20px 8px;
	border: 1px solid #543114;
	border-radius: 22px;
}
#block-exposedformdog-adoptionblock-1 .form-item ul li a.bef-link--selected {
	color: #fff;
	background: #543114;
}
#block-exposedformdog-adoptionblock-1 .select-wrapper {
	width: 90%;
	max-width: 90%;
}
#block-exposedformdog-adoptionblock-1 .select-wrapper select {
	width: 100%;
	max-width: 100%;
}

#block-views-dog-adoption-block-1 {
	width: calc(100% - 300px);
	float: right;
	clear: none;
}
.view-dog-adoption {
	position: relative;
}
.view-dog-adoption .view-empty {
	width: calc(100% - 300px);
}
.view-dog-adoption .view-content {
	display: flex;
	flex-wrap: wrap;
	padding-right: 40px;
}
.view-dog-adoption .view-content .views-row {
	position: relative;
	width: calc(20% - 20px);
	margin: 0 10px 40px;
	padding: 10px 10px 50px;
	background: #fff;
	font-size: 17px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	font-family: 'Museo-500', helvetica, arial, sans-serif;
}
.view-dog-adoption .view-content .views-row p {
	font-size: 17px;
}
.view-dog-adoption .views-field-field-dog-photo {
	margin-bottom: 10px;
}
.view-dog-adoption .pet-of-week .views-field-field-dog-photo {
	position: relative;
}
.view-dog-adoption .pet-of-week .views-field-field-dog-photo:before {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 20px;
	content: 'Pet of the Week';
	font-family: 'Lato', helvetica, arial, sans-serif;
	font-size: 17px;
	color: #fff;
	background-color: rgba(196, 18, 30, .8);
	padding: 5px 10px;
	text-transform: uppercase;
}
.view-dog-adoption .view-content .views-row .views-field-title a {
	margin-top: 1em;
	color: #C4121e;
	font-size: 1.4em;
	font-family: 'Museo-700', helvetica, arial, sans-serif;
}
.view-dog-adoption .views-field-field-short-description {
	font-family: 'Museo-700', helvetica, arial, sans-serif;
}
.view-dog-adoption .views-field-field-adoption-cost {
	font-family: 'Museo-700', helvetica, arial, sans-serif;
}
.view-dog-adoption .views-field-field-description {
	margin: 1em auto;
}
.view-dog-adoption .views-field-field-gender, .view-dog-adoption .views-field-field-age, .view-dog-adoption .views-field-field-physical-traits,.view-dog-adoption .views-field-field-breed {
	margin: 0 auto 5px;
	padding: 5px 5px 5px 45px;
	background: #f9f4f0;
	font-family: 'Lato', helvetica, arial, sans-serif;
}
.view-dog-adoption .views-field-field-gender {
	background: url('../images/tag-icon.webp') left top no-repeat #f9f4f0;
	background-size: 35px auto;
}
.view-dog-adoption .views-field-field-age {
	background: url('../images/bday-icon.webp') left top no-repeat #f9f4f0;
	background-size: 35px auto;
}
.view-dog-adoption .views-field-field-physical-traits {
	background: url('../images/ribbon-icon.webp') left top no-repeat #f9f4f0;
	background-size: 35px auto;
}
.view-dog-adoption .views-field-field-breed {
	background: url('../images/dog-icon.webp') left center no-repeat #f9f4f0;
	background-size: auto 100%;
}
.view-dog-adoption .views-field-view-node {
	position: absolute;
	width: 100%;
	bottom: 5px;
	text-align: center;
	padding: 10px 5px;
}


/* DOG DETAIL PAGE */
.pet_banner {
	width: 100%;
	background: #543114;
	color: #fff;
	text-align: center;
	padding: 30px 0;
	font-size: 56px;
}
.pet_details {
	float: none;
	clear: both;
	width: 100%;
	display: flex;
	flex-flow: wrap;
	max-width: 1000px;
	margin: 50px auto;
}
.pet_details_left {
	flex: 0 0 auto;
	width: calc(33% - 20px);
	min-width: 280px;
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.pet_details_right {
	flex: 0 0 auto;
	width: calc(66% - 20px);
	min-width: 280px;
	margin: 0px auto 40px;
	padding: 0px 40px 0px 0px;
}
.pet_details_card {
	width: 100%;
	margin: 0 40px 40px;
	padding: 10px;
	background: #fff;
	font-size: 15px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	font-family: 'Museo-500', helvetica, arial, sans-serif;
}
.pet_details_card p {
	font-size: 15px;
}
.pet_details_card .pet_photo {
	position: relative;
	margin-bottom: 5px;
}
/*
.pet_details_card .pet_photo:before {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 20px;
	content: 'Pet of the Week';
	font-family: 'Lato', helvetica, arial, sans-serif;
	font-size: 15px;
	padding: 5px;
	color: #fff;
	background-color: rgba(196, 18, 30, .8);
	padding: 10;
	text-transform: uppercase;
}
*/
.pet_details_card .pet_gender, .pet_details_card .pet_age, .pet_details_card .pet_traits, .pet_details_card .pet_breed {
	margin: 0 auto 5px;
	padding: 5px 5px 5px 45px;
	background: #f9f4f0;
	font-family: 'Lato', helvetica, arial, sans-serif;
	font-size: 17px;
}
.pet_details_card .pet_gender {
	background: url('../images/tag-icon.webp') left top no-repeat #f9f4f0;
	background-size: 35px auto;
}
.pet_details_card .pet_age {
	background: url('../images/bday-icon.webp') left top no-repeat #f9f4f0;
	background-size: 35px auto;
}
.pet_details_card .pet_traits {
	background: url('../images/ribbon-icon.webp') left top no-repeat #f9f4f0;
	background-size: 35px auto;
}
.pet_details_card .pet_breed {
	background: url('../images/dog-icon.webp') left top no-repeat #f9f4f0;
	background-size: 35px auto;
}
.pet_details_left .adoption_buttons {
	width: 100%;
	margin: 0 40px;
	text-align: center;
}

.pet_details_right h1 {
	margin-top: 0;
	color: #C4121e;
	font-size: 1.7em;
	font-family: 'Museo-700', helvetica, arial, sans-serif;
	text-transform: none !important;
	font-weight: 500;
}
.pet_details_right .short_description {
	font-family: 'Museo-700', helvetica, arial, sans-serif;
	color: #543114;
}
.pet_details_right .adoption_cost {
	font-family: 'Museo-700', helvetica, arial, sans-serif;
	color: #543114;
}
.pet_details_right .description {
	margin: 1em auto;
}
.pet_details_right .attribute {
	margin-bottom: 20px;
}
.pet_details_right label {
	color: #543114;
	font-family: 'Museo-500', helvetica, arial, sans-serif;
}
.pet_details_right .additional_images .field--name-field-additional-pet-photos .field--item {
	display: inline-block;
	max-width: 180px;
}

/* COMMERCE CHECKOUT FLOW */
.form-wrapper__returning-customer {
	float: right;
}
.form-wrapper__returning-customer #edit-email-registration-login-returning-customer-forgot-password {
	display: block;
	padding: 1em 0 0;
}
.form-wrapper__guest-checkout {
	float: left;
}

/* CREATE DOG and CAT APPLICATION PAGE */
body.user-logged-in.path-node .region-content {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 50px 0;
}
form#node-dog-application-form > .form-type-vertical-tabs, form.node-cat-application-form > .form-type-vertical-tabs {
	display: none;
}
form#node-dog-application-form #edit-langcode-wrapper, form#node-cat-application-form #edit-langcode-wrapper {
	display: none;
}
form#node-dog-application-form #edit-field-size-wrapper, form#node-dog-application-form #edit-field-dog-physical-traits-wrapper, form#node-dog-application-form #edit-field-dog-training-wrapper, form#node-dog-application-form #edit-field-dog-temperament-wrapper, form#node-dog-application-form #edit-field-dog-compatibility-wrapper {
	display: inline-block;
	width: 45%;
	margin-right: 4.5%;
	vertical-align: top;
}
form#node-cat-application-form #edit-field-cat-age-wrapper, form#node-cat-application-form #edit-field-size-wrapper, form#node-cat-application-form #edit-field-cat-physical-traits-wrapper, form#node-cat-application-form #edit-field-cat-temperament-wrapper, form#node-cat-application-form #edit-field-cat-compatibility-wrapper {
	display: inline-block;
	width: 45%;
	margin-right: 4.5%;
	vertical-align: top;
}
button.field-add-more-submit {
	background-color: #000;
	border-color: #000;
}
button.field-add-more-submit:hover {
	background-color: #222;
	border-color: #222;
}

/* DOG APPLICATION NODE */
article.dog-application .field--name-field-application-status {
	margin: 0 auto 2em;
	display: inline-block;
}
article.dog-application .private_message_link_wrapper {
	margin: 0 40px 2em;
	display: inline-block;
}
article.dog-application .private_message_link_wrapper a.private_message_link {
	display: inline-block;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #fff;
	background: #000;
	border-radius: 5px;
}
article.dog-application #profile-info, article.cat-application #profile-info {
	margin: 2em auto 2em;
}
#profile-info .field {
	margin-bottom: 1em;
}

/* GETTING STARTED FORM */
form#webform-submission-getting-started-dog-application-node-20-add-form, #webform-submission-getting-started-cat-application-node-38-add-form {
	padding-bottom: 4em;
}

/* USER LOGIN and PROFILE EDIT PAGE */
body.login-page .main-container, body.path-user .main-container {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
body.user-logged-in.path-user .region-content ul.tabs--primary li {
	display: none;
}
body.user-edit .region-account-info {
	display: none;
}

form[id^='profile-adopter'] .form-item.nav_buttons, form[id^='profile-cat-adopter'] .form-item.nav_buttons {
	border-top: 1px solid #ccc;
	width: 100%;
	padding: 40px 20px 0;
	margin-top: 40px;
	text-align: center;
}
form[id^='profile-adopter'] a.form_next_button, form[id^='profile-cat-adopter'] a.form_next_button {
	cursor: pointer;
}
form[id^='profile-adopter'] a.form_back_button, form[id^='profile-cat-adopter'] a.form_back_button {
	cursor: pointer;
}
form[id^='profile-adopter'] #edit-actions, form[id^='profile-cat-adopter'] #edit-actions {
	padding: 2em 40px 2em 272px;
	text-align: center;
}

form[id^='profile-adopter'] #edit-actions button.form-submit, form[id^='profile-cat-adopter'] #edit-actions button.form-submit {
	font-size: 1.5em;
	font-weight: 600;
}
form .form-actions button.btn-primary {
	background-color: #ed1e25;
	border-color: #ed1e25;
}
form .form-actions button.form-submit:hover {
	background-color: #cf4537;
	border-color: #cf4537;
}

/* USER ACCOUNT */
#account_info {
	padding: 0;
	margin: 2em auto 4em;
	text-align: left;
}
.region-account-info {
	float: right;
	width: 100%;
	max-width: 180px;
	padding: 20px;
	margin-bottom: 2em;
}
.region-account-info .block {
	margin-bottom: 2em;
}
.region-account-info .views-field-edit-profile, .region-account-info .view-empty {
	text-align: right;
}
.view-adoption-applications .table-responsive {
	width: 100%;
}
.view-adoption-applications .table-responsive table {
	margin-bottom: 0;
}
.view-adoption-applications .attachment thead { display: none; }
.view-adoption-applications .table-responsive table td {
	vertical-align: middle;
}

.user_private_messages {
	margin: 4em auto;
}
.block-private-message-inbox-block {
	margin-top: 1em;
}
td.views-field-title { width: 10%; }
td.views-field-field-dog-breed, td.views-field-field-cat-breed { width: 15%; }
td.views-field-field-application-status { width: 15%; }
td.views-field-changed { width: 10%; }
td.views-field-views-conditional-field-1, td.views-field-views-conditional-field-2 { width: auto; }
.block-private-message-notification-block {
	height: auto !important;
	width: 180px;
}
.block-private-message-notification-block h2 {
	margin: 0 0 .5em;
	font-size: 14px;
	text-align: center;
}
.block-private-message-notification-block .private-message-notification-wrapper {
	text-align: center;
}
.block-private-message-notification-block .private-message-notification-wrapper img {
	position: relative;
}
.block-private-message-notification-block a.private-message-page-link {
	position: relative;
	padding: 0 10px;
}

/* PRIVATE MESSAGING OVERWRITES */
.block-private-message-actions-block a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 4px;
	color: #fff !important;
	background-color: #543114;
	text-decoration: none !important;
}
.block-private-message-actions-block a:hover {
	background-color: #3D0B0A;
}
.private_message_thread_delete_link_wrapper, .private_message_thread_clear_history_link_wrapper {
	display: inline-block;
	width: auto;
	margin: 0 5px;
}
.private_message_thread_delete_link_wrapper a, .private_message_thread_clear_history_link_wrapper a {
	display: block;
	padding: 5px 10px;
	color: #fff !important;
	background: #000;
	text-transform: uppercase;
	border-radius: 4px;
}

.private-message-recipients {
	display: block;
	margin: 1em auto;
}
#private-message-add-form {
	margin: 2em auto 4em;
}
#private-message-add-form #edit-message-templates-fieldset {
	margin: 1em auto;
}
#private-message-add-form #edit-message-templates-fieldset #edit-message-templates-fieldset--description {
	font-size: 14px;
	color: #000;
}
.form-item-approval-background, .form-item-approval-visit, .form-item-dog-app-approval, .form-item-cat-app-approval {
	display: inline-block;
	width: auto;
	margin: 0 5px;
}
.form-item-approval-background label, 
.form-item-approval-visit label, 
.form-item-dog-app-approval label, 
.form-item-cat-app-approval label {
	color: #fff;
	background: #000;
	padding: 5px 10px;
	border-radius: 4px;
	cursor: pointer;
}
#edit-approval-background, #edit-approval-visit, #edit-dog-app-approval, #edit-cat-app-approval {
	display: none;
}
div[id*=edit-field-photos--].panel-body:after {
	content: "Warning: Your uploads are not saved until you click on the 'Submit Application' button at the bottom of the page.";
	font-size: 18px;
	font-weight: bold;
	color: #c00;
	text-align: center;
}
div[id*=edit-field-video-upload--].panel-body:after {
	content: "Warning: Your video is finished uploading when you see the filesize listed to the right of your video filename. Click on the 'Submit Application' button at the bottom of the page after the video has finished uploading to save the video to your profile.";
	font-size: 18px;
	font-weight: bold;
	color: #c00;
	text-align: center;
}
div[id*=edit-field-photos--].panel-body button[id*=-remove-button], div[id*=edit-field-video-upload--].panel-body button[id*=-remove-button] {
	display: none;
}

/* ADMIN PAGES */
body.user-logged-in.toolbar-fixed .region-header-image .contextual {
	top: auto !important;
	bottom: 20px;
}
body.user-logged-in.toolbar-fixed .region-header-image article .contextual {
	top: auto !important;
	bottom: 50px;
}
body.toolbar-horizontal.user-logged-in .region-breadcrumb-bar {
	text-align:center;
}
body.toolbar-horizontal.user-logged-in.path-frontpage .field--name-body {
	display: none;
}
body.toolbar-horizontal.user-logged-in .messages--error {
	display: none;
}

body.toolbar-horizontal.user-logged-in .block-private-message-actions-block {
	margin: 2em auto;
}
body.toolbar-horizontal.user-logged-in #node-buttons {
	margin: 2em auto;
}
body.toolbar-horizontal.user-logged-in #node-buttons .button {
	margin: 0 10px;
}

/* hide warning messages for customers */
body:not(.toolbar-fixed) .alert-dismissible {
	display: none;
}
body:not(.toolbar-fixed) .alert-success {
	display: block !important;
}


/* FOOTER */
footer {
	color: #fff;
	width: 100% !important;
	margin: 0 auto !important;
	border-top: none !important;
	background: #543114;
}
footer p, footer a {
	color: #fff;
}
.region-footer {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.region-footer #block-legalfooter {
	width: 75%;
}
.region-footer #block-footersocialmedia {
	width: 25%;
}
footer img.align-left {
	margin-right: 5px !important;
}
footer img.align-right {
	margin-left: 5px !important;
}

/* SPARK ADMINISTRATION BUTTONS */
#block-sparkadministration-4 {
	margin: 2em auto;
}
#block-sparkadministration-4 ul.menu {
	list-style: none;
}
#block-sparkadministration-4 ul.menu li {
	display: inline-block;
}
#block-sparkadministration-4 ul.menu li a {
	padding: 10px 20px;
	border-radius: 5px;
	margin: 0 2px;
	background: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#block-sparkadministration-4 ul.menu li a:hover {
	background: #333;
}

/* BUBBLE-UP STYLES - Leave at bottom of stylesheet */

.bubbleup, .slide-right, .slide-left {
  visibility: hidden;
  opacity: 0;
}
/* This is a static version
.already-visible {
  visibility: visible;
  transform: translateY(0px);
  animation: none;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
*/
.already-visible, .come-in {
  visibility: visible;
  transform: translateY(500px);
  animation: come-in 2s ease forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.already-visible:nth-child(2n), .come-in:nth-child(2n) {
  animation-duration: 1s;
}
.already-visible:nth-child(3n), .come-in:nth-child(3n) {
  animation-duration: 3s;
}

.slide-right.already-slide, .slide-right.slide-in {
  visibility: visible;
  transform: translateX(-500px);
  animation: slide-right 1.5s forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
	  transition: opacity 1s;
}
.slide-right.already-slide:nth-child(2n), .slide-right.slide-in:nth-child(2n) {
  animation-duration: 1s;
}
.slide-left.already-slide, .slide-left.slide-in {
  visibility: visible;
  transform: translateX(500px);
  animation: slide-left 1.5s forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.slide-left.already-slide:nth-child(2n), .slide-left.slide-in:nth-child(2n) {
  animation-duration: 1s;
}

@keyframes come-in {
  to { transform: translateY(0); }
}
@keyframes slide-right {
  to { transform: translateX(0); }
}
@keyframes slide-left {
  to { transform: translateX(0); }
}