/* GLOBAL VARIABLES */
:root{--hv-primary:#0058bd;--hv-primary-light:#679cdb;--hv-dark:#212121;--hv-text:#666666;--hv-border:#dddddd;--hv-white:#ffffff;--hv-footer:#061C36;--hv-shadow:rgba(0,0,0,.05)}

/* BASE FONTS */
body,button,input,textarea,select{font-family:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:var(--hv-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* HEADINGS */
/* FIX BOOTSTRAP HEADINGS */
h1.elementor-heading-title{
line-height:1.2 !important;
}
h2.elementor-heading-title{
line-height:1.4 !important;
}
h1{font-size:64px;line-height:1.2!important;font-weight:700;letter-spacing:-.02em}
h2{font-size:42px;line-height:1.5!important;font-weight:700;letter-spacing:-.02em}
h3{font-size:22px;line-height:1.3!important;font-weight:700;letter-spacing:-.01em}
h4{font-size:20px;line-height:1.35;font-weight:700}
h5{font-size:18px;line-height:1.4;font-weight:700}
h6{font-size:16px;line-height:1.4;font-weight:700}
.elementor-heading-title a{
color:inherit;
font-weight:inherit;
font-size:inherit;
line-height:inherit;
letter-spacing:inherit;
text-decoration:none;
}
/* GLOBAL LINKS */
a{
transition:.2s ease;
}

a:hover{
color:var(--e-global-color-primary) !important;
}

/* TEXT LINKS */
.elementor-widget-text-editor a:hover,
.elementor-heading-title a:hover{
color:var(--e-global-color-primary) !important;
}

/* OPTIONAL UNDERLINE EFFECT */
.elementor-widget-text-editor a,
.elementor-heading-title a{
text-decoration:none;
}

/* Elementor image widget */
.elementor .elementor-widget-image img{
border-radius:6px;
box-shadow:0 20px 40px rgba(0,0,0,.08);
display:block;
}

/* ELEMENTOR FIX */
html,body{
    overflow-x:hidden!important;
}
.e-con,
.elementor-widget,
.elementor-column{
    min-width:0 !important;
}

.elementor-heading-title{line-height:inherit!important}
.elementor-widget-text-editor{line-height:inherit}
/* .elementor-widget-text-editor p{margin:0;font-size:19px!important;font-weight:400!important;line-height:29px!important} */
.elementor-widget-text-editor p a{color:var(--hv-primary-light)!important}
.elementor-widget-text-editor a{color:var(--hv-primary-light)!important}
.custom-social-icons p a{color:var(--hv-white)!important}

/* HEADER */
.tx_top2_relative,.tx_relative_m{box-shadow:0 1px 4px rgba(0,0,0,.04)}
.miuow_menu ul .sub-menu{min-width:80px!important}
.miuow_menu>ul>li>a{display:block;margin:30px 10px 30px!important;text-transform:uppercase!important;position:relative;font-weight:500}

/* TABLET FIX */
@media(max-width:1024px){
body{overflow-x:hidden}
.e-con,.e-con-inner{max-width:100%!important;min-width:0!important;}
/* .e-con,.e-con-inner{max-width:100%!important;min-width:0!important;overflow:hidden} */
.e-con-boxed,.e-con-full{padding-left:1rem!important;padding-right:1rem!important}
/* .e-flex>.e-con.e-child{flex:1 1 0!important} */
img{max-width:100%;height:auto}
.elementor-nav-menu--dropdown{background:#001b44!important}
.elementor-nav-menu--dropdown a{color:#fff!important;background:transparent!important}
.elementor-nav-menu--dropdown .elementor-item:hover{background:rgba(255,255,255,.08)!important}
.elementor-social-icons-wrapper{display:flex!important;flex-wrap:wrap!important;gap:.5rem!important}
.elementor-social-icons-wrapper .elementor-grid-item{width:auto!important;max-width:none!important}
}
/* MOBILE TYPO */
@media(max-width:767px){
h1{font-size:40px;line-height:1.15!important;letter-spacing:-.02em}
h2{font-size:30px;line-height:1.2!important}
h3{font-size:18px;line-height:1.3!important}
.elementor-button-text{font-size:16px;line-height:1.4}
.elementor-widget-text-editor p{font-size:16px!important;line-height:24px!important}
}

/* MOBILE LOGO */
@media(max-width:767px){
.mobile_menu_logo img{width:100%!important}
.mobile_menu_inner .mobile_menu_logo img{width:100px!important;max-width:70%;height:auto}
}

/* MOBILE STICKY HEADER */
@media(max-width:991px){
.tx_top2_relative.mobile-sticky{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
}

/* MOBILE SLIDER TEXT FIX */
@media(max-width:767px){
.txbdsinner.allleft,.txbdsinner.allleft p{text-align:left!important}
.txbdsinner.allleft p{margin-left:0}
}

/* MOBILE HEADER TOP */
@media(max-width:767px){
.miuow-header-top{display:none}
}

/* PAGE / BREADCRUMB */
h1.brcrumb_title{padding-top:0!important;padding-left:0!important;padding-bottom:1rem;text-align:left}
.breadcumb-area,.breadcumb-blog-area{padding:2rem 0!important}
.brcrumb_title{padding:2rem}
.post-meta{padding:1rem 0}

/* BLOG AUTHOR */
.custom-post-meta-bottom{margin-top:40px;padding:30px;background:#f7f7f7}
.custom-post-meta-bottom .post-author{font-weight:600;margin-bottom:10px}
.custom-post-meta-bottom .post-meta-info{font-size:14px;color:#777}
.custom-post-meta-bottom .post-meta-info a{margin-left:15px;text-transform:uppercase;letter-spacing:1px}

/* BLOG LAYOUT */
.miuow-blog-area,.miuow_blog_index,.miuow-page-template{padding:30px 0 50px!important}
.miuow_blog_index.blog_regular_archive{padding-top:0!important}
.miuow_meta span:has(.ti-comment){display:none!important}
h2.wblogtitle a{font-size:20px}
.wblogovermeta{position:absolute;left:0!important;bottom:0!important;z-index:999;background:var(--hv-primary);padding:0 10px!important;text-align:center;width:100%; transform: none !important;}

/* BLOG CATEGORY */
.hakuna-blog-cats{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}
.cat-btn{padding:10px 20px;border:1px solid var(--hv-primary);border-radius:10px;text-decoration:none;color:var(--hv-primary);font-size:16px;font-weight:600;transition:.3s; }
.cat-btn:hover{background:var(--hv-primary);color:#fff}

/* BLOG SIDEBAR */
.recent-post-text h4{font-size:16px}
.recent-post-text h4 a{font-size:16px!important;font-weight:400!important;line-height:1.2!important}

/* BLOG IMAGE */
.miuow_spage_thumb{margin-bottom:2rem!important}
.miuow_spage_thumb a,.miuow_spage_thumb img{cursor:zoom-in}
.miuow_sblog_content h2{font-size:30px!important}
.miuow_sblog_content h3{font-size:24px!important}

/* MOBILE BLOG */
@media(max-width:767px){
.miuow_sblog_content .blog_title_h1 h1{font-size:40px!important;line-height:48px}
.miuow_sblog_content h2{font-size:24px}
.brpt.brptsize .brcrumb_title{font-size:30px!important}
}

h2.blog_title{font-size:20px!important;line-height:22px}
.prevspost,.nextspost{font-size:14px;width:45%}

/* FOOTER */
.miuow-description-area p{width:50%}

/* PEDIGREE */
.pedigree-tree{display:grid;grid-template-columns:1.1fr 1.2fr .9fr .85fr .85fr;grid-template-rows:repeat(17,1fr);height:640px;column-gap:20px;row-gap:2px}
.node{display:flex;align-items:center;justify-content:center}
.ped-card{background:rgba(20,40,70,.93);border-radius:16px;color:#fff;width:100%;box-shadow:0 8px 22px rgba(0,0,0,.25);padding:8px 14px;display:flex;flex-direction:column;justify-content:center}
.main-dog{padding:2rem}
.main-dog .ped-title{font-size:20px;font-weight:700;color:#ffe400;margin-bottom:4px;text-align:center}
.main-dog .ped-name{font-size:20px;font-weight:600;margin-bottom:6px;text-align:center}
.main-dog img{width:100%;max-height:60%;object-fit:contain;margin-top:10px;border-radius:10px!important}
.parent{padding:1.5rem}
.parent .ped-name{font-size:18px;font-weight:600;margin-bottom:6px;text-align:center}
.parent img{width:100%;max-height:200px;object-fit:contain;margin-top:10px;border-radius:10px!important}

/* PEDIGREE GENERATIONS */
.pedigree-tree .node[style*="grid-column:3"] .ped-card{font-size:16px;font-weight:500;padding:6px 12px;min-height:90%;display:flex;align-items:center;justify-content:center;text-align:center}
.pedigree-tree .node[style*="grid-column:4"] .ped-card{font-size:14px;font-weight:500;padding:6px 12px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:4rem}
.pedigree-tree .node[style*="grid-column:5"] .ped-card{font-size:12px;font-weight:400;padding:5px 12px;display:flex;align-items:center;justify-content:center;text-align:center}

/* PEDIGREE ALIGN */
.pedigree-tree .node[style*="grid-column:5"]:nth-of-type(2n){margin-top:4px}
.pedigree-tree .node[style*="grid-column:5"]:nth-of-type(2n+1){margin-bottom:4px}
.pedigree-tree .node[style*="grid-column:4"],.pedigree-tree .node[style*="grid-column:5"]{align-self:center}

/* PEDIGREE RESPONSIVE */
@media(max-width:1400px){
.pedigree-tree{height:600px;column-gap:20px}
}

/* PEDIGREE MOBILE */
@media(max-width:768px){
.pedigree-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%}
.pedigree-tree{min-width:1100px;height:760px}
.pedigree-wrapper::-webkit-scrollbar{height:6px}
.pedigree-wrapper::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-radius:10px}
.pedigree-tree .node{min-width:0}
}

/* BLOG GRID SYSTEM */
.witr_carousel_main.row{display:flex;flex-wrap:wrap;align-items:stretch}
.witr_carousel_main.row>[class*="col-"]{display:flex}
.wblogpart{display:flex;flex-direction:column;width:100%;height:100%}
.wblogthumbinner{position:relative;overflow:hidden;aspect-ratio:4/3}
.wblogthumbinner.bg-cover-ready{background-size:cover;background-position:center;background-repeat:no-repeat}
.wblogthumbinner.bg-cover-ready img{opacity:0;width:100%;height:100%}
.wblogcontent{display:flex;flex-direction:column;flex:1 1 auto}
.wblogcontent p{flex:1 1 auto}
.wblogbtn{margin-top:auto}

/* BLOG ARCHIVE CARD */
.miuow_blog_item{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.05)}
.miuow_blog_thumb{aspect-ratio:4/3;overflow:hidden}
.miuow_blog_thumb img{width:100%;height:100%;object-fit:cover;display:block}
.miuow_blog_content{display:flex;flex-direction:column;flex:1;padding:20px}
.miuow_blog_content p{flex:1}
.blog_readmore{margin-top:auto}
.blog_btn{display:inline-block;padding:7px 36px;background:#679CDB;color:#ffffff!important;text-decoration:none;border-radius:4px;font-weight:500;border:none;transition:.25s}
.blog_btn:hover{background:#4f86cc;color:#fff!important}

/* DOG GRID */
.dog-card{display:flex;flex-direction:column;height:100%;transition:transform .25s ease,box-shadow .25s ease}
.dog-card>.e-con-inner{display:flex;flex-direction:column;height:100%}
.dog-card:hover{transform:translateY(-4px)}
.dog-image-wrap{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}
.dog-image-wrap .elementor-widget-image,.dog-image-wrap .elementor-widget-image a{width:100%;height:100%;display:block}
.dog-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.dog-card .elementor-element-c510095{display:flex;flex-direction:column;flex:1}
.dog-card .elementor-element-b0ea8bb{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.8em}
.dog-card .elementor-element-3a196c8{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.dog-card .elementor-widget-button{margin-top:auto}

/* ICON STEPS */
.hv-why-steps-01 .elementor-widget-icon-box{display:flex!important;align-items:center!important;gap:25px!important;text-align:left!important}
.hv-why-steps-01 .elementor-icon-box-wrapper{display:block!important;width:100%!important}
.hv-why-steps-01 .elementor-icon-box-content,.hv-why-steps-01 .elementor-icon-box-description{text-align:left!important}
.hv-why-steps-01 .elementor-widget-icon-box::before{content:attr(data-step);width:40px;height:40px;min-width:40px;background:#679bdb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}

/* FOOTER MOBILE MENU */
@media(max-width:767px){
footer .elementor-nav-menu--dropdown,footer .elementor-nav-menu__container.elementor-nav-menu--dropdown{background:var(--hv-footer)!important}
footer .elementor-nav-menu--dropdown .elementor-item,footer .elementor-nav-menu .elementor-item{color:#fff!important}
footer .elementor-nav-menu--dropdown .elementor-item:hover,footer .elementor-nav-menu .elementor-item:hover{color:#fff!important;opacity:.8}
footer .elementor-nav-menu--dropdown .sub-menu{background:var(--hv-footer)!important}
}
@media (max-width:1024px){
.footer-email{
    font-size:12px;
    overflow-wrap:anywhere;
}
}

/* MOBILE MENU */
@media(max-width:767px){
.mobile_p{padding:30px!important;width:320px!important;background:var(--hv-footer)!important}
.mean-container .mean-nav{overflow:visible!important}
.mean-container .mean-nav ul{padding-bottom:3rem!important}
.mean-container .mean-nav ul li{background:var(--hv-footer)!important;color:#fff;border:none;position:relative}
.mean-container .mean-nav ul li a{border:0!important;width:100%;font-size:16px!important;font-weight:500;display:block;background:var(--hv-footer)!important;color:#fff!important;padding:4px 0!important;text-transform:uppercase}
.mean-container .mean-nav ul li a.mean-expand{display:flex!important;align-items:center;justify-content:center;width:42px!important;height:42px!important;line-height:42px!important;padding:0!important;font-size:28px!important;overflow:visible!important;box-sizing:border-box}
.tx_top2_relative.mobile-sticky,.tx_top2_relative{background:none}
.mobile_logo_area{background-color:rgba(6,28,54,.7)!important}
}

/* MOBILE CONTACT BLOCK FIX */
@media(max-width:991px){
.mean-container .mean-nav ul li.current-menu-item>a,.mean-container .mean-nav ul li.current_page_item>a{color:#679CDB!important;text-decoration:underline;font-weight:700}
.mobile-contacts-block{padding:0;background:transparent;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mobile-buy-btn{display:inline-block;align-self:flex-start;padding:4px 36px;background:#5D6D82;border:1px solid #fff;border-radius:40px;color:#fff!important;text-decoration:none;font-weight:600;transition:.3s}
.mobile-buy-btn:hover{background:#70839c}
.mobile-social{display:flex;gap:15px;margin-top:1rem}
.mobile-social a{color:#8fb4ff!important;font-size:28px}
.mobile-social a:hover{color:#fff}
.mobile-contact-info{display:flex;flex-direction:column;gap:6px;font-size:16px;color:#9fb2c6}
.mobile-contact-info .brand{color:#fff;font-weight:600;margin-bottom:6px}
.mobile-contact-info .contact-links{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.mobile-contact-info a{color:#7fb4ff!important;text-decoration:none}
.mobile-contact-info a:hover{color:#fff}
.mobile_menu_inner,.mean-container,.mean-nav{background:var(--hv-footer)!important}
}