@charset 'UTF-8';

/*

Theme Name: Guelph Humane Society

Author: Sandbox Software Solutions

Version: 1.0.0



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/



/*--------------------------------------------------------------

1.0 Normalize

Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css

--------------------------------------------------------------*/



html {

	font-family: 'Raleway', sans-serif;

	line-height: 1.15;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;

}



body {

	margin: 0;

}



article,

aside,

footer,

header,

nav,

section {

	display: block;

}



iframe {

	position: relative;

}



h1, h2, h3, h4, h5, h6 {

	padding: 0;

	margin: 0 0 1em 0;

	font-weight: 600;

}



h1 {

	font-size: 2em;

}



h2 {

	font-size: 1.75em;

	font-weight: 500;

	line-height: 1.5;

	margin-bottom: 0.25em;

}



p,

ul,

ol {

	font-size: 1.125em;

	line-height: 1.4;

	margin: 0 0 1em 0;

	padding: 0;

}



ul,

ol {

	margin: 0 2em 1em;

}



ul {

	list-style: none;

}



.page-body ul li {

	position: relative;

}



.page-body ul li:before {

	content: '\2022';

    left: -0.75em;

    position: absolute;

    height: 100%;

}



.page-body li ol {

	list-style-type: lower-alpha;

}



figcaption,

figure,

main {

	display: block;

}



figure {

	margin: 1em 0;

}



hr {

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}



pre {

	font-family: monospace, monospace;

	font-size: 1em;

}



a {

	background-color: transparent;

	-webkit-text-decoration-skip: objects;

	-webkit-transition: all 0.2s ease-in-out;

	   -moz-transition: all 0.2s ease-in-out;

	     -o-transition: all 0.2s ease-in-out;

	       transition: all 0.2s ease-in-out;

	color: #218995;

}



a:active,

a:hover {

	outline-width: 0;

}



abbr[title] {

	border-bottom: 1px #767676 dotted;

	text-decoration: none;

}



b,

strong {

	font-weight: inherit;

}



b,

strong {

	font-weight: 600;

}



code,

kbd,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



dfn {

	font-style: italic;

}



mark {

	background-color: #eee;

	color: #222;

}



small {

	font-size: 80%;

}



sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sub {

	bottom: -0.25em;

}



sup {

	top: -0.5em;

}



audio,

video {

	display: inline-block;

}



audio:not([controls]) {

	display: none;

	height: 0;

}



img {

	border-style: none;

	max-width: 100%;

	height: auto;

}



svg:not(:root) {

	overflow: hidden;

}



button,

input,

optgroup,

select,

textarea {

	font-family: 'Raleway', sans-serif;

	font-size: 100%;

	line-height: 1.15;

	margin: 0;

}



button,

input {

	overflow: visible;

}



button,

select {

	text-transform: none;

}



button,

html [type="button"],

[type="reset"],

[type="submit"] {

	-webkit-appearance: button;

}



button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;

}



button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;

}



fieldset {

	border: 1px solid #bbb;

	margin: 0 2px;

	padding: 0.35em 0.625em 0.75em;

}



legend {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}



progress {

	display: inline-block;

	vertical-align: baseline;

}



textarea {

	overflow: auto;

}



table {

	width: 100%;

}



table,

table td,

table th {

	border: 1px solid #ddd;

	border-collapse: collapse;

	border-spacing: 0;

}



table td,

table th {

	padding: 0.4em;

}



[type="checkbox"],

