/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Browser Resets
:: Main Structure
:: Sub Structure
:: Universal Classes
:: Universal Facebook Styles

*/

/*  --------------------------------------------------
:: Browser Resets
--------------------------------------------------  */
body {
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Google Fonts - for example 
                                                - will render proper sizes in all browsers with this fix 
                                                (no matter what color - Firefox traditionally renders bolder for white color text) */
    margin: 0; 
    padding: 0; 
    position: relative;
/* FONT FAMILY */
    font-family: 'Assistant', sans-serif;
    font-size:16px;
    line-height:1.4;
    color:#242424;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
} 
body.lock {overflow-y:hidden;}

/* Headings */
h1, h2, h3, h4, h5, h6 {margin:0; line-height:1.2; font-family: 'Assistant', sans-serif; color:#004173; font-weight:600;}
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
    h1 {font-size:44px;}
    h2 {font-size:36px; margin-top:35px;}
    h3 {font-size:28px; margin-top:30px;}
	h4 {font-size:22px; margin-top:25px;}
	h5 {font-size:18px;}
	h6 {font-size:16px;}
@media (max-width: 767px) {
    h1 {font-size: 38px;}
    h2 {font-size: 32px;}
    h3 {font-size: 26px;}
    h4 {font-size:20px;}
} 
@media (max-width: 640px) {
    h1 {font-size: 32px;}
    h2 {font-size: 28px;}
    h3 {font-size: 24px;}
}


    /* Heading Siblings - (when one heading follows another) */
    h1 + h2 {} /* styles for the h2 following an h1 */
    h2 + h3 {} /* styles for the h3 following an h2 */
    h3 + h4 {} /* etc */
    h4 + h5 {}
    h5 + h6 {}
    /* p tag styles directly after a heading */
    h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {}
    
/* Elements */
p {margin:0 0 16px;}
a {color:#006bcc;}
    a:visited {}
    a:hover {color:#0e4976;}
    a:focus {}
    a:active {}

em, i {font-style: italic;}
strong, b {font-weight: 700;}

hr {border: 0; border-bottom: 1px solid #ccc; clear: both; display:block; height: 0; margin: 15px 0;}

small {font-size: 70%;}
img {display:inline-block; vertical-align:middle; max-width:100%; height:auto; -ms-interpolation-mode:bicubic}
textarea {height:auto; min-height:50px;}
select {box-sizing: border-box; width:100%;}
pre {overflow:auto;}

/* Buttons */
button {padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;background:transparent;line-height:1}
    [data-whatinput='mouse'] button {outline:0}
a.button, p.button a, span.button a, input.button, form .formButtons a, .submitButton.myaccountButton {
    font-weight:800;
    display:inline-block;
    padding:8px 30px;
    text-align:center;
    font-size:18px;
    text-decoration:none;
    margin-bottom:15px;
    border:0;
    box-shadow:none;
    transition: background .3s ease; -webkit-transition:background .3s ease;
    cursor:pointer;
    background:#ffc95c;
    color:#242424;
    border-radius:8px;
    border:1px solid #e2a62e;
    min-width:180px;
    font-family: 'Assistant', sans-serif;
    line-height:1.4;
}
a.button.red, p.button.red a, span.button.red a, input.button.red {background:#c12a11; color:#fff; border:1px solid #991b06;}
    a.button:hover, p.button a:hover, span.button a:hover,  input.button:hover, form .formButtons a:hover {background:#ffd98c;}
    a.button.red:hover, p.button.red a:hover, span.button.red a:hover, input.button.red:hover {background:#ce452e}


/* Forms */
    /* basic input styles */
[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea
    {display:block;width:100%;height:2.2rem;margin:0 0 15px;padding:5px;font-family:inherit;border:1px solid #cacaca;background-color:#fff;color:#4b4b4e;transition:border .2s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media only screen and (max-width: 640px) {
    [type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea
        {height: 3rem;}
}
textarea{max-width:100%}
textarea[rows]{height:auto}
[type='text']:focus,[type='password']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='email']:focus,[type='number']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea:focus{outline:none;border:1px solid #8a8a8a;background-color:#fdfdfd}
    /* placeholder text styles - must stay separate */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b0acac}
input::-moz-placeholder,textarea::-moz-placeholder{color:#b0acac}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b0acac}
input::placeholder,textarea::placeholder{color:#b0acac}
    /* Readonly Text Styles */
input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e8ebf3;cursor:not-allowed}
input:disabled:focus,input[readonly]:focus,textarea:disabled:focus,textarea[readonly]:focus{background-color:#e8ebf3;border:1px solid #cacaca}
[type='file'],[type='checkbox'],[type='radio']{margin:0 0 15px}
[type='checkbox'] + label,[type='radio'] + label{display:inline-block;vertical-align:baseline;margin-left:5px;margin-right:15px;margin-bottom:0}
[type='checkbox'] + label[for],[type='radio'] + label[for]{cursor:pointer}
label > [type='checkbox'],label > [type='radio']{margin-right:5px}
[type='file']{width:100%}
label{display:inline-block;margin:0}
select{height:34px;margin:0 0 15px;padding:5px;font-family:inherit;border:1px solid #cacaca;border-radius:0;background-color:#fff;color:#4b4b4e;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138,138,138%29'></polygon></svg>");background-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media screen and (min-width: 0\0) {
select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}
}
select:focus{outline:none;border:1px solid #8a8a8a;background-color:#fdfdfd;transition:border .2s ease-out}
select:disabled{background-color:#fdfdfd;cursor:not-allowed}
select::-ms-expand{display:none}
select[multiple]{height:auto;background-image:none}
input[type="checkbox"], input[type="radio"] {width: auto;}
    /* Recaptcha styling */
.simpleAntiSpam div{margin:6px auto!important}
.g-recaptcha div{margin:0 auto!important}
    /* Date picker */
#ui-datepicker-div {display:none;}
.ui-datepicker{background:#fff;border:1px solid #cacaca;padding:15px;margin:10px 20px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);}
.ui-datepicker-header{text-align:center;font-size:16px;font-weight:800}
.ui-datepicker-prev{float:left;font-size:13px;text-transform:uppercase}
.ui-datepicker-next{float:right;font-size:13px;text-transform:uppercase}
.ui-datepicker-title{clear:both}
.ui-datepicker-calendar{min-width:200px}
.ui-datepicker-calendar th{width:14.2%;font-weight:600}
.ui-datepicker-calendar td{vertical-align:middle;text-align:center}
.ui-datepicker-calendar td a{padding:2px}

/* Tables */
table {width:100%;}
caption, th, td {}

/* Custom Sticky Classes - DELETE IF NOT USING */
.sticky-container {transition: all 0.4s ease;}
.sticky-container.stuck {position:fixed; width:100%; z-index: 1003;}
.logo-wrapper img {margin-left:30px; transition: all 0.4s ease;}
.stuck .logo-wrapper img {}

/*  --------------------------------------------------
:: Menu Structure
--------------------------------------------------  */
/* Menu structe */
#header {width:100%; z-index:1000;}
#header .menu-wrap {text-align:right; font-size:0px;}
#header ul {margin:0; padding:0; list-style-type:none; display:inline-block; font-size:0px;}
#header ul li {display:inline-block; position:relative;}
#header ul ul li {display:block;}
#header ul a {display:block;}
#header ul li a {text-decoration:none;}
#header ul li ul {position:absolute; margin:0; padding:0; list-style-type:none; display:none; z-index:1001; text-align:left;}
#header ul li ul li ul {left:250px; top:-1px;}

/* Custom Menu Styles */
#header {background:#fff;}
#header #mainnav { border-bottom:1px solid #e2a62e;}
#header ul li ul {background:#fff; width:250px; border-top:1px solid #e2a62e; right:0;}
#header ul li a {transition: all 0.3s ease; font-size:18px; text-transform:uppercase; font-weight:600; padding:25px 20px; border-right:1px solid #e5e5e5;} /* styles for the top level links only */
#header ul li a:hover {background:#f5f5f5;}
#header ul li.sfHover > a {background:#f5f5f5;}
#header ul li a.caret:after {content:'\25bc'; color:#e2a62e; font-size:10px;}
#header ul li ul li a.caret:after {content:'\25b6';}
#header ul li a.login {background:#ffc95c; border-left:1px solid #e3ab39; border-right:1px solid #e3ab39; color:#242424; font-weight:700;}
#header ul li a.login:hover {background:#ffd98c;}
#header ul li a.login.active {background:#ffd98c;}
#header ul li a.search {border:none; background:#e8e3d9;}
#header ul li a.search img {width:17px;}
#header ul li ul li a {padding:8px 15px; font-size:16px; width:100%; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;} /* styles for the drop down level links */ 

#header ul li ul.member-login-container {background:#efefef; padding:20px; font-size:16px;}
#header ul li ul.member-login-container.open {display:block;}
#header ul li ul.member-login-container h4 {margin:5px 0; font-weight:700; color:#c12a11}
#header ul li ul.member-login-container label {font-style:italic;}
#header ul li ul.member-login-container label.small {font-size:13px; font-style:initial;}
#header ul li ul.member-login-container input[type=text],
#header ul li ul.member-login-container input[type=password] {height:1.7rem; border:1px solid #9f9f9f; margin-bottom:8px;}
#header ul li ul.member-login-container input[type=checkbox] {margin:0 0 5px 0;}
#header ul li ul.member-login-container input[type=submit] {width:100%; min-width:0; margin:15px 0 5px; font-weight:600; font-size:16px;}

.member-menu {background:#006bcc; text-align:center; padding:10px 0;}
.member-menu a {font-weight:700; text-decoration:none; display:inline-block; color:#fff; padding:3px; margin:0 10px; font-size:15px;}
.member-menu a:hover {text-decoration:underline;}

@media only screen and (max-width: 1100px) { 
    #header ul li a {padding:20px 15px; font-size:16px;}
    .logo-wrapper img {max-width:170px; margin-left:15px;}
    
}

/* Mobile Menu Styles - 
referance mobile_menu.css and grab the associated styles for what side you want the menu on */

/* Functionality ***** REPLACE THESE ***********/
.cbp-spmenu {
	position: fixed;
	right: -240px;
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.menuOpen .cbp-spmenu {right:0;}

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	right: 0;
	left:0;
}
.cbp-spmenu-push.menuOpen {right:240px; left:-240px; overflow-y:hidden;}
/*END REPLACE SECTION */

/*Custom Menu styles */
.cbp-spmenu {background:#006bcc;}
.cbp-spmenu .menu-container {overflow-y:scroll; padding:10px;}
.cbp-spmenu .close-container {background:#006bcc; border-bottom:1px solid #094b7d;}
.cbp-spmenu .button-wrapper {padding-bottom:50px; text-align:center;}
.cbp-spmenu nav {margin:0 0 20px;}
.cbp-spmenu ul {margin:0; list-style-type:none; padding:0;}
.cbp-spmenu ul li {border-bottom:1px solid #094b7d; margin:0;}
.cbp-spmenu ul a { color:#fff; font-size:18px; font-weight:600; padding:9px 10px; text-decoration:none; display:block; width:100%;}
.cbp-spmenu ul .top > a {display:inline-block; width:80%; padding-right:0;}
.cbp-spmenu ul ul {list-style-type:none; margin:0 0 5px; padding:5px; background:#044577;}
.cbp-spmenu ul ul ul {background:#022d4e;}
.cbp-spmenu ul ul li {border-bottom:1px solid #05355a;}
.cbp-spmenu ul ul li:last-child {border:none;}
.cbp-spmenu ul ul a {font-size:15px; padding:8px 7px; font-weight:500;}
.cbp-spmenu ul ul ul li{border-bottom:1px solid #032036;}

.cbp-spmenu ul a.toggleSub {width:20%; text-align:center; padding-left:0; padding-right:0; background:#1573ba;}
.cbp-spmenu ul a.toggleSub.clicked {background:#044577;}
.cbp-spmenu ul ul a.toggleSub {background:#075089;}
.cbp-spmenu ul ul a.toggleSub.clicked {background:#022d4e;}

.cbp-spmenu ul ul.sub {display:none;}
.cbp-spmenu ul .menuItemHighlight > ul.sub {display:block;}

.cbp-spmenu-push.menuOpen #mobile-overlay-menu-open {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.65); z-index: 1000;} /* overlay - but not over header or X close button */

/* Menu Hamburger styles */
.showMobile {
    position: relative;
    height: 27px;
    width: 35px;
    cursor: pointer;
    transition: opacity .25s ease;
    float:right;
    display:none;
    margin-right:15px;
}
.cbp-spmenu .showMobile {margin:15px;}
    .showMobile:hover {}
    .showMobile.active .top {transform: translateY(11px) translateX(0) rotate(45deg);}
    .showMobile.active .middle {opacity: 0;}
    .showMobile.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);}
    .showMobile span {
        background: #006bcc;
        border: none;
        height: 4px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all .35s ease;
        cursor: pointer;
    }
    .close-container .showMobile span {background:#fff;}
    .showMobile span:nth-of-type(2) {top: 11px;}
    .showMobile span:nth-of-type(3) {top: 22px;}
    
/* Alert Bar */
.alert.bar {width:100%; padding:10px 0; background-color:#000; color: #fff; opacity: .95; clear: both;}
.alert.bar p {color:#fff; font-weight:bold; font-size:14px; margin-bottom:0;}
.alert.bar a {color:#fff; text-decoration:underline;}
.alert.bar.green {background:#01a490;}
.alert.bar.blue {background: #0089d0;}
.alert.bar.purple {background:#92278f;}
.alert.bar.red {background: #ed1c24;}
.alert.bar.orange {background:#f47920;}
.alert.bar.yellow {background: #ffcc00;}
.alert.bar.yellow p, .alert.bar.yellow a {color:#333;}
.alert.bar.black {background: #000000;}
img.alert {float:left;  margin-right:15px;}
@media screen and (max-width: 640px) {
.alert.bar p {font-size:12px;}
img.alert {margin-right: 8px; width: 15px; margin-top: 4px;}
}

/* --------------------------------------------------
:: HOMEPAGE
-------------------------------------------------- */    
.statement {background:#006bcc; font-size:22px; color:#fff; padding:25px 0;}
.statement p {margin:0;}

.home .intro {padding:60px 0;}

.home .callouts {background:#e9eef3; padding:50px 0;}
.home .callouts .columns {padding:25px 25px 120px; position:relative;}
.home .callouts .columns:nth-child(2) {background:#fff; border:1px solid #e2a62e;}
.home .callouts .columns:nth-child(2) h3 {text-align:center;}
.home .callouts .columns .pos {text-align:center; position:absolute; bottom:0; width:100%; left:0; padding:10px 25px;}
.home .callouts .columns .image {margin:10px 0;}

.home .benefits {
    background:#fff;
    padding:70px 0;
    background: url('graphics/images/benefits-bg2.png') no-repeat center bottom / 100%, linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(250,229,186,1) 100%);
}
.home .benefits ul {margin:10px 0 30px; padding:0; list-style-type:none; font-size:0px; display:flex; flex-direction:column; flex-wrap:wrap;}
.home .benefits ul li {width:49%; margin-right:1%; font-size:16px; background:rgba(255,255,255,.4); padding:10px; border-left:4px solid #e2a62e; margin-bottom:10px;}
.home .benefits ul li:nth-child(even) {border-left:4px solid #ffc95c;}

.home .glossary {padding:70px 0;}
.home .glossary .more-link {text-align:center; margin-top:30px;}
.home .glossary h2 {text-align:center;}
.home .glossary h4 {font-weight:700; color:#006bcc;}
.home .glossary hr {margin:35px 0 20px;}
.home .glossary .box {background:#f9f8f5; border:1px solid #d7d7d7; padding:20px; margin:20px 0;}
.home .glossary .item {font-size:14px; margin:20px auto 0; max-width:280px;}
.home .glossary .item h5 {margin:5px 0; font-weight:700; color:#006bcc;}

.home .stats {background:#e9eef3; padding:50px 0;}
.home .stats h2 {text-align:center; margin-bottom:20px;}
.home .stats .item {text-align:center; margin:30px auto;}
.home .stats .item .number {font-size:35px; font-weight:700; color:#006bcc; margin:0;}
.home .stats .item .blurb {font-weight:600;}

/* --------------------------------------------------
:: SUB PAGE
-------------------------------------------------- */
.hero {height:350px; background:#f0f0f0; border-bottom:10px solid #006bcc;}
.hero.programs {background:url(graphics/images/program-hero.jpg) no-repeat center center / cover;}
.breadcrumb {background:#e9eef3; padding:7px 0; font-size:14px; color:#232323;}
.breadcrumb a {color:#232323;}

.sub.page .main-content {padding:60px 0 70px;}

.intranet-intro {padding:50px 0;}

.member-news {background:#e9eef3; padding:50px 0;}
.member-news.main-lister {background:#fff; padding:30px 0;}
.member-news h1 {margin-bottom:15px;}
.member-news .item {background:#fff; padding:15px; margin-bottom:15px; border:1px solid #bdc7d2;}
.member-news .item h4 {margin:0;}
.member-news .item h4 a {text-decoration:none;}
.member-news .item .date {margin:3px 0 10px; color:#004173; font-style:italic; font-size:14px;}
.member-news .item .more-link {margin:0;}

.member-blog {background:#e9eef3; padding:50px 0;}
.member-blog.main-lister {background:#fff; padding:30px 0;}
.member-blog h1 {margin-bottom:15px;}
.member-blog .item {background:#fff; padding:15px; margin-bottom:15px; border:1px solid #bdc7d2; display: flex; flex-direction: row; overflow: hidden;}
.member-blog .item .category {margin: 0; font-size: 14px;}
.member-blog .item h4 {margin:0;}
.member-blog .item h4 a {text-decoration:none;}
.member-blog .item .date {margin:3px 0 10px; color:#004173; font-style:italic; font-size:14px;}
.member-blog .item .more-link {margin:0;}
.member-blog .item .blog-lister-image {width: 25%; border-right: 5px solid #e9eef3; position: relative;}
.member-blog .item .blog-lister-image a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.member-blog .item .blog-lister-content {width: 75%; padding: 20px;}

.member-blog .item .publish, .member-blog-detail .publish {font-size: 13px; font-weight: 600; margin-bottom: 15px;}

.member-blog-detail .blog-featured-image {margin-bottom: 20px;}

@media screen and (max-width: 767px) {
   .member-blog .item {flex-direction: column;}
   .member-blog .item .blog-lister-image {width: 100%; min-height: 125px; border: none;}
   .member-blog .item .blog-lister-content {width: 100%; padding: 20px 10px 20px 10px;}
}

.tiles {padding:70px 0;}
.tiles a {text-decoration:none; color:#242424;}
.tiles .item {background:#eeece9; width:32%; margin:.5%; position:relative; display:inline-block; transition:all .3s ease;}
.items .item:after {content: ""; display: block; padding-bottom: 100%;}
.tiles a:hover .item {background:#fff;-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);}
.tiles .item:after {content:''; display:block; padding-bottom:100%;}
.tiles .item .group {text-align:center; position:absolute; width:100%; padding:15px;}
.tiles .item p {position:absolute; bottom:20%; width:100%; left:0; line-height:1; text-transform:uppercase; font-size:36px; font-weight:800; text-align:center; margin:0; padding:15px; transform:translateY(50%);}
.tiles .image {position:absolute; top:15%; left:0; width:100%; text-align:center;} 
.tiles .image img {max-width:160px;}
@media only screen and (max-width: 980px) { 
    .tiles .item {width:48.5%;}
}
@media only screen and (max-width: 700px) { 
    .tiles .item {width:100%; margin:2.5% auto; max-width:400px; display:block;}
}

.search-area {background:#fae5ba; padding:80px 0;}
.search-area.lister {padding:30px 0;}
.search-area #countries, .search-area .states {max-width:600px;}
.search-content {padding:50px 0;}
.search-area .advanced-options {background:#fff4dc; border:1px solid #2b84c8; padding:20px; margin-bottom:20px;}
.search-area .advanced-options h3 {margin:0;}
.search-area .advanced-options ul {margin:0; padding:0; list-style-type:none;}
.search-area .advanced-options ul.dog-types {margin:5px 0 40px;}
.search-area .advanced-options ul.dog-types li {display:inline-block; width:25%;}
.search-area .advanced-options ul.dog-types li .icon {width:35px;}
.search-area .advanced-options ul a {color:#222; text-decoration:none;}
.search-area .advanced-options .checkbox {width:16px; height:16px; display:inline-block; background:url(graphics/images/checkbox.jpg) no-repeat left center; vertical-align:middle;}
.search-area .advanced-options a.checked .checkbox {background:url(graphics/images/checkbox.jpg) no-repeat right center;}
.search-area .advanced-options .own-dog {margin-top:20px;}
.search-area .advanced-options .own-dog a {color:#004173; text-decoration:none;}

.toggle-search:after,.advanced a:after, .toggle-contact-ajax:after,.toggle-contact:after,.toggle-details:after,.toggle-details-ajax:after {content:'[+]';}
.toggle-search.open:after,.advanced a.open:after, .toggle-contact-ajax.open:after,.toggle-contact.open:after,.toggle-details.open:after,.toggle-details-ajax.open:after {content:'[-]';}

.more-wrapper {margin-top:-19px; margin-bottom:16px;}
.toggle-details,.toggle-details-ajax {font-size:14px;}

.location-container {padding:40px 0 80px;}
.location-container .label {font-size:14px; padding:4px 7px; background:#e8e3d9; color:#004173; font-weight:700; margin:0 3px;}
.location-container .label.label-in {background:#fae5ba;}
#locations .row {margin:0;}
#locations h1 {margin-bottom:15px;}
#locations .item {border:1px solid #d3d3d3; background:#f5f5f5; padding:0; margin:0 .9375rem .9375rem 0; -ms-flex: 0 0 32.33333%; flex: 0 0 32.33333%; max-width: 32.33333%;}
#locations .item h5 {background:#e8e3d9; padding:10px 20px; min-height:64px;}
#locations .item.in-geo h5 {background:#fae5ba;}
#locations .item .info {padding:10px 20px; position:relative;}
#locations .item .info .contact-tag {text-align:center; margin:0;}
#locations .item .info .dog-label {margin:0; font-weight:700;}
#locations .item .info .red-tag {color:#c12a11; font-weight:700; font-style:italic;}
#locations .item:nth-child(3n) {margin-right:0;}
#locations .item .contact {background:#fff; border:1px solid #e1e1e1; padding:10px; margin:0 10px 10px;}
#locations .item .contact p {margin-bottom:10px;}


/* --------------------------------------------------
:: RESOURCE CENTER
-------------------------------------------------- */  
.yellow-line {height:4px; margin-bottom:25px; width:100%; background:#fae5ba;}
.resource-center .sidebar ul {margin:0; padding:0; list-style-type:none; font-size:17px;}
.resource-center .sidebar ul li {margin:3px 0;}
.resource-center .sidebar ul li a {text-decoration:none; font-weight:600;}
.resource-center .sidebar ul li a.active {color:#c12a11; font-weight:700;}
.resource-center .directorySearchInput {width:100%; max-width:300px; display:inline-block;}
.resource-center #form_resource_center_search {text-align:right;}
.resource-center #form_resource_center_search .button {font-size:16px; padding:6px 20px; min-width:0; margin-left:3px;}
.resource-center .item {background:#f5f5f5; border:1px solid #d3d3d3; flex: 0 0 47.6%; max-width: 47.6%; margin:0 .9375rem 15px 0; padding:0; position:relative;}
.resource-center .item a {text-decoration:none;}
.resource-center .item a h5 {background: #e8e3d9; padding: 10px 15px; min-height: 64px;}
.resource-center .item .details {padding:10px 15px 50px; min-height:140px;}
.resource-center .item .details a {text-decoration:underline;}
.resource-center .item .types {margin-bottom:0; font-size:14px; font-weight:600;}
.resource-center .item .types a {color:#c12a11;}
.resource-center .item .types a:after {content:',';}
.resource-center .item .types a:last-child:after {content:'';}
.resource-center .item .topics {padding:8px 15px; position:absolute; bottom:0; left:0; width:100%;}
.resource-center .item .topics p {margin:0; font-size:14px; font-style:italic;}
.resource-center .item .topics p a {text-decoration:underline; color:#666;}
.resource-center .item .topics p a:after {content:',';}
.resource-center .item .topics p a:last-child:after {content:'';}
.resource-center .ias-trigger-next {text-align:center; width:100%;}
.resource-center .ias-spinner {text-align:center; width:100%;}
.resource-center .ias-noneleft {width:100%; font-style:italic;}

.resource-center .row.ias-wrapper {margin-left:0;}
@media screen and (max-width: 640px) {
    .resource-center .item {flex: 0 0 100%; max-width: 100%;}
    .resource-center .row.ias-wrapper {margin-right:0;}
    .resource-center .directorySearchInput {width:100%; max-width:100%; display:block;}
    .resource-center #form_resource_center_search .button {margin-left:0;}
}

/* --------------------------------------------------
:: FOOTER
-------------------------------------------------- */
#footer {}
#footer .ribbon {background:#c12a11; padding:80px 0;}
#footer .ribbon h2 {margin:0; color:#fff;}
#footer .ribbon .text {text-align:right;}
#footer .ribbon .text a {color:#fff; font-weight:700;}
#footer .ribbon .text a:hover {text-decoration:none; border-bottom:1px solid;}
#footer .ribbon .image {text-align:center;}
#footer .ribbon .image img {max-width:167px;}
#footer .ribbon .cta-wrap {padding:25px; border-left:1px solid #fff;}
#footer .ribbon .cta-wrap .button {margin:0; border:2px solid #fff;}
#footer .sponsors h4 {margin-bottom: 20px; font-size: 36px;}
#footer .sponsors img {padding: 0 20%; margin: 0 auto 30px auto; max-height: 100px; display: block;}
/*#footer .sponsors hr {margin-top: 40px;}*/
#footer .info {padding:30px 0 40px;}
#footer .non-profit {font-size:14px; text-align:right;}
#footer .non-profit p {margin:0;}
#footer .menu {padding-bottom:40px;}
.social .icons {margin:0; padding:0; text-align:center; list-style-type:none;}
.social .icons li {display:inline-block; margin:0 4px;}
.social .icons li img {max-width:40px; opacity:.4; transition:all .3s ease;}
.social .icons li a:hover img {opacity:.6;}
.copyright {background:#e8e3d9; padding:10px 0; transition:all .3s ease;}
.copyright p {margin:0; font-size:13px;}

.cookie-overlay {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.65); z-index:1003;}
.cookie-box {position:absolute; width:100%; max-width:500px; top:50%; transform:translate(-50%,-50%); left:50%; background:#222; color:#fff; text-align:center; padding:20px;}
.cookie-box p {margin:0;}
.cookie-box p a {color:#fff;}
a.button.closeCookieBox {color:#222; margin:15px 3px 5px; font-size:14px; padding:6px; min-width:120px;}
a.button.reject.closeCookieBox {background:#9e9e9e; border:1px solid #727272;}


/* --------------------------------------------------
:: Universal Classes
-------------------------------------------------- */
/* Alignment Classes */
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.clear {clear: both;}
.imgleft {float: left; padding: 0 15px 15px 0;}
.imgright  {float: right; padding: 0 0 15px 15px;}
.imgcenter {display: inline-block; margin: auto;}

/* Miscellaneous Classes */
.formtextRequired {font-weight:bold;}
.formtextRequired:before {content:"*";}
.row.full-width, .columns.full-width {margin: 0!important; max-width: none!important; padding: 0!important; width: 100%!important;}
.hide { display: none; }
.hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; }

/* Pagination links */
.paginationLinks .pageLink {padding: 6px 9px; background: #f9f9f9; color:#123166; display: inline-block; line-height: 1; border: 1px solid #ddd; margin: 0 2px; text-decoration: none; transition: background .2s ease; -webkit-transition: background .2s ease;}
.paginationLinks .pageLink:hover {background: #ddd; transition: background .2s ease; -webkit-transition: background .2s ease;}
.paginationLinks .pageLink.pageLinkCurrent {background: #006bcc; color: #fff; border: 1px solid #414b57;}
.paginationLinks .paginationText {color: #555; font-size: 13px; font-style: italic;}
.paginationLinks .prevnextLink {font-size: 14px; color:#123166;}
.paginationLinks .prevnextWindowArrow {display: inline-block; margin-top: 6px; font-size: 14px; opacity: .7;}
.paginationLinks .prevnextWindowArrow:hover {opacity: 1;}


/* --------------------------------------------------
:: Other Miscellaneous
-------------------------------------------------- */

#loaderOverlay {position:fixed; top:0; bottom:0; width:100%; background:rgba(0,0,0,.6); z-index:1000;}
#loaderFrame {min-width:400px; text-align:center; position:fixed; top:10%; left:50%; transform:translateX(-50%); z-index:1000; background:#fff; padding:40px 20px 20px; border-top:2px solid #3072b1;}
#closeLogin {position:absolute; right:8px; top:5px; font-weight:700;}
#closeLogin:hover {cursor:pointer;}

/* Google Maps & Locations Directory Classes */
#googlemap img, object, embed, .GMapEZ img, #map_canvas embed, #map_canvas img, #map_canvas object, 
.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object 
    {max-width: none !important;}

/* Removes random added height from Google Remarketing Tags - if tags are on the site */
iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;}

/* responsive video wrapper */
.responsive-embed,.flex-video{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden}
.responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}
.responsive-embed.widescreen,.flex-video.widescreen{padding-bottom:56.25%}



/* ----------------------
FLEXSLIDER CSS - Delete if not using.
------------------------ */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
	src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot');
	src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('graphics/extras/flexslider/fonts/flexslider-icon.woff') format('woff'),
		url('graphics/extras/flexslider/fonts/flexslider-icon.ttf') format('truetype'),
		url('graphics/extras/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {background: #fff; position:relative; left:0; width:100%; zoom: 1; overflow: hidden;}
.flexslider .slides {zoom: 1; margin: 0; padding: 0; list-style: none;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {left:0; display: block; max-width: 100%; width: 100%; height: auto;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

.flexslider .slides li {position:relative;}
.flexslider .slides li .image {height:754px; }

.flexslider .slide-info {position:absolute; left:0; bottom:12%; width:100%;}
.flexslider .slide-info .item {max-width:580px;}
.flexslider .slide-info .item.center {margin:0 auto;}
.flexslider .slide-info .item.right {margin:0 0 0 auto;}
.flexslider .slide-info .headline {border-left:25px solid #e2a62e; max-width:580px;}
.flexslider .slide-info .left .headline {margin-left:0;}
.flexslider .slide-info .headline h1 {border-left:25px solid #ffc95c; border-right:25px solid #fad790; padding:20px; margin:0; background:#fae5ba; color:#242424; font-weight:700; font-size:34px;}
.flexslider .slide-info .item p {margin:15px 0 0; text-align:center;}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {display: block; width: 16px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-prev {left: -50px; opacity: 0.7;}
.flex-direction-nav .flex-next {opacity: 0.7; right: -50px; text-align: right;}
.flexslider:hover .flex-prev {left: 20px;}
.flexslider:hover .flex-next {right: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
.flex-direction-nav a:before  {font-family: "flexslider-icon"; font-size: 26px; display: inline-block; content: '\f001';}
.flex-direction-nav a.flex-next:before  {content: '\f002';}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; text-align: center; z-index:100; padding:0; margin:0;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging {width:100%;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); box-shadow: inset 0 0 1px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover {background: #53524e; background: rgba(83,82,78,.5);}
.flex-control-paging li a.flex-active {background: #53524e; background: rgba(83,82,78,.5); cursor: default;}


@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 20px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 20px;}
}

@media screen and (max-width: 640px) {
    .flexslider .slides li .image {height:500px;}
    .flexslider .slide-info {bottom:0;}
    .flexslider .slide-info .item {max-width:100%;}
    .flexslider .slide-info .headline h1 {font-size:28px; border-width:15px; padding:15px;}
    .flexslider .slide-info .headline {border-width:15px; max-width:100%;}
}
/* ----------------------END FLEXSLIDER CSS------------------------ */


/* ModuleBegin::membership */
#formLogin { margin:20px auto 0; border: 1px solid #ccc; padding: 20px; width:275px; }
#formLogin h2 {margin:0;}
.memberLoginBox { margin: 0 auto; }
#formLogin input[type="checkbox"] {margin-bottom:0;}
#formLogin .memberSubmit #login_submit {margin-top:15px;}

/* ----- My Account ---- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule .member-box {border:1px solid #d3d3d3; background:#f5f5f5; padding:10px; margin-bottom:15px;}
.membershipModule .member-box p {font-weight:700;}
.membershipModule .member-box ul {padding-left:25px;}
h1.myaccountHeading {font-size:38px; margin-top:30px;}
.freedomTable th {background:#fae5ba; text-align:left; padding:5px 10px;}
.freedomTable td {padding-left:10px; padding-right:10px;}
.myaccountDetail form .formtextRequired:before {display:none;}
.myaccountDetail form tr td:first-child {min-width:160px;}
.myaccountDetail form tr td table tr td:first-child {min-width:0}
.sortableWrapper {border-left:3px solid #ddd; padding-left:10px;}
.sortableWrapper li td {}
.sortable_buttons .icon-cancel:before {content:'X'; font-weight:700; margin-right:5px;}

@media (min-width: 45em) {
    .membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; }
}


/* Events Calendar */
#calendarDetail .calendarNav {margin-bottom:0; min-height:0;}
#calendarDetail .calendarNav div {border:none; background:none; height:auto; min-height:0; vertical-align:baseline;}
#calendarDetail div { background:#fff; font-size:16px; min-height:125px; }
.calendarDays {border-right:1px solid #ddd;}
.calendarDays div {}
#calendarDetail a { font-size:12px; line-height:1.2; margin-bottom:5px; display:block;}
#calendarDetail a:hover { text-decoration:underline; }
#calendarDetail .title { color:#fff; font-size:28px; padding:30px 0; text-align:center; text-transform:uppercase; font-family:"clarendon-urw", serif;}
#calendarDetail .prevLink a, #calendarDetail .nextLink a {padding:30px 10px; font-size:28px; text-align:center;}
#calendarDetail .prevLink a, #calendarDetail .nextLink a {color:#fff; margin:0;}
#calendarDetail .weekdays {color:#fff; font-weight:700; padding-top:10px; padding-bottom:10px; text-align:center;  }

.row .one-seven {width: 14.285%; border-right:1px solid #ddd;}
.row .one-seven:first-child {border-left:1px solid #ddd;}
.row .one-seven.columns {margin: 0px; padding: 0.5% 1.5%;}
#calendarDetail .emptyDay {background:#eaeaea;}
#calendarDetail div.light-green {background:#004173;}
#calendarDetail div.dark-green {background:#006bcc;}
#calendarDetail .eventToday {background:#fdebc6;}
#calendarDetail .row {margin:0;}


/* -------------------------------------------------- 
    :: Media Query Fixes
    
    Foundation classes & their media query sizes:
    .small-     max-width 640px
    .medium-    min-width 641px
    .large-     min-width 1025px
    .xlarge-    min-width 1441px
    .xxlarge-   min-width 1921px
--------------------------------------------------- */
@media only screen and (max-width: 1450px) { 
    
    #header ul li a {font-size:17px; padding:17px 11px;}
}
@media only screen and (max-width: 1280px) { 
    .logo-wrapper img {width:200px;}
    #header ul li a {font-size:16px; padding:17px 8px;}
}

@media only screen and (max-width: 1050px) { 
    #header ul li a {font-size:15px; padding:17px 5px;}
}

@media only screen and (max-width: 965px) { 
    #header .utility-menu{display:none;}
}
/* Media Queries Large / Desktop & up */
@media only screen and (max-width: 1024px) { 
    .home .callouts .columns {max-width:400px; margin:0 auto;}
    .home .callouts .row {flex-flow:column; padding:0 .9375rem;}
    
    #locations .item {flex: 0 0 48%; -ms-flex: 0 0 48%; max-width:48%;}
    #locations .item:nth-child(3n) {margin-right:.9375rem;}
    #locations .item:nth-child(2n) {margin-right:0;}
    
    #footer .sponsors img {padding: 0; margin: 10px auto;}
    
}
/* Media Queries Medium-Large / Between Tablet & Desktop */
@media only screen and (min-width: 641px) and (max-width: 1024px) { 
    
}

/* Media Queries Medium / Tablet & up */
@media only screen and (min-width: 641px) { 
    
}
/* Media Queries Medium & Lower / Mid-tablet, phones & below */
@media only screen and (max-width: 880px) { /* 767px */
    .showMobile {display:block;}
    #header ul {display:none;}
    #header #mainnav {padding:10px 0;}
    .logo-wrapper img {margin-left:15px}
    
    .search-area .advanced-options ul.dog-types li {width:100%; margin-bottom:5px}
    
    .hero {height:250px;}
    
}

/* Media Queries Small / Mobile */
@media only screen and (max-width: 640px) { 
    form table {width:100%; display:block;}
    form table tbody {display:block; width:100%;}
    form table tr {display:block; width:100%;}
    form td {display: block;}
    form input, form textarea, form select {width: 100%;}
    
    #footer .non-profit {text-align:center; margin-top:15px;}
    #footer .logo img {display:block; margin:0 auto 25px;}
    
    #footer .ribbon .cta {width:100%;}
    #footer .ribbon .cta-wrap {text-align:center; border:none;}
    
    #locations .item {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width:100%;}
    #locations .item:nth-child(3n) {margin-right:0;}
    #locations .item:nth-child(2n) {margin-right:0;}
    
    .home .benefits ul {height:auto !important;}
    .home .benefits ul li {width:100%; margin-right:0;}
    
    .search-area .advanced-options ul {margin-bottom:20px;}
    
    .member-menu a {padding:3px;}
}
    
/* Media Queries Extra Small / Phone */
@media only screen and (max-width: 479px) { 
    .copyright p {text-align:center;}
    
}
@media only screen and (max-width: 319px) { 
    
}



/*  --------------------------------------------------
:: Print Styles                                        Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
--------------------------------------------------  */
.print-only { display: none !important; }
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	p a, p a:visited { color: #444 !important; text-decoration: underline; }
	p a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
	.hide-on-print { display: none !important; }
	.print-only { display: block !important; }
}

/* ModuleBegin::blog */
.blogModule {}
.blogModule .info {margin-bottom: 20px; }
.blogModule .author {}
.blogModule .date {}
.blogModule .thumbnail img { width:350px; max-width:100%; }
.blogModule .tags {} 
.blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; }
.blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; }

/* ---- Blog Lister ----- */
.blogModule.moduleLister {}
.blogModule.moduleLister h2 { margin-bottom:5px; }
.blogModule .listerItem {}
.blogModule .blurb {}

/* ---- Blog Detail ------- */
.blogModule.moduleDetail {}
.blogModule.moduleDetail h1 { margin-bottom: 5px; }
.blogModule.moduleDetail .fullText {}

/* ---- Blog Archives ------ */
.blogModule.archive .month { padding-left:10px; }
.blogModule.archive .year { font-weight: bold; }
/* ModuleEnd::blog */

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */