/*!
Theme Name: Utah Humane
Author: WordHerd
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wordherd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wordherd is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Full Width Gutenberg */
.alignwide {
	margin-left: -80px;
	margin-right: -80px;
}
.alignfull {
	width: 100%;
	max-width: 100%;
    margin: auto;
}
/* .alignfull img { width: 100vw } */

/* clip-path: polygon(1% 10%, 15% 0, 47% 3%, 74% 0, 100% 9%, 100% 34%, 96% 53%, 100% 82%, 94% 99%, 67% 97%, 37% 100%, 15% 97%, 5% 100%, 1% 90%, 2% 69%, 0 50%); */

html { line-height: 1.15; -webkit-text-size-adjust: 100% }
body { margin: 0 }
h1 { font-size: 2em; margin: 0.67em 0 }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted }
b, strong, 
b a, strong a, 
a b, a strong {
	font-weight: 800;
	/* color: #000; 00a4b3*/
	text-decoration: none;
}
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
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 }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
button, [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 { padding: 0.35em 0.75em 0.625em }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"], [type="radio"] { -webkit-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-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
body, button, input, select, optgroup, textarea { color: #3b393c; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5 }
h1, h2, h3, h4, h5, h6 { clear: both }
p { margin-bottom: 1.5em }
dfn, cite, em, i { font-style: italic }
blockquote { margin: 0 1.5em }
address { margin: 0 0 1.5em }
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em }
code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help }
mark, ins { background: #fff9c0; text-decoration: none }
big { font-size: 125% }
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit }
html { -webkit-box-sizing: border-box; box-sizing: border-box }
body { background: #fff }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em }
ul, ol { margin: 0 0 1.5em 3em }
ul { list-style: none }
ol { list-style: decimal }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em }
dt { font-weight: 700 }
dd { margin: 0 1.5em 1.5em }
img { height: auto; width: auto }
figure { margin: 1em 0 }
table { margin: 0 0 1.5em; width: 100% }
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: 0.6em 1em 0.4em }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa }
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111 }
select { border: 1px solid #ccc }
textarea { width: 100% }
a { color: #00a4b3 }
a:visited { color: #00a4b3 }
a:hover, a:focus, a:active { color: #7a1b9d }
a:focus { outline: thin dotted }
a:hover, a:active { outline: 0 }
.main-navigation { display: block; width: 100% }
.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0 }
.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999 }
.main-navigation ul ul ul { left: -999em; top: 0 }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { display: block; left: auto }
.main-navigation ul ul a { width: 200px }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto }
.main-navigation li { position: relative }
.main-navigation a { display: block; text-decoration: none }
.menu-toggle, .main-navigation.toggled ul { display: block }
@media screen and (min-width: 993px) {
	.menu-toggle { display: none }
	.main-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex }
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation { margin: 0 0 1.5em }
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 }
#primary[tabindex="-1"]:focus { outline: 0 }
.alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1.5em }
.alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1.5em }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em }
.widget { margin: 0 }
.widget select { max-width: 100% }
.sticky { display: block }
.post, .page { margin: 0 }
.updated:not(.published) { display: none }
.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0 }
.page-links { clear: both; margin: 0 0 1.5em }
.comment-content a { word-wrap: break-word }
.bypostauthor { display: block }
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none }
.infinity-end.neverending .site-footer { display: block }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 }
embed, iframe, object { max-width: 100% }
.custom-logo-link { display: inline-block }
.wp-caption { margin-bottom: 1.5em; max-width: 100% }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto }
.wp-caption .wp-caption-text { margin: 0.8075em 0 }
.wp-caption-text { text-align: center }
.gallery { margin-bottom: 1.5em }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100% }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-caption { display: block }

::-moz-selection {
    background: rgba(135 24 157 / .5);
}
::selection {
    background: rgba(135 24 157 / .5);
}

#search-btn {
	width: 24px;
	height: 24px;
}

.search .site-main {
	max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    padding: 25px;
}

input[type="submit"].search-submit {
	background: #7A1B9D;
	color: #fff;
	padding: 8px;
    cursor: pointer;
	border: 0;
}
input[type="submit"].gform_button {
	background: #7A1B9D;
	color: #fff;
	padding: 8px 16px;
    cursor: pointer;
    font-size: 18px;
	line-height: 1.6;
	border: 0;
}
input[type="submit"].search-submit:hover, 
input[type="submit"].gform_button:hover {
	background: #A423BE;
}

/*Theme layout Option CSS*/

body > #page > .content-area.boxed { width: 1370px; margin: 0 auto; max-width: 100%; padding: 0; }
body > #page > .content-area.no-sidebar > main.site-main { width: 100%; }
body > #page > .content-area.left-sidebar,
body > #page > .content-area.right-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
body > #page > .content-area.left-sidebar > main.site-main,
body > #page > .content-area.right-sidebar > main.site-main { width: calc(100% - 250px); }
body > #page > .content-area.left-sidebar > aside.widget-area,
body > #page > .content-area.right-sidebar > aside.widget-area { width: 250px }

body {
	overflow-x: hidden;
	font-family: museo-sans-rounded, sans-serif;
	font-weight: 500;
	font-style: normal;
}

#page, 
.site-footer {
	width: 1370px;
	max-width: 100%;
    margin: auto;
}

.font-museo-rounded {
	font-family: museo-sans-rounded, sans-serif !important;
}

.container {
	width: 1250px;
	margin: 0 auto;
	max-width: 100%;
	padding: 0 20px;
}

.blog-container, 
.pet-container {
	width: 1250px;
	margin: 0 auto;
	max-width: 100%;
	/* padding: 0 20px; */
}

.pet-container .entry-content {
	margin-bottom: 25px;
	padding: 0 20px;
}
.pet-container .row {
	display: flex;
	margin-bottom: 25px;
}
.pet-container .row img {
	max-width: 100%;
	height: auto;
}
.pet-container .row .col-5 {
	width: 40%;
	padding-right: 15px;
}
.pet-container .row .col-7 {
	width: 60%;
	padding-left: 15px;
}

@media screen and (max-width:969px) {
	.pet-container .entry-content {
		padding: 0 15px;
	}
	.pet-container .row {
		display: block;
	}
	.pet-container .row .col-5, 
	.pet-container .row .col-7 {
		width: 100%;
		padding: 0px;
	}
}

.search-form {
	display: none;
	position: absolute;
    top: 18px;
    right: 170px;
}

.site-header {
	position: relative;
}

.blog .site-header,
.single .site-header {
	padding-bottom: 20px;
}

.site-header .container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.site-header .container.logo-menu {
	justify-content: space-between;
	align-items: flex-start;
}

.site-header .top ul,
.site-header .lang-links.mobile {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	display: flex;
}

.site-header .top ul li {
	margin: 0 10px;
}

.site-header .top li a,
.site-header .lang-links.mobile li a {
	font-weight: 700;
	font-style: normal;
	color: #717072;
	text-decoration: none;
	font-size: 16px;
	fill: 85%;
}

.site-header .top li a:hover {
	text-decoration: underline;
}

.site-header .top .lang-links,
.site-header .top .social-links,
.site-header .lang-links.mobile {
	margin: 20px 15px 0 !important;
}

.site-header .top .search {
	margin: 16px 15px 0 !important;
}

.site-header .top .lang-links li,
.site-header .top .social-links li,
.site-header .lang-links.mobile li {
	margin: 0 3px;
}

.site-header .top .lang-links li a,
.site-header .lang-links.mobile li a {
	color: #7A1B9D;
	text-transform: uppercase;
}

.site-header .top .search i {
	font-size: 25px;
	color: #717072;
}

.site-header .lang-links.mobile {
	display: none;
}

.main-navigation {
	width: auto;
}

.main-navigation .menu {
	margin: 20px 0 0;
}

.main-navigation li {
	margin: 0 15px;
	position: initial;
}

.main-navigation li a {
	color: #717072;
	padding: 10px 0;
	font-weight: 700;
	font-style: normal;
	font-size: 18px;
	transition: ease 0.5s color;
	text-decoration: none;
}

.main-navigation li.menu-teal a {
	background-color: #00A4B3;
	border-radius: 4px;
	color: #fff;
	padding: 10px 25px;
	text-decoration: none !important;
	transition: ease 0.5s background-color;
}

.main-navigation li.menu-purple a {
	background-color: #7A1B9D;
	border-radius: 4px;
	color: #fff;
	padding: 10px 25px;
	text-decoration: none !important;
	transition: ease 0.5s background-color;
}
#menu-item-7034{display:none;}
.main-navigation li.menu-purple a.monthlygrey {
	background:none;
	color: #939393;
	padding: 0px;
	margin: 15px 0px 0px;
}

