/*
Theme Name: MSPCA Theme
Theme URI: https://accomplishagency.com/
Author: Accomplish
Author URI: https://accomplishagency.com/
Description: Custom MSPCA Theme by <a href="https://accomplishagency.com/">Accomplish</a>
Version: 2030.0
Text Domain: mspca-theme
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 100%;
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: initial !important;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
.clear {
    clear: both;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}

/********************************
General Typography
********************************/
/*
font-family:'Montserrat';
*/
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
    font-size: 62.5%;
    font-family: "Montserrat";
    color: #231f20;
}
a {
    text-decoration: none;
    color: #0096d7;
}
a:hover,
a:focus,
a:active {
    text-decoration: underline;
}
sup {
    vertical-align: super;
    font-size: 12px;
}
strong,
b {
    font-weight: 700;
}
i,
em {
    font-style: italic;
}
.blue {
    color: #0096d7;
}
.blueBG {
    background-color: #0096d7;
}
.red {
    color: #ff0000;
}
.redBG {
    background-color: #ff0000;
}
.yellow {
    color: #e8bb20;
}
.yellowBG {
    background-color: #e8bb20;
}
.greyBG {
    background-color: #fafafa;
}
.module.greyBG:not(.moduleHero):not(.moduleFullWidthCTAS):not(.googleMap) + .module.greyBG,
.module:not(.greyBG):not(.moduleHero):not(.moduleFullWidthCTAS):not(.googleMap) + .module:not(.greyBG):not(.moduleTwoColumnImageContent):not(.moduleColumnCTAS) {
    padding-top: 0;
}
.twoColumn .greyBG {
    background: none;
}
.circleIcon {
    display: inline-block;
    margin-right: 10px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    border-radius: 65px;
    -moz-border-radius: 65px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
.basicBtn {
    display: inline-block;
    padding: 12px 35px 12px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    font-size: 1.8em;
    font-weight: 600;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    transition: all ease 0.3s;
    position: relative;
}
input[type="submit"].basicBtn {
    padding: 12px 20px;
}
.basicBtn:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transition: all ease 0.3s;
    opacity: 0;
}
.basicBtn:hover:after,
.basicBtn:focus:after,
.basicBtn:active:after {
    opacity: 1;
    right: 10px;
}
.basicBtn.yellowBG:hover,
.basicBtn.yellowBG:focus,
.basicBtn.yellowBG:active {
    background-color: #0096d7;
    color: #000;
}
.basicBtn.blueBG:hover,
.basicBtn.blueBG:focus,
.basicBtn.blueBG:active {
    background-color: #e8bb20;
}
.readMore {
    font-size: 1.6em;
    font-weight: 700;
    color: #0798d7;
}
.readMore i {
    display: inline-block;
    margin-left: 5px;
    color: #d9ae1a;
}
.moduleNote {
    font-size: 1.2em;
    font-style: italic;
    margin: 20px 0;
}

/********************************
General Layout
********************************/
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.wrapper {
    max-width: 1040px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.wrapper:after,
.moduleColumnCTAS .ctas:after,
.moduleColumnCTAS.bgImageHoverText .cta:after,
#footer .icons:after,
.featuredPost:after {
    content: "";
    clear: both;
    display: block;
}
.clear {
    clear: both;
}
.donationBox {
    float: right;
    width: 370px;
    max-width: 100%;
    margin: 0 0 100px 100px;
}
.donationBox header {
    background: #006fae;
    color: #fff;
    font-size: 2.4em;
    font-weight: 600;
    padding: 40px 50px;
}
.donationBox .content {
    padding: 40px 50px;
    background: #fafafa;
}
.donationBox .content:after {
    content: "";
    display: block;
    clear: both;
}
.donationBox .readMore {
    float: left;
    clear: left;
}
.donationBox .readMore + .readMore {
    display: none !important;
}
.moduleL3Content form.donateForm {
    margin-bottom: 10px;
}
.coverLink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.btnCenter {
    text-align: center;
}
.youtubePlayer {
    display: block;
}
.youtubePlayer.floatleft {
    float: left;
    margin: 0 30px 30px 0;
}
.youtubePlayer.floatright {
    float: right;
    margin: 0 0 30px 30px;
}
.youtubePlayer.floatnone {
    float: none;
    margin: 0 0 30px 0;
}
hr {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 30px 0;
    clear: both;
    border: none;
}

/********************************
Header
********************************/
#header {
    position: relative;
    z-index: 30;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #dbdbdb;
    padding: 20px 0 0 0;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
}
#logo {
    display: block;
    float: left;
    width: 295px;
    height: 72px;
    background: url(images/logo.png) center center no-repeat;
    background-size: cover;
}
#headerButtons {
    float: right;
}

/* New Top Links */
#headerButtons.new_links {
    position: relative;
    min-width: 332px;
}
#headerButtons.new_links > ul,
#headerButtons.new_links.searching .search-form {
    opacity: 1;
    transition: opacity 0.5s;
    z-index: 999;
}
#headerButtons.new_links.searching > ul,
#headerButtons.new_links .search-form {
    opacity: 0;
    transition: opacity 0.5s;
    z-index: -999;
}
#headerButtons.new_links ul li {
    display: inline-block;
    border-right: 1px solid #23201f;
    padding: 0px 15px 0px 15px;
    text-align: center;
    height: 10px;
}
#headerButtons.new_links ul li:first-child {
    padding-left: 0px !important;
}
#headerButtons.new_links ul li:last-child {
    padding-right: 0px;
    border-right: none !important;
}
#headerButtons.new_links ul li a {
    color: #23201f;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
#headerButtons.new_links li.search a:before {
    content: "\f002";
    font-family: FontAwesome;
    margin-right: 7px;
}
#headerButtons.new_links .search-form {
    position: absolute;
    right: -9px;
    top: -5px;
    width: calc(100% + 15px);
    height: 25px;
}
#headerButtons.new_links .search-form input[type="text"] {
    position: absolute;
    left: 0px;
    width: 96%;
    height: 25px;
    border: 1px solid #231f20;
    border-right: 0px;
    padding: 0px 0px 2px 5px;
    outline: none !important;
    border-top: 0px;
    border-left: 0px;
    background: transparent;
    top: -3px;
}
#headerButtons.new_links .search-form input[type="submit"] {
    color: #23201f;
    width: 20%;
    margin-left: 80%;
    position: absolute;
    display: none;
    background: transparent;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    top: 2px;
    font-size: 12px;
    right: 0px;
    outline: none !important;
    cursor: pointer;
    display: block;
    font-family: "Montserrat";
}
a#closesearch {
    position: absolute;
    right: 72px;
    background: #231f20;
    color: #fff;
    font-size: 1em;
    padding: 1px 3px 2px 3px;
    margin: 4px -6px 0px 0px;
    border-radius: 10px;
    display: none;
    opacity: 0.35;
    transition: opacity 0.5s;
}
a#closesearch:hover,
a#closesearch:focus,
a#closesearch:active {
    opacity: 0.85;
    transition: opacity 0.5s;
}
#headerButtons.new_links.searching a#closesearch {
    display: block;
}
#headerButtons .btn {
    float: left;
    position: relative;
}
#headerButtons .btn + .btn {
    margin-left: 15px;
}
#headerButtons .btn a.roundedBtn {
    border: 1px solid #ebebeb;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    font-weight: 700;
    font-size: 1.6em;
    float: left;
    display: block;
    padding: 10px 20px;
    margin-left: 15px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}
#headerButtons .btn a.main.emergency {
    right: -13px;
    position: relative;
    color: #ff0000;
}
#headerButtons .btn a.main.emergency.active {
    background: #fff; /* padding-bottom: 25px; */
}
#headerButtons .btn a.roundedBtn > i {
    margin-right: 8px;
    font-size: 1em;
}
#headerButtons .hide {
    display: none;
}
#headerButtons .hide.emergency {
    display: none;
    position: absolute;
    width: 380px;
    background-color: #fff;
    top: 45px;
    right: 0;
    padding: 20px;
    box-sizing: border-box;
    z-index: 20;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);
}
#headerButtons .hide.emergency .column {
    display: inline-block;
    width: 47%;
    padding: 5px 15px;
    box-sizing: border-box;
    color: #231f20;
    margin-bottom: 15px;
}
#headerButtons .hide.emergency .column + .column {
    border-left: 1px solid #eaeaea;
}
#headerButtons .hide.emergency .column h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
#headerButtons .hide.emergency .column h4 a,
#headerButtons .hide.emergency .column p a {
    color: #ff0000;
}
#headerButtons .hide.emergency .column p {
    font-size: 15px;
    margin-bottom: 10px;
}
#headerButtons .hide.emergency .column p i {
    color: #ff0000;
    margin-right: 5px;
}
#headerButtons .hide.emergency .hotline {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 15px 20px;
    text-align: center;
    font-size: 15px;
    color: #231f20;
    margin-bottom: 15px;
}
#headerButtons .hide.emergency .allEmergencies {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: #ff0000;
    padding: 10px 20px;
    border: 1px solid #e20000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    display: inline-block;
}
#headerButtons .hide.emergency .allEmergencies i {
    margin-right: 5px;
}
#header .languages a {
    background-color: #0c5b90;
    color: #fff!important;
    padding: 5px 12px;
    display: flex;
    align-items: center;
    font-size: 14px !important;
}
#header .languages a:hover,
#mobileNav .languages a:hover {
    text-decoration: none;
}
#header .languages a i,
#mobileNav .languages a i {
    font-size: 24px;
    margin-right: 4px;
}
#mobileNav .languages a {
    background-color: #0c5b90;
    color: #fff !important;
    padding: 14px 12px;
    display: flex;
    align-items: center;
    font-size: 16px !important;
    justify-content: center;
}
#quickMainNav {
    float: right;
    position: relative;
    z-index: 20;
    margin: 24px 0 0 20px;
}
#quickMainNav > a {
    color: #555;
    font-size: 1.6em;
    position: relative;
    z-index: 1;
}
#quickMainNav i {
    margin-right: 10px;
    font-size: 30px;
    vertical-align: middle;
}
#quickMainNav:hover .hide,
#quickMainNav:focus .hide,
#quickMainNav:active .hide {
    display: block;
}
#quickMainNav .hide {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 160px;
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px;
    z-index: 0;
    border: 1px solid #ccc;
    text-align: left;
}
#quickMainNav .hide ul li {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 10px;
}
#quickMainNav .hide ul li:last-child {
    margin-bottom: 0;
}
#quickMainNav .hide ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    vertical-align: middle;
}
#quickMainNav .hide a:hover,
#quickMainNav .hide li:hover:before,
#quickMainNav .hide a:focus,
#quickMainNav .hide li:focus:before,
#quickMainNav .hide a:active,
#quickMainNav .hide li:active:before {
    color: #0899d8;
}
#mainNav {
    height: 45px;
    line-height: 50px;
    clear: both;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 10px;
    z-index: 10;
}
#mainNav > ul {
    font-size: 0;
    text-align: left;
}
#mainNav > ul > li {
    display: inline-block;
    font-size: 17px;
    margin-right: 40px;
    text-transform: uppercase;
    font-weight: 500;
}
#mainNav > ul > li:first-child > a {
    border-left: 0;
}
#mainNav > ul > li:last-child > a {
    border-right: none;
    padding: 0.5em 2em;
    font-size: 20px;
    font-weight: 600;
}
#mainNav > ul > li:last-child > a:after {
    display: none;
}
#mainNav li.donate {
    margin-right: 0px;
    float: right;
    text-align: center;
    padding: 0px 10px;
    background: #0d5b90;
    font-size: 16px;
    line-height: 35px;
    margin-top: -8px;
    position: relative;
    bottom: -1px;
}
#mainNav li.donate > a {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
#mainNav > ul > li.donate > a:before {
    content: "\f004";
    font-family: FontAwesome;
    color: #fff;
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: middle;
}
#mainNav > ul > li > a {
    color: #231f20;
    display: block;
    padding: 0px;
    position: relative;
}
#mainNav > ul > li:hover > a:after,
#mainNav > ul > li:focus > a:after,
#mainNav > ul > li:active > a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    bottom: -24px;
    color: #f7f7f7;
    z-index: 999;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 1.5em;
}
#mainNav > ul > li:hover .dropdown,
#mainNav > ul > li:focus .dropdown,
#mainNav > ul > li:active .dropdown {
    max-height: 750px;
    padding-top: 40px;
    padding-bottom: 30px;
    transition: max-height 1s, padding-top 1s, padding-bottom 1s;
}
#mainNav .dropdown {
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 148px;
    background: rgba(13, 91, 144, 0.97);
    padding: 40px 30px;
    box-sizing: border-box;
    text-align: left;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    transition: max-height 0.25s, padding-top 0.25s, padding-bottom 0.25s;
    overflow: hidden;
}
#mainNav > ul > li.donate .dropdown {
    width: 390px;
    top: 56px;
    position: absolute;
    left: -60px !important;
    margin: -1px 0 0 0;
}
@media (max-width: 1280px) {
    #mainNav > ul > li.donate .dropdown {
        left: -116px !important;
    }
}
#mainNav ul li:hover .dropdown,
#mainNav ul li:focus .dropdown,
#mainNav ul li:active .dropdown {
    display: block;
}
#mainNav .dropdown .columns {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
}
#mainNav .dropdown .columns .column {
    width: 100%;
    max-width: 21%;
    line-height: 1.5em;
    margin: 0 2%;
    position: relative;
}
#mainNav .dropdown .columns .column:first-child {
    margin-left: 0;
}
#mainNav .dropdown .columns .column:last-child {
    margin-right: 0;
}
#mainNav .dropdown .columns .column.pageList {
    font-size: 15px;
}
#mainNav .dropdown .columns .column.pageList h4 {
    font-weight: 700;
    border-bottom: 1px solid #0384bb;
    padding-bottom: 10px;
    padding-top: 10px;
}
#mainNav .dropdown .columns .column.pageList h4 a {
    color: #fff;
}
#mainNav .dropdown .columns .column.pageList ul {
    margin-bottom: 30px;
}
#mainNav .dropdown .columns .column.pageList ul li {
    font-weight: 300;
    border-bottom: 1px solid #0384bb;
    padding: 10px 0;
    margin-left: 10px;
    text-transform: none;
}
#mainNav .dropdown .columns .column.pageList ul li a {
    color: #fff;
}
#mainNav .dropdown .columns .column.pageList ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
#mainNav .dropdown .columns .column.pageList ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    vertical-align: middle;
    position: absolute;
    left: 0px;
}
#mainNav .dropdown .columns .column.pageList ul li a:hover,
#mainNav .dropdown .columns .column.pageList ul li a:focus,
#mainNav .dropdown .columns .column.pageList ul li a:active {
    color: #ffd02f;
}
#mainNav .dropdown .columns .thumb {
    width: 100%;
    height: 125px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    border: 1px solid #0384bb;
}
#mainNav .dropdown .columns .column.featuredContent h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 20px;
}
#mainNav .dropdown .columns .column.featuredContent:hover h4,
#mainNav .dropdown .columns .column.featuredContent:focus h4,
#mainNav .dropdown .columns .column.featuredContent:active h4 {
    color: #ffd02f;
}
#mainNav .dropdown .columns .column.featuredContent p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
    text-transform: none;
}
#mainNav .dropdown form .field {
    float: left;
    width: 50%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
    line-height: 1em;
    margin: 0 0 20px 0;
    font-size: 18px;
}
#mainNav .dropdown form .field:nth-child(odd) {
    padding: 0 10px 0 0;
}
#mainNav .dropdown form input[type="text"] {
    width: 100%;
    border: none;
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 300;
    font-family: "Montserrat";
}
#mainNav .dropdown form .submit {
    clear: both;
}
#mainNav .dropdown form input[type="submit"],
#mainNav .dropdown form .submitBtn {
    display: block;
    width: 100%;
    border: none;
    font-family: "Montserrat";
    margin: 0 0 10px 0;
    cursor: pointer;
}
#mainNav .dropdown form .submitBtn {
    width: unset;
}
#mainNav .dropdown form .basicBtn {
    text-align: center;
    font-size: 1em;
    display: block;
    line-height: 1em;
    color: #000;
}
#mainNav li.donate .donationBox {
    display: block;
    float: none;
    width: 100%;
    max-width: 390px;
    margin: 0;
}
.readMore i {
    color: #ffffff;
}
#mainNav li.donate .donationBox header {
    display: none;
}
#mainNav li.donate .donationBox .content {
    padding: 0;
    background: none;
}
#mainNav li.donate .donationBox .content a {
    font-size: 0.9em !important;
}
#mainNav li.donate .donationBox .readMore {
    font-size: 16px;
    color: #fff;
    line-height: 1em;
}
#mainNav li.donate .donationBox .readMore + .readMore {
    display: inline !important;
}

#searchwp-form-1 .swp-input--search.swp-input {
    background-image: unset;
    padding: 5px;
}

#searchwp-form-1 .swp-input--search.swp-input:focus {
    padding-right: 70px;
}

#searchwp-form-1 .swp-input--search.swp-input:focus-visible {
    outline: none;
}

#headerButtons.new_links .search-form input[type="submit"] {
    top: 6px;
    padding: unset;
}

.searchwp-form-input-container.swp-items-stretch {
    display: inline-block;
}

.searchwp-form-input-container.swp-items-stretch .swp-input--search.swp-input {
    padding: 5px 3px;
}

.swp-items-stretch .search-submit.swp-button {
    padding: 5px;
}

/********************************
Secondary Nav
********************************/
#mainNav.secondaryNav > ul > li {
    position: relative;
}
#mainNav.secondaryNav .dropdown {
    width: auto;
    min-width: 250px;
}
#mainNav.secondaryNav .dropdown .columns .column {
    max-width: none;
}
#mobileNavContainer {
    margin-bottom: 20px;
    float: right;
}
.mobileNavLink {
    color: #0096d7;
    font-size: 1.6em;
}
.mobileNavLink i {
    font-size: 30px;
    margin-right: 10px;
    vertical-align: middle;
}
.mobileNavDropdown {
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    background: #ffffff;
    color: #fff;
    z-index: 20;
    overflow: hidden;
    margin-top: -2px;
}
.mobileNavDropdown ul li {
    font-size: 1.6em;
}
.mobileNavDropdown ul li a {
    display: block;
    padding: 15px 20px;
    color: #525252;
}
.mobileNavDropdown ul li a:hover,
.mobileNavDropdown ul li a:focus,
.mobileNavDropdown ul li a:active {
    background: #e9bc15;
    color: #0096d7;
}
#secondaryNav {
    height: 70px;
    line-height: 70px;
    background: #e1e1e1;
}
#secondaryNav ul {
    float: right;
}
#secondaryNav ul.main > li {
    float: left;
    font-size: 1.7em;
    font-weight: 700;
    position: relative;
    border-right: 1px solid #cecdcd;
    border-left: 1px solid #fef7f7;
}
#secondaryNav ul.main > li.hasSub > a:after {
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    margin-left: 10px;
}
#secondaryNav ul.main > li > a:hover,
#secondaryNav ul.main > li > a:focus,
#secondaryNav ul.main > li > a:active {
    color: #e8bb20;
}
#secondaryNav ul.main > li:first-child {
    border-left: 0;
}
#secondaryNav ul.main > li:last-child {
    border-right: 0;
}
#secondaryNav ul li a {
    color: #0e8bc1;
}
#secondaryNav ul.main > li > a {
    display: block;
    padding: 0 25px;
}
#secondaryNav ul li:hover ul,
#secondaryNav ul li:focus ul,
#secondaryNav ul li:active ul {
    display: block;
}
#secondaryNav ul ul {
    display: none;
    position: absolute;
    right: 0;
    top: 70px;
    background: rgba(225, 225, 225, 0.97);
    width: 220px;
    padding: 10px 30px;
    box-sizing: border-box;
}
#secondaryNav ul li li {
    font-size: 1em;
    float: none;
    border-bottom: 1px solid #cecdcd;
    padding: 10px 0;
    line-height: 16px;
}
#secondaryNav ul li li:last-child {
    border: none;
}
#secondaryNav ul li li:hover,
#secondaryNav ul li li:focus,
#secondaryNav ul li li:active {
    border-color: #e8bb20;
}
#secondaryNav ul ul a {
    display: block;
}
#secondaryNav form {
    float: right;
    width: 180px;
    height: 25px;
    position: relative;
    margin-top: 25px;
}
#secondaryNav form #s {
    height: 25px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #fff;
    border: none;
    color: #989797;
    font-size: 12px;
    padding: 0 30px 0 10px;
    outline: none;
    display: block;
}
#secondaryNav form #searchsubmit {
    font-size: 16px;
    background: none;
    border: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    color: #797979;
}

/********************************
Mobile Specific
********************************/
.mobileContent {
    display: none;
}
.mobileIconGrid {
    background: #fafafa;
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.mobileIconGrid .item {
    max-width: 50%;
    border-bottom: 1px solid #e4e4e4;
    padding: 25px 20px;
    text-align: center;
    flex-basis: 50%;
    -webkit-flex-basis: 50%;
    box-sizing: border-box;
    position: relative;
}
.mobileIconGrid .item:nth-child(odd) {
    border-right: 1px solid #e4e4e4;
}
.mobileIconGrid .item img.icon {
    max-width: 30px;
    max-height: 25px;
    height: auto;
    width: auto;
}
.mobileIconGrid .item h2 {
    font-size: 1.4em;
    font-weight: 700;
    color: #0096d7;
    margin-top: 10px;
}
.mobileIconGrid .item:hover,
.mobileIconGrid .item:focus,
.mobileIconGrid .item:active {
    background: #fff;
}

/********************************
.moduleHeader
********************************/
.moduleHeader {
    text-align: center;
}
.moduleHero .moduleHeader,
.moduleServicesList .moduleHeader {
    text-align: left;
}
.moduleHeader h1 {
    font-size: 7.2em;
    font-weight: 700;
}
.moduleHero.simpleHeader:not(.hasBG) .moduleHeader h1,
.moduleHero.whiteOverlay .moduleHeader h1 {
    color: #231f20;
}
.moduleHero .moduleHeader h1 {
    color: #fff;
}
.moduleHeader h2 {
    font-size: 3.6em;
    font-weight: 700;
    margin-bottom: 25px;
}
.moduleHeader h4 {
    font-size: 2.2em;
    line-height: 1.3em;
}

/********************************
.moduleHero
********************************/
.moduleHero {
    padding: 150px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fafafa;
    position: relative;
}
.moduleHero.hideTextOverlay {
    padding: 0 !important;
    background: none;
}
.moduleHero.hideTextOverlay img {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
}
.twoColumn .moduleHero {
    padding: 200px 30px 30px 30px !important;
}
.twoColumn .moduleHero .wrapper:after {
    clear: left;
}
.moduleHero .wrapper {
    z-index: 2;
}
.moduleHero:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
}
.moduleHero.simpleHeader:not(.hasBG):before {
    display: none;
}
.moduleHero.noOverlay:before {
    background: none;
}
.moduleHero.whiteOverlay:before {
    background: rgba(255, 255, 255, 0.5);
}

