/*
	Theme Name: Logan County Humane Society
	Description: Logan County Humane Society
	Version: 1.0
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
	Author: Kevin Brown Design
	Author URI: https://kevinbrowndesign.com
*/

/* Reset */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('includes/fonts/ProximaNova-Regular.woff') format('woff2'),
        url('includes/fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('includes/fonts/ProximaNova-Semibold.woff') format('woff2'),
        url('includes/fonts/ProximaNova-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('includes/fonts/ProximaNova-Bold.woff') format('woff2'),
        url('includes/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://loganhumane.org/wp-content/themes/logan-county/includes/fonts/ProximaNova-Light.woff2') format('woff2'),
        url('https://loganhumane.org/wp-content/themes/logan-county/includes/fonts/ProximaNova-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('https://loganhumane.org/wp-content/themes/logan-county/includes/fonts/ProximaNova-Black.woff2') format('woff2'),
        url('https://loganhumane.org/wp-content/themes/logan-county/includes/fonts/ProximaNova-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	margin: 20px 0px 10px 0;
	font-weight: normal;
}

.headline {
	margin: 0 0 20px 0;
}

.headline-text {
	display: none;
}

h1 {
	font-size: 44px;
	font-weight: 900;
	text-transform: uppercase;
	margin: 0 0 8px 0;
	color: #016893;
}

h1.large-margin {
	margin-bottom: 35px;
}

h2 {
	background: #f5d686;
	font-size: 48px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #000;
	padding: 16px 42px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	margin: 0 0 32px 0;
}

h2.inline {
	display: inline-block;
}

h3 {
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	color: #016893;
	margin: 0 0 10px 0;
	text-align: center;
}

h4 {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 1.2px;
	color: #343434;
}

h4 strong {
	background: #e2e2e2;
	padding: 0 10px;
}

h5 {
	font-size: 23.61px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 7px 0;
}

h6 {
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

h6.blue {
	font-size: 22px;
}

h6.large-margin {
	margin-bottom: 55px;
}

h6 a:link, h6 a:visited {
	display: inline-block;
	color: #1f1f1f;
	text-decoration: none;
	padding: 10px 35px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	text-align: center;
	border: 3px solid #efc65d;
}

h6.blue a:link, h6.blue a:visited {
	border-color: #0085bd;
	color: #0085bd;
	padding-left: 55px;
	padding-right: 55px;
}

h6.solid-blue a:link, h6.solid-blue a:visited {
	background: #0085bd;
	border-color: #0085bd;
	color: #FFF;
	padding: 7px 50px;
}

h6.solid-orange a:link, h6.solid-orange a:visited {
	background: #efc65d;
	border-color: #efc65d;
	color: #1f1f1f;
	padding: 7px 50px;
}

h6 a:hover {
	background-color: #efc65d !important;
}

h6.solid-blue a:hover {
	border-color: #efc65d !important;
}

h6.solid-orange a:hover {
	border-color: #0085bd !important;
	background-color: #0085bd !important;
	color: #FFF !important;
}

h6.blue a:hover {
	background-color: #0085bd !important;
	color: #FFF !important;
}

.buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

.buttons h6 + h6 {
	margin-left: 20px;
}

.buttons h6 a:link, .buttons h6 a:visited {
	min-width: 240px;
	color: #1f1f1f;
	border: none;
	background-color: #00a5eb;
}

.buttons h6:nth-child(odd) a:link, .buttons h6:nth-child(odd) a:visited {
	background-color: #FFF;
}

.gform_button {
	font: 600 25px 'Proxima Nova' !important;
	text-align: center !important;
	margin: 37px 0 20px 0 !important;
	text-transform: none !important;
	border: none !important;
	background: #f5d686 !important;
	color: #1f1f1f !important;
	text-decoration: none !important;
	padding: 11px 35px 9px 35px !important;
	-webkit-transition: all 350ms !important;
	transition: all 350ms !important;
	-webkit-border-radius: 22px !important;
	border-radius: 22px !important;
	text-transform: uppercase !important;
}

.gform_button:hover {
	background-color: #0085bd !important;
	color: #FFF !important;
}

/* Links */

a:link, a:visited, a:active {
	color: #016893;
	text-decoration: none;
	-webkit-transition: all 350ms;
	transition: all 350ms;
}

a:hover {
	color: #efc65d;
}

/* Paragraphs */

p {
	margin: 0 0 28px 0;
	line-height: 1.22em;
}

p.large-margin {
	margin-bottom: 60px;
}

p.huge {
	font-size: 42px;
	line-height: 1.2em;
	margin-bottom: 18px;
}

p.large {
	font-size: 32px;
}

p.medium {
	font-size: 26px;
}

h1 + p.medium {
	margin-top: 22px;
}

p.larger {
	font-size: 22px;
}

blockquote {
	background: #87ddd4;
	padding: 17px 17px 17px 40px;
	width: 100%;
	max-width: 902px;
	margin: 0 auto 35px auto;
}

blockquote>:last-child {
	margin-bottom: 0;
}

.alignleft {
	float: left;
	display: inline;
	margin: 0 48px 25px 0;
}

.alignright {
	float: right;
	display: inline;
	margin: 0 0 25px 48px;
}

.aligncenter {
	display: block;
	margin: 0 auto 35px auto;
}

p>.aligncenter:last-child {
	margin-bottom: -8px;
}

/* Lists */

ul {
	margin: 0 0 0 35px;
}

ul.two-column-list {
	column-count: 2;
	column-gap: 40px;
}

p + ul {
	margin-top: -15px;
}

ul li {
	list-style: disc;
	margin: 0;
	line-height: 1.22em;
}

ol {
	margin: 20px 0 20px 35px;
}

ol li {
	list-style: decimal;
	margin: 0 0 5px 0;
	line-height: 1.4em;
}

/* Clearfix */

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* Layout */

body {
	font: 20px 'Proxima Nova', Arial, Helvetica, sans-serif;
	color: #343434;
	display: flex;
	flex-flow: column nowrap;
	min-height: 100vh;
}

table {
	width: 100%;
	margin: 30px 0 12px 0;
}

td {
	vertical-align: top;
	line-height: 1.45em;
}

img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

.page-content {
	flex: 1 0 auto;
}

.frame {
	width: 1168px;
	margin: 0 auto;
	position: relative;
}

.wide-frame {
	width: 1440px;
}

.header .frame {
	display: flex;
	justify-content: space-between;
}

.logo {
	width: 26.6%;
	margin: 0 0 0 1.8%;
}

.logo img {
	display: block;
}

.header {
	padding: 42px 0 0 0;
	margin: 0 0 57px 0;
}

.header-widgets {
	width: 60.8%;
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-end;
	margin: 13px 0 0 0;
}

.header-button {
	margin: 0 0 22px 0;
}

.header-button a:link, .header-button a:visited {
	display: block;
	color: #1f1f1f;
	background: #eda341;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	padding: 8px 28px;
	font-size: 19px;
	font-weight: 600;
	text-transform: uppercase;
}

.header-button a:hover {
	background: #0085bd;
	color: #FFF;
}

.search-form {
	border: 1px solid #575757;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	display: flex;
	align-items: center;
	margin: 0 0 23px 0;
}

.keyword {
	border: none;
	background: transparent;
	font: 22px 'Proxima Nova';
	color: #575757;
	width: 335px;
	padding: 6px 25px;
}

.keyword::placeholder {
	color: #575757;
}

.keyword:focus {
	outline: none;
}

.search-btn {
	margin: 0 15px 0 0;
}

#menu-button {
	display: none;
}

.main-nav>ul {
	margin: 0;
	display: flex;
	justify-content: center;
}

.main-nav>ul>li {
	margin: 0 0 0 57px;
	font-size: 22px;
	font-weight: 600;
	list-style: none;
	position: relative;
}

.main-nav>ul>li>a {
	padding: 5px 0;
}

.main-nav>ul>li>a:link, .main-nav>ul>li>a:visited {
	color: #000;
}

.main-nav>ul>li.menu-item-has-children>a {
	padding-right: 25px;
	position: relative;
}

.main-nav>ul>li.menu-item-has-children>a:before {
	content: '\f078';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	font: 900 14px 'Font Awesome 5 Free';
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.main-nav>ul>li:hover>a:link, .main-nav>ul>li:hover>a:visited {
	color: #0085bd;
}

/* Dropdown */

.main-nav>ul>li>ul {
	margin: 0;
	position: absolute;
	top: 100%;
	left: -17px;
	opacity: 0;
	pointer-events: none;
	z-index: 20;
	background: #eda341;
	min-width: 100%;
}

.main-nav>ul>li:hover>ul {
	opacity: 1;
	pointer-events: inherit;
}

.main-nav>ul>li:hover>ul {
	z-index: 30;
}

.main-nav>ul>li>ul>li {
	list-style: none;
	position: relative;
	z-index: 20;
	margin: 0;
}

.main-nav>ul>li>ul>li>a:link, .main-nav>ul>li>ul>li>a:visited {
	display: block;
	color: #1f1f1f;
	padding: 8px 47px 8px 17px;
}

.main-nav>ul>li.small-dropdown>ul>li>a:link, .main-nav>ul>li.small-dropdown>ul>li>a:visited {
	padding-top: 12px;
	padding-bottom: 12px;
}

.main-nav>ul>li>ul>li>a:hover {
	background: #1f1f1f;
	color: #eda341;
}

.welcome {
	margin: 0 0 60px 0;
}

.intro {
	margin-bottom: 130px;
}

.intro-image {
	display: none;
}

.welcome .frame {
	-webkit-border-radius: 18px;
	border-radius: 18px;
	display: flex;
	padding: 0 0 40px 0;
}

.intro .frame {
	height: 589px;
	flex-flow: column nowrap;
	justify-content: flex-end;
	padding: 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.intro-headline {
	margin: 0 0 -88px 0;
}

.welcome .frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 8.65%;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/deco-left.png') no-repeat 0 50%;
	z-index: -1;
}

.welcome .frame:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 11.73%;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/deco-right.png') no-repeat 0 50%;
	z-index: -1;
}

.welcome-text {
	margin: 60px 0 0 4.5%;
	width: 54.6%;
	text-align: center;
	color: #FFF;
}

.welcome .headline {
	margin-bottom: 45px;
}

.welcome-text>:last-child {
	margin-bottom: 0;
}

.welcome-indent {
	margin: 0 97px 0 43px;
}

.welcome-image {
	width: 52.7%;
	position: absolute;
	top: -40px;
	right: -7%;
}

.welcome-image img {
	display: block;
}

.about-text {
	margin: 0 0 0 1.5%;
}

.about-indent {
	width: 57.5%;
	text-align: right;
}

.about-indent h4 {
	margin-right: -10px;
}

.links-area {
	background: #0085bd;
	position: relative;
	z-index: 20;
	margin: 0 0 105px 0;
}

ul.links {
	display: flex;
	margin: 0;
	position: relative;
}

ul.links:before {
	content: '';
	display: block;
	background: #016893;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 3000px;
}

ul.links>li {
	list-style: none;
	width: 33.33%;
	margin: 0;
	text-align: center;
	color: #FFF;
}

.links a:link, .links a:visited {
	display: block;
	color: #FFF;
	padding: 24px 0;
}

.link-subhead {
	font-size: 20px;
	font-weight: 300;
	display: block;
	margin: 0 0 3px 0;
}

.link-headline {
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: block;
	-webkit-transition: color 350ms ease-in-out;
	transition: color 350ms ease-in-out;
}

.links a:hover .link-headline {
	color: #f5d686;
}

ul.links>li:first-child a:link, ul.links>li:first-child a:visited {
	background: #016893;
}

ul.links>li:nth-child(2n) a:link, ul.links>li:nth-child(2n) a:visited {
	background: #0074a3;
}

.wide-frame {
	width: 1440px;
}

.callout {
	margin: 0 0 85px 0;
}

.no-standout {
	margin-bottom: 35px;
}

.callout-with-paws:not(.no-standout) {
	margin-top: 130px;
}

.callout-intro {
	position: relative;
	margin-bottom: 60px;
}

.callout-columns, .orange-callout-columns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.no-standout .frame {
	align-items: flex-end;
}

.callout-with-paws>.callout-columns:before, .callout-intro:before {
	content: '';
	display: block;
	position: absolute;
	width: 58.4%;
	top: -140px;
	bottom: 0;
	left: 38%;
	z-index: 30;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/paw-prints-horizontal.png') no-repeat;
	background-size: contain;
}

.callout-intro:before {
	top: auto;
	bottom: -130px;
	left: auto;
	right: 34.5%;
	height: 389px;
}

.callout-intro + .callout-columns .callout-text {
	z-index: 40;
	margin-top: 30px;
}

.callout-image {
	width: 53.85%;
	position: relative;
}

.no-standout .callout-image {
	width: 54.7%;
}

.callout-image img {
	display: block;
}

.callout-headline {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 158px;
	font-weight: 900;
	text-transform: uppercase;
	transform: rotate(-90deg) translate(32.5%,-115%);
	color: #FFF;
}

.callout-text {
	width: 40.23%;
	margin: -25px 2% 0 0;
	position: relative;
	z-index: 20;
}

.no-standout .callout-text {
	width: 39%;
    margin: 0 1.8% 20px 0;
	position: relative;
	z-index: 40;
}

.callout-with-paws:not(.no-standout) .callout-text {
	margin-top: 70px;
}

.callout-text>:last-child {
	margin-bottom: 0;
}

.callout-text h2 {
	margin-left: -30%;
	margin-right: -6%;
	text-align: right;
}

.no-standout .callout-text h2 {
    margin-right: 3%;
	margin-left: 0;
	text-align: left;
}

.orange-callout {
	padding: 100px 0 0 0;
}

.callout + .orange-callout {
	margin-top: -70px;
}

.orange-callout-columns {
	padding: 90px 0 0 0;
	position: relative;
}

.orange-callout .frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 20px;
	left: 0;
	width: 52.3%;
	z-index: -30;
	background: #fbefd1;
}

.orange-callout .frame:after {
	content: '';
	display: block;
	position: absolute;
	top: 30px;
	bottom: -48px;
	left: 40px;
	width: 52.3%;
	z-index: -10;
	border: 5px solid #016893;
}

.orange-callout-columns:before {
	content: '';
	display: block;
	position: absolute;
	width: 22.26%;
	top: -185px;
	bottom: 0;
	left: 17%;
	z-index: -10;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/paw-prints-small.png') no-repeat;
	background-size: contain;
}

.orange-callout .callout-text {
	width: 25.7%;
	margin: 0 0 0 9.3%;
}

.orange-callout .callout-text h2 {
	text-align: left;
	margin-left: -3.5%;
    margin-right: -45%;
	position: relative;
	padding-left: 58px;
	padding-right: 58px;
    z-index: 30;
}

.orange-callout .callout-headline {
	bottom: -8%;
	font-size: 152.5px;
	-webkit-transform: none;
	transform: none;
}

.large-callout-headline,
.orange-callout .large-callout-headline {
	font-size: 177.55px;
	bottom: -10%;
}

.orange-callout .callout-image {
	width: 61.9%;
}

.callout-outro {
	padding: 40px 60px 0 60px;
}

.text-callout .frame {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 80px 0;
}

.text-callout .frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 35.04%;
	width: 11.73%;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/deco-right.png') no-repeat 0 50%;
	border-left: 3px solid #f5d686;
	z-index: -1;
}

.text-callout .frame:after {
	content: '';
	display: block;
	position: absolute;
	width: 35.4%;
	top: -275px;
	bottom: 0;
	left: -11.5%;
	z-index: -1;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/paw-prints.png') no-repeat;
	background-size: contain;
}

.tc-left {
	width: 26.5%;
	margin: 43px 0 0 1.5%;
	padding: 0 0 0 20px;
}

.tc-left .headline {
	margin: 0 0 12px -20px;
}

.tc-right {
	width: 59%;
	padding: 50px 2% 0 0;
}

.tc-left>:last-child, .tc-right>:last-child {
	margin-bottom: 0;
}

.orange-callout {
	margin: 0 0 195px 0;
}

.cta {
	position: relative;
	z-index: 110;
}

.cta .frame {
	display: flex;
	background: #FFF;
	box-shadow: 1px 1px 30px 0 #666;
}

.cta-image {
	width: 34%;
}

.cta-image img {
	display: block;
	width: 100%;
	height: auto;
}

.cta-text {
	width: 50.5%;
	margin: 0 auto;
	text-align: center;
	color: #016893;
	text-align: center;
	font-size: 32px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.cta-headline {
	font-size: 54px;
	text-transform: uppercase;
	color: #016893;
}

.cta-phone {
	font-size: 72px;
	font-weight: 900;
	text-transform: uppercase;
	color: #f5d686;
	line-height: 1.1em;
}

.cta-phone a:link, .cta-phone a:visited {
	color: #f5d686;
}

.cta-text>:last-child {
	margin-bottom: 0;
}

.footer {
	background: #016893;
	color: #fff;
	padding: 217px 0 100px 0;
	margin: -127px 0 0 0;
}

.footer a:link, .footer a:visited {
	color: #fff;
}

.footer .frame {
	display: flex;
	justify-content: space-between;
}

.footer-column {
	position: relative;
	padding: 30px 0 0 0;
	width: 27.6%;
}

.footer-column:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 3px;
	background: #f5d686;
}

.footer-heading {
	font-size: 30px;
	margin: 0 0 28px 0;
}

.footer-nav ul {
	margin: 0;
}

.footer-nav ul li {
	margin: 0 0 18px 0;
	list-style: none;
	padding: 0 0 0 52px;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/ico-paw-small.png') no-repeat;
}

ul.footer-contacts {
	margin: 0;
}

ul.footer-contacts li {
	list-style: none;
	padding: 0 0 0 40px;
	background-repeat: no-repeat;
	background-position: 2px 50%;
	line-height: 1.2em;
	margin: 0 0 15px 0;
}

.footer-contacts li p {
	line-height: 1.22em;
	margin: 0;
}

.indent {
	margin: 0 70px;
}

.small-indent {
	margin: 0 25px;
}

.indent:before {
	content: '';
	display: block;
	position: absolute;
	width: 35.4%;
	top: -10px;
	bottom: 0;
	left: -11.5%;
	z-index: -10;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/paw-prints.png') no-repeat;
	background-size: contain;
	opacity: 0.08;
}

ul.thumbnails {
	display: flex;
	flex-flow: row wrap;
	margin: 55px -40px 100px -40px;
}

.thumbnails-area + .headline-and-text {
	margin-top: -60px;
}

ul.thumbnails>li {
	list-style: none;
	width: calc(33.33% - 80px);
	margin: 0 40px 67px 40px;
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.thumbnails li a {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	width: 100%;
}

.thumbnails li .headline {
	margin-top: -40px;
}

.thumbnail-title {
	background: url('i/brush-line-1.png') no-repeat;
	min-width: 301px;
	min-height: 59px;
	font-size: 42px;
	font-weight: 900;
	line-height: 59px;
	color: #016893;
	text-align: center;
	margin: -50px 0 0 0;
}

.headline-and-text {
	margin: 0 0 120px 0;
}

.headline-and-text .frame {
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.headline-and-text .frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 109px;
	border-left: 3px solid #f5d686;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/deco-right.png') no-repeat 0 190px;
	width: 11.73%;
}

.headline-and-text .frame:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 112px;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/deco-left.png') no-repeat 0 838px;
	width: 8.65%;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.hat-headline {
	position: absolute;
	top: 0;
	left: -26px;
	transform: rotate(-90deg) translate(-100%,0);
	transform-origin: 0 0;
	font-size: 146.31px;
	font-weight: 900;
	color: #f5d686;
	text-transform: uppercase;
	white-space: nowrap;
}

.hat-text {
	width: 71.5%;
	margin: 75px 6.5% 0 0;
	color: #016893;
	position: relative;
	z-index: 30;
}

ul.steps {
	margin: 0 0 100px 0;
}

ul.steps:not(:first-child) {
	margin-top: 67px;
}

ul.steps li {
	list-style: none;
	margin: 0 0 62px 0;
	font-size: 20px;
	text-align: center;
}

.step-number {
	font-size: 80px;
	font-weight: 900;
	color: #f5d686;
	margin: 0 0 35px 0;
}

.step-title {
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	color: #016893;
	margin: 0 0 15px 0;
	position: relative;
	z-index: 30;
}

.hat-text h2 {
	display: inline-block;
	margin: 0 0 59px -148px;
	border-radius: 0 40px 40px 0;
	padding-right: 64px;
}

.orange-callout + .three-columns-area {
	margin-top: -88px;
}

.three-columns {
	display: flex;
	margin: 0 -33px 70px -33px;
	width: calc(100% + 66px);
}

.tc-column {
	width: calc(33.33% - 66px);
	margin: 0 33px;
	text-align: center;
}

.tc-column .headline {
	margin-bottom: 10px;
}

.two-columns {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.two-columns:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 33.33%;
	border-left: 3px solid #f5d686;
	background: url('https://loganhumane.org/wp-content/themes/logan-county/i/deco-right.png') no-repeat 0 190px;
	width: 11.73%;
}

.left-column {
	width: 29.1%;
}

.right-column {
	width: 54.79%;
	margin: 45px 5% 0 0;
	position: relative;
	z-index: 20;
	color: #016893;
	padding: 0 0 75px 0;
}

.left-column>:last-child, .right-column>:last-child {
	margin-bottom: 0;
}

.map-area {
	margin: 62px 0 0 0;
}

.map-area .frame {
	display: flex;
	align-items: center;
	padding: 30px 0;
}

.map-area .frame:before {
	content: '';
	display: block;
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 44%;
	right: 5%;
	background: #fbefd1;
	z-index: -10;
}

.map-area .frame:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4.3%;
	right: 3.2%;
	border: 5px solid #016893;
	z-index: -10;
}

.map {
	width: 46.83%;
	margin: 0 0 0 2%;
}

.map img {
	display: block;
}

.map iframe {
	display: block;
	width: 100%;
	border: none;
}

.map p {
	margin: 0;
}

.map-text {
	width: 38%;
	margin: 0 0 0 6%;
	font-size: 24.15px;
}

.map-text .headline {
	margin: 0 0 5px -20px;
}

.map-text p {
	margin-bottom: 35px;
}

.map-text>:last-child {
	margin-bottom: 0;
}

.tai-columns {
	display: flex;
	align-items: flex-start;
	margin: 0 0 -50px 0;
}

.tai-text {
	width: 59.7%;
	margin: 0 0 0 3%;
	border: 5px solid #f5d686;
	font-size: 26px;
	padding: 27px 35px 50px 35px;
}

.tai-text>:last-child {
	margin-bottom: 0;
}

.tai-image {
	width: 38.52%;
	margin: -27px 0 0 -1.5%;
}

.tai-image img {
	display: block;
}

.pattern-background {
	background: url('i/background-pattern.jpg') no-repeat 50% 50%;
	background-size: 100% 100%;
	padding: 95px 0;
}

h1.huge {
	font-size: 100px;
	font-weight: 300;
	margin-bottom: 80px;
	text-align: center;
}

h1.huge strong {
	font-weight: 900;
}

h1.orange {
	color: #f5d686;
}

h1 img {
	vertical-align: bottom;
}

h1 img:first-child {
	margin: 0 -100px 0 0;
	-webkit-transform: translate(0,10px);
	transform: translate(0,10px);
}

h1 img:last-child {
	margin: 0 0 0 -100px;
	transform: translate(0,10px);
}

ul.pets {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -20px 12px -20px;
}

ul.pets>li {
	list-style: none;
	width: calc(33.33% - 40px);
	margin: 0 20px 40px 20px;
}

.pets li a,
.pets li span {
	display: block;
}

a.pet-link:link, a.pet-link:visited, a.pet-link:hover {
	color: #343434;
}

.pet-photo {
	border: 3px solid #f5d686;
	padding: 10px;
	position: relative;
}

.pet-overlay {
	background: rgba(1,104,147,0.7);
	color: #FFF;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	text-align: center;
	color: #FFF;
	display: flex !important;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 2px;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}

.pet-link:hover .pet-overlay {
	opacity: 1;
}

.pattern-background .pet-photo {
	border-color: #016893;
}

.pet-description {
	margin: -45px 30px 0 30px;
	background: #FFF;
	font-size: 18.22px;
	text-align: center;
	padding: 17px 20px;
	position: relative;
	z-index: 20;
	box-shadow: 1px 1px 10px 0 #aaa;
}

.search-result .pet-description {
	margin-top: 0;
}

.pet-name {
	font-size: 29px;
	font-weight: 700;
	color: #f5d686;
	margin: 0 0 9px 0;
}

.pet-name:last-child {
	margin-bottom: 0;
}

.pattern-background .pet-name {
	color: #016893;
}

.pet-description p {
	margin: 0;
}

.pets-area {
	position: relative;
	z-index: 110;
}

.pets-area + .pets-area {
	margin-top: -28px;
}

/* Pagination */

.pagination {
	text-align: center;
	margin: 0 0 40px 0;
}

.pagination a:link, .pagination a:visited, .pagination span {
	border: 2px solid #016893;
	color: #016893;
	text-decoration: none;
	text-align: center;
	padding: 7px 12px;
	margin: 0 6px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

.pagination span, .pagination a:hover {
	background: #016893;
	color: #fff;
}

/* Form */

.gform_wrapper.gf_browser_chrome .gform_body {
	width: 100% !important;
}

.gform_wrapper ul.gform_fields li.gfield {
	padding: 0 !important;
}

.gform_wrapper *, .gform_wrapper :after, .gform_wrapper :before {
    box-sizing: inherit !important;
}

.gform_wrapper {
	max-width: 100% !important;
	margin: 0 !important;
}

body .gform_wrapper label.gfield_label+div.ginput_container {
	margin: 0 !important;
}

ul.gform_fields {
	margin: 0 !important;
}

.footer-form ul.gform_fields {
	display: flex !important;
	flex-flow: column wrap !important;
	max-height: 165px !important;
	align-content: space-between !important;
}

ul.gform_fields>li,
body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	padding-left: 0 !important;
	font-style: normal;
	margin: 0 0 10px 0 !important;
	font-weight: 400 !important;
	background: transparent;
	list-style: none !important;
}

.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 37px !important;
	grid-column-gap: 6% !important;
}

.footer-form ul.gform_fields>li {
	width: 35% !important;
}

.footer-form ul.gform_fields>li.checkbox-field {
	width: 24.5% !important;
	margin-top: 5px !important;
}

.ginput_container_address,
body .gform_wrapper label.gfield_label+div.ginput_container.ginput_container_address {
	margin-bottom: -10px !important;
}

.ginput_full, .ginput_left, .ginput_right {
	margin-bottom: 25px !important;
}

.ginput_left, .ginput_right {
	display: inline-block !important;
}

.ginput_full {
	display: block !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half {
	padding-right: 16px !important;
}

.gform_wrapper .top_label li.gfield.gf_right_half,
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last{
	padding-left: 16px !important;
}

.gform_wrapper li.gfield.gfield_error {
	padding: 0 !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background: transparent !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-left: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
	max-width: 100% !important;
}

.validation_error, .validation_message {
	display: none !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.gform_wrapper .top_label .gfield_error {
	width: auto !important;
}

.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
	width: 50% !important;
	max-width: 50% !important;
}

.gform_wrapper ul li:before {
	display: none;
}

.show-label label {
	display: inline-block !important;
}

.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 32px !important;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-size: 24px !important;
	margin: 0 0 7px 20px !important;
	color: #383838 !important;
}

.ginput_container input, .ginput_container textarea, .ginput_container select {
	display: block !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 12px 30px !important;
	text-indent: 0 !important;
	font: 24px 'Proxima Nova' !important;
	letter-spacing: 0 !important;
	color: #383838 !important;
	background: #fff !important;
	border: 2px solid #3d3d3d !important;
	width: 100% !important;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	-webkit-box-shadow: 0 0 0 transparent !important;
	box-shadow: 0 0 0 transparent !important;
}