[type="radio"] {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	padding: 0;

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



[type="search"] {

	-webkit-appearance: textfield;

	outline-offset: -2px;

}



[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



::-webkit-file-upload-button {

	-webkit-appearance: button;

	font: inherit;

}



details,

menu {

	display: block;

}



summary {

	display: list-item;

}



canvas {

	display: inline-block;

}



template {

	display: none;

}



[hidden] {

	display: none;

}



/* ----- Utility ----- */



.container {

	position: relative;

	max-width: 1000px;

	margin: 0 auto;

}



.jtc {

	height: 1px;

	width: 1px;

	color: transparent;

	position: absolute;

}



.vis-hidden {

	visibility: hidden;

}



.hidden,

.sr-only,

.screen-reader-text {

	display: none;

}



.alignleft {

	float: left;

	margin: 0 1em 1em 0;

}



.aligncenter {

	display: block;

	margin: 0 auto 1em;

	max-width: 100%;

    height: auto;

}



.alignright {

	float: right;

	margin: 0 0 1em 1em;

}



.clear {

	clear: both;

}



.cta-button {

	display: inline-block;

	overflow: hidden;

	margin: 0 1em 1em 0;

}



.cta-button a {

	color: #fff;

	font-weight: bold;

	text-transform: uppercase;

	display: block;

	text-decoration: none;

	padding: 1em 2.5em 1em 1em;

	min-width: 7em;

	background: #178996;

	text-decoration: none;

	position: relative;

	cursor: pointer;

}



.cta-button.solid a {

	padding: 1em;

	min-width: auto;

	border: 2px solid #178996;

}



.cta-button.solid.purple a {

	background: #25244e;

	border-color: #25244e;

}



.cta-button.solid.green a {

	background: #9cb720;

	border-color: #9cb720;

}



.cta-button a,

.cta-button a:before,

.cta-button a:after {

	-webkit-transition: all 0.2s ease-in-out;

	   -moz-transition: all 0.2s ease-in-out;

	     -o-transition: all 0.2s ease-in-out;

	       transition: all 0.2s ease-in-out;

}



.cta-button a:before {

	content: '';

	border-top: 3em solid #178996;

	border-right: 1.5em solid #9cb721;

	position: absolute;

	bottom: 0;

	right: 1em;

}



.cta-button a:after {

	content: '';

	background: #9cb721;

	width: 1em;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

}



.cta-button.solid a:before,

.cta-button.solid a:after {

	display: none;

}



.cta-button a:hover,

.cta-button a:focus,

.cta-button a:active,

.cta-button a:hover:before,

.cta-button a:focus:before,

.cta-button a:active:before {

	background: #9cb721;

	border-top-color: #9cb721;

}



.cta-button a:hover:before,

.cta-button a:focus:before,

.cta-button a:active:before,

.cta-button a:hover:after,

.cta-button a:focus:after,

.cta-button a:active:after {

	background: #178996;

	border-right-color: #178996;

}



.cta-button.solid a:hover,

.cta-button.solid a:focus,

.cta-button.solid a:active {

	border-color: #178996;

	color: #178996;

	background: none;

}



.cta-button.solid.purple a:hover,

.cta-button.solid.purple a:focus,

.cta-button.solid.purple a:active {

	border-color: #25244e;

	color: #25244e;

	background: none;

}



.cta-button.solid.green a:hover,

.cta-button.solid.green a:focus,

.cta-button.solid.green a:active {

	border-color: #9cb720;

	color: #9cb720;

	background: none;

}



.columns {

	-webkit-column-count: 5; /* Chrome, Safari, Opera */

	   -moz-column-count: 5; /* Firefox */

			column-count: 5;

			

	margin-bottom: 1em;

}



.columns > p:empty  {

	display: none;

}



.columns.colnum-2 {

	-webkit-column-count: 2; /* Chrome, Safari, Opera */

	   -moz-column-count: 2; /* Firefox */

			column-count: 2;

}



.columns.colnum-3 {

	-webkit-column-count: 3; /* Chrome, Safari, Opera */

	   -moz-column-count: 3; /* Firefox */

			column-count: 3;

}



.columns.colnum-4 {

	-webkit-column-count: 4; /* Chrome, Safari, Opera */

	   -moz-column-count: 4; /* Firefox */

			column-count: 5;

}



.two-col {

	overflow: hidden;

}



.two-col .col1 {

	float: left;

}



.two-col .col2 {

	float: right;

}



.two-col > .wide {

	width: calc(75% - 2em);

}



.two-col > .thin {

	width: 25%;

}



/* ----- Header ----- */

.page-head .toolbar {

	background: #25234f;

	color: #fff;

	text-align: right;

	padding: 0.6em 0;

}



.toolbar .tool-nav,

.toolbar .menu,

.toolbar .menu-item,

.toolbar .social-media,

.social-icon,

.page-head .search-form {

	display: inline-block;

	vertical-align: middle;

}



.toolbar .menu {

	list-style: none;

	margin: 0;

	padding: 0;

}



.toolbar .menu li a {

	text-transform: uppercase;

	font-size: 0.6em;

	font-weight: 800;

	margin-right: 1em;

	color: #fff;

	text-decoration: none;

}



.toolbar .menu li a:hover,

.toolbar .menu li a:focus,

.toolbar .menu li a:active {

	color: #218995;

}



.page-head .social-media {

	text-align: right;

	overflow: hidden;

}



.social-icon {

	margin: 0 1em 0 0;

	position: relative;

	line-height: 0;

}



.page-head .search-form {

	position: relative;

}



.page-head .search-form .search-field {

	font-size: 0.8em;

	font-weight: 800;

	color: #4d4d4d;

	border: none;

	padding: 1em 2.5em 1em 1em;

	text-align: left;

	border-radius: 3px;

	min-width: 17em;

}



.page-head .search-form .submit {

	background: url('images/icon-search.png') no-repeat center;

	border: none;

	width: 1.5em;

	height: 1.5em;

	padding: 0;

	position: absolute;

	top: 0;

	right: 0.6em;

	bottom: 0;

	margin: auto;

	cursor: pointer;

	color: transparent;

}



.page-head .nav-wrapper {

	padding-top: 1.5em;

}



.page-head .logo {

	float: left;

	display: block;

	

	/* Designers moved logo out of container after redesign */

	margin-left: -50px;

}



.page-head .donate-link {

	float: right;

	margin: 0;

}



/* ----- Main Menu ----- */

.mobile-menu-toggle {

	position: relative;

	display: none;

	width: 2.25em;

	cursor: pointer;

	overflow: hidden;

	clear: right;

	float: right;

}



.mobile-menu-toggle .rect {

	height: 5px;

	background: #25244e;

	-webkit-transition: 0.2s all ease-in-out;

	   -moz-transition: 0.2s all ease-in-out;

	     -o-transition: 0.2s all ease-in-out;

	        transition: 0.2s all ease-in-out;

}



.mobile-menu-toggle .rect.mid {

	margin: 6px 0;

}



.mobile-menu-toggle:hover .rect,

.mobile-menu-toggle:focus .rect,

.mobile-menu-toggle.active .rect {

	background: #218995;

}



.main-menu {

	padding-top: 1.75em;

	clear: right;

	float: right;

}



.main-menu .menu {

	list-style: none;

	margin: 0;

	padding: 0;

	position: relative;

	font-size: 1em;

	line-height: 1;

	

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	

	-webkit-box-justify-content: flex-end;

	-moz-box-justify-content: flex-end;

	-webkit-justify-content: flex-end;

	-ms-justify-content: flex-end;

	justify-content: flex-end;



	-webkit-box-align-items: stretch;

	-moz-box-align-items: stretch;

	-webkit-align-items: stretch;

	-ms-align-items: stretch;

	align-items: stretch;

}



.main-menu .menu-item {

	overflow: hidden;

}



.main-menu .menu > .menu-item > a {

	display: block;

	font-weight: bold;

	color: #333333;

	padding: 1em;

	text-decoration: none;

	text-transform: uppercase;

	height: 100%;

}



.main-menu .menu > .menu-item:hover > a,

.main-menu .menu > .menu-item:focus > a,

.main-menu .menu > .menu-item:active > a,

.main-menu .menu > .active > a,

.main-menu .menu > .current_page_item > a,

.main-menu .menu > .current_page_ancestor > a {

	color: #fff;

	background: #25234f;

}



.main-menu .menu > .menu-item:hover > .sub-menu,

.main-menu .menu > .menu-item:focus > .sub-menu,

.main-menu .menu > .menu-item:active > .sub-menu {

	max-height: 500em;

	height: auto;

	opacity: 1;

	z-index: 99;

	overflow: visible;

}



.main-menu .sub-menu {

	list-style: none;

	width: calc(100% - 2em);

	margin: 0;

	padding: 2em 1em 1em;

	position: absolute;

	top: 100%;

	left: 0;

	z-index: -1;

	overflow: hidden;

	font-size: 1em;

	

	-webkit-columns: 3;

	   -moz-columns: 3;

		    columns: 3;

	

	max-height: 0;

	height: auto;

	opacity: 0;

	-webkit-transition: 0.2s all ease-out;

	   -moz-transition: 0.2s all ease-out;

	     -o-transition: 0.2s all ease-out;

	        transition: 0.2s all ease-out;

	

	background: rgba( 230, 230, 230, 1 );

}



/*.main-menu .sub-menu:before {

	content: '';

	background: rgba( 230, 230, 230, 1 );

	position: absolute;

	top: 0;

	left: -5000px;

	width: 15000px;

	height: 100%;

	-webkit-transition: all 0.2s ease-in-out;

	   -moz-transition: all 0.2s ease-in-out;

	     -o-transition: all 0.2s ease-in-out;

	       transition: all 0.2s ease-in-out;

}*/



.main-menu .sub-menu > .menu-item {

	margin-bottom: 1.5em;

	position: relative;

	z-index: 100;

}



.main-menu .sub-menu > .menu-item > a {

	font-weight: 800;

	color: #25234f;

	text-decoration: none;

}



.main-menu .sub-menu > .menu-item > a:hover,

.main-menu .sub-menu > .menu-item > a:focus,

.main-menu .sub-menu > .menu-item > a:active,

.main-menu .sub-menu > .current-menu-item > a {

	color: #178996;

}



.page-body {

	clear: both;

}



/* ----- Home Banner ----- */

.home-banner {

	position: relative;

	overflow: hidden;

}



.home-banner:before {

	content: '';

	position: absolute;

	top: 30%;

	right: 0;

	border-bottom: 50em solid #fff;

	border-left: 30em solid transparent;

	z-index: 10;

}



.home-banner:after {

	content: '';

	position: absolute;

	top: calc(30% + 1em);

	right: 0;

	border-bottom: 50em solid #9cb721;

	border-left: 29em solid transparent;

	z-index: 10;

}



.home-banner .swiper-wrapper {

	-webkit-box-align-items: stretch;

	-moz-box-align-items: stretch;

	-webkit-align-items: stretch;

	-ms-align-items: stretch;

	align-items: stretch;

}



.home-banner .swiper-slide {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

	height: auto;

}



.home-banner .swiper-slide .slide-content {

	position: relative;

	z-index: 6;

	color: #fff;

	max-width: 75%;

	padding: 3em 0;

	min-height: 17em;

}



.home-banner .swiper-slide .slide-title {

	font-size: 2em;

	font-weight: normal;

	position: relative;

	margin-bottom: 0.5em;

	padding-bottom: 0.5em;

}



.home-banner .swiper-slide .slide-text {

	font-size: 1.5em;

}



.home-banner .swiper-slide .slide-button {

	text-decoration: none;

	font-size: 0.75em;

	padding: 2em 1.5em;

	line-height: 0;

	color: #25234f;

	background: #fff;

	border: 2px solid #fff;

	text-transform: uppercase;

	font-weight: 800;

	display: inline-block;

}



.home-banner .swiper-slide .slide-button:hover,

.home-banner .swiper-slide .slide-button:focus,

.home-banner .swiper-slide .slide-button:active {

	color: #fff;

	background: none;

}



.home-banner .purple-overlay {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#25234f+0,25234f+100 */

	background: -webkit-linear-gradient(left, rgba(37,35,79,1) 10%, rgba(37,35,79,0) 100%); /* Chrome10-25,Safari5.1-6 */

	background:    -moz-linear-gradient(left, rgba(37,35,79,1) 10%, rgba(37,35,79,0) 100%); /* FF3.6-15 */

	background:     linear-gradient(to right, rgba(37,35,79,1) 10%, rgba(37,35,79,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 5;

}



.home-banner.swiper-container-horizontal > .swiper-pagination-bullets {

	bottom: 1em;

	right: 1em;

	left: auto;

	width: auto;

	z-index: 12;

}



.home-banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

	width: 1em;

	height: 1em;

	background: none;

	border: 1px solid #fff;

	opacity: 1;

}



.home-banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover,

.home-banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:focus,

.home-banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:active,

.home-banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {

	background: #fff;

}



/* ----- Home Support Boxes ----- */

.support-boxes {

	padding-top: 2em;

}



.support-boxes .container {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	

	-webkit-box-justify-content: space-between;

	-moz-box-justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-justify-content: space-between;

	justify-content: space-between;

}



.support-boxes .box {

	width: calc(50% - 0.75em);

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	

	-webkit-box-flex-direction: column;

	-moz-box-flex-direction: column;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

}



.support-boxes .box-image {

	-webkit-box-flex-grow: 1;

	-moz-box-flex-grow: 1;

	-webkit-flex-grow: 1;

	-ms-flex-grow: 1;

	flex-grow: 1;

	

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.support-boxes .box-image img {

	max-height: 15em;

	visibility: hidden;

}



.support-boxes .box-content {

	padding: 1.5em 8em 1.5em 1.5em;

	position: relative;

	color: #fff;

	overflow: hidden;

}



.support-boxes .container .box:nth-child(2n+1) .box-content {

	background: #168895;

}



.support-boxes .container .box:nth-child(2n+2) .box-content {

	background: #25234f;

}



.support-boxes .box-content:before {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0;

	border-bottom: 20em solid #fff;

	border-left: 8em solid transparent;

	z-index: 10;

}



.support-boxes .box-content:after {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0;

	border-bottom: 19em solid #9cb721;

	border-left: 7.5em solid transparent;

	z-index: 10;

}



.support-boxes .box-title {

	font-size: 1.75em;

	font-weight: normal;

	margin: 0 0 0.25em 0;

}



.support-boxes .box-button {

	position: absolute;

	bottom: 1.5em;

	right: 0.5em;

	font-weight: 800;

	color: #25234f;

	text-decoration :none;

	max-width: 5em;

	text-align: center;

	display: inline-block;

	z-index: 11;

}



.support-boxes .box-button:hover,

.support-boxes .box-button:focus,

.support-boxes .box-button:active {

	color: #168895;

}



/* ----- Image Links ----- */



.image-links {

	padding: 1.5em 0;

}



.image-links .container {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	

	-webkit-box-justify-content: space-between;

	-moz-box-justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-justify-content: space-between;

	justify-content: space-between;

	

	-webkit-box-flex-flow: wrap;

	-moz-box-flex-flow: wrap;

	-webkit-flex-flow: wrap;

	-ms-flex-flow: wrap;

	flex-flow: wrap;

}



.image-links .image-link {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

	

	width: calc(33% - 0.25em);

	position: relative;

}



.image-links.show-upcoming .image-link {

	width: calc(25% - 1.5em);

}



.image-links .image-link img {

	visibility: hidden;

	max-height: 16em;

}



.image-links .image-link-button {

	position: absolute;

	bottom: 1em;

	left: 1em;

	text-decoration: none;

	padding: 1.5em 1em;

	line-height: 0;

	color: #25234f;

	background: #fff;

	border: 2px solid #fff;

	text-transform: uppercase;

	font-weight: 800;

	display: inline-block;

	max-width: calc(100% - 4em);

}



.image-links .image-link-button:hover,

.image-links .image-link-button:focus,

.image-links .image-link-button:active {

	background: rgba( 255, 255, 255, 0.8 );

}



/* ----- Events shortcode output ----- */

.show-upcoming .upcoming-events {

	background: #218995;

	color: #fff;

	width: calc( 50% - 4.5em );

	padding: 1.5em 2.5em;

	position: relative;

}



.show-upcoming .upcoming-events-title {

	font-size: 1.75em;

}



.show-upcoming .swiper-wrapper {

	-webkit-box-align-items: stretch;

	-moz-box-align-items: stretch;

	-webkit-align-items: stretch;

	-ms-align-items: stretch;

	align-items: stretch;

}



.show-upcoming .event {

	background: rgba( 255, 255, 255, 0.3 );

	height: auto;

}



.show-upcoming .event > a {

	display: block;

	color: #fff;

	text-decoration: none;

	padding: 1em;

}



.show-upcoming .event-date {

	font-size: 1em;

	margin-bottom: 1em;

}



.show-upcoming .event-title {

	font-size: 1.5em;

	margin: 0;

}



.show-upcoming .prev,

.show-upcoming .next {

	display: block;

	position: absolute;

	top: 2.5em;

	bottom: 0;

	width: 0;

	height: 0;

	margin: auto;

	cursor: pointer;

}



.show-upcoming .swiper-controls .swiper-button-disabled {

	display: none;

}



.show-upcoming .prev {

	left: 0.5em;

	border-top: 1em solid transparent;

	border-bottom: 1em solid transparent;

	border-right: 1.25em solid rgba( 255, 255, 255, 0.3 );

}



.show-upcoming .next {

	right: 0.5em;

	border-top: 1em solid transparent;

	border-bottom: 1em solid transparent;

	border-left: 1.25em solid rgba( 255, 255, 255, 0.3 );

}



/* ----- Page Banners ----- */

.page-banner {

	position: relative;

	overflow: hidden;

}



.page-banner .page-banner-image {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

	background-color: rgba(36,34,79,1);

	

	position: absolute;

	top: 0;

	right: 0;

	width: 43%;

	height: 100%;

	z-index: 1;

}



.page-banner .page-banner-image img {

	visibility: hidden;

}



.page-banner .page-banner-background-wrap {

	background: -webkit-linear-gradient(-60deg, rgba(36,34,79,1) 60%, rgba(36,34,79,0) 75%); /* Chrome10-25,Safari5.1-6 */

	background:    -moz-linear-gradient(-60deg, rgba(36,34,79,1) 60%, rgba(36,34,79,0) 75%); /* FF3.6-15 */

	background:         linear-gradient(120deg, rgba(36,34,79,1) 60%, rgba(36,34,79,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24224f', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	

	padding: 2em 0;

	color: #fff;

	position: relative;

	z-index: 2;

}



.page-banner .page-banner-background-wrap:before {

	content: '';

	position: absolute;

	top: 30%;

	right: 0;

	border-bottom: 50em solid #fff;

	border-left: 30em solid transparent;

	z-index: 10;

}



.page-banner .page-banner-background-wrap:after {

	content: '';

	position: absolute;

	top: calc(30% + 1em);

	right: 0;

	border-bottom: 50em solid #9cb721;

	border-left: 29em solid transparent;

	z-index: 10;

}



.page-banner .page-title {

	font-size: 2em;

	margin: 0;

	padding: 0.5em 0;

	font-weight: normal;

}



.page-banner .banner-text {

	font-size: 1.25em;

	padding: 1em 0;

	position: relative;

	max-width: 50%;

}



.page-banner .banner-text:before {

	content: '';

	height: 2px;

	width: 2em;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	background: #9cb720;

}



/* ----- Pet of the Week ----- */

.potw {

	overflow: hidden;

	padding: 2em;

}



.wysiwyg-block .potw {

	padding: 0;

}



.potw-title {

	color: #25234f;

	font-size: 1.75em;

	margin: 0 0 0.5em 0;

	font-weight: 600;

}



.potw .pet-image {

	float: left;

	margin-right: 1em;

	max-width: calc(30% - 1em);

}



.potw .pet-content {

	max-width: 70%;

	float: left;

}



.potw .pet-content .pet-name {

	font-weight: 600;

	margin: 0;

}



.potw .pet-content p {

	line-height: 1.5;

}



.potw .button {

	display: inline-block;

	color: #fff;

	text-transform: uppercase;

	padding: 1.5em;

	background: #25234f;

	border: 2px solid #25234f;

	font-size: 0.75em;

	font-weight: 800;

	text-decoration: none;

	cursor: pointer;

}



.potw .button:hover,

.potw .button:focus,

.potw .button:active {

	background: none;

	color: #25234f;

}



#potw-archive {

	display: none;

}



/* ----- Supporter of the Month ----- */



.sotm {

	overflow: hidden;

}



.sotm .supporter-image {

	float: left;

	margin-right: 1em;

	max-width: calc(30% - 1em);

}



.sotm .supporter-content {

	max-width: 70%;

	float: left;

}



/* Mosaics */

.mosaic {

	overflow: hidden;

}



.mosaic .mosaic-item {

	background: #e6e6e6;

	margin-bottom: 1.5em;

	width: calc(33% - 1em);

}



.mosaic .mosaic-item-image img {

	width: 100%;

	height: auto;

}



.mosaic .mosaic-item-body {

	padding: 1em;

}



.mosaic .mosaic-item-body > p {

}



.mosaic .mosaic-item-name {

	color: #fff;

	text-transform: uppercase;

	font-size: 1.1em;

	padding: 1em;

	margin-bottom: 1em;

	background: #9cb720;

	font-weight: 900;

}



.mosaic .mosaic-item:nth-child(3n+1) .mosaic-item-name {

	background: #178996;

}



.mosaic .mosaic-item:nth-child(3n+2) .mosaic-item-name {

	background: #25234F;

}



.mosaic .mosaic-item-name a {

	color: #fff;

	text-decoration: none;

}



.mosaic .mosaic-body {

	position: relative;

}



.mosaic .btf {

	display: none;

}



.mosaic .read-more {

	position: absolute;

	bottom: 0.5em;

	right: 1em;

	text-decoration: underline;

	color: #178996;

	cursor: pointer;

	-webkit-transition: 0.2s all ease-in-out;

	   -moz-transition: 0.2s all ease-in-out;

	     -o-transition: 0.2s all ease-in-out;

	        transition: 0.2s all ease-in-out;

}



.mosaic .read-more:hover,

.mosaic .read-more:focus {

	color: #9cb721;

}



/* ----- Standard Pages ----- */

.editor-content {

	margin-top: 2em;

	overflow: hidden;

}



.editor-content img,

.potw img,

.sotm img,

.block-body img,

div.single-post img {

	max-width: calc(100% - 1em);

}



.content-block-anchors {

	margin-bottom: 1em;

}



.page-content .content-blocks {

	margin-top: 2em;

}



.content-block .block-heading {

	position: relative;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	

	-webkit-box-align-items: stretch;

	-moz-box-align-items: stretch;

	-webkit-align-items: stretch;

	-ms-align-items: stretch;

	align-items: stretch;

}



.content-block .block-heading.purple {

	background: #25244e;

}



.content-block .block-heading.aqua {

	background: #218995;

}



.content-block .block-heading.green {

	background: #9cb720;

}



.content-block .block-image {

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

	border-right: 1em solid #fff;

	width: 10em;

}



.content-block .block-image img {

	visibility: hidden;

	max-width: 10em;

	max-height: 10em;

}



.content-block .block-title {

	color: #fff;

	margin: 0;

	max-width: calc( 100% - 11em );

	

	-webkit-box-align-self: center;

	-moz-box-align-self: center;

	-webkit-align-self: center;

	-ms-align-self: center;

	align-self: center;

	

	padding: 1em;

}



.content-block .block-body {

	padding: 1em 0 2em;

	overflow: hidden;

}



.content-block .wysiwyg-block {

}



.content-block .accordion-block {

}



.content-block .accordion-title {

	font-size: 1.125em;

	cursor: pointer;

	margin: 0;

	padding: 0.75em 1em 0.75em 0;

	position: relative;

	border-bottom: 2px solid #9cb720;

}



.content-block .accordion-title:before,

.content-block .accordion-title:after {

	content: '';

	display: block;

	position: absolute;

	top: 0;

	bottom: 0;

	right: 0;

	margin: auto;

	height: 4px;

	width: 12px;

	background: #000;

	opacity: 1;

	-webkit-transition: 0.25s all ease-out;

	   -moz-transition: 0.25s all ease-out;

	     -o-transition: 0.25s all ease-out;

	        transition: 0.25s all ease-out;

}



.content-block .accordion-title:before {

	transform: rotate(-90deg);

}



.content-block .active .accordion-title:before {

	transform: rotate(0deg);

}



.content-block .active .accordion-title:after {

	opacity: 0;

}



.content-block .accordion-body {

	padding-top: 1em;

	display: none;

}





/* ----- Quick Links ----- */

.quick-links .container {

	vertical-align: middle;

	text-align: center;

	padding: 2.5em 0;

}



.quick-links .quick-link {

	margin: 0 2em;

	display: inline-block;

	vertical-align: middle;

}



/* ----- Available Animals ----- */

.available-toggles {

	padding: 1em 0;

}



.available-toggles .cta-button {

	margin-right: 1em;

}



.available-toggles .cta-button a {

	cursor: pointer;

}



.available-frames .available-frame {

	display: none;

}



.available-frames .available-frame:first-child {

	display: block;

}



.available-frames iframe {

    width: 100%;

	height: 1000px;

	border: none;

}



/* ----- Happy Tails Form -----*/

.happy-tail-form {

	display: none;

}



.wpcf7 form > div {

	overflow: hidden;

}



.container div.wpcf7 {

	margin: 1.5em 0;

	padding: 1.5em;

	background: #25244e;

	color: #fff;

}



.container div.wpcf7 label {

	overflow: hidden;

	display: block;

	margin-bottom: 1em;

}



.container div.wpcf7 .label-wrap {

	width: 30%;

	float: left;

	display: block;

}



.container div.wpcf7 .wpcf7-form-control-wrap {

	float: right;

	width: calc(70% - 1em);

}



.container div.wpcf7 .wpcf7-form-control-wrap input[type=text],

.container div.wpcf7 .wpcf7-form-control-wrap input[type=date],

.container div.wpcf7 .wpcf7-form-control-wrap input[type=number],

.container div.wpcf7 .wpcf7-form-control-wrap input[type=email],

.container div.wpcf7 .wpcf7-form-control-wrap textarea {

	width: 100%;

}



.container div.wpcf7 .wpcf7-submit{

	text-transform: uppercase;

	border: none;

	background: #fff;

	cursor: pointer;

	-webkit-transition: all 0.2s ease-in-out;

	   -moz-transition: all 0.2s ease-in-out;

	     -o-transition: all 0.2s ease-in-out;

	       transition: all 0.2s ease-in-out;

	font-weight: bold;

	padding: 1em;

	margin: 1em 0 0.5em calc(30% + 1em);

}



.container div.wpcf7 .wpcf7-submit:hover,

.container div.wpcf7 .wpcf7-submit:focus {

	color: #25244e;

}

/* ----- Satellite Locations ----- */

.satellite-locations {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	

	-webkit-box-flex-flow: wrap;

	-moz-box-flex-flow: wrap;

	-webkit-flex-flow: wrap;

	-ms-flex-flow: wrap;

	flex-flow: wrap;

	

	-webkit-box-align-items: stretch;

	-moz-box-align-items: stretch;

	-webkit-align-items: stretch;

	-ms-align-items: stretch;

	align-items: stretch;

	

	-webkit-box-justify-content: space-between;

	-moz-box-justify-content: space-between;

	-webkit-justify-content: space-between;

	-ms-justify-content: space-between;

	justify-content: space-between;

	

	padding-top: 3em;

}



.satellite-locations .location {

	width: calc( 33% - 1em - 3em );

	margin-bottom: 1.5em;

	background: #e6e6e6;

	padding: 1.5em;

}



.satellite-locations .location-image {

	background: #fff;

	text-align: center;

	position: relative;

	height: 11em;

	margin-bottom: 1em;

}



.satellite-locations .location-image img {

	max-height: calc( 100% - 2em );

	max-width: calc( 100% - 2em );

	height: auto;

	width: auto;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

}



.satellite-locations .location-name,

#newsletter-archive .mosaic-item-name {

	font-size: 1em;

	margin: 0 0 1em;

	padding: 0;

	font-weight: normal;

}



.satellite-locations .location-name a,

#newsletter-archive .mosaic-item-name a {

	display: block;

	text-transform: uppercase;

	font-weight: 900;

	color: #fff;

	padding: 1em;

	text-decoration: none;

	background: #218995;

	border: 2px solid #218995;

	text-align: center;

}



.satellite-locations .location-name a:hover,

.satellite-locations .location-name a:focus,

.satellite-locations .location-name a:active,

#newsletter-archive .mosaic-item-name a:hover,

#newsletter-archive .mosaic-item-name a:focus,

#newsletter-archive .mosaic-item-name :active {

	background: #fff;

	color: #218995;

}



.satellite-locations .location:nth-child(3n+1) .location-name a,

#newsletter-archive .mosaic-item:nth-child(3n+1) .mosaic-item-name a {

	background: #9cb720;

	border-color: #9cb720;

}



.satellite-locations .location:nth-child(3n+1) .location-name a:active,

.satellite-locations .location:nth-child(3n+1) .location-name a:hover,

.satellite-locations .location:nth-child(3n+1) .location-name a:focus,

#newsletter-archive .mosaic-item:nth-child(3n+1) .mosaic-item-name a:active,

#newsletter-archive .mosaic-item:nth-child(3n+1) .mosaic-item-name a:hover,

#newsletter-archive .mosaic-item:nth-child(3n+1) .mosaic-item-name a:focus {

	background: #fff;

	color: #9cb720;

}