/********************************
.moduleL3Content / single post content
********************************/
.moduleL3Content {
    padding: 70px 0;
}
.twoColumn .moduleL3Content .wrapper:after {
    clear: left;
}
.moduleL3Content .wrapper *:last-child,
.moduleL3Content *:last-child {
    margin-bottom: 0;
}
.moduleL3Content h1 {
    font-size: 4em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleL3Content h2 {
    font-size: 3.2em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleL3Content h3 {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleL3Content h4 {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleL3Content p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.moduleL3Content ul {
    list-style: disc;
    font-size: 1.6em;
    margin: 1.5em 0 1.5em 3em;
}
.moduleL3Content ol {
    list-style: decimal;
    font-size: 1.6em;
    margin: 1.5em 0 1.5em 3em;
}
.moduleL3Content li {
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0.3em;
}
.moduleL3Content ul ul {
    font-size: 1em;
    margin: 1.5em 0 1.5em 3em !important;
}
.moduleL3Content ol ol {
    font-size: 1em;
    margin: 1.5em 0 1.5em 3em !important;
}
.moduleL3Content .basicBtn {
    font-size: 1.3em;
    margin: 2em 0 3em 0;
    color: #fff;
}
.moduleL3Content p + .basicBtn,
.moduleL3Content .basicBtn + .basicBtn,
.moduleL3Content p .basicBtn:first-child {
    margin-top: 0;
}
.moduleL3Content p .basicBtn {
    font-size: 13px;
    line-height: 1em;
}
.moduleL3Content a {
    color: #0899d8;
}
.showHide .hide {
    display: none;
}
.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}
.alignright {
    float: right;
    margin: 0 0 20px 20px;
}
.aligncenter {
    margin: 0 auto 20px auto;
    display: block;
}
.moduleL3Content img {
    max-width: 100%;
    height: auto;
}
.moduleL3Content table,
.order-summary table {
    border-collapse: collapse;
    table-layout: fixed;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 16px;
    margin: 1em 0;
}
.moduleL3Content th,
.order-summary th {
    font-weight: 700;
}
.order-summary td,
.order-summary th,
.moduleL3Content td,
.moduleL3Content th {
    padding: 10px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 1.3em;
}
.order-summary th,
.moduleL3Content th {
    color: #0096d7;
    text-transform: uppercase;
}
.moduleL3Content td ul:first-child,
.moduleL3Content td ul:last-child {
    margin-top: 0;
}
.moduleL3Content td ul,
.moduleL3Content td ol {
    font-size: 16px;
    margin: 1.5em 0 1.5em 20px;
}
.responsiveIframeContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.responsiveIframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.twoColumn .leftColumn .moduleL3Content.module {
    padding-bottom: 20px;
}

/********************************
.moduleFullWidthSlider
********************************/
.moduleFullWidthSlider ul li {
    height: 650px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.moduleFullWidthSlider ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.moduleFullWidthSlider ul li.whiteOverlay:before {
    background: rgba(255, 255, 255, 0.5);
}
.moduleFullWidthSlider .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 2;
}
.moduleFullWidthSlider .wrapper .inner {
    max-width: 350px;
}
.moduleFullWidthSlider h1 {
    font-size: 7.4em;
    line-height: 0.9em;
    font-weight: 700;
    margin-bottom: 20px;
}
.moduleFullWidthSlider p {
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 40px;
}
.moduleFullWidthSlider li:not(.whiteOverlay) h1,
.moduleFullWidthSlider li:not(.whiteOverlay) p {
    color: #fff;
}
.bx-wrapper {
    position: relative;
}
.moduleFullWidthSlider .bx-controls {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    bottom: 50px;
    width: 100%;
    max-width: 300px;
    text-align: center;
    z-index: 9;
}
.moduleFullWidthSlider .bx-pager-item {
    display: inline-block;
}
.moduleFullWidthSlider .bx-pager-link {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 0;
    margin: 0 10px;
}
.moduleFullWidthSlider .bx-pager-link:hover,
.moduleFullWidthSlider .bx-pager-link:focus,
.moduleFullWidthSlider .bx-pager-link:active {
    background: rgba(255, 255, 255, 0.8);
}
.moduleFullWidthSlider .bx-pager-item .active {
    background: #fff;
}

/********************************
.moduleFullWidthSliderNoButton
********************************/
.moduleFullWidthSliderNoButton ul li {
    height: 650px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
}
.moduleFullWidthSliderNoButton ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.moduleFullWidthSliderNoButton ul li.whiteOverlay:before {
    background: rgba(255, 255, 255, 0.5);
}
.moduleFullWidthSliderNoButton .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    z-index: 2;
}
.moduleFullWidthSliderNoButton .wrapper .inner {
    max-width: 350px;
}
.moduleFullWidthSliderNoButton h1 {
    font-size: 7.4em;
    line-height: 0.9em;
    font-weight: 900;
    margin-bottom: 20px;
}
.moduleFullWidthSliderNoButton p {
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 40px;
}
.moduleFullWidthSliderNoButton li:not(.whiteOverlay) h1,
.moduleFullWidthSliderNoButton li:not(.whiteOverlay) p {
    color: #fff;
}
.bx-wrapper {
    position: relative;
}
.moduleFullWidthSliderNoButton .bx-controls {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    bottom: 50px;
    width: 100%;
    max-width: 300px;
    text-align: center;
    z-index: 9;
}
.moduleFullWidthSliderNoButton .bx-pager-item {
    display: inline-block;
}
.moduleFullWidthSliderNoButton .bx-pager-link {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 0;
    margin: 0 10px;
}
.moduleFullWidthSliderNoButton .bx-pager-link:hover,
.moduleFullWidthSliderNoButton .bx-pager-link:focus,
.moduleFullWidthSliderNoButton .bx-pager-link:active {
    background: rgba(255, 255, 255, 0.8);
}
.moduleFullWidthSliderNoButton .bx-pager-item .active {
    background: #fff;
}

/********************************
.moduleFullWidthSlimCTA
********************************/
.moduleFullWidthSlimCTA {
    border: 2px solid #fff;
    border-left: 0;
    border-right: 0;
    padding: 20px 0 !important;
    text-align: center;
    background: #ededed;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ededed 0%, #ffffff 50%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(50%, #ffffff), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ededed 0%, #ffffff 50%, #ededed 100%);
    background: -o-linear-gradient(top, #ededed 0%, #ffffff 50%, #ededed 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #ffffff 50%, #ededed 100%);
    background: linear-gradient(to bottom, #ededed 0%, #ffffff 50%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=0 );
}
.moduleFullWidthSlimCTA .inner {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
    align-items: center;
    -webkit-align-items: center;
}
.moduleFullWidthSlimCTA .header {
    font-size: 25px;
    font-weight: 700;
    max-width: 350px;
    width: 100%;
    border-right: 1px solid #c5c5c5;
    padding-right: 30px;
    box-sizing: border-box;
    text-align: left;
    line-height: 1.3em;
}
.moduleFullWidthSlimCTA .header .icon {
    margin-top: 20px;
    width: 50px;
    float: left;
}
.moduleFullWidthSlimCTA .header .icon img {
    max-width: 100%;
    height: auto;
}
.moduleFullWidthSlimCTA .header header {
    margin-left: 60px;
}
.moduleFullWidthSlimCTA .content {
    width: 100%;
    margin-left: 30px;
}
.moduleFullWidthSlimCTA .content p {
    font-size: 1.7em;
    line-height: 1.3em;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0 !important;
}
.moduleFullWidthSlimCTA .content .basicBtn {
    float: right;
    margin: 0 0 10px 40px;
}
a.basicBtn.yellowBG {
    padding: 12px 30px 12px 25px !important;
    color: #000;
}
a.basicBtn.yellowBG:hover,
a.basicBtn.yellowBG:focus,
a.basicBtn.yellowBG:active {
    padding: 12px 35px 12px 20px !important;
}

/********************************
.moduleFullWidthCTAS
********************************/
.moduleFullWidthCTAS {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.moduleFullWidthCTAS .cta {
    width: 100%;
    height: 400px;
    padding: 0 30px;
    position: relative;
    color: #fff;
    text-align: center;
    overflow: hidden;
    background: rgba(1, 99, 142, 1);
    box-sizing: border-box;
}
.moduleFullWidthCTAS .cta:hover,
.moduleFullWidthCTAS .cta:focus,
.moduleFullWidthCTAS .cta:active {
    box-shadow: inset 0 0 0 20px rgba(3, 132, 187, 0.8);
}
.moduleFullWidthCTAS .cta .content {
    position: absolute;
    width: 100%;
    padding: 0 30px;
    top: 65%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    box-sizing: border-box;
    z-index: 5;
    transition: all ease 0.3s;
}
.moduleFullWidthCTAS .cta:hover .content,
.moduleFullWidthCTAS .cta:focus .content,
.moduleFullWidthCTAS .cta:active .content {
    top: 50%;
}
.moduleFullWidthCTAS .cta .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.moduleFullWidthCTAS .cta .bgImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 1;
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    opacity: 0.7;
    transition: all ease 0.3s;
}
.moduleFullWidthCTAS .cta:hover .bgImage,
.moduleFullWidthCTAS .cta:focus .bgImage,
.moduleFullWidthCTAS .cta:active .bgImage {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.3;
}
.moduleFullWidthCTAS .cta h3 {
    font-size: 5em;
    font-weight: 900;
    line-height: 0.9em;
    margin-bottom: 10px;
    background: url(images/iconCircleArrow.png) center bottom no-repeat;
    padding: 0 0 40px 0;
}
.moduleFullWidthCTAS .cta:hover h3,
.moduleFullWidthCTAS .cta:focus h3,
.moduleFullWidthCTAS .cta:active h3 {
    padding: 0;
    background: none;
}
.moduleFullWidthCTAS .cta p {
    font-size: 1.7em;
    line-height: 1.3em;
    margin-bottom: 30px;
    opacity: 0;
}
.moduleFullWidthCTAS .basicBtn {
    opacity: 0;
}
.moduleFullWidthCTAS .cta:hover p,
.moduleFullWidthCTAS .cta:focus p,
.moduleFullWidthCTAS .cta:active p {
    display: block;
    opacity: 1;
}
.moduleFullWidthCTAS .cta:hover .basicBtn,
.moduleFullWidthCTAS .cta:focus .basicBtn,
.moduleFullWidthCTAS .cta:active .basicBtn {
    display: inline-block;
    opacity: 1;
}

/********************************
.moduleMeetTeam
********************************/
.moduleMeetTeam {
    padding: 70px 0;
}
.moduleMeetTeam .members {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.twoColumn .moduleMeetTeam .members {
    display: block;
}
.moduleMeetTeam .member {
    width: 100%;
    margin: 0 0 50px 0;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #ccc;
}
.moduleMeetTeam .members.twoCol .member {
    width: 45%;
    border: none;
    padding-bottom: 0;
}
.moduleMeetTeam .member:last-child {
    margin: 0;
    padding: 0;
    border: none;
}
.moduleMeetTeam .member:after {
    content: "";
    display: block;
    clear: both;
}
.twoColumn .moduleMeetTeam .member {
    max-width: 100%;
}
.moduleMeetTeam .member .headshot {
    float: right;
    width: 200px;
    height: auto;
    margin: 0 0 20px 20px;
}
.moduleMeetTeam .member .content h3 {
    font-size: 3.2em;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 0.5em;
}
.moduleMeetTeam .member .content h4 {
    font-size: 1.6em;
    font-weight: 700;
    line-height: 1.3em;
}
.moduleMeetTeam .member .content p {
    font-size: 1.6em;
    line-height: 1.5em;
    margin-bottom: 1em;
}
.moduleMeetTeam .member .content ul {
    margin-left: 2em;
    margin-bottom: 1em;
}
.moduleMeetTeam .member .content ul li {
    font-size: 1.6em;
    line-height: 1.5em;
    list-style: disc;
}

/********************************
.moduleColumnCTAS
********************************/
.moduleColumnCTAS {
    padding: 70px 0;
}
.moduleColumnCTAS:not(.greyBG) + .moduleColumnCTAS,
.moduleTwoColumnImageContent:not(.greyBG):not(.default) + .moduleColumnCTAS,
.moduleL3Content + .moduleColumnCTAS {
    padding-top: 0;
}
.moduleColumnCTAS .ctas {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.moduleColumnCTAS .ctas .cta {
    width: 100%;
    position: relative;
    margin: 0 10px;
}
.moduleColumnCTAS .ctas .cta:last-child {
    margin-bottom: 0;
}
.moduleColumnCTAS .ctas .cta:first-child {
    margin-left: 0;
}
.moduleColumnCTAS:not(.adoptionSearchResults) .ctas .cta:last-child {
    margin-right: 0;
}
.moduleColumnCTAS .cta .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/* .moduleColumnCTAS.bgImageHoverText */
.moduleColumnCTAS.bgImageHoverText .cta,
.moduleColumnCTAS.posts .cta {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 290px;
    background: #015484;
    overflow: hidden;
}
.moduleColumnCTAS.bgImageHoverText .cta .bgImage,
.moduleColumnCTAS.posts .cta .bgImage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
.moduleColumnCTAS.bgImageHoverText .cta:hover .bgImage,
.moduleColumnCTAS.bgImageHoverText .cta:focus .bgImage,
.moduleColumnCTAS.bgImageHoverText .cta:active .bgImage .moduleColumnCTAS.posts .cta:hover .bgImage,
.moduleColumnCTAS.posts .cta:focus .bgImage,
.moduleColumnCTAS.posts .cta:active .bgImage {
    opacity: 0.2;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.3;
}
.moduleColumnCTAS.bgImageHoverText .cta .header,
.newsEvents .moduleColumnCTAS.posts .cta .header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
    padding: 35px 10px;
    box-sizing: border-box;
    background: rgba(0, 87, 124, 0.5);
    border-top: 1px solid #0384bb;
    background-repeat: no-repeat;
    background-position: center center;
}
.moduleColumnCTAS.bgImageHoverText .cta h3,
.newsEvents .moduleColumnCTAS.posts .cta h3 {
    font-size: 2.4em;
    font-weight: 700;
    color: #fff;
}
.moduleColumnCTAS.bgImageHoverText .cta h3 a,
.newsEvents .moduleColumnCTAS.posts .cta h3 a {
    color: #fff;
}
.moduleColumnCTAS.bgImageHoverText .cta:hover .header,
.moduleColumnCTAS.bgImageHoverText .cta:focus .header,
.moduleColumnCTAS.bgImageHoverText .cta:active .header,
.newsEvents .moduleColumnCTAS.posts .cta:hover .header,
.newsEvents .moduleColumnCTAS.posts .cta:focus .header,
.newsEvents .moduleColumnCTAS.posts .cta:active .header {
    display: none !important;
    visibility: none;
}
.moduleColumnCTAS.bgImageHoverText .cta .hide,
.newsEvents .moduleColumnCTAS.posts .cta .hide {
    text-align: center;
    position: absolute;
    left: 0;
    top: 55%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 30px;
    display: block;
    z-index: 3;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    opacity: 0;
}
.moduleColumnCTAS.bgImageHoverText .cta:hover .hide,
.moduleColumnCTAS.bgImageHoverText .cta:focus .hide,
.moduleColumnCTAS.bgImageHoverText .cta:active .hide,
.newsEvents .moduleColumnCTAS.posts .cta:hover .hide,
.newsEvents .moduleColumnCTAS.posts .cta:focus .hide,
.newsEvents .moduleColumnCTAS.posts .cta:active .hide {
    top: 50%;
    opacity: 1;
}
.moduleColumnCTAS.bgImageHoverText .cta .hide h3,
.newsEvents .moduleColumnCTAS.posts .cta .hide h3 {
    margin-bottom: 20px;
}
.moduleColumnCTAS.bgImageHoverText .cta .hide p,
.newsEvents .moduleColumnCTAS.posts .cta .hide p {
    font-size: 1.4em;
    line-height: 1.3em;
    color: #fff;
    margin-bottom: 20px;
}
.moduleColumnCTAS .cta:hover .hide,
.moduleColumnCTAS .cta:focus .hide,
.moduleColumnCTAS .cta:active .hide,
.newsEvents .moduleColumnCTAS.posts .cta:hover .hide,
.newsEvents .moduleColumnCTAS.posts .cta:focus .hide,
.newsEvents .moduleColumnCTAS.posts .cta:active .hide {
    display: block;
}
.moduleColumnCTAS.bgImageHoverText .cta .hide .basicBtn,
.newsEvents .moduleColumnCTAS.posts .cta .hide .basicBtn {
    font-size: 1.3em;
}
/* .moduleColumnCTAS.headerContent */
.moduleColumnCTAS.headerContent .cta:nth-child(odd) .header {
    background: #0d5b90;
}
.moduleColumnCTAS.headerContent .cta:nth-child(even) .header {
    background: #2c4068;
}
.moduleColumnCTAS.headerContent .cta .header {
    color: #fff;
    font-size: 2em;
    line-height: 1.3em;
    font-weight: 700;
    padding: 30px 30px 33px 30px;
    box-sizing: border-box;
    position: relative;
    transition: background-color ease 0.2s;
}
.moduleColumnCTAS.headerContent .cta .header:after {
    content: "\f105";
    font-family: FontAwesome;
    color: #fff;
    vertical-align: middle;
    text-align: right;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    opacity: 0;
    transition: all ease 0.2s;
}
.moduleColumnCTAS.headerContent .cta:hover .header:after,
.moduleColumnCTAS.headerContent .cta:focus .header:after,
.moduleColumnCTAS.headerContent .cta:active .header:after {
    right: 10px;
    opacity: 1;
}
.moduleColumnCTAS.headerContent .cta:hover .header,
.moduleColumnCTAS.headerContent .cta:focus .header,
.moduleColumnCTAS.headerContent .cta:active .header {
    border-bottom: 3px solid #d8ab11;
    padding-bottom: 30px;
    background: #006fae;
}
.moduleColumnCTAS.headerContent .cta .content {
    background: #fafafa;
    padding: 30px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.moduleColumnCTAS.headerContent .cta .content p {
    font-size: 1.6em;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.moduleColumnCTAS.headerContent .cta .content a.readMore {
    font-weight: 700;
    font-size: 1.6em;
    color: #0096d7;
    line-height: 1.4;
}
.moduleColumnCTAS.headerContent .cta .content a.readMore:after,
.most_recent_post_module a.readMore:after {
    content: "\f105";
    display: inline-block;
    margin-left: 5px;
    color: #d8ab11;
    font-family: FontAwesome;
}
/* .moduleColumnCTAS.adoptionSearchResults */
.moduleColumnCTAS.adoptionSearchResults .ctas {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
}
.moduleColumnCTAS.adoptionSearchResults .ctas .cta {
    width: calc(33.33% - 20px);
    width: -webkit-calc(33.33% - 20px);
    margin-bottom: 30px;
}
.moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n) {
    margin-right: 0;
}
.moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n + 1) {
    margin-left: 0;
}
.moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n),
.moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n + 1) {
    width: calc(33.33% - 10px);
    width: -webkit-calc(33.33% - 10px);
}
.moduleColumnCTAS.module.headerContent .ctas {
    display: block;
}
.moduleColumnCTAS.module.headerContent .ctas .cta:first-child {
    margin-right: 0;
}
.moduleColumnCTAS.module.headerContent .ctas .cta {
    margin: 0 0 30px 0;
}

/********************************
.modulePetSlider
********************************/
.modulePetSlider .moduleHeader h2 {
    font-size: 4em;
    margin: 0;
    text-align: left;
    margin: 16px auto;
    padding: 0 24px;
    max-width: 1000px;
}
.modulePetSlider .petSlider {
    margin: 55px 0;
}
.modulePetSlider .petSlider li {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    padding: 0 40px;
}
.petSlider .pet {
    width: 100%;
    max-width: calc(33.33% - 20px);
    max-width: -webkit-calc(33.33% - 20px);
    height: 270px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 10px;
    position: relative;
    background-image: url(images/petFPO.png);
}
.petSlider .pet .link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.petSlider .pet header h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    text-align: center;
    padding: 30px 0;
    background: rgba(0, 87, 124, 0.5);
    border-top: 1px solid #0384bb;
    background-repeat: no-repeat;
    background-position: center center;
}
.petSlider .pet h3 {
    font-size: 2.2em;
    font-weight: 700;
    color: #fff;
}
.petSlider .pet:hover header,
.petSlider .pet:focus header,
.petSlider .pet:active header {
    display: none;
}
.petSlider .pet .hide {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: rgba(1, 84, 132, 0.8);
    border-top: 3px solid #d8ab11;
    text-align: center;
}
.petSlider .pet .hide h3 {
    margin-bottom: 15px;
}
.petSlider .pet .hide .content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.petSlider .pet .hide p {
    font-size: 0.6em;
    color: #fff;
    line-height: 1.3em;
    margin-bottom: 15px;
}
.petSlider .pet .hide .basicBtn {
    font-size: 1.3em;
}
.petSlider .pet:hover .hide,
.petSlider .pet:focus .hide,
.petSlider .pet:active .hide {
    display: block;
}
.petSlider .bx-viewport {
    z-index: 2;
}
.petSlider .bx-controls .bx-prev,
.petSlider .bx-controls .bx-next {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    z-index: 5;
    font-size: 0;
    display: block;
}
.petSlider .bx-controls .bx-prev.disabled,
.petSlider .bx-controls .bx-next.disabled {
    display: none;
}
.petSlider .bx-controls .bx-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 90px;
    color: #d5d4d4;
}
.petSlider .bx-controls .bx-next {
    right: 0;
    left: auto;
}
.petSlider .bx-controls .bx-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 90px;
    color: #d5d4d4;
}
.petSlider .bx-controls .bx-next:hover:before,
.petSlider .bx-controls .bx-next:focus:before,
.petSlider .bx-controls .bx-next:active:before,
.petSlider .bx-controls .bx-prev:hover:before,
.petSlider .bx-controls .bx-prev:focus:before,
.petSlider .bx-controls .bx-prev:active:before {
    color: #e8bb20;
}
.petSliderFilter header h3 {
    font-size: 2.2em;
    font-weight: 700;
    color: #0096d7;
    text-align: center;
    margin-bottom: 40px;
}
.petSliderFilter header h3 i {
    color: #d8ab11;
    margin-left: 10px;
}
.petSliderFilter header h3:hover a,
.petSliderFilter header h3:focus a,
.petSliderFilter header h3:active a {
    color: #d8ab11;
}
.petSliderFilter ul {
    text-align: center;
}
.petSliderFilter ul li {
    awidth: 100%;
    width: 22%;
    display: inline-block;
}
.petSliderFilter ul li select {
    width: 100%;
    background-color: #fff;
    background-image: url(images/iconYellowDownArrow.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: 1px solid #b5b5b5;
    height: 48px;
    padding: 0 20px;
    box-sizing: border-box;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    font-size: 2.2em;
    color: #53565a;
    font-weight: 700;
    font-family: "Montserrat";
    position: relative;
    cursor: pointer;
    margin: 10px;
}
.petSliderFilter select::-ms-expand {
    display: none !important;
}
.petSliderFilter .hide {
    display: none;
    padding: 90px 0;
    background: url(images/petSliderFilterArrow.png) center top no-repeat #dfdfdf;
}
.petSliderFilter .buttons {
    margin-top: 60px;
    text-align: center;
}
.petSliderFilter .buttons a {
    display: inline-block;
    margin: 0 20px;
}
.petSliderFilter .buttons a.cancel {
    background: none;
    box-shadow: none;
    color: #231f20;
    font-size: 1.8em;
    font-weight: 700;
    text-shadow: none;
}
.petSliderFilter .buttons .basicBtn {
    font-size: 1.3em;
}

/********************************
.moduleSocialMedia
********************************/
.moduleSocialMedia .icons {
    margin: 50px 0;
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
}
.moduleSocialMedia .icon {
    font-size: 4em;
    padding: 0 20px;
}
.moduleSocialMedia .icon a:hover,
.moduleSocialMedia .icon a:focus,
.moduleSocialMedia .icon a:active {
    color: #51caff;
}

/********************************
.module_hours_contact
********************************/
.moduleHoursContact {
    padding: 70px 0;
}
.locationsContainer {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.twoColumn .locationsContainer {
    display: block !important;
}
.twoColumn .locationGroup {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border: none;
    border-bottom: 1px solid #eee;
}
.locationGroup {
    border-right: 1px solid #c5c5c5;
    padding: 0 40px 20px 40px;
    min-width: 260px;
    width: 100%;
    box-sizing: border-box;
}
.locationGroup.redText * {
    color: #ff0000;
}
.locationsContainer .locationGroup:first-child {
    padding-left: 0;
}
.locationsContainer .locationGroup:last-child {
    border: none;
    padding-right: 0;
}
.locationGroup h3 {
    font-size: 3.2em;
    font-weight: 700;
    margin-bottom: 20px;
}
.locations {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.location {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    margin-right: 20px;
}
.location:last-child {
    margin-bottom: 0;
    margin-right: 0;
}
.location h4 {
    font-size: 2.2em;
    line-height: 1.3em;
    margin-bottom: 15px;
}
.location p {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 10px;
    color: #474747;
}
.location .hours {
    font-weight: 700;
    color: #0096d7;
    font-size: 1.6em;
    display: inline-block;
    margin-top: 15px;
}
.location .hours i {
    margin-left: 10px;
    color: #d8ab11;
}

/********************************
.moduleTwoColumnImageContent
********************************/
.moduleTwoColumnImageContent {
    padding: 0 0 70px 0;
}
.moduleColumnCTAS:not(.greyBG) + .moduleTwoColumnImageContent:not(.greyBG) {
    padding-top: 0;
}
.moduleTwoColumnImageContent.greyBG + .moduleTwoColumnImageContent.greyBG {
    border-top: none;
    padding-top: 0;
}
.moduleTwoColumnImageContent .items {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center;
    -webkit-align-items: center;
}
.moduleTwoColumnImageContent .items .item {
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
.moduleTwoColumnImageContent .image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 350px;
    height: 300px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.moduleTwoColumnImageContent .content {
    padding: 30px 0 30px 410px;
    box-sizing: border-box;
    min-height: 300px;
}
.moduleTwoColumnImageContent.defaultHalfWidth .content {
    min-height: 0;
}
.moduleTwoColumnImageContent .content h2 {
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 25px;
}
.moduleTwoColumnImageContent .content h2 a {
    color: #231f20;
}
.moduleTwoColumnImageContent .content p,
.moduleTwoColumnImageContent .content li {
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.moduleTwoColumnImageContent .content p a,
.moduleTwoColumnImageContent .content li a {
    color: #0096d7;
}
.moduleTwoColumnImageContent .content ul {
    margin: 1em 0 1em 3em;
}
.moduleTwoColumnImageContent .content ul li {
    list-style: disc;
    margin-bottom: 10px;
}
.moduleTwoColumnImageContent .content ul li:last-child,
.moduleTwoColumnImageContent .content ol li:last-child {
    margin-bottom: 20px;
}
.moduleTwoColumnImageContent .content ol li {
    list-style: decimal;
    margin-bottom: 10px;
}
.moduleTwoColumnImageContent .content .basicBtn {
    font-size: 1.3em;
}

/********************************
.moduleTwoColumnImageContent.defaultHalfWidth
********************************/
.moduleTwoColumnImageContent.defaultHalfWidth .item {
    max-width: 48%;
    margin-bottom: 70px;
    min-height: 175px;
    align-self: flex-start;
    -webkit-align-self: flex-start;
}
.moduleTwoColumnImageContent.defaultHalfWidth .item:nth-last-child(-n + 2) {
    margin-bottom: 0;
}
.moduleTwoColumnImageContent.defaultHalfWidth .image {
    width: 175px;
    height: 175px;
    position: static;
    float: left;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    margin: 0 20px 20px 0;
}
.moduleTwoColumnImageContent.defaultHalfWidth .content {
    padding: 0;
}
.moduleTwoColumnImageContent.defaultHalfWidth .content h2 {
    font-size: 2.5em;
    margin-bottom: 20px;
}
.moduleTwoColumnImageContent.defaultHalfWidth .content p {
    font-size: 1.6em;
}

/********************************
.moduleTwoColumnImageContent.bgImageOverlayText
********************************/
.moduleTwoColumnImageContent.bgImageOverlayText .image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-size: cover;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
}
.moduleTwoColumnImageContent.bgImageOverlayText .content {
    float: left;
    width: 400px;
    padding: 60px 40px;
    color: #fff;
    background: rgba(1, 84, 132, 0.8);
    position: relative;
    z-index: 2;
}
.moduleTwoColumnImageContent.bgImageOverlayText .content h2 {
    font-size: 3.2em;
}
.moduleTwoColumnImageContent.bgImageOverlayText .content p {
    font-size: 1.8em;
    line-height: 23px;
}

/********************************
.moduleTwoColumnImageContent.relatedPosts
********************************/
.moduleTwoColumnImageContent.relatedPosts .item {
    background: #fafafa;
    margin-bottom: 30px;
}
.moduleTwoColumnImageContent.relatedPosts .image {
    width: 220px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: no-repeat center center #f0f0f0;
    background-size: cover;
    transform: none;
}
.moduleTwoColumnImageContent.relatedPosts .content {
    margin-left: 220px;
    padding: 50px 30px;
}
.moduleTwoColumnImageContent.relatedPosts h4 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 15px;
    color: #515151;
}
.moduleTwoColumnImageContent.relatedPosts p {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #515151;
    margin-bottom: 15px;
}

/********************************
.moduleAdoptionCenterInfo
********************************/
.moduleAdoptionCenterInfo {
    padding: 70px 0;
}
.moduleAdoptionCenterInfo + .moduleAdoptionCenterInfo {
    margin-top: -40px;
}
.moduleAdoptionCenterInfo .columns {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}
.moduleAdoptionCenterInfo .columns .column {
    width: 33.33%;
    padding: 0 10px;
    box-sizing: border-box;
}
.moduleAdoptionCenterInfo.width50 .columns .column {
    width: 50%;
}
.moduleAdoptionCenterInfo .columns .column:first-child {
    padding-left: 0;
    padding-right: 20px;
}
.moduleAdoptionCenterInfo .columns .column:nth-child(3) {
    padding-right: 0;
    padding-left: 20px;
}
.moduleAdoptionCenterInfo .columns .column h3 {
    font-size: 2.4em;
    font-weight: 700;
    margin-bottom: 30px;
}
.moduleAdoptionCenterInfo .columns .column h4 {
    font-size: 1.8em;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.moduleAdoptionCenterInfo .columns .column p {
    font-size: 1.3em;
    line-height: 1.8em;
    color: #474747;
}
.moduleAdoptionCenterInfo .columns .column p i {
    width: 15px;
    margin-right: 5px;
}
.moduleAdoptionCenterInfo .columns .column a.basicBtn {
    margin-top: 20px;
}
.moduleAdoptionCenterInfo .columns .column .basicBtn {
    font-size: 1.3em;
}
.donateForm .field {
    float: left;
    width: 50%;
    font-size: 2em;
    font-weight: 700;
    margin: 0 0 30px 0;
}
.donateForm .field input[type="radio"] {
    margin: 0 15px 0 0;
}
.donateForm .field input[type="text"] {
    outline: none;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ccc;
}
.donateForm .submit input[type="submit"] {
    border: none;
    cursor: pointer;
    margin-top: 0;
}
.donateForm input[type="text"] {
    margin-top: -12px;
}
.moduleAdoptionCenterInfo form.donateForm {
    margin-bottom: 10px;
}
.moduleAdoptionCenterInfo .columns .column .readMore {
    float: left;
    clear: left;
}

/********************************
.moduleServicesList
********************************/
.moduleServicesList {
    padding: 80px 0;
}
.moduleServicesList .columns {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-top: 70px;
}
.moduleServicesList .columns .columnContainer {
    flex-basis: calc(33.33% - 20px);
    flex-basis: -webkit-calc(33.33% - 20px);
    -webkit-flex-basis: -webkit-calc(33.33% - 20px);
}
.moduleServicesList .columns .column {
    border-bottom: 1px solid #dadada;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
.moduleServicesList .columns .column h4 {
    font-size: 1.8em;
    font-weight: 600;
    margin-bottom: 10px;
}
.moduleServicesList .columns .column .phone {
    display: inline-block;
    font-size: 1.5em;
    color: #53565a;
}
.moduleServicesList .columns .column .phone i {
    margin-right: 5px;
    vertical-align: middle;
}

/********************************
.moduleLogoFarm
********************************/
.moduleLogoFarm {
    padding: 60px 0;
}
.moduleLogoFarm .logos {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.moduleLogoFarm .logos .logo {
    text-align: center;
    margin: 60px 20px 0 20px;
    align-self: center;
    -webkit-align-self: center;
}
.moduleLogoFarm .logos .logo img {
    vertical-align: middle;
    max-width: 190px;
    height: auto;
}

/********************************
.googleMap
********************************/
iframe.map {
    height: 375px;
    width: 100%;
}

/********************************
.moduleContact
********************************/
.moduleContactAppointment {
    padding: 80px 0;
}
.moduleContactAppointment .columns {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}
.moduleContactAppointment .columns .column {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    padding: 0 40px;
}
.moduleContactAppointment .columns .column:first-child {
    border-right: 1px solid #c5c5c5;
    padding-left: 0;
}
.moduleContactAppointment .columns .column:last-child {
    padding-right: 0;
}
.moduleContactAppointment .columns .column h3 {
    font-size: 3.2em;
    font-weight: 700;
    margin-bottom: 20px;
}
.moduleContactAppointment .columns .column h4 {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.moduleContactAppointment .columns .column p {
    font-size: 1.7em;
    color: #474747;
    line-height: 1.8em;
}
.moduleContactAppointment .columns .column p i {
    width: 15px;
    text-align: center;
    margin-right: 10px;
}
.moduleContactAppointment form select {
    outline: 0;
    padding: 10px;
    margin: 0 0 15px 0;
}
.moduleContactAppointment form input[type="submit"] {
    border: none;
    cursor: pointer;
}

/********************************
.moduleContentColumns
********************************/
.moduleContentColumns {
    padding: 70px 0;
}
.moduleContentColumns .columns {
    margin-top: 70px;
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: flex-between;
    -webkit-justify-content: flex-between;
    -ms-flex-pack: flex-between;
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
}
.moduleContentColumns .columns .column {
    width: 100%;
    padding: 0 40px;
}
.moduleContentColumns .columns .column:first-child {
    padding-left: 0;
}
.moduleContentColumns .columns .column:last-child {
    padding-right: 0;
}
.moduleContentColumns .columns .column .content h1 {
    font-size: 4em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumns .columns .column .content h2 {
    font-size: 3.2em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumns .columns .column .content h3 {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumns .columns .column .content h4 {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumns .columns .column .content p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.moduleContentColumns .columns .column .content ul {
    list-style: disc;
    font-size: 1.6em;
    margin: 1.5em 0 1.5em 3em;
}
.moduleContentColumns .columns .column .content ol {
    list-style: decimal;
    font-size: 1.6em;
    margin: 1.5em 0 1.5em 3em;
}
.moduleContentColumns .columns .column .content li {
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0.3em;
}
.moduleContentColumns .columns .column .content ul ul {
    font-size: 1em;
    margin: 1.5em 0 1.5em 3em !important;
}
.moduleContentColumns .columns .column .content ol ol {
    font-size: 1em;
    margin: 1.5em 0 1.5em 3em !important;
}
.moduleContentColumns .columns .column .content a {
    color: #0899d8;
}
.moduleContentColumns .columns .column .content .basicBtn {
    font-size: 1.3em;
    margin: 2em 0 3em 0;
    color: #fff;
}
.moduleContentColumns .columns .column .content p + .basicBtn,
.moduleContentColumns .columns .column .content .basicBtn + .basicBtn,
.moduleContentColumns .columns .column .content p .basicBtn:first-child {
    margin-top: 0;
}
.moduleContentColumns .columns .column .content p .basicBtn {
    font-size: 13px;
    line-height: 1em;
}

/********************************
.moduleContentColumns .contentBlock
********************************/
.moduleContentColumns .columns .column .contentBlock {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dadada;
}
.moduleContentColumns .columns .column .contentBlock h4 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.moduleContentColumns .columns .column .contentBlock p {
    font-size: 1.4em;
    color: #53565a;
    margin-bottom: 10px;
}
.moduleContentColumns .columns .column .contentBlock p a {
    color: #0096d7;
}
.moduleContentColumns .columns .column .contentBlock p i {
    margin-right: 5px;
}

/********************************
.moduleContentColumnsLowPadding
********************************/
.moduleContentColumnsLowPadding {
    padding: 0 0 0 20px !important;
}
.moduleContentColumnsLowPadding .columns {
    margin-top: 0;
    margin-bottom: 20px;
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: flex-between;
    -webkit-justify-content: flex-between;
    -ms-flex-pack: flex-between;
    flex-wrap: no-wrap;
    -webkit-flex-wrap: no-wrap;
}
.moduleContentColumnsLowPadding .columns .column {
    width: 100%;
    padding: 0 40px;
}
.moduleContentColumnsLowPadding .columns .column:first-child {
    padding-left: 0;
}
.moduleContentColumnsLowPadding .columns .column:last-child {
    padding-right: 0;
}
.moduleContentColumnsLowPadding .columns .column .content h1 {
    font-size: 4em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumnsLowPadding .columns .column .content h2 {
    font-size: 3.2em;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumnsLowPadding .columns .column .content h3 {
    font-size: 2.2em;
    font-weight: 600;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumnsLowPadding .columns .column .content h4 {
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.3em;
    margin-bottom: 0.5em;
}
.moduleContentColumnsLowPadding .columns .column .content p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}
.moduleContentColumnsLowPadding .columns .column .content ul {
    list-style: disc;
    font-size: 1.6em;
    margin: 0.5em 0 0.5em 3em;
}
.moduleContentColumnsLowPadding .columns .column .content ol {
    list-style: decimal;
    font-size: 1.6em;
    margin: 0.5em 0 0.5em 3em;
}
.moduleContentColumnsLowPadding .columns .column .content li {
    font-size: 1em;
    line-height: 1.3em;
    margin-bottom: 0.3em;
}
.moduleContentColumnsLowPadding .columns .column .content ul ul {
    font-size: 1em;
    margin: 0.5em 0 0.5em 3em !important;
}
.moduleContentColumnsLowPadding .columns .column .content ol ol {
    font-size: 1em;
    margin: 0.5em 0 0.5em 3em !important;
}
.moduleContentColumnsLowPadding .columns .column .content a {
    color: #0899d8;
}
.moduleContentColumnsLowPadding .columns .column .content .basicBtn {
    font-size: 1.3em;
    margin: 2em 0 3em 0;
    color: #fff;
}
.moduleContentColumnsLowPadding .columns .column .content p + .basicBtn,
.moduleContentColumnsLowPadding .columns .column .content .basicBtn + .basicBtn,
.moduleContentColumnsLowPadding .columns .column .content p .basicBtn:first-child {
    margin-top: 0;
}
.moduleContentColumnsLowPadding .columns .column .content p .basicBtn {
    font-size: 13px;
    line-height: 1em;
}

/********************************
.moduleContentColumnsLessPadding .contentBlock
********************************/
.moduleContentColumnsLowPadding .columns .column .contentBlock {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dadada;
}
.moduleContentColumnsLowPadding .columns .column .contentBlock h4 {
    font-size: 1.8em;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.moduleContentColumnsLowPadding .columns .column .contentBlock p {
    font-size: 1.4em;
    color: #53565a;
    margin-bottom: 10px;
}
.moduleContentColumnsLowPadding .columns .column .contentBlock p a {
    color: #0096d7;
}
.moduleContentColumnsLowPadding .columns .column .contentBlock p i {
    margin-right: 5px;
}

/********************************
Adoption Search, Adoption Listing
********************************/
.adoptionSearch {
    text-align: center;
    margin: 40px 0 0 0;
}
.adoptionSearch .field {
    float: left;
    margin: 0 10px 10px 10px;
    width: calc(25% - 20px);
    width: -webkit-calc(25% - 20px);
}
.adoptionSearch select {
    width: 100%;
    height: 48px;
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 2.2em;
    font-weight: 600;
    color: #53565a;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    background: url(images/iconYellowDownArrow.png) right 10px center no-repeat;
    padding: 0 10px;
}
.adoptionSearch select option {
    padding-left: 10px;
}
.adoptionSearch input.search {
    border: none;
    font-family: "Montserrat";
    cursor: pointer;
    margin-top: 40px;
    -webkit-appearance: none;
    appearance: none;
}
.adoptionSearch input.search:hover,
.adoptionSearch input.search:focus,
.adoptionSearch input.search:active {
    background: #0096d7;
}
.adoptionSearch .randomPet {
    margin-left: 20px;
}
.adoptionListing .moduleHero .headerBtns {
    text-align: right;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
}
.adoptionListing .moduleHero .basicBtn {
}
.adoptionListingContent {
    padding: 40px 0;
}
.adoptionListing .leftColumn {
    width: calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    float: left;
}
.adoptionListingSlider .fullSize {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ccc;
}
.adoptionListingSlider .sliderThumbs {
    margin-top: 15px;
    height: 85px;
    position: relative;
    padding: 0 35px;
}
.adoptionListingSlider .sliderThumbs #slidePrev,
.adoptionListingSlider .sliderThumbs #slideNext {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 30px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    background: #0899d8;
    cursor: pointer;
    color: #fff;
    font-size: 2.4em;
}
.adoptionListingSlider .sliderThumbs #slidePrev:hover,
.adoptionListingSlider .sliderThumbs #slidePrev:focus,
.adoptionListingSlider .sliderThumbs #slidePrev:active,
.adoptionListingSlider .sliderThumbs #slideNext:hover,
.adoptionListingSlider .sliderThumbs #slideNext:focus,
.adoptionListingSlider .sliderThumbs #slideNext:active {
    background: #e8bb20;
}
.adoptionListingSlider .sliderThumbs #slideNext {
    left: auto;
    right: 0;
}
.adoptionListingSlider .sliderThumbs li .slide {
    float: left;
    height: 85px;
    width: calc(25% - 10px);
    width: -webkit-calc(25% - 10px);
    margin: 0 5px;
    background: #ccc;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.adoptionListing .rightColumn {
    width: calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
    float: right;
}
.adoptionListing .content {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #e4e4e4;
}
.adoptionListing .content h2 {
    font-size: 3.2em;
    font-weight: 700;
    margin-bottom: 15px;
}
.adoptionListing .content p {
    font-size: 1.6em;
    line-height: 1.3em;
    color: #515151;
    margin-bottom: 25px;
}
.adoptionListing .share {
    text-align: right;
    font-size: 1.6em;
    color: #515151;
}
.adoptionListing .share span {
    margin-right: 5px;
}
.adoptionListing .share .icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    color: #fff;
    text-align: center;
    background: #109cd9;
    display: inline-block;
    margin-left: 5px;
}
.adoptionListing .share .icon:hover,
.adoptionListing .share .icon:focus,
.adoptionListing .share .icon:active {
    background: #e8bb20;
}
.adoptionListing .share .icon i {
    vertical-align: middle;
    font-size: 10px;
}
.adoptionListing .contact h3 {
    font-size: 2.4em;
    font-weight: 700;
    margin-bottom: 20px;
}
.adoptionListing .contact p {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 20px;
}
.adoptionListing .contact .basicBtn {
    font-size: 1.3em;
}

/********************************
.newsEvents
********************************/
.newsEvents .sectionHeader {
    font-size: 7.4em;
    font-weight: 700;
    padding: 0 0 40px 0;
    text-align: left;
}
.newsEvents .sectionHeader.bgImage {
    padding: 110px 0 150px 0;
    background: #ccc;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.newsEvents .sectionContainer {
    padding: 80px 0 40px 0;
}
.newsEvents .sectionContainer.noPadding {
    padding: 0;
}
.newsEvents .moduleColumnCTAS.posts {
    text-align: center;
    padding: 0;
}
.newsEvents .moduleColumnCTAS.overlap {
    position: relative;
    top: -65px;
}
.newsEvents .moduleColumnCTAS.posts .ctas {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.newsEvents .moduleColumnCTAS.posts .ctas .cta {
    width: calc(50% - 10px);
    margin: 0 10px;
    height: 300px;
    background: #009bcd;
}
.newsEvents .moduleColumnCTAS.posts .ctas .cta:nth-child(2) {
    margin-left: 0;
}
.newsEvents .moduleColumnCTAS.posts .ctas .cta:last-child {
    margin-right: 0;
}
.newsEvents .moduleColumnCTAS.posts .ctas .cta.featuredPost {
    width: 100%;
    margin: 0 0 25px 0;
    height: 350px;
}
.newsEvents .moduleColumnCTAS.posts .cta:hover,
.newsEvents .moduleColumnCTAS.posts .cta:focus,
.newsEvents .moduleColumnCTAS.posts .cta:active {
    background: #026b97;
}
.newsEvents .basicBtn.sectionBtn {
    margin-top: 40px;
}
.newsEvents .post {
    position: relative;
    text-align: left;
    height: 100%;
}
.newsEvents .moduleColumnCTAS.posts .ctas .cta.featuredPost .header {
    text-align: left;
    padding: 50px 30px;
}
.newsEvents .moduleColumnCTAS.posts .ctas .recentPosts .cta .header {
    text-align: left;
    padding: 40px 25px;
}
.newsEvents .moduleColumnCTAS.posts .ctas .cta.featuredPost .header h3 {
    font-size: 3.2em;
}
.upcomingEvents {
    padding: 80px 0;
    background: #edeeef;
}
.upcomingEvents .header {
    margin-bottom: 70px;
    font-size: 3.6em;
    font-weight: 700;
    text-align: center;
}
.upcomingEvents .columns {
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.upcomingEvents .columns .column {
    width: calc(50% - 40px);
    width: -webkit-calc(50% - 40px);
    margin: 0 40px 30px 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #c5c5c5;
}
.upcomingEvents .columns .column:after {
    content: "";
    display: block;
    clear: both;
}
.upcomingEvents .columns .column:nth-child(odd) {
    margin-left: 0;
}
.upcomingEvents .columns .column:nth-child(even) {
    margin-right: 0;
}
.upcomingEvents .column .date {
    float: left;
    width: 80px;
    text-align: center;
}
.upcomingEvents .column .date .day {
    font-size: 3em;
    color: #006fae;
    font-weight: 700;
}
.upcomingEvents .column .date .month {
    font-size: 2.4em;
    font-weight: 700;
    color: #45b0de;
    text-transform: uppercase;
}
.upcomingEvents .column .date .datetil {
    font-size: 1.6em;
    color: #333;
    margin: 10px 0;
    font-weight: 700;
}
.upcomingEvents .column .content {
    margin-left: 90px;
    color: #515151;
}
.upcomingEvents .column .content h3 {
    font-size: 2.2em;
    font-weight: 700;
    margin-bottom: 15px;
}
.upcomingEvents .column .content p {
    font-size: 1.6em;
    line-height: 1.3em;
    margin-bottom: 15px;
}
.upcomingEvents .column .content a.learnMore {
    font-size: 1.4em;
    color: #0096d7;
    font-weight: 600;
}
.upcomingEvents .column .content a.learnMore i {
    display: inline-block;
    color: #e8bb20;
    margin-left: 5px;
}
.upcomingEvents h3.noEvents {
    text-align: center;
    font-size: 2.2em;
    font-weight: 700;
}

/********************************
Post Single
********************************/
.twoColumn {
    position: relative;
}
.twoColumn .pageHeader {
    padding: 70px 0;
    background: #fafafa;
    font-size: 7.4em;
    font-weight: 700;
}
.twoColumn .leftColumn {
    margin-right: 310px;
    padding: 40px 0 80px 0;
}
.twoColumn.single .leftColumn {
    padding-top: 80px;
}
.twoColumn.single .leftColumn .module:last-child {
    padding-bottom: 0;
}
.twoColumn .leftColumn .wrapper {
    padding: 0;
}
.twoColumn .leftColumn .module:first-child {
    padding-top: 0;
}
.postBanner {
    height: 300px;
    margin-bottom: 50px;
    background: center center no-repeat #ccc;
    background-size: cover;
}
.postHeader .date {
    float: left;
    width: 100px;
    text-align: center;
    border-right: 1px solid #ececec;
    padding: 15px 0;
}
.postHeader .date .day {
    font-size: 3.6em;
    color: #006fae;
    font-weight: 700;
}
.postHeader .datetil {
    font-size: 2em;
    color: #333;
    font-weight: 700;
    margin: 10px 0;
}
.postHeader h1 {
    margin: 0 0 0.5em 120px;
    font-size: 3.2em;
    font-weight: 700;
    line-height: 1.2em;
}
.postHeader .eventInfo {
    margin-left: 120px;
    font-size: 1.5em;
    margin-bottom: 1em;
    line-height: 1.5em;
}
.postHeader .date .month {
    font-size: 2.4em;
    color: #45b0de;
    font-weight: 700;
}
.postMeta {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 15px 0;
    font-size: 1.6em;
    color: #a9b1b5;
}
.postMeta:after {
    display: block;
    content: "";
    clear: left;
}
.postMeta .postedOn {
    margin-left: 120px;
    float: left;
}
.postMeta .share {
    float: right;
}
.postMeta .share .icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    color: #fff;
    text-align: center;
    background: #109cd9;
    display: inline-block;
    margin-right: 5px;
}
.postMeta .share .icon:hover,
.postMeta .share .icon:focus,
.postMeta .share .icon:active {
    background: #e8bb20;
}
.postMeta .share .icon i {
    vertical-align: middle;
    font-size: 10px;
}
.twoColumn.articlePosts .moduleL3Content.postContent {
    padding: 0;
}
.twoColumn:not(.articlePosts) .moduleL3Content.postContent {
    padding: 50px 0;
}
.postListing .post {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #e4e4e4;
}
.postListing .thumbnail {
    float: left;
    width: 160px;
    height: 160px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ccc;
}
.postListing .post.hasThumb .content {
    margin-left: 190px;
}
.postListing .content h3 {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 15px;
}
.postListing .content p {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #484848;
}
.postListing p {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #484848;
    padding-bottom: 20px;
}
.postListing .content p.date {
    margin-bottom: 0.5em;
}
.postListing .postFooter {
    margin-top: 15px;
}
.postListing .content .readMore {
    font-size: 1.6em;
    font-weight: 700;
    color: #0798d7;
    float: left;
}
.postListing .content .readMore i {
    color: #e8bb20;
    display: inline-block;
    margin-left: 5px;
}
.postListing .postFooter .share {
    float: right;
    font-size: 1.8em;
}
.postListing .postFooter .share a {
    color: #0096d7;
    margin-left: 5px;
}
.postListing .postFooter .share a:hover,
.postListing .postFooter .share a:focus,
.postListing .postFooter .share a:active {
    color: #e8bb20;
}
.wp-paginate {
    text-align: center;
    margin: 40px 0 0 0;
}
.wp-paginate li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.4em;
    background: #efefef;
    margin: 0 3px;
}
.wp-paginate li:hover,
.wp-paginate li:focus,
.wp-paginate li:active {
    background: #e3e3e3;
}
.wp-paginate li a {
    display: block;
}
.twoColumn .sidebar {
    float: right;
    position: absolute;
    right: 20px;
    top: 0;
    width: 270px;
    box-sizing: border-box;
    padding: 40px 0 80px 0;
    background: #f9f9f9;
}
.twoColumn.single .sidebar {
    padding-top: 80px;
}
.sidebar section.search {
    background: #e5e4e4;
    padding: 25px 20px;
}
.sidebar section.search form {
    position: relative;
    height: 30px;
}
.sidebar section.search input#s {
    background: #fff;
    border: none;
    box-shadow: inset 0 1px 1px 2px rgba(0, 0, 0, 0.2);
    height: 30px;
    padding: 0 30px 0 15px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    -moz-border-radius: 5px;
    outline: none;
    font-size: 1.4em;
    font-family: "Montserrat";
    color: #989797;
}
section.search input#s::-webkit-input-placeholder,
section.search input#s:-moz-placeholder,
section.search input#s::-moz-placeholder,
section.search input#s:-ms-input-placeholder {
    color: #989797;
}
.sidebar section.search #searchsubmit {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    background: 0;
    border: none;
    color: #828282;
    outline: none;
    cursor: pointer;
}
.sidebar section.sidebarList h4 {
    font-size: 1.6em;
    font-weight: 700;
    padding: 20px;
    border-bottom: 2px solid #fff;
}
.sidebar section.sidebarList ul.top li {
    border-bottom: 2px solid #fff;
    font-size: 1.4em;
    font-weight: 700;
}
.sidebar section.sidebarList ul.top > li > a span {
    float: right;
}
.sidebar section.sidebarList ul.top > li > a span:before {
    content: "\f055";
    font-family: "FontAwesome";
    display: block;
}
.sidebar section.sidebarList ul.top > li > a span.active:before {
    content: "\f056";
}
.sidebar section.sidebarList ul.top ul.children {
    display: none;
}
.sidebar section.sidebarList ul.top ul li {
    font-size: 1em;
}
.sidebar section.sidebarList ul.top ul li:last-child {
    border: none;
}
.sidebar section.sidebarList ul.top li a {
    color: #109cd9;
    display: block;
    padding: 15px 20px;
}
.sidebar section.sidebarList ul.top ul li a {
    padding-left: 40px;
}
.sidebar section.sidebarList ul.top li a i {
    display: inline-block;
    margin-right: 10px;
    color: #e8bb20;
    font-size: 10px;
    vertical-align: middle;
    font-weight: 400;
}
.sidebar section.sidebarList ul.top a:hover,
.sidebar section.sidebarList ul.top a:focus,
.sidebar section.sidebarList ul.top a:active,
.sidebar section.sidebarList ul.top a:hover > i,
.sidebar section.sidebarList ul.top a:focus > i,
.sidebar section.sidebarList ul.top a:active > i {
    color: #fff;
    background: #e8bb20;
}
.sidebar section.sidebarList ul.sub li a {
    display: block;
    padding: 15px 20px 15px 30px;
}

/********************************
Gravity Forms
********************************/
.gfield_html h3 {
    margin: 30px 0 10px 0 !important;
}
.ginput_complex label {
    margin-bottom: 10px !important;
}
.gform_button {
    display: inline-block;
    padding: 12px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    font-size: 18px !important;
    font-weight: 600;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    transition: all ease 0.3s;
    position: relative;
    background: #e8bb20;
    border: none;
    cursor: pointer;
}
.gform_button:hover,
.gform_button:focus,
.gform_button:active {
    background-color: #0096d7;
}
.gform_confirmation_message {
    font-size: 16px;
    line-height: 1.5em;
    color: #269f1d;
}

/********************************
404 Page
********************************/
#searchform.error404 {
    display: block;
    width: 500px;
    max-width: 100%;
    margin: 0 auto 40px auto;
    position: relative;
}
#searchform.error404 input#s {
    height: 40px;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    font-family: "Montserrat";
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 100px 0 20px;
    outline: none;
}
#searchform.error404 input#s:focus {
    border: 1px solid #999;
}
#searchform.error404 input#searchsubmit {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    padding: 0 20px;
    background: #0596d5;
    color: #fff;
    border: none;
    font-size: 14px;
    font-family: "Montserrat";
    cursor: pointer;
}
#searchform.error404 input#searchsubmit:hover,
#searchform.error404 input#searchsubmit:focus,
#searchform.error404 input#searchsubmit:active {
    background: #0483bb;
}

/********************************
#footer
********************************/
#footer {
    background: #d1d5d9;
    padding: 60px 0;
    margin-top: 45px;
}
#footer h4 {
    font-size: 1.4em;
    color: #000;
    margin-bottom: 15px;
    font-weight: 600;
}
#footer a {
    color: #2c4068;
}
#footer .footerColumns {
    float: left;
}
#footer .footerColumns:after {
    content: "";
    clear: left;
}
.footerColumns .col {
    width: 160px;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}