.gform_wrapper.gravity-theme .gfield textarea.large {
    height: 236px !important;
}

.subscribe .ginput_container input, .subscribe .ginput_container textarea, .subscribe .ginput_container select {
	font-size: 14px !important;
	border: none;
}

.ginput_container input:focus, .ginput_container textarea:focus, .ginput_container select:focus {
	outline: none !important;
}

.ginput_container_checkbox, .ginput_container_radio {
	margin: 10px 0 0 10px !important;
}

.gchoice {
	margin-bottom: 14px !important;
}

.ginput_container input[type=checkbox], .ginput_container input[type=radio] {
	width: auto !important;
	display: inline-block !important;
}

div.ginput_container input[type=checkbox], div.ginput_container input[type=radio] {
	display: none !important;
}

.ginput_container input[type=checkbox] + label, .ginput_container input[type=radio] + label {
	position: relative;
	cursor: pointer;
	font-size: 24px !important;
	color: #383838 !important;
}

.ginput_container input[type=checkbox] + label:before, .ginput_container input[type=radio] + label:before {
	content: '';
	display: inline-block;
	width: 23px;
	height: 23px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 2px 21px 0 0;
	border: 3px solid #000000;
	vertical-align: top;
}

.white-text .ginput_container input[type=checkbox] + label:before, .white-text .ginput_container input[type=radio] + label:before {
	background: #FFF;
}

