@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_name {
font-size:22px;
color:#036;
font-weight:bold;
margin-bottom:5px;
}
.back_to_results {
font-size:24px;
color:#73b2b9;
}
.details_animal_row {
overflow:hidden;
}
.details_animal_header_left {
display:none;
}
.details_animal_header_sub {
font-size:18px;
}
.social_share {
float:right;
} .details_animal_container {
max-width:1000px;
margin:20px auto 0 auto;
padding:0;
background-color:transparent;
color:var(--pb-text);
box-sizing:border-box;
}
.details_animal_container,
.details_animal_container * {
font-family:var(--pb-font);
}
.details_animal_container *,
.details_animal_container *::before,
.details_animal_container *::after {
box-sizing:border-box;
} .details_animal_main {
display:grid;
grid-template-columns:320px minmax(0, 1fr);
column-gap:50px;
align-items:start;
padding:0 20px 50px 20px;
}
.details_animal_left,
.details_animal_right {
width:auto;
float:none;
clear:none;
margin:0;
} .details_animal_gallery {
padding:0 26px;
}
.details_animal_photo_stage {
position:relative;
}
.details_animal_photo_main {
width:100%;
aspect-ratio:245 / 285;
border-radius:20px;
overflow:hidden;
background:#eef3f4;
}
.details_animal_photo_main a {
display:none;
width:100%;
height:100%;
}
.details_animal_photo_main a.is-active {
display:block;
}
.details_animal_photo_main img {
width:100%;
height:100%;
object-fit:cover;
display:block;
border:0 !important;
box-shadow:none !important;
}
.details_animal_gallery_arrow {
position:absolute;
top:50%;
transform:translateY(-50%);
width:26px;
height:40px;
padding:0;
margin:0;
border:0;
background:transparent;
color:var(--pb-teal);
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
}
.details_animal_gallery_arrow:hover {
color:var(--pb-orange);
}
.details_animal_gallery_prev {
left:-26px;
}
.details_animal_gallery_next {
right:-26px;
}
.details_animal_thumbs {
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:12px;
}
.details_animal_thumb {
width:calc((100% - 24px) / 3);
aspect-ratio:1 / 0.92;
padding:0;
margin:0;
border:0;
border-radius:10px;
overflow:hidden;
background:#eef3f4;
cursor:pointer;
opacity:0.7;
outline:3px solid transparent;
outline-offset:-3px;
transition:opacity 0.2s ease, outline-color 0.2s ease;
}
.details_animal_thumb:hover {
opacity:1;
}
.details_animal_thumb.is-active {
opacity:1;
outline-color:var(--pb-orange);
}
.details_animal_thumb img {
width:100%;
height:100%;
object-fit:cover;
display:block;
} .details_animal_header_right {
text-align:center;
margin-bottom:22px;
}
.details_animal_header_name {
display:block;
margin:0 0 10px 0;
padding:0;
font-size:34px;
font-weight:700;
line-height:1.1;
color:var(--pb-teal);
}
.details_animal_shelter_pill {
display:inline-block;
max-width:100%;
padding:8px 34px;
background:var(--pb-orange);
border-radius:14px;
color:#fff;
font-size:18px;
font-weight:700;
line-height:1.2;
} .details_animal_right .vc_message_box {
margin:0 0 14px 0;
} .details_animal_fee {
display:flex;
justify-content:space-between;
align-items:baseline;
gap:16px;
margin:0 0 4px 0;
padding:10px 12px;
background:rgba(44,116,133,0.1);
border-radius:10px;
font-size:17px;
font-weight:700;
line-height:1.3;
color:var(--pb-teal-dark);
text-align:right;
}
.details_animal_fee .details_animal_detail_label {
flex:0 0 auto;
font-weight:600;
color:var(--pb-teal-dark);
text-align:left;
} .details_animal_primary > div,
.details_animal_secondary > div {
display:flex;
justify-content:space-between;
align-items:baseline;
gap:16px;
padding:8px 2px;
border-bottom:1px solid #e3ecee;
text-align:right;
word-break:break-word;
}
.details_animal_primary .details_animal_detail_label,
.details_animal_secondary .details_animal_detail_label {
flex:0 0 auto;
font-weight:600;
color:#6b7d82;
text-align:left;
}
.details_animal_primary {
font-size:15px;
font-weight:700;
line-height:1.35;
color:var(--pb-teal-dark);
}
.details_animal_secondary {
margin-top:0;
font-size:13px;
line-height:1.4;
color:var(--pb-text);
}
.details_animal_secondary > div:last-child {
border-bottom:0;
} .details_animal_notes {
margin-top:14px;
padding:10px 14px;
background:rgba(208,122,63,0.1);
border-radius:12px;
font-size:13px;
font-weight:700;
line-height:1.5;
color:var(--pb-orange-dark);
} .details_animal_section_title {
margin:22px 0 8px 0;
padding:0;
font-size:22px;
font-weight:700;
line-height:1.2;
color:var(--pb-teal);
}
.details_animal_description {
font-size:12px;
line-height:1.6;
color:var(--pb-text);
}
.details_animal_description p {
margin:0 0 10px 0;
} .details_animal_button {
display:inline-block;
margin-top:20px;
padding:10px 26px;
background:var(--pb-orange);
border:0;
border-radius:20px;
color:#fff !important;
font-size:14px;
font-weight:700;
line-height:1.2;
text-transform:uppercase;
text-decoration:none !important;
transition:background-color 0.3s ease;
}
.details_animal_button:hover {
background:var(--pb-orange-dark);
color:#fff;
} .details_animal_share {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
gap:10px;
margin:18px 0 0 0;
}
.details_animal_share_label {
font-size:13px;
font-weight:600;
color:var(--pb-teal);
}
.details_animal_share .sharethis-inline-share-buttons,
.details_animal_share #st-1 {
float:none !important;
text-align:left !important;
} .details_animal_video_wrap {
padding:0 20px 50px 20px;
}
.details_animal_video {
display:block;
width:100%;
aspect-ratio:16 / 9;
height:auto;
border:0;
border-radius:20px;
} .details_shelter {
background:var(--pb-sidebar-bg);
border-radius:50px 50px 0 0;
padding:30px 40px 40px 40px;
}
.details_shelter_header {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:12px 28px;
margin-bottom:20px;
}
.details_shelter_name {
margin:0;
padding:0;
font-size:30px;
font-weight:700;
line-height:1.2;
color:var(--pb-teal);
}
.details_shelter_header .details_animal_button {
margin-top:0;
}
.details_shelter_identity {
display:flex;
align-items:center;
gap:18px;
min-width:0;
}
.details_shelter_logo {
flex:0 0 auto;
width:88px;
height:88px;
padding:8px;
background:#fff;
border-radius:16px;
box-shadow:var(--pb-card-shadow);
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.details_shelter_logo img {
display:block;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
object-fit:contain;
border:0 !important;
box-shadow:none !important;
}
.details_shelter_card {
background:#fff;
border-radius:20px;
box-shadow:var(--pb-card-shadow);
padding:24px 36px 30px 36px;
}
.details_shelter_heading {
margin:0 0 14px 0;
padding:0;
font-size:20px;
font-weight:700;
line-height:1.2;
color:var(--pb-teal);
}
.details_shelter_contact {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:16px 40px;
margin-bottom:26px;
}
.details_shelter_contact:last-child {
margin-bottom:0;
}
.details_shelter_label {
font-size:13px;
font-weight:700;
color:#222;
}
.details_shelter_value {
font-size:13px;
color:var(--pb-text);
word-break:break-word;
}
.details_shelter_value a {
color:inherit;
text-decoration:none;
}
.details_shelter_value a:hover {
color:var(--pb-teal);
text-decoration:underline;
}
.details_shelter_process {
font-size:12px;
line-height:1.7;
color:var(--pb-text);
}
.details_shelter_process p {
margin:0 0 12px 0;
} 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;
}
.details_animal_main {
grid-template-columns:minmax(0, 1fr);
row-gap:30px;
}
.details_animal_gallery {
max-width:380px;
margin:0 auto;
}
.details_shelter {
border-radius:30px 30px 0 0;
padding:24px 20px 30px 20px;
}
.details_shelter_header {
justify-content:center;
text-align:center;
}
.details_shelter_identity {
justify-content:center;
gap:12px;
}
.details_shelter_logo {
width:64px;
height:64px;
padding:6px;
border-radius:12px;
}
.details_shelter_card {
padding:20px;
}
.details_shelter_contact {
grid-template-columns:minmax(0, 1fr);
gap:12px;
}
}
@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_header_name {
font-size:28px;
}
.details_shelter_name {
font-size:24px;
}
table.alert_form_table tr td.label {
padding-bottom:0px;
}
table.alert_form_table tr td.data {
clear:both;
}
}