.footerColumns .col ul li {
    font-size: 1.4em;
    line-height: 1.3em;
    margin-bottom: 10px;
    font-weight: 600;
    color: #51caff;
}
.footerSM {
    float: right;
}
#footer .icons {
    margin-bottom: 5px;
}
#footer .icons .icon {
    float: left;
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    -moz-border-radius: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: #2c4068;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 1.6em;
}
#footer .icons .icon:last-child {
    margin-right: 0;
}
#footer .icons .icon:hover,
#footer .icons .icon:focus,
#footer .icons .icon:active {
    background: #d8ab11;
}
#footer .icons .icon i {
    vertical-align: middle;
}
a.basicBtn.newsletter.blueBG {
    background-color: #2c4068;
}
a.basicBtn.newsletter.blueBG:hover,
a.basicBtn.newsletter.blueBG:focus,
a.basicBtn.newsletter.blueBG:active {
    background-color: #d8ab11;
}
#footer .basicBtn {
    display: flex;
    padding: 12px 0;
    font-size: 1.4em;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    justify-content: center;
    max-width: 250px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#footer .basicBtn:after {
    margin-left: 20px;
    font-family: FontAwesome;
    font-size: 0.8em;
    color: #fff;
    content: "\f054";
    display: inline-block;
}
#footer .copyright {
    margin-top: 30px;
    font-size: 1.2em;
    color: #000;
    line-height: 1.8;
}
#footer .copyright p {
    display: inline;
}