.satellite-locations .location:nth-child(3n+3) .location-name a,

#newsletter-archive .mosaic-item:nth-child(3n+3) .mosaic-item-name a {

	background: #25244e;

	border-color: #25244e;

}



.satellite-locations .location:nth-child(3n+3) .location-name a:active,

.satellite-locations .location:nth-child(3n+3) .location-name a:hover,

.satellite-locations .location:nth-child(3n+3) .location-name a:focus,

#newsletter-archive .mosaic-item:nth-child(3n+3) .mosaic-item-name a:active,

#newsletter-archive .mosaic-item:nth-child(3n+3) .mosaic-item-name a:hover,

#newsletter-archive .mosaic-item:nth-child(3n+3) .mosaic-item-name a:focus {

	background: #fff;

	color: #25244e;

}



.satellite-locations strong {

	font-weight: 600;

}



#newsletter-archive .mosaic-item-image {

	padding: 0.5em;

}



#newsletter-archive {

	margin: 2em 0;

}





/* ----- News Posts ----- */

.post-feed {

	margin-top: 3em;

}



.post-feed .wp-post-image {

	float: left;

	margin: 0 1em 0.5em 0;

	/*border: 0.5em solid #9cb720;*/

}



.post-feed .post {

	margin-bottom: 3em;

	overflow: hidden;

}