.main-navigation ul ul {
	width: 100%;
}

@media screen and (min-width: 993px) {
	.main-navigation .desktop-only li:not(.menu-teal):not(.menu-purple) a:hover {
		border-bottom: 2px solid #7A1B9D;
		padding-bottom: 4px;
		color: #00A4B3;
	}
	.main-navigation .desktop-only li.menu-teal a:hover,
	.main-navigation .desktop-only li.menu-purple a:hover {
		opacity: 0.8;
	}
}

.main-content {
	display: flex;
	padding: 0 15px 25px;
}
.main-content .interior-content {
	padding-right: 15px;
	width: 75%;
}
.main-content aside {
	padding-left: 15px;
	width: 25%;
}

.entry-content {
	padding: 0;
}

.entry-content h1 {
	font-size: 56px;
}
.entry-content h2,
.entry-content h2 strong {
	font-weight: 700;
	font-style: normal;
	font-size: 45px;
	color: #7A1B9D;
}
.entry-content h3, 
.entry-content h3 strong {
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	color: #7A1B9D;
}
.entry-content h4, 
.entry-content h4 strong {
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	color: #3b393c;
}
.entry-content, 
.entry-content p {
	font-size: 21px;
}

.entry-content .slick-slider ul:not(.slick-dots),
.entry-content .slick-slider ol:not(.slick-dots) {
	font-size: 21px;
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
}

.entry-content .slick-slider ul:not(.slick-dots) li {
	margin-bottom: 10px;
}

.entry-content .slick-slider ul:not(.slick-dots) li::before {
	content: "•";
	color: #7a1b9d;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.site-footer {
	background:  
	url("../png/footer-dog.png") bottom right no-repeat, 
	url("../png/footer-bg-bar.png") bottom left repeat-x, 
	url("../jpg/footer-bg.jpg") top left repeat-x;
	background-size: contain, auto, cover;
	padding: 40px 0 0 0;
	/* padding-bottom: 100px; */
}
.site-footer strong {
	color: #000;
}

body.page:not(.home) .site-footer,
body.blog .site-footer,
body.single .site-footer {
	background:  
	url("../png/footer-dog.png") bottom right no-repeat, 
	url("../png/footer-bg-bar.png") bottom left repeat-x, 
	url("../jpg/footer-bg-internal.jpg") bottom left repeat-x;
	background-size: contain, auto, cover;
}

.site-footer .footer-box {
	max-width: 650px;
}

.site-footer .signup input {
	width: 100%;
    padding: 10px 5px;
	margin-top: 8px;
}
.site-footer .search-box input {
    padding: 10px 10px;
}

.site-footer h2 {
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	color: #7A1B9D;
}

.site-footer .connect {
	display: flex;
	justify-content: space-between;
	padding-right: 50px;
}

.site-footer .connect .social-links {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
}