.ginput_container input[type=checkbox] + label:after {
	content: '';
	display: block;
	width: 12px;
	height: 6px;
	position: absolute;
	top: 9px;
	left: 5.5px;
	border: 2px solid #000;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: opacity 350ms ease-in-out;
	transition: opacity 350ms ease-in-out;
}

.ginput_container input[type=radio] + label:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 8.5px;
	left: 6.5px;
	background: #000;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: opacity 350ms ease-in-out;
	transition: opacity 350ms ease-in-out;
}

.white-text .ginput_container input[type=checkbox] + label:after {
	border-color: #2777ab;
}

.ginput_container input[type=checkbox]:checked + label:after,
.ginput_container input[type=radio]:checked + label:after{
	opacity: 1;
}

ul.gfield_checkbox {
	margin: 0;
}

ul.gfield_checkbox li {
	list-style: none;
	display: flex;
	flex-flow: row nowrap;
	font-size: 18px !important;
	font-weight: 300 !important;
	margin: 0 0 12px 0 !important;
}

.ginput_container select {
	padding-left: 6px !important;
	padding-right: 6px !important;
}

.ginput_container input[type=checkbox], .ginput_container input[type=radio] {
	display: inline-block !important;
	margin: 2px 7px 0 0 !important;
}

.ginput_recaptcha textarea {
	display: none !important;
}