.post-feed .post-date {

	font-size: .875em;

    font-weight: 800;

    text-transform: uppercase;

}



.post-feed .post-title {

	font-size: 1.5em;

	line-height: 1;

	margin: 0.5em 0;

	font-weight: 700;

}



.posts-navigation .nav-links {

	margin-bottom: 3em;

	overflow: hidden;

	font-size: 0.85em;

}



.posts-navigation .nav-links > div {

	margin: 0;

}



.posts-navigation .nav-previous {

	float: left;

}



.posts-navigation .nav-next {

	float: right;

}



div.single-post {

	margin-top: 3em;

}



.single-post-navigation {

	text-align: center;

	overflow: hidden;

	font-size: 0.85em;

	margin: 3em 0;

}



.single-post-navigation > div {

	max-width: 30%;

	margin: 0;

}



.single-post-navigation .prev {

	float: left;

	text-align: left;

}



.single-post-navigation .next {

	float: right;

	text-align: right;

}



.fb-page,

.twitter-timeline {

	margin-bottom: 2em;

}



/* ----- Post Comments ----- */

.comments-area .comment-list {

	margin: 0;

	list-style: none;

}



.comments-area .avatar {

	display: none;

}



.comments-area .comment-list ol {

	margin-top: 1em;

	margin-right: 0;

	font-size: 1em;

	list-style: none;

}