.kb-blocks-portfolio-grid-item .kb-portfolio-overlay-color {
	transition: none; /* ease 0.5s all; */
}
.kb-blocks-portfolio-grid-item:hover .kb-portfolio-overlay-color {
	background: rgba(135, 24, 157, 0.85) url(../png/clipping-path.png) center center no-repeat !important;
}
.kb-blocks-portfolio-grid-item .kb-portfolio-overlay-border {
	background: transparent url(../png/clipping-path.png) center center no-repeat !important;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel .slick-arrow {
	background: transparent !important;
	opacity: 1 !important;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel .slick-prev {
    left: 40px !important;
}

.kt-blocks-carousel.kb-portfolio-grid-layout-fluidcarousel .slick-next {
    right: 60px !important;
}

.kt-blocks-carousel .slick-arrow::before {
	height: 50px !important;
	width: 50px !important;
	border-width: 20px 20px 0 0 !important;
	color: #00A4B3 !important;
}

.kt-blocks-carousel {
    padding: 0 0 20px 0 !important;
}

.pet-carousel .kb-portfolio-grid-item-inner a {
	font-family: museo-sans-rounded, sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
}

.mobile-only {
	display: none;
}

.desktop-only {
	display: block;
}

.hero-slider {
    position: relative;
	overflow: hidden;
}

.footer-logo img {
	margin-top: 25px;
}
.footer-box hr {
	height: auto;
	border: 1px solid #999;
}

.yoast-breadcrumbs {
	max-width: 425px;
	color: #00A4B3 !important;
	font-family: museo-sans-rounded, sans-serif !important;
	font-weight: 600 !important;
}

.yoast-breadcrumbs span a,
.yoast-breadcrumbs .breadcrumb_last {
	color: #7A1B9D;
	text-decoration: none;
}

.yoast-breadcrumbs span a:hover {
	text-decoration: underline;
}

.entry-content ul.sidebar-list, 
.entry-content ul.child-sidebar-menu {
	list-style: none;
}
.entry-content ul.sidebar-list li, 
.entry-content ul.child-sidebar-menu li {
	position: relative;
}
.entry-content ul.sidebar-list li::before, 
.entry-content ul.child-sidebar-menu li::before {
	content: '▸';
	position: absolute;
	color: #7A1B9D;
	top: 2px;
	left: 0px;
	font-size: 20px;
}
.entry-content ul.sidebar-list li a, 
.entry-content ul.child-sidebar-menu li a {
	color: #00a4b3;
	text-decoration: none;
	font-family: museo-sans-rounded, sans-serif !important;
	font-weight: 500 !important;
	font-size: 17px;
	padding-left: 0;
}
.entry-content ul.sidebar-list li a:hover, 
.entry-content ul.child-sidebar-menu li a:hover {
	text-decoration: underline;
}

.post {
	max-width: 95%;
    margin: auto;
}

.blog .post {
	max-width: 95%;
	display: flex;
	margin: 0 auto 30px;
}

.blog .post .blog-image {
	min-width: 395px;
	margin-right: 30px;
}

.blog .post .blog-image img {
	width: 395px;
	height: 257px;
	object-fit: cover;
}

.blog .post h2.entry-title a,
.single .post h1.entry-title {
	font-size: 42px;
	font-family: museo-sans-rounded, sans-serif;
	color: #7A1B9D;
	text-decoration: none;
	margin-top: 0;
}

.single .post h1.entry-title {
	font-weight: 700 ;
}

.blog .post h2.entry-title a {
	font-weight: 400 ;
}

.blog .post h2 {
	margin: 0;
	line-height: 32px;
}
.blog .post .entry-content {
	margin-top: 0px;
}
.blog .post .entry-content p {
	font-size: 18px;
}
.blog .post .entry-content .read-more {
	color: #00a4b3;
	font-weight: 900;
	text-decoration: none;
}

.blog .post .entry-footer,
.blog .post .entry-meta {
	display: none;
}

.blog .site-main {
	margin-top: 30px;
}

.site-main .comment-navigation, 
.site-main .posts-navigation, 
.site-main .post-navigation {
	width: 95%;
	margin: 0 auto 1.5em;
}

.events-table tbody td {
	padding: 20px 0 !important;
}

.events-table tbody td.date {
	width: 10%;
	text-align: center;
	vertical-align: top;
	text-transform: uppercase;
	font-size: 12px;
}
.events-table tbody td.date strong {
	font-size: 25px;
}
.events-table tbody td.content {
	width: 50%;
	font-size: 14px;
}
.events-table tbody td.content p.title {
	margin-bottom: 0;
	margin-top: 0;
}
.events-table tbody td.content p.title a {
	font-size: 30px;
	color: #000;
	text-decoration: none;
}
.events-table tbody td.content p.location {
	margin-top: 0;
}
.events-table tbody td.content p.tags a {
	font-size: 16px;
	color: #000;
}
.events-table tbody td.content a:last-of-type {
	font-size: 18px;
	color: #000;
	text-decoration: none;
}
.events-table tbody td.image {
	width: 40%;
	text-align: center;
}

div.css-search div.em-search-main .em-search-submit {
	background: transparent !important;
    background-color: #334aff !important;
}

.event-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.event-box .event-date {
	/* width: 5%; */
	text-align: center;
	height: 100%;
}

.event-box .event-details {
	width: 60%;
}

.event-box .event-details h3 {
	margin: 10px 0;
}

.event-box .event-details h3 a {
	color: #000 !important;
	text-decoration: none;
	font-size: 32px;
    font-weight: 700;
}

.event-box .event-details h3 a:hover {
	text-decoration: underline;
}

.event-details p {
	font-size: 15px;
}

.event-box .event-pic {
	width: 35%;
	text-align: center;
}

/* Event search, hide locations */
div.css-search div.em-search-main div.em-search-geo.em-search-field {
    display: none;
}
div.css-search.has-search-geo.has-search-term input.em-search-text {
	width: 90%;
}

/* Hide event data in the drop-down menu */
ul#primary-menu .single-event-data {
    display: none;
}

.jobs-table tr td {
	padding: 15px;
}

.jobs-table a:hover {
	text-decoration: none;
}

.page-numbers {
	margin: 20px 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

.page-numbers li {
	list-style: none;
	margin: 0 5px;
}

.page-numbers li a,
.page-numbers li span,
.cta-button {
	background-color: #00A4B3;
	border-radius: 4px;
	color: #fff;
	padding: 10px 25px;
	text-decoration: none !important;
	transition: ease 0.5s background-color;
}

.page-numbers li span {
	background-color: #7A1B9D;
	color: #fff;
}

.page-numbers a:hover,
.cta-button:hover {
	background-color: #7A1B9D;
}

.cta-button {
	color: #fff !important;
}

.jobs-cta {
	padding: 50px 0;
	text-align: center;
}

.jobs-header,
.job-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.jobs-header div,
.job-wrapper div {
	padding: 10px;
}
.jobs-header .mobile-jobs-title {
	display: none;
}

.job-wrapper:nth-child(odd),
.jobs-header {
    background-color: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.jobs-header {
	border-top: none;
}

.jobs-title {
	width: 25%;
}

.jobs-desc {
	width: 60%;
}

.jobs-link {
	width: 15%;
}

@media (max-width: 1315px) {
	.blog .post {
		width: 100%;
		padding: 0 25px;
	}
}
@media (max-width: 969px) {
	.blog .post {
		display: block;
	}
	.blog .post .blog-image {
		margin-bottom: 15px;
	}
}
@media (max-width: 767px) {
	.kt-row-layout-inner > .kt-row-column-wrap > .inner-column-1 > .kt-inside-inner-col {
		padding-right: 0px !important;
	}
	.hero-slider>.kt-row-layout-inner, 
	.hero-slider .slick-list {
		height: 95vh;
	}
	.hero-slider .kb-advanced-slide {
		height: 100vh !important;
	}
	.main-content .interior-content {
		width: 100%;
	}
	.main-content aside {
		display: none;
	}

	.jobs-header div {
		display: none !important;
	}
	.jobs-header .mobile-jobs-title, 
	.job-wrapper {
		display: block !important;
	}
	.job-wrapper div {
		width: 100% !important;
	}
}
@media (max-width: 575px) {
	.wp-block-table table td {
		display: block;
		width: 100%;
	}
	.blog .post .blog-image {
		margin-right: 0px;
	}
	.blog .post .blog-image img {
		width: 100%;
	}
}
@media (max-width: 460px) {
	.blog .post .blog-image {
		min-width: 100%;
	}
}
@media (max-width: 414px) {
	.kb-advanced-slide-inner {
		padding-bottom: 50px;
	}
}
.hero-slider:after {
    position: absolute;
    bottom: 0;
    content: '';
    background: transparent url(../png/hero-footer-bg.png) 0 0 repeat;
    width: 100%;
    height: 80px;
    z-index: 100;
}


@media (max-width:1370px) {
	.alignfull {
		margin-left: calc(-100vw / 2 + 100% / 2);
		margin-right: calc(-100vw / 2 + 100% / 2);
		width: 100vw;
		max-width: 100vw;
	}
	body > #page > .content-area.boxed {
		padding: 0 20px;
	}
	.entry-content {
		padding: 0px;
	}
}

@media screen and (min-width: 769px){
	body > #page > .content-area.left-sidebar > main.site-main { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;padding-left: 3%; }
	body > #page > .content-area.right-sidebar > main.site-main { padding-right: 3% }
	body > #page > .content-area.left-sidebar > aside.widget-area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
}

@media screen and (max-width: 1119px) {
	.site-footer {
		background:  
			url("../png/footer-bg-bar.png") bottom left repeat-x,  
			url("../jpg/footer-bg.jpg") top left repeat-x;
		background-size: auto, cover;
	}
	body.page:not(.home) .site-footer,
	body.blog .site-footer,
	body.single .site-footer {
		background:  
			url("../png/footer-bg-bar.png") bottom left repeat-x,  
			url("../jpg/footer-bg-internal.jpg") bottom left repeat-x;
		background-size: auto, cover;
	}
	.site-footer .footer-box {
		max-width: 100%;
	}
}

@media screen and (max-width: 1208px) and (min-width: 1078px) {
	.main-navigation li.menu-purple a,
	.main-navigation li.menu-teal a {
		padding: 10px 15px;
	}
	.main-navigation li a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1078px) and (min-width: 992px) {
	.main-navigation li.menu-purple a,
	.main-navigation li.menu-teal a {
		padding: 10px 12px;
	}
	.main-navigation li a {
		font-size: 14px;
	}
}

@media screen and (max-width: 992px){
	body > #page > .content-area.left-sidebar > aside.widget-area,
	body > #page > .content-area.right-sidebar > aside.widget-area { width: 200px }
	body > #page > .content-area.left-sidebar > main.site-main,
	body > #page > .content-area.right-sidebar > main.site-main { width: calc(100% - 200px); }

	.site-header .top {
		display: none;
	}

	.site-header .lang-links.mobile {
		display: flex;
	}

	.site-header .container {
		padding: 10px 15px 0;
	}

	.site-footer .kt-inside-inner-col {
		text-align: center;
	}

	.mobile-only {
		display: block;
	}

	.desktop-only {
		display: none;
	}

	.menu-toggle {
		display: flex;
		flex-direction: column;
		align-items: center;
		background: transparent;
		border: none;
		color: #585759;
		font-weight: bold;
	}
	
	.menu-toggle i {
		font-size: 36px;
		color: #585759;
	}

	.main-navigation .menu {
		margin: 0;
	}
	
	.main-navigation {
		width: 60px;
	}

	.main-navigation.toggled .menu-mobile-menu-container {
		top: 113px;
		left: 15px;
		position: absolute;
		background: #fff;
		z-index: 9999;
		width: 100%;
		box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	}

	.main-navigation.toggled .menu-toggle {
		background-color: #00A4B3;
		padding-bottom: 50px;
		position: absolute;
		right: 0;
		padding-left: 27px;
		padding-right: 27px;
		padding-top: 7px;
	}
	.main-navigation.toggled .menu-toggle, 
	.main-navigation.toggled .menu-toggle i {
		color: #fff;
	}

	.main-navigation.toggled li {
		margin: 0;
		border-bottom: 2px solid #fff;
	}

	.main-navigation.toggled li a {
		padding: 7px 15px;
		display: block;
		background: #585759;
		color: #fff;
		padding: 15px;
		text-decoration: none;
		font-size: 16px;
	}

	.main-navigation.toggled li.menu-teal a {
		background-color: #00A4B3;
		border-radius: 0;
		color: #fff;
		text-decoration: none !important;
		font-size: 20px;
	}

	#menu-item-7033 a {
        padding: 15px 0px 15px 15px;
        margin: 2px 0px 1px 0px;
		background-color: #7A1B9D;
        border-radius: 0;
        color: #fff;
        text-decoration: none !important;
        font-size: 20px;
    }
	/*	
	.main-navigation.toggled li.menu-teal a:hover,
	.main-navigation.toggled li.menu-purple a:hover {
		opacity: 0.8;
	}*/
	
	.main-navigation.toggled li.menu-purple a {
		background-color: #7A1B9D;
		border-radius: 0;
		color: #fff;
		text-decoration: none !important;
		font-size: 20px;
	}

	.main-navigation.toggled .menu-item:last-child {
		border:none;
	}
	.main-navigation.toggled .menu-item-has-children a::after {
		content: "▼";
		display: inline-block;
		float: right;
		padding-right: 20px;
	}
	.main-navigation.toggled .menu-item-has-children a.active::after {
		content: "▲";
	  }
	.main-navigation.toggled .menu-item-has-children .sub-menu a:after {
		display: none;
	}
	
	.main-navigation.toggled .sub-menu {
		display: none;
		padding: 0;
		margin: 0 0 15px 0;
		position: relative;
    	width: 100%;
		border-radius: 0;
		box-shadow: none;
	}
	.main-navigation.toggled .sub-menu li {
		border-bottom: 0;
	}
	.main-navigation.toggled .sub-menu a {
		background: #fff;
		color: #585759;
		border: none;
		width: 100%;
		font-size: 14px;
		padding: 5px 20px;
		font-weight: 500;
	}
	.main-navigation.toggled .sub-menu li:last-child {
		border:none;
	}

	.main-navigation.toggled li.mobile-menu-sub-cat a {
		color: #7A1B9D !important;
		padding: 5px 15px !important;
		font-weight: 700 !important;
	}
	.site-footer .footer-box {
		max-width: 100%;
	}
	.event-box {
		flex-direction: column;
		position: relative;
	}
	.event-box .event-pic {
		order: 2;
		width: 100%;
	}
	.event-box .event-date {
		order: 1;
		height: auto;
	}
	.event-box .event-details {
		order: 3;
		width: 100%;
	}
	.event-box .event-pic img {
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	body > #page > .content-area > main.site-main { padding-right: 0 !important;padding-left: 0 !important; }
	body > #page > .content-area > aside.widget-area,
	body > #page > .content-area > main.site-main { width:100% !important; }
	body > #page > .content-area.left-sidebar > main.site-main,
	body > #page > .content-area.left-sidebar > aside.widget-area { -webkit-box-ordinal-group:unset; -ms-flex-order:unset; order:unset; }
	
	.site-footer {
		background:  
			url("../png/footer-bg-bar.png") bottom left repeat-x, 
			url("../png/footer-dog-mobile.png") bottom center no-repeat, 
			url("../jpg/footer-bg.jpg") top left repeat-x;
		background-size: auto, 50%, cover;
	}
	body.page:not(.home) .site-footer,
	body.blog .site-footer,
	body.single .site-footer {
		background:  
			url("../png/footer-bg-bar.png") bottom left repeat-x, 
			url("../png/footer-dog-mobile.png") bottom center no-repeat, 
			url("../jpg/footer-bg-internal.jpg") bottom left repeat-x;
		background-size: auto, 50%, cover;
	}
	
}

@media screen and (max-width: 955px) and (min-width: 768px) {
	.desktop-header .kt-row-layout-inner {
		background-position: 40% 100% !important;
	}

	.desktop-header h2 {
		font-size: 70px !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 667px) {
	.subpage-header .kt-row-column-wrap {
		min-height: 800px !important;
	}
}

@media screen and (max-width: 667px) and (min-width: 567px) {
	.subpage-header .kt-row-column-wrap {
		min-height: 700px !important;
	}
}

@media screen and (max-width: 567px) and (min-width: 414px) {
	.subpage-header .kt-row-column-wrap {
		min-height: 600px !important;
	}
}

@media screen and (max-width: 414px){
	.site-footer {
		background-size: auto, contain, cover;
	}
	body.page:not(.home) .site-footer,
	body.blog .site-footer,
	body.single .site-footer {
		background:  
			url("../png/footer-bg-bar.png") bottom left repeat-x, 
			url("../png/footer-dog-mobile.png") bottom center no-repeat, 
			url("../jpg/footer-bg.jpg") bottom left repeat-x;
		background-size: auto, contain, cover;
	}
	.hide-mobile {
		display: none;
	}
	.blog .post {
		flex-direction: column;
	}
	.blog .post h2.entry-title {
		text-align: center;
	}
	.blog .post .entry-content p {
		padding: 15px;
	}
	
}

@media screen and (max-width: 320px){
	.site-header .container {
		padding: 10px 10px 0;
	}
	.site-header .lang-links.mobile {
		margin: 20px 10px 0 !important;
	}
}

@media screen and (max-width: 539px) and (min-width: 415px) {
	.site-footer {
		background:  
			url("../png/footer-bg-bar.png") bottom left repeat-x, 
			url("../png/footer-dog-mobile.png") bottom center no-repeat, 
			url("../jpg/footer-bg.jpg") top left repeat-x;
		background-size: auto, 80%, cover;
	}
}

.widget-area {
	display: none;
}

.desktop-only {
	position: relative;
}

.mega-menu-dropdown {
	position: absolute;
    z-index: 9999;
    width: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s ease all;
	transform: translateY(20px);
}

.has-mega-menu:hover .mega-menu-dropdown,
.mega-menu-dropdown:hover {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.mega-menu {
	position: relative;
}

.mega-menu::before {
	content: "▲" !important;
	display: inline !important;
	color: #00A4B3;
	position: absolute;
	top: 10px;
    z-index: 100;
}

#dropdown-programs-services.mega-menu::before {
	left: 65px;
}

#dropdown-how-to-help.mega-menu::before {
	left: 40px;
}

#dropdown-clinic.mega-menu::before {
	right: 60px;
}

#dropdown-news-events.mega-menu::before,
#dropdown-adopt.mega-menu::before {
	left: 45px;
}