.dark-text .ginput_container input, .dark-text .ginput_container textarea, .dark-text .ginput_container select,
.dark-text .field-large .ginput_container input, .dark-text .field-large .ginput_container textarea, .dark-text .field-large .ginput_container select {
	background: transparent !important;
	color: #000 !important;
	border-color: rgba(0,0,0,0.48) !important;
}

.textarea.medium {
	height: 93px !important;
}

.gfield_error .ginput_container input, .gfield_error .ginput_container textarea, .gfield_error .ginput_container select {
	background: #c4cadb !important;
}

.ginput_container_checkbox input {
	-webkit-box-shadow: 0 0 0 transparent !important;
	-moz-box-shadow: 0 0 0 transparent !important;
	box-shadow: 0 0 0 transparent !important;
}

.ginput_container_checkbox input {
	margin-top: 3px !important;
}

body ::-webkit-input-placeholder {
	color: #828282 !important;
}

body ::-moz-placeholder {
	color: #828282 !important;
}

body ::-ms-placeholder {
	color: #828282 !important;
}

body ::placeholder {
	color: #828282 !important;
}

.gform_footer {
	margin: 42px 0 0 0 !important;
	padding: 0 !important;
	text-align: right !important;
}

.footer-form .gform_footer {
	margin: 0 !important;
}

.gform_wrapper .ginput_container input.datepicker,
.gfield_captcha_input_container input {
    width: 11.75em !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	margin: 0 !important;
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100% !important;
}

.subscribe .gform_wrapper {
	margin: 0 !important;
}

.subscribe .gform_wrapper form {
	display: flex !important;
	align-items: center !important;
}

.subscribe .gform_body {
	margin: 0 22px 0 0 !important;
}

.subscribe .gform_footer {
	margin: 0 !important;
}

/* Responsive Menu */

html, .container, .scroller {
	height: 100%;
}
.scroller {
	overflow: hidden;
}
.mp-pushed .scroller {
	overflow-y: hidden;
}
.scroller,
.scroller-inner {
	position: relative;
}
.container {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 2;
}
.pusher {
	position: relative;
	left: 0;
	height: 100%;
	perspective: 1000px;
}

/* Side Menu Layout */
.side-menu {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 290px;
	height: 100%;
	overflow: hidden;
	background: #fff;
	-webkit-transform: translate3d(100%, 0, 0);
	-moz-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mp-level:first-child {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* overlays for pusher and for level that gets covered */
.pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}
.pusher::after {
	z-index: 999;
}
.pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-level::after {
	z-index: -1;
}
.pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.mp-level.mp-level-overlay {
	cursor: pointer;
}
.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}
.pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
/* overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}
/* First level */
.side-menu > .mp-level,
.side-menu > .mp-level.mp-level-open,
.side-menu.mp-overlap > .mp-level,
.side-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
/* Side Menu Styling */
.side-menu {
	display: block;
}
.side-menu li:before, .side-menu li:after {
	display: none;
}
.the-side-menu {
	margin: 0 0 40px 0;
}
.the-side-menu>.mp-level ul li>a:link, .the-side-menu>.mp-level ul li>a:visited {
	display: block;
	font-size: 22px;
	font-weight: 700;
	color: #000 !important;
	text-decoration: none;
	text-align: center;
	padding: 14px 10px;
	letter-spacing: 1px;
}
a.mp-back:link, a.mp-back:visited {
	display: block;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	text-decoration: none;
	padding: 10px 25px 10px 25px;
	position: relative;
	letter-spacing: 1px;
}
a.mp-back:link:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	border-right: 6px solid #fff;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	margin: -4px 0 0 0;
}
.the-side-menu>.mp-level ul li>a>span {
	position: relative;
}
.the-side-menu ul li:before {
	display: none;
}
.the-side-menu ul li {
	padding-left: 0;
	position: static;
}
.the-side-menu>.mp-level ul li.menu-item-has-children>a>span {
	padding-right: 39px;
	margin: 0 -30px 0 0;
}
.the-side-menu>.mp-level ul li.menu-item-has-children>a>span:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 26px;
	border-top: 5px solid #e2e2e2;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	margin: -3px 0 0 0;
	-webkit-transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease, opacity 250ms ease;
	transition: color 250ms ease, background-color 250ms ease, border-color 250ms ease, opacity 250ms ease;
}
.the-side-menu>.mp-level ul li.current-menu-item>a, .the-side-menu>.mp-level ul li.current-menu-parent>a, .the-side-menu>.mp-level ul li.current-menu-ancestor>a,
.the-side-menu>.mp-level ul li.open {
	background: #000;
	color: #fff !important;
}
.the-side-menu>.mp-level ul li>a:hover {
	background: #000;
	color: #fff !important;
}
.the-side-menu>.mp-level ul li.menu-item-has-children>a:hover>span:before,
.the-side-menu>.mp-level ul li.open>a>span:before {
	border-top-color: #FFF;
}
.the-side-menu>.mp-level ul li.current-menu-item a:link, .the-side-menu>.mp-level ul li.current-menu-item a:visited,
.the-side-menu>.mp-level ul li.current-menu-item a:link, .the-side-menu>.mp-level ul li.current-menu-parent a:visited,
.the-side-menu>.mp-level ul li.current-menu-ancestor a:link, .the-side-menu>.mp-level ul li.current-menu-ancestor a:visited,
.the-side-menu>.mp-level ul li.open a:link, .the-side-menu>.mp-level ul li.open a:visited {
	color: #FFF;
}
.the-side-menu>.mp-level ul li.current-menu-item>a>span:after,
.the-side-menu>.mp-level ul li.current-menu-parent>a>span:after,
.the-side-menu>.mp-level ul li.current-menu-anestor>a>span:after,
.the-side-menu>.mp-level ul li.current_page_item>a>span:after,
.the-side-menu>.mp-level ul li.current_page_parent>a>span:after,
.the-side-menu>.mp-level ul li.current_page_anestor>a>span:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	height: 3px;
	background: #000;
}
.the-side-menu>.mp-level ul li.menu-item-has-children>a>span:after {
	right: 39px;
}
.mp-menu-open {
	z-index: 200;
}
.mp-level ul {
	margin: 0;
}
.mp-level li {
	list-style: none;
	margin: 0;
}