.comments-area p {

	font-size: 1em;

}



.comments-area .comment-metadata {

	margin-bottom: 1em;

}



/* ----- Search Results ----- */

.search .page-content {

	padding: 3em 0;

}



.search .post {

	margin-bottom: 2em;

}



.search .post-title a {

	color: #000;

	text-decoration: none;

}



.search-results .post-title a:hover,

.search-results .post-title a:focus {

	color: #218995;

}



.search-results .nav-links {

	text-align: center;

	padding: 0 3em;

}



.search-results .nav-links a,

.search-results .nav-links span {

	display: inline-block;

	border: 2px solid #25244e;

	background: #25244e;

	color: #fff;

	text-decoration: none;

	padding: 0.25em;

}



.search-results .nav-links a:hover,

.search-results .nav-links a:focus,

.search-results .nav-links .current {

	color: #25244e;

	background: none;

}



/* ----- twitter / facebook widget ----- */

.fb_iframe_widget,

.twitter-timeline {

	display: block!important;

}



/* ----- Footer Top ----- */

.foot-top {

	background: #25244e;

	padding: 2.5em 0;

}



.foot-top .container {

	overflow: hidden;

}



.foot-top .adopt-box {

	background: #fff;

	float: left;

	overflow: hidden;

	width: calc(60% - 2em);

	/* background-repeat: no-repeat;
	background-position: center;
	background-size: cover; */

}