@media (max-width: 1000px) {
    #mainNav > ul > li {
        font-size: 14px;
    }
    #mainNav > ul > li > a {
        padding: 0 10px;
    }
}

@media (max-width: 950px) {
    #footer .footerColumns {
        float: none;
        text-align: center;
    }
    .footerColumns .col {
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding: 0;
        margin: 0 10px;
    }
    .footerSM {
        float: none;
        clear: both;
        text-align: center;
        margin-top: 30px;
    }
    #footer .icons .icon {
        float: none;
        display: inline-block;
    }
    #footer .copyright {
        text-align: center;
    }
}

@media (max-width: 900px) {
    /********************************
#header
********************************/
    #header {
        padding: 7px 0;
    }
    #headerButtons {
        margin-top: 0;
        clear: right;
    }
    #mainNav {
        display: none;
    }
    #mobileNavContainer {
        display: block;
    }
    #headerButtons .btn a.roundedBtn {
        margin: 0;
    }
    #headerButtons .btn a.roundedBtn + a.roundedBtn {
        margin-left: 15px;
    }
    #quickMainNav {
        margin: 0 20px;
    }

    /********************************
Universal Changes
********************************/
    .moduleHeader h1,
    .moduleFullWidthSlider h1 {
        font-size: 6em;
    }
    .moduleFullWidthCTAS .cta h3 {
        font-size: 4em;
    }
    .moduleTwoColumnImageContent .content h2 {
        font-size: 3em;
    }
    .moduleHero {
        padding: 80px 0;
    }
    .moduleTwoColumnImageContent,
    .moduleContactAppointment,
    .moduleLogoFarm {
        padding: 50px 0;
    }

    /********************************
.moduleFullWidthSlider
********************************/
    .moduleFullWidthSlider ul li {
        height: 300px;
    }
    .moduleFullWidthSlider .wrapper .inner {
        max-width: none;
        text-align: center;
    }
    .moduleFullWidthSlider .bx-controls {
        bottom: 20px;
    }

    /********************************
.moduleTwoColumnImageContent
********************************/
    .moduleTwoColumnImageContent .image {
        width: 250px;
    }
    .moduleTwoColumnImageContent .content {
        padding: 20px 0 20px 290px;
    }
}
@media (max-width: 800px) {
    #header {
        text-align: right;
    }
    #logo {
        float: none;
        text-align: center;
        margin: 0 auto 30px auto;
    }
    #mobileNav {
        text-align: left;
    }
    #headerButtons {
        float: none;
        text-align: center;
    }
    #headerButtons .btn {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #mobileNavContainer,
    #headerButtons,
    #quickMainNav {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    /********************************
Two Column Page
********************************/
    .moduleHero.simpleHeader {
        padding: 40px 0;
    }
    .twoColumn.single .sidebar {
        width: 100%;
        float: none;
        position: static;
        height: auto !important;
        background: none;
        padding: 0;
        margin: 20px 0;
    }
    .twoColumn .leftColumn,
    .twoColumn.single .leftColumn {
        padding: 40px 0;
        width: 100%;
        height: auto !important;
    }
    .moduleL3Content {
        padding: 40px 0;
    }
    .postMeta .postedOn {
        margin: 0;
    }
    .postMeta .share {
        float: left;
        clear: left;
        margin-top: 20px;
    }

    /********************************
.moduleHoursContact
********************************/
    .locationsContainer,
    .locations {
        display: block !important;
    }
    .location,
    .locationGroup {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border: none;
        border-bottom: 1px solid #ccc;
    }
    .location:last-child,
    .locationGroup:last-child {
        margin: 0;
        padding: 0;
        border: none;
    }

    /********************************
.adoptionListing
********************************/
    .adoptionListing .moduleHero .headerBtns {
        position: static;
        float: left;
        text-align: left;
        transform: none;
        -webkit-transform: none;
        margin-top: 20px;
    }
    .adoptionListing .moduleHero .headerBtns .basicBtn {
        margin-right: 10px;
    }
    .adoptionListing .moduleHero .headerBtns br {
        display: none;
    }
}

@media (max-width: 750px) {
    /********************************
Universal Changes
********************************/
    .moduleHero,
    .moduleHero.simpleHeader,
    .moduleAdoptionCenterInfo,
    .moduleHoursContact,
    .moduleTwoColumnImageContent,
    .moduleContactAppointment,
    .moduleLogoFarm,
    .modulePetSlider,
    .upcomingEvents,
    .moduleColumnCTAS,
    .moduleL3Content,
    .moduleServicesList {
        /* padding: 40px 0; */
    }

    .moduleHeader h1,
    .moduleFullWidthSlider h1,
    .newsEvents .sectionHeader {
        font-size: 5em;
    }
    h2,
    .moduleHeader h2,
    .modulePetSlider .moduleHeader h2,
    .moduleTwoColumnImageContent .content h2,
    .moduleContactAppointment .columns .column h3,
    .moduleMeetTeam .member .content h3,
    .newsEvents .moduleColumnCTAS.posts .ctas .cta.featuredPost .header h3,
    .moduleL3Content h2,
    .locationGroup h3,
    .moduleL3Content h1 {
        font-size: 2.6em;
    }
    .moduleHeader h4,
    .moduleContactAppointment .columns .column h4,
    .moduleL3Content h4 {
        font-size: 1.8em;
    }

    /********************************
#header
********************************/
    #headerButtons {
        clear: both;
        margin: 20px 0 0 0;
        display: block;
    }
    body.home #headerButtons {
        display: none;
    }
    #headerButtons .btn.blue {
        margin-bottom: 10px;
    }
    .nonMobileContent {
        display: none;
    }
    .mobileContent {
        display: block;
    }
    #headerButtons .hide.emergency {
        right: 50%;
        transform: translate(50%, 0);
        -webkit-transform: translate(50%, 0);
        -moz-transform: translate(50%, 0);
    }

    /********************************
.moduleFullWidthSlider
********************************/
    .moduleFullWidthSlider {
        display: none;
    }

    /********************************
.moduleFullWidthCTAS
********************************/
    .moduleFullWidthCTAS {
        display: block !important;
    }
    .moduleFullWidthCTAS .cta {
        height: 250px;
    }
    .moduleFullWidthCTAS .cta .bgImage {
        background-position: center top;
    }

    /********************************
.moduleColumnCTAS
********************************/
    .moduleColumnCTAS .moduleHeader {
        padding: 0 20px;
    }
    .moduleColumnCTAS:not(.adoptionSearchResults) .ctas {
        display: block !important;
    }
    .moduleColumnCTAS:not(.adoptionSearchResults) .ctas .cta {
        margin: 0 0 20px 0;
    }
    .moduleColumnCTAS.headerContent .cta .header {
        padding: 30px;
    }

    .newsEvents .moduleColumnCTAS.posts .ctas .cta {
        width: 100%;
        margin: 0 0 25px 0;
    }
    .moduleColumnCTAS.adoptionSearchResults .cta .hide .basicBtn {
        display: none;
        padding: 0 15px;
    }

    /********************************
.moduleTwoColumnImageContent
********************************/
    .moduleTwoColumnImageContent.bgImageOverlayText .content {
        width: 100%;
        padding: 30px;
    }
    .moduleTwoColumnImageContent.defaultHalfWidth .items {
        display: block;
    }
    .moduleTwoColumnImageContent.defaultHalfWidth .items .item:not(:last-child) {
        max-width: none;
        margin: 0 0 40px 0;
    }

    /********************************
.moduleContactAppointment
********************************/
    .moduleContactAppointment .columns {
        display: block !important;
    }
    .moduleContactAppointment .columns .column {
        padding: 0 0 20px 0;
    }
    .moduleContactAppointment .columns .column:first-child {
        border-right: none;
        border-bottom: 1px solid #c5c5c5;
        margin-bottom: 20px;
    }

    /********************************
.moduleAdoptionCenterInfo
********************************/
    .moduleAdoptionCenterInfo + .moduleAdoptionCenterInfo {
        margin-top: 0;
    }
    .moduleAdoptionCenterInfo .columns {
        display: block !important;
    }
    .moduleAdoptionCenterInfo .columns .column,
    .moduleAdoptionCenterInfo.width50 .columns .column {
        padding: 0 0 40px 0 !important;
        width: 100%;
    }
    .moduleAdoptionCenterInfo .columns .column:last-child {
        padding-bottom: 0 !important;
    }
    .moduleAdoptionCenterInfo .columns .column:last-child *:last-child {
        margin-bottom: 0;
    }

    /********************************
.moduleContentColumns
********************************/
    .moduleContentColumns .columns {
        display: block !important;
    }
    .moduleContentColumns .columns .column {
        padding: 0;
    }
    .moduleContentColumns .columns .column:last-child .contentBlock:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }

    /********************************
.moduleServicesList
********************************/
    .moduleServicesList .columns {
        padding-top: 40px;
        display: block !important;
    }

    /********************************
.moduleFullWidthSlimCTA
********************************/
    .moduleFullWidthSlimCTA .inner {
        display: block !important;
    }
    .moduleFullWidthSlimCTA .header {
        max-width: none;
        margin: 0;
        padding: 0;
        border: none;
    }
    .moduleFullWidthSlimCTA .header:after {
        content: "";
        display: block;
        clear: both;
    }
    .moduleFullWidthSlimCTA .content {
        margin: 20px 0 0 0;
        width: auto;
    }
    .moduleFullWidthSlimCTA .content .basicBtn {
        float: left;
        margin: 0 20px 0 0;
    }

    /********************************
.moduleMeetTeam
********************************/
    .moduleMeetTeam .member {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }
    .moduleMeetTeam .member .headshot {
        float: none;
        margin: 0 0 20px 0;
    }

    /********************************
.modulePetSlider
********************************/
    .modulePetSlider .petSlider li {
        display: block !important;
    }
    .petSlider .pet {
        max-width: none;
        margin: 0 0 20px 0;
        height: 150px;
    }

    /********************************
#secondaryNav
********************************/
    #secondaryNav {
        height: auto;
        line-height: 1em;
        padding: 20px 0;
    }
    #secondaryNav form {
        float: none;
        margin: 0 auto 20px auto;
        width: 100%;
    }
    #secondaryNav form #s {
        width: 100%;
        box-sizing: border-box;
    }
    #secondaryNav ul {
        float: none;
    }
    #secondaryNav ul.main > li {
        float: none;
        border: none;
        margin: 0 0 20px 0;
        padding: 0;
    }
    #secondaryNav ul.main > li:last-child {
        margin: 0;
    }
    #secondaryNav ul.main > li > a {
        padding: 0;
    }

    /********************************
.upcomingEvents
********************************/
    .upcomingEvents .columns {
        display: block !important;
    }
    .upcomingEvents .columns .column {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }
    .upcomingEvents .columns .column:last-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    /********************************
#footer
********************************/
    .footerColumns .col {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    /********************************
Miscellaneous
********************************/
    .donationBox {
        width: 100%;
        margin: 0 0 30px 0;
    }
}
@media (max-width: 650px) {
    .moduleHeader h1,
    .moduleFullWidthSlider h1 {
        font-size: 3.6em;
    }
    .basicBtn {
        font-size: 1.4em;
        padding: 10px 15px;
    }
    #logo {
        width: 220px;
        height: 34px;
        background: url(images/logo-no-tagline.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    /********************************
.moduleServicesList
********************************/
    .moduleServicesList .columns .column {
        flex-basis: calc(50% - 20px);
        flex-basis: -webkit-calc(50% - 20px);
        -webkit-flex-basis: -webkit-calc(50% - 20px);
    }

    /********************************
.moduleLogoFarm
********************************/
    .moduleLogoFarm .logos {
        display: block !important;
    }
    .moduleLogoFarm .logos .logo:first-child {
        margin-top: 60px;
    }
    .moduleLogoFarm .logos .logo {
        margin: 40px 0 0 0;
    }

    /********************************
.moduleTwoColumnImageContent
********************************/
    .moduleTwoColumnImageContent:not(.defaultHalfWidth):not(.bgImageOverlayText) .image {
        width: 100%;
        height: 200px;
        position: static;
        transform: none;
        margin-bottom: 20px;
        -webkit-transform: none;
    }
    .moduleTwoColumnImageContent .content {
        padding: 0;
        min-height: 0;
    }
    .moduleTwoColumnImageContent.defaultHalfWidth .item {
        width: 100%;
        max-width: none;
        min-height: 0;
    }
    .moduleTwoColumnImageContent .items .item:last-child {
        margin-bottom: 0;
    }
    .moduleTwoColumnImageContent.defaultHalfWidth .image {
        width: 100px;
        height: 100px;
        transform: none;
        -webkit-transform: none;
        top: 0;
    }

    /********************************
.moduleMeetTeam
********************************/
    .moduleMeetTeam .members {
        display: block !important;
    }
    .moduleMeetTeam .member {
        max-width: none;
    }
    .moduleMeetTeam .member .headshot {
        width: 150px;
    }

    /********************************
.moduleHoursContact
********************************/
    .moduleHoursContact .locations {
        display: block !important;
    }
    .location {
        margin-bottom: 40px;
    }

    /********************************
.moduleColumnCTAS
********************************/
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta,
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n),
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n + 1) {
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        margin: 0 10px 20px 10px !important;
    }
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(odd) {
        /* margin-left: 0 !important; */
    }
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(even) {
        margin-right: 0 !important;
    }

    /********************************
.adoptionSearch
********************************/
    .adoptionSearch .field {
        float: none;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .adoptionSearch select {
        height: 30px;
        font-size: 1.6em;
    }
    .adoptionSearch input.search {
        margin-top: 20px;
    }

    /********************************
.adoptionListing
********************************/
    .adoptionListing .leftColumn {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .adoptionListing .rightColumn {
        float: none;
        width: 100%;
    }
}

@media (max-width: 450px) {
    /********************************
.moduleColumnCTAS
********************************/
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta,
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n),
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta:nth-child(3n + 1) {
        width: 100%;
        height: 150px;
        margin: 0 0 20px 0 !important;
        background-position: center top;
    }
    .moduleColumnCTAS.adoptionSearchResults .ctas .cta .hide p {
        display: none !important;
    }

    /********************************
.moduleServicesList
********************************/
    .moduleServicesList .columns .column {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
    }

    /********************************
Two Column Page
********************************/
    .postHeader .date {
        float: none;
        width: auto;
        border: none;
        border-bottom: 1px solid #eee;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }
    .postHeader h1 {
        margin-left: 0;
    }
    .postHeader .eventInfo {
        margin-left: 0;
    }

    /********************************
Miscellaneous
********************************/
    .donateForm .field {
        float: none;
        width: 100%;
    }
    .donationBox .content {
        padding: 20px;
    }
}

/* Take Action specific code */
.at-indented {
    margin-top: 0 !important;
}
.at-indented p {
    font-size: 0.875rem;
    color: #5d6778;
    font-weight: 400;
    line-height: 1.5;
}
/* end - Take Action specific code */

/* Begin Relevanssi excerpt styling code */
.relevanssi_excerpt p {
    font-size: 1.6em;
    line-height: 1.2em;
    color: #484848;
}
/* End Relevanssi excerpt styling code */

.padding-bottom-fix {
    padding-bottom: 20px;
}
.moduleL3Content p.footnote {
    font-size: 13px;
    display: block;
    padding: 20px 30px;
    background-color: #535353;
    color: #fff;
}

/********************************
Header Buttons
********************************/
#headerButtons > ul > li > a {
    color: #231f20;
    display: block;
    padding: 0px;
    position: relative;
    min-height: 25px;
}
#headerButtons > ul > li:not(.languages):hover > a:after,
#headerButtons > ul > li:not(.languages):focus > a:after,
#headerButtons > ul > li:not(.languages):active > a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    bottom: -11px;
    color: #f7f7f7;
    z-index: 999;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 1.5em;
}
#headerButtons > ul > li:hover .dropdown,
#headerButtons > ul > li:focus .dropdown,
#headerButtons > ul > li:active .dropdown {
    max-height: 750px;
    padding-top: 30px;
    padding-bottom: 10px;
    transition: max-height 1s, padding-top 1s, padding-bottom 1s;
    z-index: 9;
}
#headerButtons .dropdown {
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 41px;
    background: rgba(13, 91, 144, 0.97);
    padding: 40px 30px;
    box-sizing: border-box;
    max-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    transition: max-height 0.25s, padding-top 0.25s, padding-bottom 0.25s;
    overflow: hidden;
}
#headerButtons .dropdown ul li {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
    padding-bottom: 20px !important;
    text-align: left !important;
}
#headerButtons .dropdown ul li a {
    font-size: 16px;
    color: #fff;
    text-transform: none;
    font-weight: normal;
}
#headerButtons .dropdown ul li a:hover,
#headerButtons .dropdown ul li a:focus,
#headerButtons .dropdown ul li a:active {
    color: #ffd02f;
}