#dropdown-about-us.mega-menu::before {
	left: 25px;
}

.mega-menu ul {
	flex-direction: column;
}

.has-mega-menu {
	margin: 0 !important;
}

.has-mega-menu a {
	border-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-radius: 6px;
	padding: 10px !important;
	width: auto !important;
}

.has-mega-menu.menu-item-517 .sub-menu {
	/* left: 200px; */
	right: -200px;
}

.menu-teal.has-mega-menu a {
	padding: 10px 25px !important;
	margin: 0 15px !important;
}

.menu-teal.has-mega-menu #dropdown-adopt a,
.menu-teal.has-mega-menu #dropdown-clinic a {
	padding: 0 !important;
	margin: 0 !important;
}

.has-mega-menu a:hover,
.has-mega-menu:hover > a {
	background-color: #00A4B3;
	color: #fff !important;
}

.has-mega-menu .sub-menu {
	background-color: transparent;
	box-shadow: none !important;
}

.has-mega-menu #dropdown-programs-services {
	width: 100%;
}

.has-mega-menu #dropdown-how-to-help {
	width: 60%;
}

.has-mega-menu #dropdown-news-events,
.has-mega-menu #dropdown-about-us {
	width: 45%;
}

.has-mega-menu #dropdown-adopt {
	width: 25%;
}