.foot-top .adopt-box .adopt-box-menu {

	float: right;

	background: #fff;

	padding: 1em;

	position: relative;
	/*arbitrary height due to no menu*/
	/* height: 15em; */

}



.foot-top .adopt-box .adopt-box-menu:before {

	content: '';

	position: absolute;

	top: 0;

	right: 100%;

	border-bottom: 20em solid #fff;

	border-left: 9em solid transparent;

}



.foot-top .adopt-box .adopt-box-title {

	color: #25234f;

	font-weight: 800;

	margin: 0;

	padding: 0;

	text-transform: uppercase;

	font-size: 1em;

}



.foot-top .adopt-box .adopt-box-menu ul {

	list-style: none;

	margin: 0;

	padding: 0.5em 0 0 0;

}



.foot-top .adopt-box .adopt-box-menu ul li {

	margin: 0;

	padding: 0.5em 0;

	border-top: 1px solid #b3b3b3;

}



.foot-top .adopt-box .adopt-box-menu ul li:first-child {

	border: none;

}



.foot-top .adopt-box .adopt-box-menu ul li a {

	color: #333333;

	text-decoration: none;

	min-width: 9em;

	display: inline-block;

}



.foot-top .adopt-box .adopt-box-menu ul li a:hover,

.foot-top .adopt-box .adopt-box-menu ul li a:focus,

.foot-top .adopt-box .adopt-box-menu ul li a:active {

	color: #178996;

}



.foot-top .lost-box,

.foot-top .foot-contact {

	clear: right;

	float: right;

	width: 40%;

}



.foot-top .lost-box {

	background: #178996;

	color: #fff;

	margin-bottom: 1.5em;

}



.foot-top .lost-box p {

	margin: 0;

	padding: 0;

}



.foot-top .lost-box a {

	display: block;

	-webkit-transition: 0.2s all ease-in-out;

	   -moz-transition: 0.2s all ease-in-out;

	     -o-transition: 0.2s all ease-in-out;

	        transition: 0.2s all ease-in-out;

	padding: 1em;

	color: #fff;

	text-decoration: none;

}



.foot-top .lost-box a:hover,

.foot-top .lost-box a:focus,

.foot-top .lost-box a:active {

	background: #9cb721;

}



.foot-top .lost-box strong {

	font-weight: 800;

	line-height: 2;

}



