/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://aphonicsolutions.com
 Description:  A child theme of Twenty Twenty WordPress theme.
 Author:       Nimesh Patel
 Author URI:   https://aphonicsolutions.com
 Template:     twentytwenty
 Text Domain:  twentytwenty-child
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* --- HernandezNiu Font Family Declarations --- */
/* These rules must be at the very top of your custom CSS after the theme header */

/* HernandezNiu Heavy (Weight 900) */
@font-face {
    font-family: 'HernandezNiu';
    src: local('HernandezNiu Heavy'),
         url('./fonts/HernandezNiu-Heavy.woff2') format('woff2'),
         url('./fonts/HernandezNiu-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* HernandezNiu UltraBold (Weight 800) - Assuming this is slightly less heavy than 'Heavy' */
@font-face {
    font-family: 'HernandezNiu';
    src: local('HernandezNiu UltraBold'),
         url('./fonts/HernandezNiu-UltraBold.woff2') format('woff2'),
         url('./fonts/HernandezNiu-UltraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* HernandezNiu Bold (Weight 700) */
@font-face {
    font-family: 'HernandezNiu';
    src: local('HernandezNiu Bold'),
         url('./fonts/HernandezNiu-Bold.woff2') format('woff2'),
         url('./fonts/HernandezNiu-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* HernandezNiu BoldItalic (Weight 700, Italic) */
@font-face {
    font-family: 'HernandezNiu';
    src: local('HernandezNiu BoldItalic'),
         url('./fonts/HernandezNiu-BoldItalic.woff2') format('woff2'),
         url('./fonts/HernandezNiu-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* HernandezNiu Regular (Weight 400) */
@font-face {
    font-family: 'HernandezNiu';
    src: local('HernandezNiu Regular'),
         url('./fonts/HernandezNiu-Regular.woff2') format('woff2'),
         url('./fonts/HernandezNiu-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* HernandezNiu Light (Weight 300) */
@font-face {
    font-family: 'HernandezNiu';
    src: local('HernandezNiu Light'),
         url('./fonts/HernandezNiu-Light.woff2') format('woff2'),
         url('./fonts/HernandezNiu-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* --- General Child Theme Styles --- */

body {
    background: transparent;
}

section {
    padding: 0rem 0;
}
.make_list_section li span.comingsoon{
    display: block !important;
    font-size: 15px;
    margin-top: -5px;
    color: #464646;
}

.slider_sec .first_sl_head{
    color: #000000 !important;
}
.slider_sec .second_sl_head {
    color: #000000 !important;
}
.slider_sec .second_sl_btn {
    background-color: #7cb61c;
    border-color: #7cb61c;
}
.slider_sec .second_sl_btn:hover {
    background-color: #4c6f11;
}
/* .slider_sec .elementor-slide-heading {
    margin: 10px !important;
} */
.slider_sec .elementor-slide-description{
    margin: 10px !important;
}
.slider_sec span.swiper-pagination-bullet {
    border: 1px solid #808080;
}
/* .slider_sec .swiper-slide-contents.animated.fadeInUp {
    background: transparent;
    background-color: rgba(255, 255, 255, 0.3);
    padding: 10px;
} */
.main_apoption {
    padding: 50px 0px 50px 0px;
    background-color:#fef8d8 !important;
}
.main_apoption .adoption_border:hover{
    border: 1px solid rgb(207, 207, 207);
    box-shadow: 2px 2px 12px rgb(160, 160, 160);
    transform: scale(1.05);
    overflow: hidden !important;
}
.main_apoption .adoption_border{
    border: 1px solid rgb(217, 217, 217);
    box-shadow: 2px 2px 4px rgb(230, 230, 230);
    transition: all 0.6s ease 0s;
}
.main_apoption .adoption_border .p-3{
    padding: 0px !important;
}
.main_apoption .adoption_heading{
    padding: 0px 10px 0px 10px !important;
    background: #fff;
}
.main_apoption p.adoption_head {
    font-family: 'HernandezNiu', sans-serif; /* Changed to general family name */
    font-weight: 800; /* Set to UltraBold weight */
    font-style: normal;
    font-size: 22px !important; /* Retained specific size */
    color: #50646a;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    text-align: center;
}
.adoption_img{
    transition: all 0.6s ease 0s;
    overflow: hidden !important;
}
/*.adoption_img img:hover{
    transform: scale(1.08);
    overflow: hidden !important;*/
}
.adoption_img img{
    transition: all 0.6s ease 0s;
    object-fit: cover;
    display: block;
}
.main_apoption input.form-control {
    padding: 1rem 1rem;
}
.main_apoption button.input-group-text {
    background-color: #50646a;
    border-color: #50646a;
    padding: 17px;
    border-radius: 0px 5px 5px 0px;
}
.main_apoption .adoption_img img{
    width: 100%;
}
.main_apoption i.fa.fa-search {
    color: #ffffff;
    font-size: 15px;
}
ul.nav.nav-pills.nav-stacked>li.active>a{
    color: white;
    background-color: #50646a;
    padding: 6px 56px 6px 20px;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 300;
    font-family: "noyhgeometric-light", sans-serif; /* Assuming noyhgeometric-light is an existing system/google font or defined elsewhere */
}
ul.nav.nav-pills.nav-stacked.nav-hierarchy>li>a{
    color: black;
    padding: 6px 15px;
    border-radius: 4px;
    font-size: 15px;
    letter-spacing: 0.5px;
    font-weight: 300;
    font-family: "noyhgeometric-light", sans-serif; /* Assuming noyhgeometric-light is an existing system/google font or defined elsewhere */
}
.main_apoption ul.nav.nav-pills.nav-stacked.nav-hierarchy>li {
    margin: 0px;
}
.main_apoption li > ul, li > ol {
    margin: 0px 0px 0px 20px;
}
ul.nav.nav-pills.nav-stacked.nav-hierarchy:hover{
    background-color: #eeeeee;
}
section.tierschutzportal_sec {
    margin-top: 48px !important;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.85) 14%, rgba(245, 228, 134, 0.85) 100%);
    padding-top: 48px;
    padding-bottom: 48px;
}
.tierschutzportal_head {
    font-family: "noyhgeometric-bold", sans-serif; /* Assuming noyhgeometric-bold is an existing system/google font or defined elsewhere */
    font-weight: 600;
    color:#696969 !important;
    font-size: 24px !important;
    margin: 0px;
}
.tierschutzportal_sec .btn {
    background-color: #7cb61c;
    border-color: #7cb61c;
    padding: 14px 16px;
    font-size: 20px;
    line-height: 1.33;
    border-radius: 0px;
    color:#fff !important;
}
.tierschutzportal_sec a.btn:hover{
    background-color: #4c6f11;
}
.elementor-swiper-button.elementor-swiper-button-prev{
    left:60px !important;
}
.elementor-swiper-button.elementor-swiper-button-next{
    right:60px !important;
}
ul#menu-1-fab0d00 .menu-item-130 a{
    color: #e50046;
}
.elementor-repeater-item-5cb4dba .elementor-button.elementor-slide-button.elementor-size-sm{
    background-color:#7cb61c !important;
    border-color:#7cb61c !important;
}
.elementor-repeater-item-5cb4dba .elementor-button.elementor-slide-button.elementor-size-sm:hover{
    background-color:#2f8034 !important;
    border-color:#2f8034 !important;
    color:#fff !important;
}
.elementor-nav-menu .sub-arrow{
    padding: 0px 0px 0px 5px !important;
}
svg.e-font-icon-svg.e-fas-caret-down {
    height: 1em !important;
    width: 0.5em !important;
}
a:hover{
    text-decoration:underline !important;
}
.adoption_border a:hover{
    text-decoration: none !important;
}
.tierschutzportal_sec a:hover{
    text-decoration: none !important;
}
.elementor-swiper a:hover{
    text-decoration:none !important;
}
.header_sec a:hover{
    text-decoration:none !important;
}
.footer_sec a:hover{
    text-decoration:none !important;
}
ul.pagination {
    justify-content: center;
    margin: 0px;
    padding-top: 26px;
}
ul.pagination li {
    background-color: #fff;
    margin: 2px;
    padding: 10px 15px 10px 15px;
    gap: 10px;
}
ul.pagination li a{
    color: #50646a !important;
}
ul.pagination li.active {
    background-color: #50646a !important;
    color: #fff !important;
}
.elementor-button-wrapper a{
    text-decoration:none !important;
}
.datenschutzhinweis_sec ul, ol {
    margin-bottom: 11px !important;
}
img.apoption_gallery {
    width: 100% !important;
}
.tierschutzportal_btn{
    align-items: center;
    display: flex;
}
.footer_popup:focus-visible{
    border: none !important;
}
.related_post .related_post_bottom_img img {
    width: 100%;
}
.related_post .related_post_title p{
    color: #ffffff;
    font-family: 'HernandezNiu', sans-serif; /* Changed to general family name */
    font-weight: 800; /* Set to UltraBold weight */
    font-style: normal;
    font-size: 36px;
    line-height: 46px;
    letter-spacing: 0.5px;
    text-align: center;
    background-color: #0000004D;
    margin: 14px 0px;
}
.related_post .related_post_both_title {
    position: absolute;
    text-align: center;
    top: 20%;
    left: 0;
    right: 0;
}
.related_post_sub_title p{
    color: #E50046;
    font-family: 'HernandezNiu', sans-serif; /* Changed to general family name */
    font-weight: 800; /* Set to UltraBold weight */
    font-style: normal;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0.5px;
    background-color: #0000004D;
}
.related_post {
    min-height: 350px;
    height: 65vh;
    cursor: pointer;
}
.related_post_bottom_img{
    background-image: url(/wp-content/themes/twentytwenty-child/image/single_blog_post.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: black;
    color: white;
    position: relative;
    min-height: 350px;
    height: 65vh;
}
.related_post .next_post{
    color: #ffffff;
    font-family: "noyhgeometric-light", sans-serif; /* Assuming noyhgeometric-light is an existing system/google font or defined elsewhere */
    font-weight: 500;
    font-size: 16px;
}
.main_news_blog .news_feature_img{
    border-radius: 100%;
}
.main_news_blog .news_blog_title{
    font-family: 'HernandezNiu', sans-serif; /* Changed to general family name */
    font-weight: 800; /* Set to UltraBold weight */
    font-style: normal;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 0.5px;
    margin: 4px 0px !important;
}
.main_news_blog .news_blog_sub_title{
    color: #E50046;
    font-family: 'HernandezNiu', sans-serif; /* Changed to general family name */
    font-weight: 800; /* Set to UltraBold weight */
    font-style: normal;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.5px;
    margin: 4px 0px !important;
}
.main_news_blog .news_blog_date {
    color: #000000;
    font-size: 16px;
    font-family: "noyhgeometric-light", sans-serif; /* Assuming noyhgeometric-light is an existing system/google font or defined elsewhere */
    font-weight: 700;
    padding-bottom: 10px;
}
.main_news_blog .news_blog_bg {
    background-image: url(/wp-content/themes/twentytwenty-child/image/author_avatar.webp);
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    width: 50%;
}

@media screen and (max-width: 768px) {
    .main_apoption .col-lg-4.col-md-4.col-sm-4{
        width: 100% !important;
    }
    .main_apoption .col-lg-8.col-md-8.col-sm-8{
        width: 100% !important;
    }
    .main_apoption ul.nav.nav-pills.nav-stacked {
        justify-content: center;
        padding-bottom: 10px;
        margin: 0px;
    }
    .main_apoption ul.nav.nav-pills.nav-stacked li{
        margin: 0px;
    }
    .tierschutzportal_sec .tierschutzportal_heading{
        width: 70%;
    }
    .tierschutzportal_sec .tierschutzportal_btn {
        width: 30%;
    }
}

@media screen and (max-width: 600px) {
    .tierschutzportal_sec .tierschutzportal_btn{
        text-align: center;
        padding-top: 10px;
    }
    .main_news_blog img.news_feature_img {
        margin: 0 auto;
    }
    .main_news_blog .news_blog_head {
        padding-top: 10px;
    }
    .main_news_blog .news_blog_bg{
        width: 69%;
    }
}

/* Commented-out rules - review if still needed after cleanup */
/* .elementor-element-7264fa4 p.elementor-heading-title.elementor-size-default,
.elementor-element-10fff3f p.elementor-heading-title.elementor-size-default {
    color: #222222 !important;
    font-family: "HernandezNiu-UltraBold", Sans-serif !important;
    font-size: 26px !important;
    line-height: 34px !important;
    letter-spacing: 0.5px !important;
} */

.newsspage .news_blog_title a{
    font-size: 30px;
    color: #000;
    margin-bottom: 5px !important;
    display: block;
}
.newsspage .news_feature_img {
    border-radius: 100%;
    width: 150px;
    height: 150px;
    object-fit: cover;
}
.main_news_blog .pagination a {
    text-decoration: none;
    background-color: #fff;
    width: 38px;
    height: 40px;
    text-align: center;
    margin: 0px 2px;
    padding-top: 8px;
    color: #333333;
    font-size: 16px;
}
.main_news_blog .page-numbers.current{
    background-color: #fff;
    width: 38px;
    height: 40px;
    text-align: center;
    margin: 0px 2px;
    padding-top: 8px;
    color: #333333;
    font-size: 16px;
}
.main_news_blog .page-numbers.dots {
    background-color: #fff;
    width: 38px;
    height: 40px;
    text-align: center;
    margin: 0px 2px;
    padding-top: 8px;
    color: #333333;
    font-size: 16px;
    margin-top: 5px;
}
.main_news_blog .pagination a.next {
    width: 68px;
}
.elementor-pagination a.page-numbers {
    text-decoration: none;
    background-color: #fff;
    width: 38px;
    height: 40px;
    text-align: center;
    margin: 0px 2px;
    padding-top: 8px;
    color: #333333;
    font-size: 16px;
    display: inline-block;
}
.elementor-pagination .page-numbers.current{
    background-color: #fff;
    width: 38px;
    height: 40px;
    text-align: center;
    margin: 0px 2px;
    padding-top: 8px;
    color: #333333;
    font-size: 16px;
    display: inline-block;
}
.elementor-pagination .page-numbers.dots {
    background-color: #fff;
    width: 38px;
    height: 40px;
    text-align: center;
    margin: 0px 2px;
    padding-top: 8px;
    color: #333333;
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
}
.hiermenu a{
    color:#FFDE4E !important;
}
.single_blog_link{
        color: #e50046 !important;
}
/* Commented-out rules - review if still needed after cleanup */
/* .single-post .e-con-inner p {
    font-family: "Comfortaa", Sans-serif !important;
    font-size: 12px !important;
    line-height: 21px !important;
    letter-spacing: 0.5px !important;
} */
/* .single-post .e-con-inner h6{
    font-family: "Content", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
} */
.single-post .e-con-inner b{
        font-family: "Content", sans-serif !important; /* Assuming Content is an existing system/google font or defined elsewhere */
    font-size: 14px !important;
}
.single-post h1{
    font-family: 'HernandezNiu', sans-serif !important; /* Changed to general family name */
    font-weight: 800 !important; /* Set to UltraBold weight */
    font-style: normal !important;
}
.single-post h2{
    font-family: 'HernandezNiu', sans-serif !important; /* Changed to general family name */
    font-weight: 800 !important; /* Set to UltraBold weight */
    font-style: normal !important;
}


/* 11-02-2025 */
.single-post a.elementor-button.elementor-button-link.elementor-size-sm {
    background-color: #B6191D !important;
    padding: 14px 16px 14px 16px !important;
}
.single-post a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    background-color: #B6191DE6 !important;
    border-color: #B6191DE6 !important;
}


/* 28-02-2025 - Commented out blocks - review if still needed after cleanup */
/* .slider_sec .elementor-swiper-button.elementor-swiper-button-prev {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    width: 10%;
    height: 100%;
    left: 0% !important;
    transition: 0.3s !important;
    align-items: center !important;
    display: flex !important;
    justify-content: center;
}
.slider_sec:hover .elementor-swiper-button.elementor-swiper-button-prev{
    outline: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 0.9 !important;
}
svg.e-font-icon-svg.e-eicon-chevron-left {
    fill: #fff !important;
}
.slider_sec .elementor-swiper-button.elementor-swiper-button-next {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    width: 10%;
    height: 100%;
    transition: 0.3s !important;
    display: flex !important;
    justify-content: center;
    align-items: center !important;
}
.slider_sec:hover .elementor-swiper-button.elementor-swiper-button-next{
    outline: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 0.9 !important;
}
.slider_sec .elementor-swiper-button.elementor-swiper-button-next {
    right: 1px !important;
}
svg.e-font-icon-svg.e-eicon-chevron-right{
    fill: #fff !important;
}
.elementor-repeater-item-f7edbd2 .swiper-slide-contents{
    /*max-width: 27% !important;*/
} */
a:hover{
text-decoration: none !important;
}
/*
.elementor-element.elementor-element-4b3d20f.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded{
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.3841911764705882) 50%, rgba(0, 0, 0, 1) 100%) !important;

} */
@media screen and (min-width: 1200px) and (max-width: 1600px) {
    .slider_sec .swiper-slide-contents.animated.fadeInUp {
        max-width: 25% !important;
    }
    .slider_sec .swiper-slide-contents.animated.fadeInUp span{
        font-size: 24px !important;
        line-height: 34px !important;
    }
    .slider_sec a.swiper-slide-inner {
        padding: 0px 0px 0px 200px !important;
    }
    .slider_sec .swiper-slide-inner{
        padding: 0px 0px 0px 100px !important;
    }
    .elementor-10 .elementor-element.elementor-element-f9ad461 .elementor-slide-button {
        font-family: "Helvetica", sans-serif; /* Changed to a standard fallback font */
        font-size: 17px !important;
        line-height: 16px !important;
    }
    .elementor-10 .elementor-element.elementor-element-f9ad461 .elementor-slide-heading{
        line-height: 34px !important;
    }
}

/* 03-01-32025 */

.single-post .e-con-inner p{
    font-family: "noyhgeometric-light", sans-serif !important; /* Assuming noyhgeometric-light is an existing system/google font or defined elsewhere */
    font-weight: 400 !important;
    font-size:17px !important
}
.single-post .e-con-inner h6{
    font-family: "noyhgeometric-light", sans-serif !important; /* Assuming noyhgeometric-light is an existing system/google font or defined elsewhere */
    font-weight: bold !important;
}

/* 06-03-2025 */
.elementor-repeater-item-f1dc488 .elementor-button{
    background-color: #ffde4e !important;
}
.elementor-repeater-item-f1dc488 .elementor-button{
    color:#000 !important
}
.elementor-repeater-item-3ccf141 .elementor-button{
    background-color: #ffde4e !important;
}
.elementor-repeater-item-3ccf141 .elementor-button{
    color:#000 !important
}
/*commented out by NP on 16-04-2025
/*.single-post .elementor-widget-container .elementor-element{
    background-color: #bdc9d1e6 !important;
}*/
.elementor-slides-wrapper .elementor-background-overlay {
    background: linear-gradient(90deg, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 0%) 50%, rgb(0 0 0 / 80%) 100%) !important;
}

/* 20-03-2025 css */
.single-post .elementor-widget-container .elementor-element .e-con-inner .elementor-element{
    background-color: transparent !important;
}

/*21-03-2025*/

.home_blog_sec img{
 height: 227px !important;
object-fit: cover;
  object-position: center center;
}

.home_blog_sec .elementor-post__thumbnail {
    height: 227px !important;
    object-fit: cover;
    object-position: center center;
}

/*16-04-2025 by NP */
/* Make parent container adjust to content */
.e-con-full.e-flex.e-parent {
    min-height: auto !important;
    height: auto !important;
}

/* Remove absolute positioning from child containers (if possible) */
.e-con-full.e-flex.e-parent > .e-con-full.e-flex.e-child {
    position: relative !important;
   /* inset: auto !important;*/
}
@media screen and (max-width: 600px) {
    .single-post h1{
        font-size: 26px!important;
        line-height: 40px !important;
    }
    .single-post h2{
        font-size: 20px!important;
        line-height: 35px !important;
    }
}
@media screen and (min-width: 1200px) {
    .elementor-element-f45ff8d {
        max-width: 1140px!important;
    }
}
@media screen and (min-width: 591px) and (max-width: 1200px) {
    .swiper-slide-contents {
    max-width: 50%!important;

    }
    .swiper-slide-inner {
    padding: 0px 0px 0px 30px!important;
    }
}
@media screen and (max-width: 590px) {
    .swiper-slide-contents {
    max-width: 100%!important;

    }
    .swiper-slide-inner {
    padding: 0px 0px 0px 10px!important;
    text-align: center!important;
    }
    .elementor-swiper-button {
        padding-top: 325px!important;
    }
}
.elementor-widget-text-editor > .elementor-widget-container {
    background-color: #FFFFFF;
    padding: 20px;
}
.elementor-widget-gallery > .elementor-widget-container {
    background-color:#FFFFFF;
    padding: 20px;
    margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
    .custom-post-content > .elementor-widget-container {
        padding: unset!important;
    }
}
@media screen and (max-width: 768px) {
    .custom-post-content > .elementor-widget-container {
        padding: unset!important;
    }
}