.has-mega-menu #dropdown-clinic {
	width: 65%;
}

.mega-menu-dropdown h2,
.mega-menu-dropdown h2 a {
	font-size: 20px;
	color: #7A1B9D;
}

.mega-menu-dropdown h2 a {
	padding: 0 !important;
	background-color: transparent !important;
}

.mega-menu-dropdown h2 a:hover {
	color: #7A1B9D !important;
}

.mega-menu-dropdown p a {
	font-size: 16px !important;
	border-bottom: 0 !important;
	padding: 0 !important;
	font-weight: 500 !important;
	color: #3b393c !important;
	white-space: nowrap;
	background-color: transparent !important;
}

.mega-menu-dropdown a:hover {
	text-decoration: underline;
	color: #3b393c !important;
}

.mega-menu-dropdown p {
	margin-top: 0 !important;
	margin-bottom: 0.3em !important;
}

/*.teal-arrow*/
.main-navigation.toggled .sub-menu a::before, 
.mega-menu-dropdown a::before {
	content: "▸";
	margin-left: 2px;
	margin-right: 2px;
	color: #00A4B3;
	display: inline-block;
}
.main-navigation.toggled li.mobile-menu-sub-cat a::before, 
.mega-menu-dropdown h2 a::before {
	display: none;
}