.foot-top .foot-contact {

	color: #fff;

}



.foot-top .foot-contact h2,

.foot-top .widget-title {

	margin: 0 0 0.5em 0;

	padding: 0 0 0.5em 0;

	font-size: 1em;

	text-transform: uppercase;

	font-weight: 600;

	position: relative;

	color: #fff;

}



.foot-top .widget-title a {

	color: #fff;

	text-decoration: none;

}



.foot-top .widget-title a:hover,

.foot-top .widget-title a:focus,

.foot-top .widget-title a:active {

	color: #218996;

}



.foot-top .foot-contact h2:after,

.foot-top .widget-title:after,

.home-banner .slide-title:after {

	content: '';

	display: block;

	position: absolute;

	top: calc(100% - 3px);

	left: 0;

	width: 3.5em;

	border-top: 3px solid #c9d453;

}



.foot-top .foot-contact strong {

	font-weight: 600;

	font-size: 1.5em;

}



.foot-top .widget-area {

	padding-top: 2em;

	clear: both;

	overflow: hidden;

	

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

}



.foot-top .widget-area .cta-button a {

	padding-top: 0.75em;

	padding-bottom: 0.75em;

}



.foot-top .widget-area .widget {

	width: calc(25% - 1px);

	border-left: 1px solid #626181;

	text-align: center;

	float: left;

}



.foot-top .widget-area .widget:nth-child(4n+1) {

	text-align: left;

}



.foot-top .widget-area .widget:nth-child(4n+4) {

	text-align: right;

}



.foot-top .widget-area .widget:first-child {

	border-left: none;

}



.foot-top .widget-area .widget .wrapper {

	display: inline-block;

	text-align: left;

}



.foot-top .widget-area .menu {

	margin: 0;

	padding: 0;

	list-style: none;

}



.foot-top .widget-area .menu-item a {

	text-decoration: none;

	color: #fff;

}



.foot-top .widget-area .menu-item a:hover,

.foot-top .widget-area .menu-item a:focus {

	color: #218996;

}



/* ----- tribe events ----- */

.tribe-events-pg-template .container {

	padding: 2em 0;

}



#tribe-events {

	margin: 0;

}



#tribe-events-content {

	clear: both;

}



#tribe-geo-results h2.tribe-events-page-title, 

#tribe-events-content h2.tribe-events-page-title {

	font-size: 1.75em;

	font-weight: 600;

}



#tribe-events-content #tribe-events-header {

	margin: 0;

	width: 100%;

	position: absolute;

	top: 0.4em;

	left: 0;

}



.ghs-tribe-events-sub-nav {

}



.ghs-tribe-events-sub-nav .cta-button {

	margin: 0;

	font-size: 0.85em;

}



.ghs-tribe-events-sub-nav .cta-button.next {

	float: right;

}



.ghs-tribe-events-sub-nav .cta-button a {

	padding: 0.5em 0.75em;

}



#tribe-events-content .tribe-events-calendar thead th {

	background-color: #218995;

}



#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] {

	background-color: #e6e6e6;

	text-align: right;

}



#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-], 

#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] a {

	color: #000;

}



#tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] a {

	background-color: transparent;

}



#tribe-events-content .tribe-events-event-image {

	margin: 1em;

	text-align: center;

}

#tribe-events-content .tribe-events-event-image img {

	max-width: 100%;

	width: auto;

	height: auto;

}



.events-list.tribe-bar-is-disabled #tribe-events #tribe-events-content-wrapper,

#tribe-events-content .tribe-events-loop {

	max-width: 100%;

}



#tribe-events-content .tribe-events-loop .tribe-event-featured .tribe-events-list-event-title {

	margin-top: 0;

}



#tribe-events-footer:after, #tribe-events-footer:before, #tribe-events-header:after, #tribe-events-header:before {

	background-color: transparent!important;

}



/* ----- Galleries ----- */

.gallery {

	overflow: hidden;

}



.gallery .gallery-item {

	margin: 1em;

	text-align: center;

}



.gallery-columns-2 .gallery-item {

	width: calc(50% - 2em);

}



.gallery-columns-3 .gallery-item {

	width: calc(33% - 2em);

}



.gallery-columns-4 .gallery-item {

	width: calc(25% - 2em);

}



.gallery-columns-5 .gallery-item {

	width: calc(20% - 2em);

}



.gallery .gallery-item a {

	display: block;

}



/* i give up */

.gallery a img {

	border: none;

}



/* ----- Interactive Maps ----- */

.inter-map {

	height: 550px;

    width: 100%;

	position: Relative;

	overflow: hidden;

}



/* ----- Footer Bottom ----- */

.foot-bot {

	background: #9cb721;

	color: #25234f;

	padding: 1em;

}



.foot-bot .container {

	text-align: justify;

}



.foot-bot .copyright,

.foot-bot .legal-nav {

	display: inline-block;

	vertical-align: middle;

	width: calc( 50% - 0.15em );

}



.foot-bot .copyright {

	font-size: 0.75em;

}



.foot-bot .legal-nav {

	text-align: right;

}



.foot-bot .legal-nav .menu {

	margin: 0;

	padding: 0;

	list-style: none;

}



.foot-bot .legal-nav .menu-item {

	display: inline-block;

	font-size: 0.75em;

	margin-left: 1em;

}



.foot-bot .legal-nav .menu-item a { 

	color: #25234f;

	text-decoration: none;

}



.foot-bot .legal-nav .menu-item a:hover,

.foot-bot .legal-nav .menu-item a:focus	{ 

	text-decoration: underline;

}



/* ----- Media Queries ----- */ 

/* ----- Breakpoints at 1000, 768, 420 ----- */



@media screen and (max-width: 1000px) {

	.container {

		margin-left: 2%;

		margin-right: 2%;

	}

	

	.page-head .logo {

		margin: 0;

	}

	

	.page-head .donate-link {

		margin-top: 2.5em;

	}

	

	.support-boxes .box-title {

		line-height: 1;

	}

	

}