/********************************
Animated Menu Icon
********************************/
.bar-group {
    display: block;
    position: relative;
    width: 25px;
    position: absolute;
    right: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto !important;
}
.bar1,
.bar2,
.bar3 {
    position: relative;
    z-index: 99999999;
    width: 25px;
    height: 4px;
    background-color: #0096d7;
    transition: 0.4s;
    border-radius: 2px;
    overflow: hidden;
}
.bar1 {
    margin: 0 0 4px 0;
}
.bar3 {
    margin: 4px 0 0;
}
.active .bar1 {
    -webkit-transform: rotate(-45deg) translate(-7px, 3px);
    transform: rotate(-45deg) translate(-10px, 3px);
}
.active .bar2 {
    opacity: 0;
}
.active .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -2px);
    transform: rotate(45deg) translate(-8px, -2px);
}
/*removes clickable areas around the icon which could allow visitors to toggle without the animation occurring */
.fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle {
    margin: 0;
    padding: 0;
}
#secondaryMainNav {
    width: 100%;
    padding-top: 20px;
}
#secondaryMainNav .bar-group {
    display: table-cell;
    position: relative;
    position: relative;
    right: 0px;
    top: 4px;
    left: 10px;
}
#secondaryMainNav .mobileNavLink {
    margin: auto;
    padding-top: 8px;
    display: table;
    width: 180px;
    color: black;
}
#secondaryMainNav .bar1,
#secondaryMainNav .bar2,
#secondaryMainNav .bar3 {
    background: black;
}

@media (min-width: 992px) {
    .mobileNavDropdown {
        display: none;
    }
}
@media (max-width: 992px) {
    #mobileNavContainer div.mobile-logo,
    #mobileNavContainer div.mobile-button {
        display: table-cell !important;
    }
    #mobileNavContainer div.mobile-logo #logo {
        margin: 0;
    }
    #mobileNavContainer div.mobile-button {
        position: relative;
    }
}
@media (max-width: 900px) {
    .sidebar {
        display: none;
    }
    .twoColumn .leftColumn {
        margin-right: 0;
    }
    #headerButtons {
        display: none;
    }
    #mobileNavContainer {
        display: table !important;
        width: 100%;
    }
    #logo.desktop {
        display: none !important;
    }
    #secondaryMainNav {
        display: block !important;
    }
}
@media (max-width: 348px) {
    #mobileNavContainer div.mobile-logo {
        width: 70%;
    }
    #mobileNavContainer #logo {
        width: 100%;
        background-size: contain;
        background-position: center;
    }
}
.mobile-menu * {
    font-size: 13px;
    color: rgba(108, 111, 127, 1) !important;
    font-weight: 600;
}
.mobile-menu li a {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.3);
}
.nav a,
.nav label {
    display: block;
    color: #fff;
}
.nav a:hover,
.nav a:focus,
.nav a:active,
.nav label:hover,
.nav label:focus,
.nav label:active {
    color: rgba(255, 255, 255, 0.5);
}
.nav label:hover,
.nav label:focus,
.nav label:active {
    background: transparent !important;
}
.nav label {
    cursor: pointer;
}
.mobile-menu li {
    position: relative;
}
.mobile-menu li label {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px !important;
    padding-left: 20px !important;
    height: 10px;
}
/**
* Styling first level lists items
*/
.group-list a,
.group-list label {
    padding-left: 2rem !important;
}
.group-list a:hover,
.group-list a:focus,
.group-list a:active,
.group-list label:hover,
.group-list label:focus,
.group-list label:active {
    background: #131313;
}
/**
* Styling second level list items
*/
.sub-group-list a,
.sub-group-list label {
    padding-left: 4rem !important;
}
.sub-group-list a:hover,
.sub-group-list a:focus,
.sub-group-list a:active,
.sub-group-list label:hover,
.sub-group-list label:focus,
.sub-group-list label:active {
    background: #232323;
}
/**
* Styling third level list items
*/
.sub-sub-group-list a,
.sub-sub-group-list label {
    padding-left: 6rem !important;
}
.sub-sub-group-list a:hover,
.sub-sub-group-list a:focus,
.sub-sub-group-list a:active,
.sub-sub-group-list label:hover,
.sub-sub-group-list label:focus,
.sub-sub-group-list label:active {
    background: #333333;
}
/**
* Hide nested lists
*/
.group-list,
.group-list a,
.group-list span {
    background: #e0e0e0;
}
.sub-group-list,
.sub-group-list a,
.sub-group-list span {
    background: #eaeaea;
}
.sub-sub-group-list,
.sub-sub-group-list a,
.sub-sub-group-list span {
    background: #f2f2f2;
}
.group-list,
.sub-group-list,
.sub-sub-group-list {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}
.group-list span {
    background: transparent !important;
}
.mobile-menu input[type="checkbox"]:checked + label + ul {
    max-height: 1000px;
}
label > span {
    float: right;
    -webkit-transition: -webkit-transform 0.65s ease;
    transition: transform 0.65s ease;
}
.mobile-menu input[type="checkbox"]:checked + label > span:before {
    content: "\f068" !important;
}
.button-donate {
    width: 100%;
    border-radius: 0 !important;
    background: #0096d7 !important;
    font-size: 19px !important;
    text-transform: none;
    color: #ffffff;
    padding: 15px 0px !important;
    line-height: 1;
    font-family: "Montserrat";
}
.button-donate:hover,
.button-donate:focus,
.button-donate:active {
    color: #ffffff !important;
    background: #e8bb20 !important;
}

/********************************
Search
********************************/
.mobileNavDropdown .search-form {
    margin-top: -2px;
    position: relative;
    background: linear-gradient(to top, #ffffff 0%, #f0f0f0 100%);
    padding-bottom: 20px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #dbdbdb;
}
.mobileNavDropdown .search-form #searchform {
    width: 100%;
}
.mobileNavDropdown .search-form .fa {
    color: black !important;
    font-size: 16px;
    position: absolute;
    top: 25px;
    margin-left: 10px;
    cursor: pointer;
}
.mobileNavDropdown .search-form input {
    width: calc(100% - 30px);
    min-height: 40px;
    padding-left: 30px;
}
#header.mobileOpen {
    box-shadow: none !important;
    border-bottom: none !important;
}

/********************************
Submenu
********************************/
.pageList li.has-children h4 {
    border-bottom: none !important;
}
.pageList li.has-children .pageList-dropdown {
    visibility: hidden;
    position: absolute;
    margin-left: 200px;
    top: 0;
    z-index: -1;
    width: 640px;
    height: 100%;
    padding-left: 40px;
    transition: all 300ms;
    opacity: 0;
    text-transform: none !important;
}
.pageList li.has-children .pageList-dropdown li {
    margin: 0 !important;
}
.pageList li.has-children .pageList-dropdown li:before {
    content: "" !important;
}
.pageList li.has-children {
    cursor: pointer;
}
.pageList li.has-children:hover > a,
.pageList li.has-children:focus > a,
.pageList li.has-children:active > a {
    color: #ffd02f !important;
}
.pageList li.has-children .pageList-dropdown.active {
    visibility: visible;
    z-index: 1;
    opacity: 1;
}
.dropdown-on .pageList {
    visibility: hidden;
}
.dropdown-on .pageList.active {
    visibility: visible !important;
}

.moduleTwoColumnImageContent.most_recent_post_module {
    padding: 0px 0;
}
.moduleTwoColumnImageContent.most_recent_post_module .items .item {
    max-height: 300px !important;
}
.moduleTwoColumnImageContent.most_recent_post_module .content {
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: 300px !important;
    padding-right: 50px;
}
.most_recent_post_module h1 {
    position: absolute;
    left: 350px;
    right: 0px;
    background: #44b0df;
    color: #fff;
    font-size: 2em;
    padding-left: 55px;
    padding-top: 25px;
    padding-bottom: 25px;
    top: 0px;
    font-weight: 600;
}
.moduleTwoColumnImageContent.most_recent_post_module .content h2 {
    margin-top: 100px;
    font-size: 1.8em;
    margin-bottom: 15px;
}
.moduleTwoColumnImageContent.most_recent_post_module .content p {
    font-size: 1.5em;
    line-height: 1.35em;
}
@media (max-width: 900px) {
    .most_recent_post_module h1 {
        left: 250px;
    }
}
@media (min-width: 651px) and (max-width: 750px) {
    .moduleTwoColumnImageContent.most_recent_post_module .content {
        padding-left: 270px;
        padding-right: 20px;
        font-size: 0.95em;
    }
}
@media (max-width: 650px) {
    .moduleTwoColumnImageContent.most_recent_post_module .items {
        margin-bottom: 20px;
    }
    .moduleTwoColumnImageContent.most_recent_post_module .items .item {
        max-height: initial !important;
    }
    .moduleTwoColumnImageContent.most_recent_post_module .content {
        padding-right: 20px;
        padding-left: 20px;
        max-height: 1000px !important;
        height: auto !important;
        padding-bottom: 30px;
    }
    .most_recent_post_module h1 {
        position: relative;
        left: -20px;
        width: calc(100% + 40px) !important;
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        margin-top: -20px;
        margin-bottom: 0px;
    }
    .moduleTwoColumnImageContent.most_recent_post_module .content h2 {
        margin-top: 20px;
    }
}
.moduleL3Content h3 {
    display: block;
    /*width: 100%;*/
    margin-top: 20px;
}
.donate-left-side {
    float: left;
    margin-top: -10px;
    width: 500px;
    max-width: 50%;
}
@media (max-width: 991px) {
    .donate-left-side {
        float: left;
        width: 100%;
        max-width: 100%;
    }
    .moduleL3Content.module .donationBox {
        float: left;
        margin-left: 0px;
        margin-top: 45px;
    }
}
#doctor-directory-sidebar-links {
    display: none !important;
}
.angell_services-template-default .cat-item.cat-item-136,
.waltham_services-template-default .cat-item.cat-item-136 {
    display: none !important;
}
.angell_services-template-default #doctor-directory-sidebar-links,
.waltham_services-template-default #doctor-directory-sidebar-links {
    display: block !important;
}

/********************************
Image Wrapping in WordPress Posts
********************************/
img.alignright {
    float: right;
    margin: 1em 0 1em 1em;
}
img.alignleft {
    float: left;
    margin: 1em 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/********************************
Adoptable Animals
********************************/
.post-type-archive-pets .button-donate {
    display: none !important;
}
@media (max-width: 670px) {
    .post-type-archive-pets #footer {
        display: none !important;
    }
    .petCard {
        max-width: inherit;
        max-width: inherit;
    }

    .petCard .petImageMain {
        display: block !important;
        max-width: inherit !important;
        max-height: inherit !important;
        width: 100% !important;
        min-height: 100% !important;
        object-fit: cover !important;
    }
}
#petSearchContainer {
    display: none;
}
#petSearchContainer.active {
    display: block;
}
.mobilePetFiltersTop {
    padding-bottom: 8px;
    background-color: #f2f2f2;
    color: hsla(0, 0%, 40%, 1);
    max-width: 1200px;
    margin: 0 auto;
}
.filterString {
    padding: 16px 20px 6px 60px;
    font-size: 14px;
    line-height: 1.2em;
    position: relative;
}
.filterString::before {
    background-image: url(./images/filter-icon.png);
    float: left;
    position: absolute;
    left: 23px;
    height: 25px;
    width: 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    content: " ";
    margin: -5px 8px 0 0;
}
.filterString + div {
    width: 100%;
}
.petFilters {
    display: flex;
    padding: 0px 16px 0 20px;
    font-size: 14px;
}
.petFilters > div::after {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    right: -20px;
}
.petFilters > div {
    position: relative;
    float: left;
    background-color: white;
    display: flex;
    flex-direction: column;
    height: 68px;
    width: 110px;
    margin: 8px;
    text-align: center;
    align-items: center;
    padding: 6px;
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
    justify-content: space-around;
    flex-shrink: 0;
    cursor: pointer;
}
.petFilterIcon {
    height: 24px;
    margin-top: auto;
}
.petFilters > div label {
    color: hsl(0, 0%, 60%);
    margin-bottom: 0;
}
.petFilters > div span {
    color: hsla(0, 0%, 40%, 1);
    font-weight: 600;
    margin-bottom: auto;
}
.petFilters > div.active span {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.petFilters > div select {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-appearance: menulist-button;
    cursor: pointer;
}
#slider-range {
    margin: 20px;
}
.petFilters > div.active label {
    font-weight: 100;
    font-size: 11px;
    padding-top: 4px;
    margin-bottom: 2px;
}
.petFilters > div.active {
    box-shadow: inset 0 4px #0095db, 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.oneItem .petCard {
    margin: 0 22px;
    width: calc(100% - 36px);
    height: calc(100%);
}
.oneItem .petCard img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}
.adoption-slider > div {
    height: calc(100vh - 312px);
    min-height: 150px;
    max-height: 715px;
    padding: 24px 0;
    transition: padding 0.4s ease;
}
.adoption-slider > div.grow {
    padding: 3px 0;
}
.adoption-slider > div > div {
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.1);
}
.petImageMain {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.tns-complete.failed {
    display: none;
}
.cardInfo {
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(10, 30, 40, 0), rgba(5, 15, 20, 1));
    width: calc(100% - 48px);
    color: white;
    padding: 80px 24px 16px;
}
.cardInfo h1 {
    font-size: 30px;
    padding-bottom: 10px;
}
.cardInfo h2 {
    font-size: 18px;
    line-height: 1;
    color: hsla(0, 0%, 70%, 1);
    padding-top: 2px;
    padding-bottom: 10px;
    display: none;
}

#petProfileContainer .cardInfo h2 {
    display: block;
}

.petStats {
    display: flex;
    flex-wrap: wrap;
    max-width: 451px;
    width: 100%;
}