/* sidebar bullet list fix */
ul.sidebar-list {
  margin-left:0;
}

ul.sidebar-list li::before, .entry-content ul.child-sidebar-menu li::before{
  margin-left:-1em;
}

/* add general content bullets */
.entry-content ul {
    list-style: disc;
}
.entry-content ul ul {
    list-style: circle;
}

/* if no-bullets class applied remove bullets */
ul.no-bullets {
    list-style: none;
}
ul.no-bullets ul {
	list-style: none;
}
.page-heading {
	font-size: 80px;
    line-height: 1em;
    color: #7a1b9d;
    margin-bottom: 10px;
}

h2.page-heading {
	text-align: center;
    font-size: 42px;
    line-height: 1em;
    color: #7a1b9d;
    margin-top: 0px;
    margin-bottom: 10px;
}
.mobile-breadcrumbs {
	text-align:center;
}
/* to fix the kandence issue on the footer on the social media logos */
#kt-layout-id_aa1cf0-bf > .kt-row-column-wrap {
    grid-column-gap: 10px !important;
}
#kt-layout-id_3dedb6-0e > .kt-row-column-wrap {
    grid-row-gap: 10px !important;
    grid-template-columns: 37% 27% 27% !important;
}
@media all and (max-width: 767px) {
	#kt-layout-id_3dedb6-0e > .kt-row-column-wrap {
		grid-template-columns:minmax(0, 1fr) !important;
	    grid-row-gap: 10px !important;
	}
}