@import url("https://fonts.googleapis.com/css2?family=Abel&display=swap"); .lhz-wrap {
position: relative !important;
display: inline-block !important;
line-height: 0;
}
.lhz-wrap img {
display: block !important;
max-width: 100% !important;
height: auto !important;
} .lhz-heart {
position: absolute !important;
top: 10px !important;
right: 10px !important;
width: 38px !important;
height: 38px !important;
border-radius: 50%;
background: rgba(30, 30, 30, 0.55) !important;
border: 2px solid rgba(255, 255, 255, 0.85) !important;
cursor: pointer;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 9999;
padding: 0 !important;
transition: border-color .2s, background .2s;
-webkit-tap-highlight-color: transparent;
}
.lhz-heart svg {
width: 18px !important;
height: 18px !important;
color: rgba(255, 255, 255, 0.85);
transition: color .2s;
pointer-events: none;
}
.lhz-heart:hover {
background: rgba(30, 30, 30, 0.75) !important;
border-color: #fff !important;
}
.lhz-heart:hover svg { color: #fff; }
.lhz-heart.lhz-on {
background: rgba(30, 30, 30, 0.55) !important;
border-color: rgba(255, 255, 255, 0.85) !important;
}
.lhz-heart.lhz-on svg { color: #00FF00 !important; }
@media (min-width: 768px) {
.lhz-heart { width: 55px !important; height: 55px !important; }
.lhz-heart svg { width: 26px !important; height: 26px !important; }
}
@media (max-width: 767px) {
.lhz-heart { width: 50px !important; height: 50px !important; }
.lhz-heart svg { width: 24px !important; height: 24px !important; }
}
@keyframes leohaz-pop {
0%   { transform: scale(1); }
50%  { transform: scale(1.3); }
100% { transform: scale(1); }
}
.lhz-heart:active svg { animation: leohaz-pop 0.3s ease; }
@keyframes leohaz-bounce-three {
0%   { transform: scale(1); }
16%  { transform: scale(1.3); }
33%  { transform: scale(1); }
50%  { transform: scale(1.3); }
66%  { transform: scale(1); }
83%  { transform: scale(1.3); }
100% { transform: scale(1); }
}
.lhz-heart.lhz-bouncing svg {
animation: leohaz-bounce-three 0.9s ease;
} li#menu-item-8899.sydney-dropdown-li {
display: inline-flex !important;
align-items: center !important;
}
li#menu-item-8899 a.sydney-dropdown-link {
font-size: 0 !important;
color: transparent !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
padding: 0 !important;
margin: 0 4px !important;
cursor: pointer !important;
pointer-events: auto !important;
vertical-align: middle !important;
}
li#menu-item-8899 a.sydney-dropdown-link::before {
content: '';
display: block;
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
background: url(//leohaz.com/wordpress/wp-content/themes/sydney-child/icons/heart-green.svg) no-repeat center/contain;
transition: filter .2s;
pointer-events: none;
z-index: 1;
}
li#menu-item-8899 a.sydney-dropdown-link:hover::before {
filter: grayscale(100%) brightness(0.6);
} .lhz-hw {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
} .lhz-hw .leohaz-menu-count {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
font-size: 12px !important;
font-weight: 900 !important;
color: #7f7f7f !important;
z-index: 10 !important;
pointer-events: none !important;
line-height: 1 !important;
font-family: sans-serif !important;
background: transparent !important;
width: auto !important;
height: auto !important;
} .leohaz-fav-count {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: transparent;
color: #7f7f7f;
font-size: 11px;
font-weight: 900;
font-family: sans-serif;
line-height: 1;
pointer-events: none;
z-index: 10;
width: auto;
height: auto;
}
.leohaz-heart-btn {
position: relative;
background: none;
border: none;
cursor: pointer;
padding: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.leohaz-heart-btn svg,
.leohaz-heart-btn img {
width: 28px;
height: 28px;
color: #00FF00 !important;
fill: #00FF00 !important;
}
@media (max-width: 767px) {
img[src*="hamburger-green"] { width: 27px !important; height: 27px !important; }
img[src*="heart-green"]     { width: 34px !important; height: 34px !important; }
} #lhz-popup {
display: none;
position: fixed;
inset: 0;
z-index: 99999;
}
#lhz-popup.lhz-open { display: block; }
.lhz-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.6);
}
.lhz-inner {
position: absolute;
bottom: 0; left: 0; right: 0;
background: #2a2a2a;
border-radius: 16px 16px 0 0;
max-height: 85vh;
display: flex;
flex-direction: column;
z-index: 1;
overflow: hidden;
}
@media (min-width: 768px) {
.lhz-inner {
top: 50%; left: 50%;
right: auto; bottom: auto;
transform: translate(-50%,-50%);
width: 520px;
max-height: 80vh;
border-radius: 16px;
}
}
.lhz-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px 14px;
border-bottom: 1px solid #444;
flex-shrink: 0;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.lhz-close {
background: none; border: none;
color: #aaa; font-size: 20px;
cursor: pointer; padding: 4px 8px;
transition: color .2s;
}
.lhz-close:hover { color: #fff; }
.lhz-body {
overflow-y: auto;
padding: 16px 20px 24px;
display: flex;
flex-direction: column;
gap: 14px;
flex: 1;
-webkit-overflow-scrolling: touch;
}
.lhz-empty {
color: #888;
text-align: center;
padding: 32px 0;
line-height: 1.6;
margin: 0;
}
.lhz-list {
display: flex;
flex-direction: column;
gap: 10px;
}
.lhz-item {
display: flex;
align-items: center;
gap: 12px;
background: #333;
border-radius: 10px;
padding: 8px 10px;
}
.lhz-thumb {
width: 52px; height: 52px;
object-fit: cover;
border-radius: 6px;
flex-shrink: 0;
}
.lhz-name {
flex: 1;
color: #fff;
font-size: 14px;
line-height: 1.3;
}
.lhz-rm {
background: none; border: none;
color: #666; font-size: 16px;
cursor: pointer; padding: 4px 6px;
transition: color .2s; flex-shrink: 0;
}
.lhz-rm:hover { color: #ff4444; } .lhz-form {
display: flex;
flex-direction: column;
gap: 10px;
border-top: 1px solid #444;
padding-top: 14px;
}
.lhz-form input {
background: #333;
border: 1px solid #555;
border-radius: 8px;
color: #fff;
padding: 10px 14px;
font-size: 16px;
outline: none;
width: 100%;
box-sizing: border-box;
transition: border-color .2s;
-webkit-box-shadow: 0 0 0px 1000px #333 inset !important;
-webkit-text-fill-color: #fff !important;
}
.lhz-form input:focus { border-color: #00FF00; }
.lhz-form input::placeholder { color: #777; }
.lhz-form input:-webkit-autofill,
.lhz-form input:-webkit-autofill:hover,
.lhz-form input:-webkit-autofill:focus,
.lhz-form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #333 inset !important;
-webkit-text-fill-color: #fff !important;
caret-color: #fff;
border-color: #555 !important;
transition: background-color 9999s ease-in-out 0s;
}
#lhz-status {
font-size: 13px;
padding: 0;
line-height: 1.4;
min-height: 0;
}
#lhz-send {
background: #00FF00;
color: #000;
border: none;
border-radius: 8px;
padding: 12px 16px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: background .2s;
-webkit-tap-highlight-color: transparent;
}
#lhz-send:hover { background: #00e600; }
#lhz-send:disabled { opacity: .6; cursor: default; } #lhz-toast {
position: fixed;
bottom: 28px;
left: 50%;
transform: translateX(-50%) translateY(20px);
background: #222;
color: #fff;
padding: 12px 18px;
border-radius: 12px;
font-size: 14px;
z-index: 999999;
opacity: 0;
transition: opacity .3s, transform .3s;
pointer-events: none;
border: 1px solid #444;
min-width: 260px;
max-width: 90vw;
box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
#lhz-toast.lhz-toast-show {
opacity: 1;
transform: translateX(-50%) translateY(0);
pointer-events: auto;
}
#lhz-toast.lhz-toast-hide {
opacity: 0;
transform: translateX(-50%) translateY(20px);
pointer-events: none;
}
.lhz-toast-row {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 2px;
}
.lhz-toast-heart { color: #00FF00; font-size: 16px; flex-shrink: 0; }
.lhz-toast-heart-off { color: #888; }
.lhz-toast-msg { font-size: 13px; line-height: 1.4; color: #fff; }
.lhz-toast-btn {
display: block;
margin-top: 10px;
padding: 7px 14px;
border: 2px solid #00FF00;
border-radius: 8px;
color: #00FF00 !important;
background: transparent;
font-size: 13px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: background .2s, color .2s;
-webkit-tap-highlight-color: transparent;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.lhz-toast-btn:hover,
.lhz-toast-btn:active {
background: #00FF00 !important;
color: #000 !important;
}
@media (max-width: 640px) {
.lhz-inner {
width: 100% !important;
left: 0 !important;
transform: none !important;
}
} @media (max-width: 767px) {
li#menu-item-8899 {
display: none !important;
} li#leohaz-email-item {
display: block !important;
}
} @media (min-width: 768px) {
li#leohaz-email-item {
display: none !important;
}
} .sydney-offcanvas-menu.toggled {
width: 100vw !important;
max-width: 100vw !important;
left: 0 !important;
} .header-search,
.header-search.header-item {
display: none !important;
} body.leohaz-favs-active {
background: #2a2a2a !important;
}
body.leohaz-favs-active #page,
body.leohaz-favs-active #content,
body.leohaz-favs-active .site-content,
body.leohaz-favs-active .page-content,
body.leohaz-favs-active .entry-content,
body.leohaz-favs-active .elementor,
body.leohaz-favs-active .elementor-section,
body.leohaz-favs-active .elementor-container {
background: #2a2a2a !important;
}
body.leohaz-favs-active .elementor-widget-container {
background: transparent !important;
}
#leohaz-favorites-page {
min-height: 60vh;
padding: 25px 20px 60px;
color: #fff;
position: relative;
max-width: 1920px;
margin: 0 auto;
box-sizing: border-box;
}
.lhz-back-wrap {
position: sticky;
top: 55px;
z-index: 40;
background: transparent;
margin: 0 0 20px 0;
padding: 4px 0;
}
.lhz-back-btn {
padding-left: 0 !important;
}
.lhz-back-btn {
display: inline-flex;
align-items: center;
gap: 7px;
color: #00FF00 !important;
background: transparent;
border: none;
font-size: 13px;
font-weight: 700;
font-family: sans-serif;
text-decoration: none !important;
padding: 6px 0;
cursor: pointer;
letter-spacing: 0.05em;
-webkit-tap-highlight-color: transparent;
transition: opacity .2s;
}
.lhz-back-btn:hover {
opacity: 0.75;
color: #00FF00 !important;
}
.lhz-back-btn svg {
width: 22px;
height: 22px;
stroke: #00FF00;
stroke-width: 3;
fill: none;
flex-shrink: 0;
}
.lhz-fav-head {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
align-items: end;
margin-bottom: 70px;
margin-left: 75px;
}
.lhz-fav-title-main {
grid-column: 1 / 2;
align-self: end;
text-align: right;
color: #b0b0b0;
font-size: 42px;
font-weight: 400;
letter-spacing: 0.15em;
font-family: 'Abel', sans-serif;
margin: 0;
line-height: 1;
}
@media (max-width: 1024px) {
.lhz-fav-head {
grid-template-columns: repeat(2, 1fr);
}
.lhz-fav-title-main {
grid-column: 1 / 2;
font-size: 36px;
}
}
@media (max-width: 767px) {
#leohaz-favorites-page {
padding-top: 0;
}
.lhz-back-wrap {
margin: 0 0 83px 0;
}
.lhz-fav-head {
display: flex;
flex-direction: column;
gap: 25px;
margin-bottom: 25px;
margin-left: 0;
}
.lhz-fav-grid {
margin-left: 0;
}
.lhz-fav-title-main {
order: 2;
font-size: 30px;
text-align: right;
}
.lhz-fav-form {
order: 1;
}
}
.lhz-fav-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 48px;
margin-left: 75px;
}
@media (max-width: 1024px) {
.lhz-fav-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.lhz-fav-grid {
grid-template-columns: 1fr;
margin-left: 0;
}
}
.lhz-fav-tile {
display: flex;
flex-direction: column;
color: #fff;
transition: opacity .3s;
}
.lhz-fav-tile .lhz-wrap {
width: 100%;
display: block;
}
.lhz-fav-tile img {
width: 100%;
height: auto;
display: block;
}
.lhz-fav-title {
font-size: 20px;
font-weight: 600;
margin-top: 10px;
color: #fff;
font-family: 'Abel', sans-serif;
line-height: 1.3;
}
.lhz-fav-desc {
font-size: 16px;
color: #aaa;
margin-top: 4px;
font-family: 'Abel', sans-serif;
line-height: 1.3;
}
.lhz-fav-empty {
color: #888;
text-align: center;
padding: 80px 20px;
line-height: 1.6;
font-size: 15px;
font-family: sans-serif;
margin: 0;
}
.lhz-fav-form {
grid-column: 3;
position: static;
width: 100%;
max-width: none;
margin: 0;
background: #2a2a2a;
border: 1px solid #444;
border-radius: 12px;
padding: 16px;
display: flex;
flex-direction: column;
gap: 10px;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.lhz-fav-form {
grid-column: 2;
}
}
@media (max-width: 767px) {
.lhz-fav-form {
grid-column: 1;
}
}
.lhz-fav-form input {
background: #333;
border: 1px solid #555;
border-radius: 8px;
color: #fff;
padding: 10px 14px;
font-size: 16px;
outline: none;
width: 100%;
box-sizing: border-box;
transition: border-color .2s;
-webkit-box-shadow: 0 0 0px 1000px #333 inset !important;
-webkit-text-fill-color: #fff !important;
font-family: sans-serif;
}
.lhz-fav-form input:focus { border-color: #00FF00; }
.lhz-fav-form input::placeholder { color: #777; }
.lhz-fav-form input:-webkit-autofill,
.lhz-fav-form input:-webkit-autofill:hover,
.lhz-fav-form input:-webkit-autofill:focus,
.lhz-fav-form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0px 1000px #333 inset !important;
-webkit-text-fill-color: #fff !important;
caret-color: #fff;
border-color: #555 !important;
transition: background-color 9999s ease-in-out 0s;
}
#lhz-fav-status {
font-size: 13px;
line-height: 1.4;
min-height: 0;
font-family: sans-serif;
}
#lhz-fav-send {
background: #00FF00;
color: #000;
border: none;
border-radius: 8px;
padding: 12px 16px;
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: background .2s;
font-family: sans-serif;
-webkit-tap-highlight-color: transparent;
}
#lhz-fav-send:hover { background: #00e600; }
#lhz-fav-send:disabled { opacity: .6; cursor: default; } .lhz-item {
cursor: pointer;
transition: background .15s;
}
.lhz-item:hover {
background: #3a3a3a;
}@font-face {
font-family: 'pet-drop';
src:  url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.eot?iepruw);
src:  url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.eot?iepruw#iefix) format('embedded-opentype'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.ttf?iepruw) format('truetype'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.woff?iepruw) format('woff'),
url(http://localhost:83/leohaz/wp-content/uploads/wp-svg-icons/custom-pack/fonts/pet-drop.svg?iepruw#pet-drop) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="wp-svg-custom-"], [class*=" wp-svg-custom-"] { font-family: 'pet-drop' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path1:before {
content: "\e900";
color: rgb(230, 230, 230);
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path2:before {
content: "\e901";
margin-left: -1em;
color: rgb(52, 52, 52);
}
.wp-svg-custom-pet-pur-wp-svg-custom-g .path3:before {
content: "\e902";
margin-left: -1em;
color: rgb(255, 255, 255);
opacity: 0.12;
}