@media screen and (max-width: 768px) {

	

	.page-head .toolbar {

		padding-top: 0;

	}

	

	.page-head .search-form {

		display: block;

	}

	

	.page-head .search-form .search-field {

		min-width: 26em;

		max-width: 100%;

		

	}

	

	.page-head .social-media {

		margin: 0.6em 0;

	}

	

	.page-head .social-icon,

	.toolbar .menu li a	{

		margin: 0 0 0 1em;

	}

	

	.home-banner .swiper-slide .slide-text {

		font-size: 1em;

	}

	

	.image-links .image-link-button {

		line-height: 1;

	}

	

	.show-upcoming .upcoming-events {

		width: calc( 100% - 5em );

	}

	

	.image-links.show-upcoming .image-link {

		margin-top: 1em;

		width: calc(50% - 0.5em);

	}

	

	.tribe-events-calendar td div[id*=tribe-events-daynum-], 

	.tribe-events-calendar td div[id*=tribe-events-daynum-] a {

		margin-top: 0!important;

	}

	

	.satellite-locations .location {

		width: calc( 50% - 1em - 3em );

	}

	

	.tribe-is-responsive.tribe-mobile .tribe-events-page-title {

		margin-top: 0!important;

	}

	

	#tribe-events-content .tribe-events-calendar td {

		height: 80px!important;

	}

	

	.foot-top .widget-area {

		-webkit-box-flex-flow: wrap;

		-moz-box-flex-flow: wrap;

		-webkit-flex-flow: wrap;

		-ms-flex-flow: wrap;

		flex-flow: wrap;

	}

	

	.foot-top .widget-area .widget {

		width: calc(50% - 1px);

	}

	

	.foot-top .widget-area .widget:nth-child(odd) {

		border-left: 0;

		text-align: left;

	}

	

	.foot-top .widget-area .widget:nth-child(even) {

		text-align: center;

	}



	.two-col .col1 {

		float: none;

	}



	.two-col .col2 {

		float: none;

	}



	.two-col > .wide,

	.two-col > .thin {

		width: 100%;

	}

}



@media screen and (max-width: 420px) {

	

	.page-head .logo {

		max-width: 50%;

		margin-bottom: 1em;

	}

	

	.page-head .donate-link {

		margin: 0 0 1em 0;

		font-size: 0.75em;

		max-width: 50%;

	}

	

	.mobile-menu-toggle {

		display: block;

		margin-bottom: 1em;

	}

	

	.main-menu {

		padding: 0;

		clear: both;

		float: none;

		width: 100%;

		display: none;

	}

	

	.main-menu .menu {

		display: block;

	}

	

	.main-menu .menu-item {

		position: relative;

	}

	

	.main-menu .menu > .menu-item {

		border-top: 1px solid #218995;

	}

	

	.main-menu .menu > .menu-item:first-child {

		border: none;

	}

	

	.main-menu .menu-item-has-children .submenu-toggle {

		display: none; 

	}

	

	.main-menu .menu-item-has-children > .submenu-toggle {

		display: block;

		position: absolute;

		width: 1em;

		height: 1em;

		padding: 1em;

		top: 0;

		right: 0;

		cursor: pointer;

		z-index: 99;

	}

	

	.main-menu .menu-item-has-children > .submenu-toggle:before,

	.main-menu .menu-item-has-children > .submenu-toggle:after {

		content: "";

		display: block;

		position: absolute;

		

		width: 1em;

		height: 2px;

		background: #218995;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		margin: auto;

		-webkit-transition: 0.2s all ease-in-out;

	       -moz-transition: 0.2s all ease-in-out;

	         -o-transition: 0.2s all ease-in-out;

	            transition: 0.2s all ease-in-out;

	}

	

	.main-menu .menu-item-has-children > .submenu-toggle:after {

		transform: rotate(-90deg);

	}

	

	.main-menu .menu-item-has-children > .submenu-toggle:hover:before,

	.main-menu .menu-item-has-children > .submenu-toggle:hover:after,

	.main-menu .menu-item-has-children > .submenu-toggle:focus:before,

	.main-menu .menu-item-has-children > .submenu-toggle:focus:after,

	.main-menu .menu-item-has-children.active > .submenu-toggle:before,

	.main-menu .menu-item-has-children.active > .submenu-toggle:after {

		background: #9cb720;

	}

	

	.main-menu .menu-item-has-children.active > .submenu-toggle:before {

		display: none;

	}

	

	.main-menu .menu-item-has-children.active > .submenu-toggle:after {

		transform: rotate(0deg);

	}

	

	.main-menu .sub-menu {

		display: none;

		-webkit-transition: none;

		   -moz-transition: none;

	         -o-transition: none;

	            transition: none;

	}

	

	.main-menu .sub-menu,

	.main-menu .menu > .menu-item:hover > .sub-menu, 

	.main-menu .menu > .menu-item:focus > .sub-menu, 

	.main-menu .menu > .menu-item:active > .sub-menu {

		position: relative;

		top: 0;

		z-index: 99;

		-webkit-columns: 1;

		   -moz-columns: 1;

				columns: 1;

	

		max-height: none;

		opacity: 1;

		padding: 1em 1em 0;

	}

	

	.main-menu .sub-menu > .menu-item {

		margin-bottom: 1em;

	}

	

	.home-banner:before {

		top: auto;

		bottom: 0;

		border-bottom: 16em solid #fff;

		border-left: 10em solid transparent;

	}



	.home-banner:after {

		top: auto;

		bottom: 0;

		border-bottom: 15em solid #9cb721;

		border-left: 9em solid transparent;

	}

	

	.home-banner .swiper-slide .slide-title {

		font-size: 1.5em;

	}

	

	.page-banner .page-banner-image {

		width: 65%;

	}

	

	.support-boxes .container,

	.image-links .container {

		display: block;

	}

	

	.support-boxes .box,

	.image-links .image-link,

	.image-links.show-upcoming .image-link {

		display: block;

		width: 100%;

		margin: 0 0 1em;

	}

	

	.show-upcoming .upcoming-events {

		margin-bottom: 1em;

	}

	

	.quick-links .container {

		padding: 0;

	}

	

	.quick-links .quick-link {

		margin: 1em;

	}

	

	.content-block .block-image {

		width: 4em;

		border-right-width: 0.5em;

	}

	

	.content-block .block-title {

		padding: 0.5em;

		max-width: calc( 100% - 4.5em );

	}

	

	.potw .pet-image,

	.sotm .supporter-image {

		float: none;

		margin: 0 0 1em;

		max-width: 100%;

		text-align: center;

	}

	

	.potw .pet-content,

	.sotm .supporter-content {

		float: none;

		max-width: 100%;

	}

	

	.mosaic .mosaic-item {

		width: calc(50% - 1em);

	}

	

	.satellite-locations .location {

		width: 100%;

	}

	

	.tribe-is-responsive.tribe-mobile .tribe-events-page-title {

		padding-top: 2em;

	}

	

	.columns {

		-webkit-column-count: 1!important; /* Chrome, Safari, Opera */

		   -moz-column-count: 1!important; /* Firefox */

				column-count: 1!important;

				

		margin-bottom: 1em;

	}

	

	.foot-top .adopt-box {

		float: none;

		width: 100%;

		margin-bottom: 1em;

	}

	

	.foot-top .lost-box,

	.foot-top .foot-contact {

		float: none;

		width: 100%;

	}

}