@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:wght@400;500;600;700;800&display=swap"); :root {
--pb-teal:#2c7485;
--pb-teal-dark:#235e6c;
--pb-orange:#d07a3f;
--pb-orange-dark:#b8662f;
--pb-sidebar-bg:#d9e8eb;
--pb-text:#333;
--pb-card-shadow:0 3px 12px rgba(0,0,0,0.12);
--pb-font:"Montserrat", "Lato", sans-serif;
}
* {
font-family:"Lato";
}
img {
border:0px;
}
input[type="radio"] {
border:0px;
margin-right:10px;
}
td {
text-align:left;
} .ct-shortcode:has(> #pb-search-bar) {
display:grid;
grid-template-columns:250px minmax(0, 1fr);
grid-template-rows:auto 1fr;
column-gap:28px;
align-items:start;
}
.ct-shortcode:has(> #pb-search-bar) > #pb-search-bar {
grid-column:1;
grid-row:1 / span 2;
}
.ct-shortcode:has(> #pb-search-bar) > #petbridgesc_paginated_box_all {
grid-column:2;
grid-row:1;
}
.ct-shortcode:has(> #pb-search-bar) > [id^="pb-load-more-"] {
grid-column:2;
grid-row:2;
justify-self:center;
align-self:start;
} #pb-search-bar {
width:250px;
float:left;
box-sizing:border-box;
}
#petbridgesc_paginated_box_all {
overflow:hidden;
}
#petbridge-widget {
overflow:hidden;
width:calc(100% - 260px);
float:left;
}
#pb-search-bar *,
#petbridgesc_paginated_box_all *,
[id^="pb-load-more-"] {
font-family:var(--pb-font);
} .behavior_purple, .behavior_purple a {
color:#92499e;
font-weight:bold;
}
.behavior_orange, .behavior_orange a {
color:#ff5c00;
font-weight:bold;
}
.behavior_green, .behavior_green a {
color:#6fb52c;
font-weight:bold;
} .side_bar_main_header {
display:none;
}
#pb-search-bar {
background:var(--pb-sidebar-bg);
border-radius:20px;
padding:22px 18px 24px 18px;
}
#pb-search-bar .animal_list_side_bar {
width:100%;
margin:0;
float:none;
}
.side_bar_table {
background:transparent;
}
#pb-search-bar .side_bar_table .side_bar_section {
width:100%;
float:none;
padding:0 0 18px 0;
box-sizing:border-box;
}
.side_bar_table div {
font-size:13px;
}
.side_bar_table div.side_bar_section_header {
font-size:17px;
font-weight:700;
color:var(--pb-teal);
margin:0 0 10px 0;
line-height:1.2;
text-align:left;
} .side_bar_section_options + .side_bar_hr_bg + .side_bar_section_header {
margin-top:18px;
}
.side_bar_section_options {
color:var(--pb-text);
height:auto;
max-height:none;
overflow:visible;
}
.side_bar_section_options label {
font-weight:500;
font-size:13px;
color:var(--pb-text);
cursor:pointer;
vertical-align:middle;
}
.side_bar_section_options br {
display:block;
content:"";
margin-bottom:7px;
display:none;
}
.side_bar_section_options_selected {
display:none !important;
} .side_bar_section select,
.side_bar_section_options select,
.side_bar_buttons select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100% !important;
height:36px;
margin:0;
padding:0 34px 0 12px;
background-color:#fff;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 12px center;
border:1px solid var(--pb-teal);
border-radius:10px;
color:var(--pb-text);
font-size:12px;
cursor:pointer;
box-sizing:border-box;
}
.side_bar_section select:focus {
outline:none;
box-shadow:0 0 0 3px rgba(44,116,133,0.2);
} .side_bar_section_options input[type="checkbox"] {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:13px;
height:13px;
margin:0 10px 0 2px;
border:1.5px solid var(--pb-teal);
border-radius:2px;
background:#fff;
vertical-align:middle;
position:relative;
cursor:pointer;
flex-shrink:0;
}
.side_bar_section_options input[type="checkbox"]:checked {
background:var(--pb-teal);
}
.side_bar_section_options input[type="checkbox"]:checked::after {
content:"";
position:absolute;
left: 4px;
top: 2px;
width: 3px;
height: 7px;
border:solid #fff;
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.side_bar_count {
display:none;
}
.side_bar_hr_bg {
display:none;
}
hr.side_bar_hr {
display:none;
}
.side_bar_buttons {
text-align:center;
clear:both;
padding:4px 0 0 0;
}
.side_bar_buttons input.button_reset {
display:none;
} table.alert_form_table tr td.submit,
.button_search {
text-align:center;
cursor:pointer;
}
table.alert_form_table tr td.submit input,
.button_search {
font-weight:600;
font-size:20px;
border-radius:30px;
padding-left:25px;
padding-right:25px;
height:41px;
padding-top:3px;
padding-bottom:3px;
transition-duration:0.3s;
margin-top:42px;
background-color:var(--pb-teal);
border:1px solid var(--pb-teal);
color:#fff;
cursor:pointer;
text-decoration:none;
}
table.alert_form_table tr td.submit input:hover,
.button_search:hover {
background-color:#ce7839;
border:1px solid #ce7839;
color:#fff;
text-decoration:none;
}
.button_search.button_alt {
background-color:#ce7839;
border:1px solid #ce7839;
}
.button_search.button_alt:hover {
background-color:var(--pb-teal);
border:1px solid var(--pb-teal);
}
#pb-search-bar .side_bar_buttons input.button_search {
width:100%;
height:42px;
margin:0;
font-size:16px;
font-weight:700;
border-radius:10px;
margin-top:20px;
}
[id^="pb-load-more-"] {
display:block;
margin:10px auto 40px auto;
padding:0 34px;
height:44px;
background:var(--pb-teal);
border:1px solid var(--pb-teal);
border-radius:30px;
color:#fff;
font-size:16px;
font-weight:700;
cursor:pointer;
transition:background-color 0.3s, border-color 0.3s;
}
[id^="pb-load-more-"]:hover {
background:var(--pb-orange);
border-color:var(--pb-orange);
} .animal_list_container {
width:100%;
height:100%;
}
.animal_list_container .animal_list_side_bar {
width:100%;
float:left;
clear:both;
margin:30px 10px 20px 10px;
}
.animal_list_results {
width:100%;
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:40px 28px;
padding:6px 4px 30px 4px;
box-sizing:border-box;
} .animal_list_box {
width:auto;
height:auto;
margin:0;
background:#fff;
border-radius:20px;
box-shadow:var(--pb-card-shadow);
overflow:hidden;
text-align:center;
display:block;
}
.animal_list_box > div {
position:relative;
height:100%;
}
.animal_list_box a {
text-decoration:none;
} .animal_list_box .results_animal_photo {
width:100%;
height:auto;
aspect-ratio:1 / 0.92;
overflow:hidden;
}
.animal_list_box .results_animal_photo img {
width:100%;
height:100%;
object-fit:cover;
display:block;
border:0px !important;
transition:transform 0.4s ease;
}
.animal_list_box:hover .results_animal_photo img {
transform:scale(1.04);
} .results_animal_details {
margin:0;
padding:0 10px 18px 10px;
text-transform:none;
line-height:1.3;
}
.results_animal_details br {
display:none;
}
.results_animal_details span {
margin:0;
} span.results_animal_name {
display:block;
position:relative;
z-index:2;
width:calc(100% - 6px);
margin:-20px auto 8px auto;
padding:7px 10px;
background:var(--pb-orange);
border-radius:12px;
box-shadow:0 3px 8px rgba(0,0,0,0.15);
overflow:hidden;
text-overflow:ellipsis;
box-sizing:border-box;
}
span.results_animal_name a.results_animal_link {
color:#fff;
font-size:20px;
font-weight:700;
line-height:1.2;
text-decoration:none;
text-transform:none;
}
span.results_animal_name a.results_animal_link:hover {
border-bottom:0;
text-decoration:none;
} .results_animal_detail_data {
display:inline;
font-size:14px;
}
.results_animal_detail_data_Age,
.results_animal_detail_data_Sex {
color:var(--pb-orange);
font-weight:700;
}
.results_animal_detail_data_Age::after {
content:", ";
}
.results_animal_detail_data_Sex {
text-transform:lowercase;
} .results_animal_detail_data_ClientName,
.results_animal_detail_data_ClientCity {
display:block;
color:var(--pb-teal);
font-size:11px;
font-weight:500;
line-height:1.35;
}
.results_animal_detail_data_ClientName {
margin-top:6px;
} .results_animal_details > a {
position:absolute;
top:12px;
right:12px;
z-index:3;
width:34px;
height:34px;
background:#fff;
border-radius:50%;
box-shadow:0 2px 6px rgba(0,0,0,0.2);
display:flex;
align-items:center;
justify-content:center;
}
.results_animal_details .video_icon {
width:18px;
height:auto;
}
.results_animal_last_row_blank {
}
.results_animal_zero_results_text {
text-align:center;
margin-top:20px;
grid-column:1 / -1;
} .results_table tr td {
font-size:11px;
}
.results_animal_bg {
width:200px;
} .zip_input_wrap { position: relative; }
.zip_input_wrap input {
width: 100%;
box-sizing: border-box;
height: 36px;
padding: 0 40px 0 12px;
border: 1px solid #1f6b78;
border-radius: 6px;
background: #fff;
font: inherit;
font-size: 14px;
color: #222;
}
.zip_input_wrap input:focus { outline: none; box-shadow: 0 0 0 2px rgba(31,107,120,.25); }
.zip_locate_btn {
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%);
width: 30px;
height: 30px;
padding: 0;
border: 0;
border-radius: 4px;
background: transparent;
color: #1f6b78;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.zip_locate_btn:hover { background: rgba(31,107,120,.1); }
.zip_locate_btn:disabled { cursor: wait; }
.zip_locate_btn.is-loading svg { animation: zipspin 1s linear infinite; }
@keyframes zipspin { to { transform: rotate(360deg); } }
.zip_locate_msg { font-size: 12px; color: #1f6b78; margin-top: 5px; }
.zip_locate_msg:empty { display: none; }
.side_bar_section_options.distance #Distance { margin-top: 10px; } .status_lost .animal_list_side_bar,
.status_found .animal_list_side_bar,
.status_stray .animal_list_side_bar,
.status_barncat .animal_list_side_bar {
display:none;
}
.status_lost .results_animal_name,
.status_found .results_animal_name,
.status_stray .results_animal_name {
display:none;
} .details_animal_table {
width:750px;
}
.details_animal_table tr td {
font-size:12px;
}
.details_animal_media {
width:300px;
}
.details_animal_text {
text-align:left;
}
.details_animal_photos {
clear:both;
overflow:auto;
margin-bottom:20px;
}
.details_animal_photos img {
width:260px;
padding:0px;
text-align:center;
vertical-align:middle;
margin-top:10px;
border:0px solid #73b2b9;
box-shadow:none !important;
}
.details_animal_photos_additional img {
width:123px;
border:0px solid #73b2b9;
float:left;
margin-right:10px;
margin-top:10px;
}
.details_animal_video {
width:100%;
min-height:300px;
}
.details_animal_name {
font-size:22px;
color:#036;
font-weight:bold;
margin-bottom:5px;
}
.details_animal_detail_label {
font-weight:bold;
}
.back_to_results {
font-size:24px;
color:#73b2b9;
}
.details_animal_container {
margin-top:20px;
padding:20px;
background-color:transparent;
overflow:hidden;
}
.details_animal_row {
overflow:hidden;
}
.details_animal_container hr {
height:1px;
width:100%;
background-color:#ccc;
margin:0px 0px 25px 0px;
}
.details_animal_left {
width:280px;
float:left;
clear:both;
margin-right:20px;
margin-bottom:20px;
}
.details_animal_header_left, .details_animal_header_right {
margin-bottom:20px;
}
.details_animal_header_left {
display:none;
}
.details_animal_header_name {
font-weight:normal;
font-size:40px;
color:#73b2b9;
}
.details_animal_header_sub {
font-size:18px;
}
.social_share {
float:right;
} table.alert_table {
width:100%;
}
.alert_lost_header {
font-weight:bold;
font-size:18px;
}
.ui-state-error, .ui-state-highlight {
padding:10px !important;
}
.alert_form_required {
color:#ed1b2e;
font-size:14px;
}
.alert_fieldset {
border:0px;
padding:10px;
font-size:14px;
}
.alert_fieldset legend {
padding:20px 10px 0 20px;
border:0px;
width:auto;
color:var(--pb-teal);
font-size:30px;
font-weight:bold;
}
.alert_form_table select, .alert_form_table input {
padding:4px;
border:1px solid #aaa9a9;
background:#FFF;
margin:2px;
cursor:pointer;
overflow:visible;
line-height:150%;
font-size:14px;
color:#000;
}
label {
cursor:pointer;
} .alert_details {
position:relative;
}
.alert_details td {
padding:12px;
}
.alert_details .alert_your_requests tr.row:hover td {
cursor:auto !important;
}
.request_meta_inline {
font-size:16px;
color:#555;
margin:0px 0px 20px 20px;
}
.alert_go_back {
position:absolute;
right:30px;
top:30px;
} .alert_unsubscribe {
text-align:center;
padding:10px 0px 40px 0px;
} .alert_matching_animals {
width:100%;
background:#dbe8ea;
border-radius:50px 50px 0px 0px;
padding:0px 20px;
position:relative;
}
.alert_matching_animals select,
.alert_other_requests select {
position:absolute;
right:50px;
top:30px;
border:1px solid var(--pb-teal);
background:#fff;
padding:10px 10px;
border-radius:10px;
color:var(--pb-teal);
font-weight:bold;
}
.pet_alert_match_cards {
width:100%;
overflow:hidden;
display:flex;
flex-wrap:wrap;
}
.pet_alert_match_card {
width:25%;
box-sizing:border-box;
}
.pet_alert_match_card > div {
border-radius:40px;
background:#fff;
margin:20px;
}
.pet_alert_match_card > div a {
text-decoration:none;
}
.pet_alert_match_card > div img {
width:100%;
height:300px;
object-fit:cover;
border-radius:30px 30px 0px 0px;
position:relative;
z-index:1;
}
.pet_alert_match_card > div .name {
background:#ce7839;
border-radius:50px;
color:#fff;
font-size:20px;
font-weight:bold;
margin:-30px auto 0px auto;
padding:10px;
text-align:center;
z-index:2;
position:relative;
line-height:1;
width:90%;
box-shadow:0 4px 8px rgba(0,0,0,0.15);
}
.pet_alert_match_card > div .specs {
color:#ce7839;
font-weight:bold;
text-align:center;
padding:10px 0px;
text-decoration:none;
}
.pet_alert_match_card > div .client {
color:var(--pb-teal);
text-align:center;
padding:0px 20px 10px 20px;
text-decoration:none;
line-height:1.3;
} .alert_other_requests {
position:relative;
}
.alert_your_requests {
box-shadow:0 4px 8px rgba(0,0,0,0.15);
border-radius:20px;
margin:0px 20px;
}
.alert_your_requests tr.row {
transition:background-color 0.2s ease;
}
.alert_your_requests tr.row:hover td {
background-color:#dbe8ea;
cursor:pointer;
}
.alert_your_requests tr.row:last-child:hover td:first-child {
border-radius:0px 0px 0px 20px;
}
.alert_your_requests tr.row:last-child:hover td:last-child {
border-radius:0px 0px 20px 0px;
}
.alert_your_requests th,
.alert_your_requests td {
border-bottom:1px solid #d3d3d3;
text-decoration:none;
color:inherit;
}
.alert_your_requests tr.row:last-child td {
border-bottom:0px solid #d3d3d3;
}
.alert_your_requests th {
color:#ce7839;
font-weight:bold;
font-size:20px;
padding:12px;
}
.alert_your_requests td a {
color:var(--pb-teal);
text-decoration:none;
padding:12px;
width:100%;
height:100%;
display:block;
} table.alert_cancel_table tr td {
padding-left:10px;
} table.report_table td {
font-size:12px;
}
table.report_table th {
font-size:12px;
background-color:#666;
color:#FFFFFF !important;
}
h1.report_name {
padding:0px;
margin:0px;
margin-bottom:5px;
} .addthis_toolbox {
height:36px;
}
#st-1,
.sharethis-inline-share-buttons {
float:right !important;
}
.sharethis-inline-share-buttons .st-btn {
display:inline-block !important;
} body.platform_id_5 {
background-color:transparent;
}
body.platform_id_5 .animal_list_box {
border:1px solid #edebec;
} @media only screen and (max-width: 1100px) {
.animal_list_results {
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media only screen and (max-width: 992px) {
.pet_alert_match_card {
width:33%;
}
}
@media only screen and (max-width: 768px) {
.ct-shortcode:has(> #pb-search-bar) {
grid-template-columns:minmax(0, 1fr);
grid-template-rows:auto;
row-gap:24px;
}
.ct-shortcode:has(> #pb-search-bar) > #pb-search-bar,
.ct-shortcode:has(> #pb-search-bar) > #petbridgesc_paginated_box_all,
.ct-shortcode:has(> #pb-search-bar) > [id^="pb-load-more-"] {
grid-column:1;
grid-row:auto;
}
#pb-search-bar {
width:100%;
float:none;
}
#pb-search-bar .side_bar_table {
display:flex;
flex-wrap:wrap;
column-gap:20px;
}
#pb-search-bar .side_bar_table .side_bar_section {
width:calc(50% - 10px);
}
#pb-search-bar .side_bar_buttons {
width:100%;
}
.alert_fieldset {
text-align:center;
}
.alert_fieldset legend {
margin:0 auto;
}
.alert_matching_animals select,
.alert_other_requests select,
.alert_go_back {
position:relative;
top:0px;
right:0px;
margin:0 auto;
}
.pet_alert_match_card {
width:50%;
}
.alert_your_requests {
margin:20px;
}
.alert_your_requests tr.header {
display:none;
}
.alert_your_requests td {
width:100%;
display:block;
border-bottom:0px;
}
.alert_your_requests td a {
padding:2px 12px;
}
.alert_your_requests tr td:last-child {
border-bottom:1px solid #d3d3d3;
}
.alert_your_requests tr.row:nth-child(2):hover td:first-child {
border-radius:20px 20px 0px 0px;
}
.alert_your_requests tr.row:last-child:hover td:first-child {
border-radius:0px;
}
.alert_your_requests tr.row:last-child:hover td:last-child {
border-radius:0px 0px 20px 20px;
}
}
@media only screen and (max-width: 500px) {
.animal_list_results {
grid-template-columns:minmax(0, 1fr);
}
#pb-search-bar .side_bar_table .side_bar_section {
width:100%;
}
.pet_alert_match_card {
width:100%;
}
.details_animal_right {
float:left;
margin-top:10px;
}
.details_animal_header_left {
display:block;
margin-bottom:0px;
}
table.alert_form_table tr td.label {
padding-bottom:0px;
}
table.alert_form_table tr td.data {
clear:both;
}
}