.petCard {
    min-height: 300px;
    min-width: 300px;
}
.petStats > div {
    display: flex;
    flex-wrap: nowrap;
    margin-right: auto;
    margin-bottom: 8px;
}
.petStats > div:first-child {
    margin-left: 0;
}
@media (max-width: 420px) {
    .petStats > div {
        /*width: 50%;*/
    }
    @media (max-height: 600px) {
        .adoption-slider .petStats > div {
            display: none;
        }
    }
}
.petStatContent {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    margin-right: 10px;
    margin-left: 7px;
}
.petStatContent label {
    font-weight: 400;
    margin-bottom: 2px;
    color: rgba(57, 57, 75, 0.88);
    font-size: 12px;
}
.petStatContent span {
    font-weight: 600;
    text-transform: lowercase;
    text-transform: capitalize;
    font-size: 14px;
}
.petStatIcon {
    margin-top: 2px;
    height: 23px;
}
.adoptionSliderUnder {
    text-align: center;
    padding: 10px 20px 20px;
}
.petTypeButtons {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-top: 9px;
}
.petTypeButtons {
    display: flex;
    justify-content: space-around;
    width: calc(100% - 40px);
    margin-top: 9px;
    position: fixed;
    bottom: 7px;
    padding: 0 20px;
    left: 0;
    background-color: white;
    display: none;
}
.petTypeButtons a,
.blueButtonGradient {
    width: 34%;
    max-width: 333px;
    min-height: 16px;
    font-size: 16px;
    background-color: rgb(16, 150, 211);
    color: rgb(255, 255, 255);
    padding: 16px 0;
    text-align: center;
    border-right: 1px solid rgba(20, 43, 54, 0.3);
}
.petTypeButtons a.active {
    background: #38b6ec;
    font-weight: 900;
    cursor: default;
}
.adoptionSliderUnder .tap {
    color: #a8a8a8;
    margin-top: 8px;
    font-size: 12px;
}
.adoptionSliderUnder .count {
    padding-top: 4px;
    color: #a8a8a8;
    position: relative;
    font-size: 12px;
}
.adoptionSliderUnder .count::before {
    width: calc(50% - 45px);
    top: 10px;
    border-bottom: 1px solid #aeaeae;
    position: absolute;
    left: 4px;
}
.adoptionSliderUnder .count::after {
    width: calc(50% - 45px);
    top: 10px;
    border-bottom: 1px solid #aeaeae;
    position: absolute;
    right: 4px;
}
.adoptionSliderUnder #count {
    color: #6a6a6a;
    font-size: 18px;
}
#petProfileContainer {
    display: none;
}
@keyframes profileExpand {
    0% {
        margin: 114px 20px;
        width: calc(100vw - 40px);
        opacity: 0;
    }
    100% {
        margin: 0;
        width: 100vw;
        opacity: 1;
    }
}
#petProfileContainer.active {
    display: block;
    overflow: hidden;
    width: 100vw;
    background: white;
    color: #6c6c6c;
    transition: all;
    animation-name: profileExpand;
    animation-duration: 0.2s;
}
.adoption-slider .profile {
    display: none;
}
.adoption-slider .petCard > div:first-child {
    height: 100%;
}
#petProfileContainer > div:first-child {
    position: relative;
    /* max-height:80vh; */
    min-height: 200px;
}
#petProfileContainer h3 {
    font-size: 19px;
    padding: 20px;
    line-height: 1.3;
}
#petProfileContainer p {
    padding: 0 24px;
    font-size: 16px;
    line-height: 1.5em;
    padding-bottom: 1.5em;
    color: hsla(0, 0%, 40%, 1);
}
#petProfileContainer > div:first-child > img {
    max-height: 80vh;
    min-height: 200px;
}
#petProfileContainer > img {
    width: 100%;
}
.exitPetProfile {
    position: sticky;
    top: 12px;
    right: 10px;
    background: #f0f0f0;
    border: #626262;
    border-radius: 4px;
    height: 40px;
    width: 65px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2784313725490196);
    color: #7d7d7d;
    pointer-events: all;
}
.profileCTAs {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.13);
    display: flex;
    background-color: rgba(240, 240, 242, 1);
    width: calc(100% - 38px);
    padding: 0 19px;
    justify-content: space-around;
}
.profileCTAs button {
    height: 50px;
    color: white;
    border: none;
    margin: 0;
}
button.adoptCTA,
a.adoptCTA {
    min-width: 118px;
}
button.shareCTA {
}
.button-light-blue {
    background-image: linear-gradient(to bottom, #33b8ef, #3697c1) !important;
}
.button-dark-blue {
    background-image: linear-gradient(to bottom, #0b709d, #0d445d);
}
.petPopupBox {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    display: none;
}
.petPopupBox.active {
    display: block;
    z-index: 100;
}
.petPopupX {
    position: fixed;
    top: 15px;
    right: 20px;
    font-style: Montserrat;
    color: white;
    font-size: 45px;
    font-weight: bold;
    cursor: pointer;
}
.petPopupX:hover,
.petPopupX:focus,
.petPopupX:active {
    color: #e8bb20;
}
.petPopupBox {
    display: none;
}
.thick-white-border {
    height: 200px;
    width: 210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 4px solid white;
    border-radius: 16px;
    margin-right: 20px;
}
.petShareFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
    background-color: rgba(1, 146, 209, 0.9215686274509803);
}
.petShareOptionsFlex {
    display: flex;
    padding: 20px;
    justify-content: space-around;
    width: 85%;
    max-width: 500px;
}
.petShareOptionsFlex img {
    height: 39px;
    align-items: center;
}
.petPopupBox .petStatContent label,
.petPopupBox .petStatContent span {
    color: white;
}
.petPopupBox .petStats {
    padding: 20px 0 4px;
    max-width: 80%;
    margin-left: auto;
    max-width: 500px;
    margin-right: auto;
    justify-content: space-around;
}
.petPopupBox .exitPetProfile {
    position: fixed;
}
.noScroll {
    overflow: hidden;
}
.petPopupBox-inquire {
    overflow-y: auto;
}
.petInquireTop {
    background-color: rgba(1, 146, 209, 0.9215686274509803);
    width: 100%;
    padding: 65px 0 28px 0;
    text-align: center;
}
.petInquireBottom {
    background-color: rgba(255, 255, 255, 0.9215686274509803);
    width: 100%;
    padding: 1px;
    font-size: 14px;
    min-height: calc(100% - 448px);
}
.wider-content {
    padding: 0 25px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.loadMoreSlide > div {
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.petCard > div {
    position: relative;
}
.petTypeButtonsTop {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0;
    min-height: 48px;
    max-height: 50px;
    top: 0;
    left: 0;
    justify-content: center;
    padding: 0;
    margin-top: 0;
    background-color: rgba(16, 150, 211, 0.6);
    border-top: 1px solid rgba(20, 43, 54, 0.2);
    border-bottom: 1px solid rgba(20, 43, 54, 0.2);
}
.petTypeButtonsTop.petTypeButtons {
}
.adoptionGridContainer {
    display: none;
}
.adoptionGrid .petCard {
    height: 300px;
    width: 300px;
    position: relative;
    margin: 8px;
    padding: 0 !important;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
}
.adoptionGrid .petCard:hover,
.adoptionGrid .petCard:focus,
.adoptionGrid .petCard:active {
    box-shadow: 0 0 3px rgb(0, 0, 0);
}
.adoptionGrid {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.adoptionGrid .petCard > div:first-child {
    height: 300px;
}
.petProfileExtraCTAs {
    display: none;
}
.blueButtonGradient {
    height: 50px;
    padding: 0;
    width: 118px;
    margin: 0 14px 17px 0;
    font-size: 18px;
    font-weight: 600;
    background-image: linear-gradient(to bottom, #0b709d, #0d445d);
}
.petDesktopOnly {
    display: none !important;
}
@media (min-width: 671px) {
    .petDesktopOnly {
        display: flex !important;
    }
    .adoptionSliderContainer,
    .adoptionSliderUnder {
        display: none;
    }
    .cardInfo h1 {
        font-size: 24px;
        padding-bottom: 8px;
    }
    .cardInfo h2 {
        font-size: 14px;
        padding-bottom: 8px;
        display: none;
    }
    #petProfileContainer .cardInfo h2 {
        font-size: 14px;
        padding-bottom: 8px;
        display: block !important;
    }

    #petProfileContainer .cardInfo h1 {
        font-size: 24px;
        padding-bottom: 0px;
    }
    .petTypeButtonsTop {
        display: flex;
    }
    .petFilters > div {
        width: 200px;
    }
    .petFilters > div.active .petFilterIcon {
        margin-top: 4px;
    }
    .petFilters > div span,
    .petFilters > div label {
        padding: 0 32px 0 48px;
    }
    .petFilterIcon {
        position: absolute;
        left: 16px;
        width: 30px;
        height: 30px;
    }
    .petFilters > div label {
        padding-top: 4px;
        margin-top: auto;
    }
    #petSearchContainer {
        background-color: #f2f2f2;
        position: relative;
    }
    .petSearchMiddleColumn {
        max-width: 1700px;
        margin: 0 auto;
        position: relative;
    }
    .filterString {
        font-size: 14px;
        padding: 16px 20px 8px 68px;
    }
    .filterString::before {
        height: 30px;
        width: 30px;
        background-size: 30px 30px;
    }
    .adoptionGridContainer {
        display: block;
    }
    #petProfileContainer {
        width: calc(100vw - 40px) !important;
        max-width: 1000px;
        margin: 3px auto 0;
    }
    .profileCTAs button {
        font-size: 16px;
    }
    #petProfileContainer .petImageMain {
        object-fit: cover;
        height: 265px;
        width: 300px;
    }
    #petProfileContainer .cardInfo {
        position: absolute;
        top: 0;
        left: 300px;
        background-image: none;
        width: calc(100% - 350px);
        color: rgba(57, 57, 75, 1);
        padding: 20px 0px 15px 20px;
    }
    #petProfileContainer .cardInfo h2 {
        line-height: 2;
        color: rgba(57, 57, 75, 0.88);
    }
    #petProfileContainer .petStatContent {
        margin-right: 20px;
    }
    #petProfileContainer h3 {
        padding: 20px 0;
        font-size: 25px;
        color: rgb(57, 57, 75);
    }
    #petProfileContainer p {
        padding: 0 0 20px;
        font-size: 17px;
        line-height: 24px;
        /* font-weight: 100; */
        color: rgba(57, 57, 75, 0.88);
    }
    .inLinpetPhoto {
        display: none;
    }
    .petLocation {
        display: block;
    }
    .petLocation iframe {
        height: 200px;
        margin-bottom: 25px;
    }
    .petProfileExtraCTAs {
        display: flex;
        margin-top: 19px;
    }
    .adoptionGrid {
        justify-content: center;
    }
}
@media (min-width: 1030px) {
    .petBio {
        width: 70%;
        float: left;
    }
    .petLocation {
        float: right;
        overflow: hidden;
        width: 25%;
    }
    .adoptionGrid {
        justify-content: flex-start;
    }
    .petFilters {
        flex-direction: column;
    }
    .petFilters > div span,
    .petFilters > div label {
        padding: 0;
    }
    .petFilters > div.active .petFilterIcon {
        margin-top: 2px;
    }
    .mobilePetFiltersTop {
        float: left;
        height: 100%;
        position: sticky;
        width: 333px;
        top: 0px;
        margin-top: 3px;
    }
    .petFilters > div {
        width: 225px;
        height: 45px;
        align-items: flex-start;
        padding-left: 55px;
    }
    .filterString {
        font-size: 14px;
    }
    .adoptionGridContainer {
        padding-top: 9px;
    }
}
.fixedButton {
    position: absolute;
    top: 10px;
    right: 10px;
    margin-top: 70px;
    height: 100vh;
    pointer-events: none;
    z-index: 1;
    display: none;
}
@media (min-width: 650px) {
    .fixedButton {
        margin-top: 89px;
    }
    @media (min-width: 800px) {
        .fixedButton {
            margin-top: 109px;
        }
        @media (min-width: 900px) {
            .fixedButton {
                margin-top: 150px;
            }
        }
    }
}
body.post-type-archive-pets {
    background-color: #f2f2f2;
}

/********************************
Mobile Homepage
********************************/
.mobileFeaturedPost {
    color: rgba(77, 77, 77, 0.88);
    font-size: 14px;
}
.mobileFeaturedPostWholePost {
    display: none;
}
.mobileFeaturedPostImage {
    width: 100%;
    height: 55vw;
    object-fit: cover;
    z-index: 1;
    position: relative;
}
.mobileFeaturedPostInfo,
.mobileFeaturedPostWholePost .content {
    padding: 23px 26px;
    overflow: visible;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.3) !important;
}
.mobileFeaturedPostInfo,
.mobileFeaturedPostWholePost {
    box-shadow: 0 1px 1px 1px rgba(63, 63, 63, 0);
    z-index: 1;
    position: relative;
    background: #f5f8fa;
}
.mobileFeaturedPostTitle {
    padding: 0 0 7px;
}
.mobileFeaturedPostTitle,
.mobileFeaturedPostTitle a {
    font-size: 24px;
    font-weight: 900;
    color: rgb(35, 30, 31);
}
.mobileFeaturedPostData {
    padding: 2px 0 7px;
    font-size: 14px;
}
.mobileFeaturedPostButtonGutter {
    background-color: rgba(240, 240, 242, 1);
    width: calc(100% - 38px);
    padding: 0 19px;
}
.mobileFeaturedPostReadMoreButton,
.mobileFeaturedPostCloseButton {
    background-color: white;
    height: 45px;
    padding: 0 26px;
    border-radius: 0 0 4px 4px;
    border: 0.25px solid rgba(188, 188, 188, 0.3803921568627451);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    color: rgba(77, 77, 77, 0.88);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
.mobileFeaturedPostReadMoreButton::before,
.mobileFeaturedPostCloseButton::before {
    padding-right: 6px;
    color: #9a9a9a;
}
.mobileFeaturedPostCloseButton {
    border-radius: 4px 4px 0 0;
    margin: 0;
    position: relative;
    font-weight: 900;
}
.mobileFeaturedPostCloseButton::before {
}
.mobileFeaturedPostCTAs {
    background-color: #f0f0f2;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3215686274509804);
    display: flex;
    justify-content: center;
    border: 0.5px solid rgba(128, 128, 128, 0.23921568627450981);
    border-left: none;
    border-right: none;
}
.mobileFeaturedPostCTAs button {
    margin: 0;
    width: unset;
    font-weight: 600;
}
.mobileFeaturedPostCTAs a {
    margin: 10px;
}
.mobileFeaturedPost .moduleL3Content li {
    font-size: 16px;
}
.donateButtonsContainer {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}
.donateAmountButton {
    width: 51px;
    height: 41px;
    font-size: 14px;
    margin: 10px 4px 0;
    border-radius: 4px;
    box-shadow: inset 0 -4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    border: 0;
}
.donateButtonsContainer input[type="text"] {
    width: 100px;
    height: 41px;
    margin: 10px -4px 10px 4px;
    border-radius: 4px 0 0 4px;
    border: 0.25px solid #b0b0b0;
    text-align: center;
}
.top-button-bar {
    display: flex;
    z-index: 100;
}
.top-button-bar .btn {
    font-weight: 600;
    height: 48px;
    background-image: linear-gradient(to bottom, #0b709d, #0d445d) !important;
    padding: 10px 0 !important;
    box-shadow: inset 0 -1px 1px 0 rgba(60, 60, 60, 0.7607843137254902);
    color: white !important;
    border: 0.25px solid rgba(2, 101, 145, 0.3803921568627451);
}
.top-button-bar .button-contact-top-bar {
    background-image: linear-gradient(to bottom, #009cde, #3697c1) !important;
}
.quick-links {
    display: flex;
}
.quick-links > * {
    width: 25%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    align-content: center;
    text-align: center;
    justify-content: space-around;
    box-shadow: inset 0 -1px 1px 0 rgba(60, 60, 60, 0.2901960784313726);
    border: 0.25px solid rgba(113, 113, 113, 0.4196078431372549);
    height: 69px;
    color: rgba(77, 77, 77, 0.88);
    font-size: 13px;
    padding: 13px;
    border-right: none;
    background: white;
}
.nav .quick-links a,
.nav .quick-links button {
}
.quick-links a img,
.quick-links button img {
    height: 32px;
}
.contact-popup,
.donation-popup {
    display: none;
}
.contact-popup,
.donation-popup-content {
    padding: 20px;
    font-size: 16px;
    line-height: 1.5;
}
.contact-popup {
    padding-top: 0;
}
.contact-popup h2 {
    line-height: 1.1;
    font-size: 24px;
    font-weight: 900;
    background-color: white;
    margin: 0 -100px 10px;
    padding: 18px 100px;
    border: 0.5px solid #ececec;
    color: #231e1f;
}
.donation-popup > h3 {
    font-size: 24px;
    font-weight: 900;
    color: #231e1f;
    padding: 20px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.3) !important;
}
h3 {
}
.mobile-menu-search-form {
    display: flex;
}
.mobile-menu-search {
    width: 80%;
    background-color: #ffffff;
    border: 1px solid rgba(128, 128, 128, 0.7098039215686275);
    height: 50px;
    margin: 0;
    padding-left: 16px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.30980392156862746);
    font-size: 14px;
}
.mobile-menu-search-submit {
    width: 20%;
    background-image: linear-gradient(to bottom, #1c8ec0, #1e698d) !important;
    border: 1px solid rgba(128, 128, 128, 0.7098039215686275);
    font-size: 17px;
    margin: 0;
}
.button-top-bar-icon {
    height: 20px;
    margin-right: 10px;
    margin-bottom: -3px;
    color: white !important;
    font-size: 19px;
}
.mobile-menu li ul {
    margin-left: 32px;
    display: none;
}
.mobile-menu li a {
    background-color: rgba(240, 240, 242, 1);
}
.mobile-menu li ul li a {
    background-color: rgba(245, 248, 250, 1);
}
.mobile-menu li ul li li a {
    background-color: rgba(255, 255, 255, 1);
}
.mobile-menu li ul li li li a {
    background-color: #f0f0f2;
}
.menu-item-has-children > span {
    float: left;
    padding: 15px 20px;
}
.menu-has-quicklink {
    display: none;
}
.mobileNavDropdown ul li a {
    display: block;
    padding: 15px 20px;
    color: rgba(77, 77, 77, 0.3);
    margin-left: -130px;
    padding-left: 150px;
}
.z-100-relative {
    z-index: 100;
    position: relative;
}
.mobile_module,
.donation-popup,
.contact-popup {
    background-color: rgba(245, 248, 250, 1);
    font-size: 16px;
    color: rgba(77, 77, 77, 0.88);
}
@keyframes borderfadein {
    0% {
        border-color: transparent;
        background-color: white;
    }
    70% {
        border-color: transparent;
        background-color: white;
    }
    100% {
        border-color: 0.25px solid rgba(82, 82, 82, 0.16);
    }
}
/* The element to apply the animation to */
.mobile-menu li a {
    animation-name: borderfadein;
    animation-duration: 0.6s;
}
.donateButtonsContainer input[type="text"] {
    padding: 0;
}
@media (min-width: 900px) {
    .top-button-bar {
        display: none;
    }
}
@media (max-width: 345px) {
    .quick-links > * {
        font-size: 11px;
    }
}
@media (max-width: 410px) {
    .donateButtonsContainer > a {
        width: 30%;
        margin: 10px 4px 0;
    }
    .donateButtonsContainer > a * {
        width: 100%;
        margin: 0;
    }
    form .donateAmountButton {
        margin: 0 0 0 2px;
    }
    .donateButtonsContainer form {
        width: 100%;
    }
    .donateButtonsContainer {
        justify-content: space-between;
        padding: 0 15px;
        width: calc(100% - 30px);
    }
    .donateButtonsContainer input[type="text"] {
        width: calc(68% - 5px);
    }
}
@media (max-width: 270px) {
    .quick-links {
        flex-wrap: wrap;
        width: 100%;
    }
    .quick-links > * {
        width: calc(50% - 1px);
        padding: 10px 0;
        border: none;
    }
    .donateButtonsContainer {
        justify-content: center;
    }
    .donateAmountButton,
    .donateButtonsContainer input[type="text"] {
        width: 100%;
    }
    .donateButtonsContainer input[type="text"] {
        width: calc(100% - 94px);
    }
    form > input.donateAmountButton {
        width: 85px;
    }
}
.mobileFeaturedPostButtonGutter button,
.mobileFeaturedPostButtonGutter a {
    font-weight: 900;
    font-family: montserrat;
    font-size: 14px;
}
.mobileFeaturedPostButtonGutter span {
    margin-right: 10px;
}
.content p,
.modulePetSlider p {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}
.content ul {
    list-style: disc;
    padding-left: 16px;
}
.content li {
    line-height: 1.4;
    font-size: 16px;
    margin-bottom: 20px;
}
img {
    max-width: 100%;
}
.content .wrapper {
    padding: 0;
    margin: 0 auto;
}
.mobile-menu li:not(.menu-item-has-children) {
    padding-left: 31px;
}
.mobileFeaturedPostExcerpt {
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 10px;
}
@media (max-width: 340px) {
    .mobile_module,
    .donation-popup,
    .contact-popup,
    .mobileFeaturedPostExcerpt,
    .content p,
    .content li {
        font-size: 14px;
    }
    .content p {
        margin-bottom: 1em;
    }
}
.mobileFeaturedPostReadMoreButton .fa-plus,
.mobile-menu .fa-plus {
    color: rgb(0, 149, 215) !important;
}
.mobileFeaturedPostCTAs > a:first-child > button {
    background-image: linear-gradient(to bottom, #33b8ef, #3697c1);
}
.menu-open > a {
    font-weight: 900;
}
.mobileFeaturedPostReadMoreButtonWrapper {
    z-index: 0;
    position: relative;
    padding-top: 40px;
    top: -40px;
    margin-bottom: -40px;
}
.mobileFeaturedPostCloseButtonWrapper {
    z-index: 0;
    position: relative;
    padding-bottom: 40px;
    bottom: -40px;
    margin-top: -40px;
    display: none;
}
@media (min-width: 750px) {
    .quick-links > * {
        font-size: 15px;
        height: 100px;
    }
    .quick-links a img,
    .quick-links button img {
        height: 40px;
    }
    .mobile-menu * {
        font-size: 15px;
    }
}
.mobile-menu-search::placeholder {
    color: #aaa;
    font-size: 15px;
}
button,
a,
.menu-item-has-children > span {
    cursor: pointer;
}
.top-button-bar > .active {
    background-color: rgba(240, 240, 242, 1) !important;
    background-image: none !important;
    color: rgba(77, 77, 77, 0.88) !important;
    border-color: rgba(128, 128, 128, 0.1411764705882353);
}
.top-button-bar > .active > *:first-child,
.top-button-bar > .active > span {
    display: none;
}
.top-button-bar > .active::before {
    font-family: FontAwesome;
    font-weight: 900;
    content: "\f00d";
    color: #aaa;
    margin: -1px 10px 0 0;
}
.top-button-bar > .active::after {
    font-weight: 900;
    content: "Close";
}
form > input.donateAmountButton {
    border-radius: 0 4px 4px 0 !important;
    margin-left: 0;
    width: 80px;
}
.mobileNavDropdown ul li a:hover,
.mobileNavDropdown ul li a:focus,
.mobileNavDropdown ul li a:active {
    background: #cff1ff;
}
.quick-links,
.mobileFeaturedPostReadMoreButton {
    font-weight: 600 !important;
}
.donateButtonsContainer > .donateAmountButton {
    font-weight: 900;
}
input {
    font-family: montserrat;
}
.mobileFeaturedPostWholePost {
    border-top: 0.5px solid rgba(128, 128, 128, 0.6196078431372549);
}
.donateButtonsContainer input[type="text"]::after {
    content: ".00";
    display: block;
}
.donateButtonsContainer form {
    display: flex;
    align-content: center;
    align-items: center;
}
.donateButtonsContainer form input[type="text"] {
    width: calc(100% - 80px);
}
.donateButtonsContainer form input[type="submit"] {
    width: 80px;
    margin: 0 4px 0 0;
}
.contact-popup .fa {
    color: #b2b2b2;
    font-size: 26px;
    position: absolute;
}
.contact-popup .fa.fa-map-marker {
    font-size: 21px;
    left: 19px;
}
.contact-popup .fa.fa-mobile {
    left: 19px;
}
.contact-popup .fa.fa-envelope {
    font-size: 18px;
    left: 15px;
}
.contact-popup a.has-icon {
    padding-left: 32px;
    display: block;
    margin-bottom: -10px;
}
.contact-popup a {
    text-decoration: underline;
}
.contact-popup h2:not(:first-child) {
    margin-top: 25px;
}
@media (max-width: 650px) {
    .mobile-button {
        left: 18px;
    }
}
.contact-popup {
    overflow-x: hidden;
}

/* Homepage Mobile Modules L3 Content Addition */
.mobileContent .moduleL3Content a.basicBtn.yellowBG {
    margin-top: 0;
}
.mobileContent .moduleL3Content {
    padding: 30px 0 40px 0;
    background-color: rgba(240, 240, 242, 1);
}
.mobileContent .moduleL3Content .wrapper {
    padding: 0 26px;
}
.mobileFeaturedPost.L3Content .mobileFeaturedPostInfo {
    border-bottom: 0px !important;
}
.mobileContent .moduleL3Content.module {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.3);
}

/********************************
Adoptable Animals - Continued
********************************/
.adoptionGrid .profileCTAs {
    display: none;
}
.adoptionGrid .petStatContent-gender {
    display: none;
}
.adoptionGridLoadMoreWrapper {
    text-align: center;
}
.adoptionGridLoadMoreButton {
    padding: 0 20px;
    width: 200px;
    margin: 50px;
}
.petTypeButtons img {
    height: 20px;
    position: relative;
    left: -16px;
    top: 4px;
    margin-top: -50px;
}
.petTypeButtons a:first-child {
    border-left: 1px solid rgba(20, 43, 54, 0.3);
}
@media (max-width: 670px) {
    .adoptionArchiveBreadcrumb {
        display: none;
    }
    #petProfileContainer .cardInfo {
        position: relative;
        background: none;
        color: hsla(0, 0%, 20%, 1);
        padding-top: 20px;
    }
    .cardInfo .mobileFeaturedPostButtonGutter {
        display: none;
    }
    #petProfileContainer .cardInfo .mobileFeaturedPostButtonGutter {
        display: block;
    }
    #petProfileContainer .profile {
        background-color: rgba(245, 248, 250, 1);
        font-size: 16px;
        color: rgba(77, 77, 77, 0.88);
        box-shadow: inset 0 1px 2px #c2cbd2;
    }
}
.modulePetSlider .adoptionGrid {
    display: block;
}
.modulePetSlider .adoptionGrid .petCard {
    padding: 0 !important;
}
.modulePetSlider .sliderControl {
    position: absolute;
    top: 109px;
    height: 300px;
    width: 8%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    z-index: 9;
    font-size: 50px;
    color: white;
    cursor: pointer;
}
.modulePetSlider .sliderControl div.fa {
    font-size: 37px;
}
.modulePetSlider-previousButton {
    left: 0;
}
.modulePetSlider-nextButton {
    right: 0;
}
.modulePetSlider .adoptionGrid .petCard,
.modulePetSlider .adoptionGrid .petCard > div {
    margin: unset;
    border-radius: 16px;
    max-width: 300px;
    max-height: 300px;
    overflow: hidden;
}
@media (max-width: 500px) {
    .modulePetSlider .adoptionGrid .petCard > div:first-child {
        height: 50vw;
    }
    .modulePetSlider .cardInfo h1 {
        font-size: 16px;
    }
    .modulePetSlider .cardInfo h2 {
        font-size: 12px;
        padding: 0;
    }
    .modulePetSlider .cardInfo {
        padding: 30px 16px 16px;
        width: calc(100% - 32px);
    }
}
.profileCTAs button {
    width: calc(50% - 30px);
    max-width: 200px;
    margin: 14px 0;
    padding: 0px;
}