@media (max-width: 1500px) {
	.wide-frame {
		width: 1168px;
	}
}

@media (max-width: 1208px) {
	.frame {
		width: auto !important;
		margin-left: 20px;
		margin-right: 20px;
	}
	.main-nav>ul>li {
		margin: 0 0 0 37px;
		font-size: 18px;
	}
	h2 {
		font-size: 36px;
	}
	h5 {
		font-size: 21px;
	}
	p.huge {
		font-size: 35px;
	}
	.callout-headline, .orange-callout .callout-headline {
		font-size: 123px;
	}
	.orange-callout .frame:before {
		bottom: -20px;
	}
	.cta-text {
		font-size: 26px;
	}
	.cta-phone {
		font-size: 58px;
	}
	.cat-headline {
		font-size: 44px;
	}
	.tai-columns {
		margin-bottom: 20px;
	}
	h1.huge {
		font-size: 60px;
	}
	h1 img:first-child {
		margin-right: -70px;
	}
	h1 img:last-child {
		margin-left: -20px;
	}
	.pets-area + .pets-area {
		margin-top: -68px;
	}
	.intro .frame {
		height: 450px;
	}
	.intro-headline {
		width: 60%;
	}
	ul.thumbnails {
		margin-bottom: 30px;
	}
	.three-columns {
		margin-bottom: 0;
	}
	.hat-text h2 {
		margin-left: -92px;
	}
	.intro .frame {
		background: transparent !important;
		height: auto;
	}
	.intro .frame:before, .intro .frame:after {
		display: none;
	}
	.intro-image {
		display: block;
	}
	.intro-image img {
		display: block;
		width: 100%;
		height: auto;
		-webkit-border-radius: 18px;
		border-radius: 18px;
	}
	.intro-headline {
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		margin: 0;
	}
	.intro {
		margin-bottom: 0;
	}
}

@media (max-width: 959px) {
	.header {
		padding-top: 20px;
	}
	.main-nav {
		display: none;
	}
	#menu-button {
		display: block;
		font-size: 42px;
	}
	a#menu-button:link, a#menu-button:visited {
		outline: none;
		order: 1;
		margin: 0 0 20px 0;
	}
	.keyword {
		width: 235px;
	}
	.logo {
		width: 36.6%;
		margin: 20px 0 0 0;
	}
	.header-widgets {
		margin-top: 0;
	}
	.header-button {
		order: 2;
	}
	.search-form {
		order: 3;
		margin-bottom: 0;
	}
	.welcome-indent {
		margin: 0;
	}
	.buttons {
		flex-flow: column nowrap;
		justify-content: center;
	}
	.buttons h6 + h6 {
		margin-left: 0;
	}
	.buttons h6:last-child {
		margin-bottom: 0;
	}
	.about-text {
		margin: 0;
		text-align: left;
	}
	.about-indent {
		width: 100%;
		text-align: left;
	}
	.callout-columns, .orange-callout-columns {
		flex-flow: column nowrap;
	}
	.callout-text, .orange-callout .callout-text, .no-standout .callout-text {
		width: 100%;
		margin: 0;
		order: 2;
	}
	.callout-image, .orange-callout .callout-image, .no-standout .callout-image {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 30px auto;
		order: 1;
	}
	.links-area {
		margin-bottom: 40px;
	}
	.callout-headline {
		font-size: 103px;
	}
	.callout-text h2 {
		display: inline-block !important;
		margin: 0 0 20px 0 !important;
		text-align: left !important;
		-webkit-border-radius: 40px !important;
		border-radius: 40px !important;
	}
	.text-callout .frame {
		flex-flow: column nowrap;
	}
	.text-callout .frame:before, .text-callout .frame:after {
		display: none;
	}
	.tc-left {
		width: 100%;
		margin: 0;
	}
	.tc-right {
		width: 100%;
		margin: 0;
	}
	.orange-callout {
		padding-top: 10px;
		margin-bottom: 100px;
	}
	.orange-callout .frame:before {
		top: 0;
		left: 0;
		width: 100%;
		bottom: -20px;
	}
	.orange-callout .frame:after {
		top: 20px;
		left: 20px;
		right: 20px;
		bottom: -40px;
		width: auto;
	}
	.callout-headline, .orange-callout .callout-headline {
		font-size: 84px;
	}
	.orange-callout .callout-text {
		width: auto;
		margin: 0 50px;
	}
	.cta-headline {
		font-size: 26px;
	}
	.cta-phone {
		font-size: 34px;
	}
	.cta-text {
		font-size: 18px;
	}
	.footer {
		font-size: 14px;
		padding-top: 117px;
		padding-bottom: 30px;
		margin-top: -74px;
	}
	.footer-heading {
		font-size: 22px;
		margin-bottom: 20px;
	}
	.footer-nav ul li {
		padding-left: 30px;
	}
	.pattern-background {
		padding: 30px 0;
	}
	h1.huge {
		font-size: 54px;
	}
	h1 img {
		max-width: 220px;
	}
	.pet-description {
		font-size: 16px;
		margin-left: 20px;
		margin-right: 20px;
		padding: 12px;
	}
	.pet-name {
		font-size: 22px;
	}
	h6 {
		font-size: 20px;
	}
	.gform_button {
		font-size: 20px !important;
	}
	.callout-with-paws:not(.no-standout) .callout-text {
		margin-top: 0;
	}
	.headline-and-text {
		margin-bottom: 50px;
	}
	p.medium {
		font-size: 22px;
	}
	.map-text {
		font-size: 20px;
	}
	ul.thumbnails {
		margin: 40px -20px;
		width: calc(100% + 40px);
	}
	ul.thumbnails>li {
		list-style: none;
		width: calc(33.33% - 40px);
		margin: 0 20px 40px 20px;
	}
	.hat-text h2 {
		margin-left: 0 !important;
		-webkit-border-radius: 40px !important;
		border-radius: 40px !important;
	}
	ul.footer-contacts li {
		padding-left: 30px;
	}
	.orange-callout + .three-columns-area {
		margin-top: 0;
	}
	.tc-columns {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}
	.tc-column {
		width: calc(33.33% - 40px);
		margin: 0 20px;
	}
	p.large {
		font-size: 24px;
	}
	h1 {
		font-size: 38px;
	}
	.hat-text {
		width: 78%;
		margin-right: 0;
	}
	.indent, .small-indent {
		margin: 0;
	}
	.thumbnail-title {
		font-size: 22px;
		background-size: auto 30px;
		background-position: 50% 50%;
		margin-top: -15px;
	}
	.callout-outro {
		padding-left: 0;
		padding-right: 0;
	}
	.pet-overlay {
		font-size: 21px;
	}
	.gform_wrapper.gravity-theme .gfield_label,
	.ginput_container input[type=checkbox] + label,
	.ginput_container input[type=radio] + label,
	.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
		font-size: 20px !important;
	}
}