@media (max-width: 400px) {
    .petTypeButtons a {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        align-content: center;
    }
    .petTypeButtons img {
        margin: 0 0 2px;
        position: unset;
    }
}
@media (min-width: 1030px) {
    @media (max-width: 1340px) {
        .petSearchMiddleColumn {
            max-width: 1042px;
        }
    }
}
.petPopupBox h2 {
    font-size: 18px;
}
@media (min-width: 671px) {
    .single-pets #petProfileContainer .mobileFeaturedPostButtonGutter {
        display: none;
    }
}
.post-type-archive-pets .petLocation h2 {
    padding: 16px 24px 16px;
}
.post-type-archive-pets .top-button-bar {
    display: none !important;
}
.post-type-archive-pets .mobile-menu .top-button-bar {
    display: flex !important;
}
.top-button-bar span {
    color: white !important;
}
.button-light-blue,
.button-dark-blue {
    color: white !important;
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.button-light-blue,
.button-dark-blue,
.button-rounded-shadows {
    border-radius: 4px;
    box-shadow: inset 0 -4px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px 30px 18px;
    font-weight: bold;
    border: 0;
}
.petProfileExtraCTAs button {
    margin-right: 16px;
}
.noItemsCard {
    display: none;
    background-image: url("./images/noanimalsfound.png");
    height: 241px;
    background-position: right;
    width: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 16px auto 48px;
    border-radius: 16px;
    border: 3px solid #c0bfcc;
    max-width: calc(100vw - 48px);
    position: relative;
}
.noItemsCard.active {
}
.noItemsCard label {
    color: #c0bfcc;
    width: 100%;
    text-align: center;
    position: absolute;
    top: calc(100% + 20px);
    font-size: 16px;
}
.noItemsCard.active {
    display: block;
}
.oneItem.adoption-slider > div {
    padding: 3px !important;
}
.petPopupBox .petStats > div:first-child {
    margin-left: auto;
}
.loadMoreSlide > div {
    background-image: url(./images/noimg.png);
}
.loadMoreSlide > div button {
    display: none;
}
@media (min-width: 720px) {
    .petProfileExtraCTAs button img {
        margin: -10px 10px -10px 0;
    }
}
@media (min-width: 671px) {
    .inlinePetPhoto {
        display: none;
    }
}
.extraPetImages {
    display: flex;
}
.extraPetImages img {
    height: 70px;
    width: 70px;
    margin: 4px 0 0 5px;
    object-fit: cover;
    cursor: pointer;
}
.petImageMain {
    cursor: pointer;
}
.module #adoptionModuleSlider-ow {
    max-width: 1000px;
    margin: auto;
    padding: 20px 0 !important;
}
.modulePetSlider.module > div {
    max-width: 1142px;
    margin: auto;
    padding: 16px 0;
    border-radius: 8px;
}
.modulePetSlider.module .modulePetSlider-nextButton div.fa {
    padding: 5px 16px 10px 19px;
}
.modulePetSlider.module .modulePetSlider-previousButton div.fa {
    padding: 5px 19px 10px 16px;
}
.filtersScrollable {
    overflow-x: auto;
}
@media (min-width: 1030px) {
    .filtersScrollable {
        overflow-x: hidden;
    }
}
@media (max-width: 640px) {
    .sliderControl {
        display: none !important;
    }
}
.mostInNeed {
    border: 5px solid #e8bb20;
}
.adoptionGrid .mostInNeed img {
    border-radius: 10px;
}
.adoptionGrid .mostInNeed .cardInfo {
    border-radius: 0 0 10px 10px !important;
}
.adoptionGrid .mostInNeed {
    border-radius: 15px !important;
    height: 290px !important;
}
@media (max-width: 500px) {
    .modulePetSlider .adoptionGrid .mostInNeed {
        height: calc(50vw - 10px) !important;
    }
}
.adoption-slider .mostInNeed {
    height: calc(100% - 10px);
    width: calc(100% - 10px);
}
.mostInNeed::before {
    content: "\f005";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 10px 15px 15px;
    background-color: #e8bb20;
    color: white;
    font-size: 28px;
    z-index: 10;
    border-radius: 0 0 0 16px;
}
.mostInNeedTxt {
    font-size: 14px;
    width: 100%;
    padding: 20px 0px 5px;
    font-weight: 900;
}
.mostInNeedTxt .fa {
    color: #e8bb20;
    font-size: 22px;
    margin: -5px 10px 0 0;
}
.adoptionSliderContainer .mostInNeedTxt {
    display: none;
}
#petProfileContainer .mostInNeedTxt {
    display: block;
}
.button-light-blue:hover,
.button-light-blue:focus,
.button-light-blue:active,
.button-dark-blue:hover,
.button-dark-blue:focus,
.button-dark-blue:active,
.button-rounded-shadows:hover,
.button-rounded-shadows:focus,
.button-rounded-shadows:active,
.blueButtonGradient:hover,
.blueButtonGradient:focus,
.blueButtonGradient:active,
.petTypeButtons a:not(.active):hover,
.petTypeButtons a:not(.active):focus,
.petTypeButtons a:not(.active):active,
.top-button-bar .btn:hover,
.top-button-bar .btn:focus,
.top-button-bar .btn:active {
    background-image: linear-gradient(to bottom, #1c8ec0, #1e698d) !important;
    color: white;
}
.exitPetProfile:hover,
.exitPetProfile:focus,
.exitPetProfile:active,
.mobileFeaturedPostReadMoreButton:hover,
.mobileFeaturedPostReadMoreButton:focus,
.mobileFeaturedPostReadMoreButton:active,
.mobileFeaturedPostCloseButton:hover,
.mobileFeaturedPostCloseButton:focus,
.mobileFeaturedPostCloseButton:active,
.petFilters > div:hover label,
.petFilters > div:focus label,
.petFilters > div:active label,
.petFilters > div:hover span,
.petFilters > div:focus span,
.petFilters > div:active span {
    color: #0096d7;
}
.petShareOptionsFlex a:hover img,
.petShareOptionsFlex a:focus img,
.petShareOptionsFlex a:active img,
.opacityHover:hover,
.opacityHover:focus,
.opacityHover:active {
    opacity: 0.7;
}
.petInquireBottom input[type="checkbox"] {
    margin: 3px !important;
}
.top-button-bar > .active:focus {
    background-color: rgba(240, 240, 242, 1) !important;
    background-image: none !important;
    color: rgba(77, 77, 77, 0.88) !important;
    border-color: rgba(128, 128, 128, 0.1411764705882353);
}
@media (max-width: 670px) {
    #petProfileContainer .profile > p:first-child {
        padding-top: 20px;
    }
}
.petFilters.inactive {
    pointer-events: none;
    opacity: 0.4;
}
.petFilters.inactive .filterString::before {
    content: "";
}
.petFilters.inactive .filterString {
    padding-left: 20px;
}
.petFilters.inactive .filterString i {
    padding-right: 10px;
}
.petInquireBottom {
    padding-bottom: 70px;
}
.copyLink {
    position: relative;
}
@keyframes fadeinout {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.linkCopied {
    position: absolute;
    opacity: 0;
    color: white;
    background-color: #505050;
    bottom: -49px;
    right: -32px;
    font-size: 16px;
    width: 150px;
    text-align: center;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    animation: fadeinout 2s;
}
.linkCopied img {
    width: 30px;
    position: relative;
    right: 5px;
}
.linkCopied::before {
    content: "";
    position: absolute;
    background-color: #505050;
    top: -4px;
    right: 45px;
    font-size: 16px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}

/********************************
Cognito Forms
********************************/
.cognito .c-editor .c-choice-option label,
.cognito .c-editor label.c-yesno-radio,
.cognito .c-editor.c-yesno-checkbox label {
    text-indent: 0em !important;
    text-indent: 0em;
}

/* Animal Profile Mobile Tweaks to change CTA & Map Display order, Responsive Fixes */
.single-pets .moduleColumnCTAS.module.headerContent.thisone .wrapper {
    padding: 0;
}
@media only screen and (max-width: 1030px) {
    .single-pets .petLocation {
        margin-top: 360px;
    }
    .single-pets .moduleColumnCTAS.module.headerContent.thisone {
        margin-top: -700px;
        margin-bottom: 30%;
    }
}
@media only screen and (max-width: 670px) {
    .single-pets .moduleColumnCTAS.module.headerContent.thisone .wrapper {
        padding: 0 20px;
    }
    .single-pets .petLocation {
        margin-top: 440px;
    }
    .single-pets .moduleColumnCTAS.module.headerContent.thisone {
        margin-top: -880px;
        margin-bottom: 80%;
    }
}
@media only screen and (max-width: 480px) {
    .single-pets .petLocation {
        margin-top: 480px;
    }
    .single-pets .moduleColumnCTAS.module.headerContent.thisone {
        margin-top: -890px;
        margin-bottom: 90%;
    }
}
@media only screen and (max-width: 420px) {
    .single-pets .petLocation {
        margin-top: 560px;
    }
    .single-pets .moduleColumnCTAS.module.headerContent.thisone {
        margin-top: -920px;
        margin-bottom: 90%;
    }
}

/* Hide Donate Amounts from Donate Dropdown */
#mainNav .dropdown form .field {
    display: none;
}
#mainNav > ul > li:hover .dropdown,
#mainNav > ul > li:focus .dropdown,
#mainNav > ul > li:active .dropdown {
    padding: 30px;
}

.printomatictext {
    display: inline;
    color: #2c4068;
}

.page-id-1123606 a.basicBtn.yellowBG {
    display: none;
}
.page-id-1123606 .moduleTwoColumnImageContent.defaultHalfWidth .content p {
    overflow: hidden;
}
.page-id-1123606 header {
    min-width: 500px;
}
@media screen and (max-width: 600px) {
    .moduleFullWidthSlimCTA .header .icon {
        margin-top: -20px;
    }
}
/*.page-id-1123606 .moduleFullWidthSlimCTA {background: none!important;} */
.page-id-1123606 .moduleFullWidthSlimCTA .header {
    border: none !important;
    width: 100%;
    max-width: 100% !important;
}
.page-id-1123606 .moduleFullWidthSlimCTA .header header {
    margin-top: 30px;
}
.page-id-1123606 .moduleColumnCTAS.bgImageHoverText .cta .header {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-id-1123606 .moduleColumnCTAS.bgImageHoverText .cta h3 {
    font-size: 2.3em;
}
.page-id-1123606 .moduleL3Content {
    padding: 0px !important;
}
/* Added rules to stabilize pet card image loading */
.petCard .petImageMain {
    display: block;
    max-width: 300px;
    max-height: 300px;
    width: 100%;
    min-height: 290px; /* Adjust based on the typical image height in your cards */
    object-fit: cover;
}

.petCard .cardInfo {
    display: block;

    min-width: 240px;
}

@media screen and (max-width: 950px) {
    #mainNav > ul > li:last-child > a {
        border-right: none;
        padding: 0.5em 2em;
        font-size: 12px !important;
        font-weight: 600;
    }

    #mainNav li.donate {
        margin-right: 0px;
        float: right;
        text-align: center;
        padding: 0px 0px !important;
        background: #0d5b90;
        font-size: 4px;
        line-height: 35px;
        margin-top: -8px;
        position: relative;
        bottom: -1px;
    }
}

@media screen and (max-width: 1030px) {
    #mainNav > ul > li:last-child > a {
        border-right: none;
        padding: 0.5em 2em;
        font-size: 16px;
        font-weight: 600;
    }

    #mainNav li.donate {
        margin-right: 0px;
        float: right;
        text-align: center;
        padding: 0px 10px;
        background: #0d5b90;
        font-size: 4px;
        line-height: 35px;
        margin-top: -8px;
        position: relative;
        bottom: -1px;
    }
}