@media (max-width: 599px) {
	body {
		font-size: 18px;
	}
	#menu-button {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
	.logo {
		width: 170px;
		margin: 0 0 25px 0;
	}
	.header .frame {
		flex-flow: column nowrap;
	}
	.header-widgets {
		width: 100%;
		position: static;
		align-items: center;
	}
	.welcome .frame {
		flex-flow: column nowrap;
	}
	.welcome-image {
		order: 1;
		width: 100%;
		max-width: 200px;
		margin: -30px auto 25px auto;
		position: static;
	}
	.welcome-text {
		order: 2;
		width: 100%;
		margin: 0;
		padding: 0 20px;
	}
	p.huge {
		font-size: 30px;
	}
	.welcome {
		margin-bottom: 30px;
	}
	.intro {
		margin-bottom: 0;
	}
	h4 strong {
		display: inline-block;
	}
	ul.links {
		flex-flow: column nowrap;
		margin: 0 -20px;
		width: calc(100% + 40px);
	}
	ul.links>li {
		width: 100%;
		margin: 0;
	}
	ul.links:before {
		display: none;
	}
	.callout-headline {
		font-size: 71px;
	}
	h2 {
		font-size: 30px;
	}
	.callout-image {
		max-width: 280px;
	}
	.orange-callout .callout-image {
		max-width: 200px;
	}
	.orange-callout .callout-headline {
		font-size: 41.5px;
	}
	.orange-callout .frame:after {
		top: 10px;
		left: 10px;
		right: 10px;
	}
	.cta .frame {
		flex-flow: column nowrap;
	}
	.cta-image {
		width: 100%;
		margin: 0 auto;
		max-width: 397px;
	}
	.cta-text {
		width: 100%;
		margin: 0;
		padding: 20px;
	}
	.tai-columns {
		flex-flow: column nowrap;
	}
	.tai-text {
		width: 100%;
		margin: 0;
		order: 2;
		font-size: 20px;
	}
	.tai-image {
		width: 100%;
		max-width: 240px;
		margin: 0 auto;
		order: 1;
	}
	h1 img {
		margin: 0 auto 15px auto !important;
		display: block;
	}
	ul.pets {
		flex-flow: column nowrap;
		width: 100%;
		margin: 0 auto;
		max-width: 300px;
	}
	ul.pets>li {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.pets-area + .pets-area {
		margin-top: 0;
	}
	.callout-with-paws:not(.no-standout) {
		margin-top: 70px;
	}
	.callout-with-paws>.callout-columns:before, .callout-intro:before {
		top: -90px;
	}
	.headline-and-text .frame {
		flex-flow: column nowrap;
	}
	.headline-and-text .frame:before, .headline-and-text .frame:after {
		display: none;
	}
	.hat-text {
		width: 100%;
		margin: 0 !important;
	}
	ul.steps {
		margin-bottom: 0;
	}
	.hat-headline {
		position: static;
		-webkit-transform: none;
		transform: none;
		font-size: 42px;
		white-space: normal;
		margin: 0 0 30px 0;
		text-align: center;
	}
	.footer .frame {
		flex-flow: column nowrap;
	}
	.footer-column {
		width: 100%;
	}
	.welcome-headline {
		margin-bottom: 15px;
	}
	.map-area .frame {
		flex-flow: column nowrap;
		padding: 30px 40px;
	}
	.map-area .frame:before {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.map-area .frame:after {
		top: 10px;
		bottom: 10px;
		left: 10px;
		right: 10px;
	}
	.thumbnails-area {
		padding: 30px 0 40px 0;
	}
	ul.thumbnails {
		margin: 0 auto;
		width: 100%;
		max-width: 300px;
	}
	ul.thumbnails>li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.map {
		width: 100%;
		height: 300px;
		margin: 0 auto 30px auto;
	}
	.map iframe {
		height: 300px;
	}
	.map-text {
		width: 100%;
		margin: 0;
	}
	.three-columns-area {
		padding: 20px 0 40px 0;
	}
	.three-columns {
		flex-flow: column nowrap;
		margin: 0;
		width: 100%;
	}
	.tc-column {
		width: 100%;
		margin: 0;
	}
	.two-columns {
		flex-flow: column nowrap;
	}
	.left-column {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.right-column {
		width: 100%;
		margin: 0;
	}
	.two-columns:before, .two-columns:after {
		display: none;
	}
	.callout + .orange-callout {
		margin-top: -40px;
	}
	.orange-callout {
		margin-bottom: 70px;
	}
	.thumbnail-title {
		font-size: 27px;
		background-size: auto 40px;
	}
	.pet-overlay {
		font-size: 36px;
	}
	table, tbody, tr, td {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		height: auto !important;
	}
	td {
		padding: 15px 0 !important;
	}
	table.table {
		display: table !important;
		max-width: 580px;
		margin: 0 auto 20px auto !important;
	}
	table.table tbody, table.table thead {
		display: table-row-group !important;
	}
	table.table tr {
		display: table-row !important;
	}
	table.table th, table.table td {
		display: table-cell !important;
		width: auto !important;
		padding: 5px 5px !important;
	}
}