/*

Theme Name: Wildanimals

Theme URI: https://starthemes.net/wordpress-themes/wild-animals-wordpress-theme/

Author: Starthemes

Author URI: https://starthemes.net

Description: In the vast world of WordPress themes, there’s something for everyone. Whether you’re a blogger, an entrepreneur, or a wildlife enthusiast, you can find a theme that perfectly suits your needs. For those who have a deep appreciation for the beauty and wonder of the animal kingdom, the Wild Animals WordPress theme is a true gem. In this comprehensive guide, we’ll delve into what makes this theme stand out, highlighting its SEO optimization, responsiveness, block editor, Google Fonts integration and custom widgets that cater specifically to the needs of wildlife websites.  Wildlife enthusiasts and conservationists need a platform that can effectively showcase the mesmerizing world of wild animals. The Wild Animals WordPress theme has been crafted with a keen understanding of these unique requirements. Let’s explore the beautiful WordPress theme that make this theme for anyone looking to create a wildlife-themed website.

Tested up to: 6.4

Requires PHP: 7.2

Version: 1.0.2

License: GNU General Public License

License URI: https://www.gnu.org/licenses/gpl-3.0.en.html

Text Domain: wildanimals

Tags: portfolio, e-commerce, blog, one-column, two-columns, three-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar, custom-background, wide-blocks



Wildanimals is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).

Wildanimals WordPress Theme has been created by Starthemes(starthemes.net), 2024.

Wildanimals WordPress Theme is released under the terms of GNU GPL

*/

body{
    background-color: #fff !important;
}

a{

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.wp-block-navigation__container ul.has-background{

    padding: 0;

}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{

    background-color: var(--wp--preset--color--secondary);

}



.wp-block-navigation__responsive-container .wp-block-navigation-link a{

    color: var(--wp--preset--color--white);

}

.wp-block-image img{

    vertical-align: middle;

}



.pos-relative{

    position: relative;

}



.whatwe-icon{

    position: relative;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    transition: transform .6s cubic-bezier(.19,1,.22,1);

    -webkit-transition: -webkit-transform .6s cubic-bezier(.19,1,.22,1);

    z-index: 10;

}



.infobox-num {

    background-color: #009233;

    color: #ffffff;

    height: 34px;

    width: 34px;

    line-height: 30px;

    font-size: 14px;

    text-align: center;

    display: inline-block;

    position: relative;

    top: 0;

    border-radius: 20px;

    flex-grow: 1;

    flex-shrink: 0;

}



.post-category{

    position: absolute;

    top: -20px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 3;

}

.post-date{

    position: absolute;

    bottom: -20px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 3;

}



.process-num{

    position: absolute;

    top: 0;

    right: 35px;

}



.footer-nav{

    margin: 0;

    padding: 0;

}



.footer-nav li{

    margin-bottom:12px;

    width:100%;

    display:block; 

    list-style:none;

}



.footer-nav li a{

    display:block;

    margin-bottom:8px;

    position:relative;

    padding-left:20px;

}



.footer-nav li a:before{

    content:'>>';

    font-family:'Font Awesome 6 Pro';

    position:absolute;

    font-weight:300;

    font-size:12px;

    top:50%;

    -webkit-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    transform:translateY(-50%);

    left:0;

}



.footer-nav li:last-child{

    border:none;

    margin:0;

}



.footer-nav ul{

    display:none;

}



.footer-post-excerpt p{ 

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



form {

    position: relative;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea,

select {

    width: 100%;

    margin: 10px 0;

    padding: 10px 15px;

    border: 1px solid #ebebeb;

    outline: 0;

    resize: none;

    line-height: 20px;

    background: none;

    color: #a1a1a1;

    font-weight: 400;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 18px;

    border-radius: 5px;

}



select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

select::-ms-expand {

    display: none; /* hide the default arrow in ie10 and ie11 */

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus,

select:focus {

    border-color: var(--wp--preset--color--primary);

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    -moz-appearance: button;

    appearance: button;

    cursor: pointer;

    border: none;

    outline: none;

    padding: 12px 20px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    background-color: var(--wp--preset--color--primary);

    color: #ffffff;

}

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    text-align: center;

    letter-spacing: 2px;

}



.wpcf7-form label {

    display: block;

    text-transform: uppercase;

    font-size: 12px;

    margin: 0 0 8px;

    color: #000000;

    font-weight: 700;

}

.form-group p{

    margin: 0;

}



.form-group.half {

    width: 48%;

    margin-right: 4%;

    float: left;

}



.form-group.half.last {

    margin-right: 0;

}



.form-group.third {

    width: 32%;

    margin-right: 2%;

    float: left;

}



.form-group.third.last {

    margin-right: 0;

}





/* --- Block Media Quries

-------------------------------------------------------- */

/* --- > Media Queries

-------------------------------------------------------- */

/* --- > 781px

-------------------------------------------------------- */

@media screen and (max-width:999px) {

    .wp-block-navigation__responsive-container,

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{

        display: none;

    }



    .wp-block-navigation__responsive-container-close svg,

    .wp-block-navigation__responsive-container-open svg{

        width: 42px;

        height: 42px;

    }

    

    .wp-block-navigation__responsive-container-open svg path,

    .wp-block-navigation__responsive-container-close svg path{

        fill: var(--wp--preset--color--black);

    }



    .wp-block-navigation__responsive-container-close{

        top: 20px;

        right: 20px;

    }


    a{
        color:#009233 !important;
    }
    .wp-block-navigation__responsive-container-open:not(.always-shown){

        display: block;

    }



    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {

        display: none; 

    }



    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{

        background-color: var(--wp--preset--color--secondary);

    }



    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{

        padding: 1.5em;

    }



    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {

        width: 100%;

        gap: 0 !important;

        border-bottom: none;

    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {

        width: 100%;

        gap: 0 !important;

        border: none !important;

    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {

        width: calc( 100% - 48px );

        padding: 12px 24px 12px;

        line-height: 30px;

    }



    /*

    * Submenu Css

    */



    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {

        display: block !important;

        margin-left: 15px;

        padding: 3px 10px;

        float: right;

        font-size: 19px;

        line-height: 1;

        position: absolute;

        right: 0;

        top: 0;

        height: 42px;

        width: 42px;

    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {

        stroke: var(--wp--preset--color--white);

        display: block;

        width: 30px;

        height: 13px;

        margin: 0 !important;

        padding: 0 !important;

    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {

        width: 100%;

        gap: 0;

        margin: 0;

        padding: 0;

        display: none;

        box-shadow: none;

    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {

        padding-left: 35px;

    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {

        display: block;

        margin: 0;

        padding: 0;

    }

}
.jkit-postdes {
    width: 100% !important;
}
.jkit-postdes .jeg-elementor-kit.jkit-postlist.layout-horizontal article a{
    display: block;
    margin-top : 0px !important;
}
.jkit-postdes .jeg-elementor-kit.jkit-postlist.layout-horizontal article img,.recent-publication img{
    width: 100% !important;
    height: 220px;
    object-fit: cover;
}
.jkit-postdes .jeg-elementor-kit.jkit-postlist.layout-horizontal article,.recent-publication .recent-posts{
    box-shadow: 9px 10px 15px #ccc;
    margin-bottom: 30px;
} 
.jkit-postdes .jeg-elementor-kit.jkit-postlist.layout-horizontal article .jkit-postlist-title{
    color:#000 !important;
    font-size: 18px !important;
}
.recent-publication .recent-title{
    display: block;
    padding: 15px;
    color: #0f0f0f;
    font-size: 18px;
}
.deadline-countdown p {
	font-size: 36px;
	font-weight: 500;
	color: #009233;
	margin-bottom: .5rem;
}
.deadline-countdown span {
	color: #969696;
	padding: 2px 5px;
	border-radius: 3px;
}
.deadline-countdown{
    display: flex;
}
.deadline-countdown .classic-width{
    width: 25%;
    text-align: center;
}
body .is-layout-constrained {
    padding: 0px !important; 
}
body .is-layout-constrained > .alignwide {
    max-width: unset !important;
}
.page-header{
    margin: 50px 0px;
    text-align: center;
}
.page-header .page-title,.page-title2{
    position: relative;
    text-transform: capitalize;
}
.single-postDes img{
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 5px;
}
.single-postDes .download-btn{
    background: #009233;
    color: #fff;
}
.page-header .page-title:after{
    content: '';
    width: 60px;
    height: 4px;
    display: block;
    background: #009233;
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translate(-50%);
}
.page-title2:after{
    content: '';
    width: 60px;
    height: 4px;
    display: block;
    background: #009233;
    position: absolute;
    left: 0;
    bottom: -10px;
}
.editoral-custom .e-con-inner{
    box-shadow: 0px 0px 25px 0px rgba(8.999999999999995, 15.999999999999975, 58.99999999999999, 0.06);
    border-radius: 10px;
}
.custom-follow li {
    text-align: right;
    border: 1px solid;
    border-radius: 50%;
    background: #009233;
    padding: 9px 4px !important;
}
.custom-follow svg{
    margin-left: 5px !important;
    margin-right: 0px !important;
}
.footer-blog .jkit-postlist-title {
    color: #fff;
    text-decoration: underline;
}
.footer-blog img {
    height: 75px;
    object-fit: cover;
}
.search-form {
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
	justify-content: center;
	position: relative;
}
.search-form input[type='search']{
    width: 70%; 
    margin: 0px !important;
    background: #fff;
}
.search-form input[type="search"]::placeholder {
    color: #7a7a7a; /* Change this to the desired placeholder color */
}
.search-form button{
    position: absolute;
    right: 15%;
    top: 4px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.search-form button i{
    font-weight: 500;
    font-size: 18px;
}
.search-bgimage{
    background: url('https://agrifarmfrontiers.com/wp-content/uploads/2024/02/slider.jpg');
    height: 300px;
    position: relative;
}
.search-bgimage .overlay{
    background: rgb(0 0 0 / 60%);
    width: 100%;
    height: 100%;
}
textarea{
    font-size: 18px !important;
    margin-top: 8px !important;
}
.wpcf7-file{
    padding: 8px;
}
.search-bgimage .page-title{
    position: absolute;
    top: 50%;
    color: #fff;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: capitalize;
}
main article{
    padding-top: 50px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 50px;
}
main article a{
    color: #000;
    font-size: 24px;
}
main article img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.home-sidebar{
    margin-top: 50px !important;
    background: #f4f4f4;
    padding: 20px;
    border-radius: 7px;
    margin-bottom: 50px;
}
.home-sidebar h2{
    font-size: 24px;
}
.breadcrumb_box {
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}
.breadcrumb_box a{
    color: #fff;
}
.card-boxdes{
	background: #009233;
	padding: 30px 20px;
	border-radius: 6px;
    margin:7px !important;
    width: 32% !important;
}
.card-boxdes h2{
    color: #fff;
    font-family: var(--wp--preset--font-family--poppins-font);
    font-size: 20px;
}
.card-boxdes p{
    color: #fff;
    margin-bottom: 7px;
    font-family: var(--wp--preset--font-family--poppins-font);
}
.card-boxdes  a{
    display: block;
    border: 2px solid #fff;
    background: transparent;
    margin-top: 20px;
    color: #fff !important;
}
.text-semibold{
    font-weight: bold;
}
.card-boxdes a:hover {
	color: #009233 !important;
	background-color: #fff;
	border-color: #fff;
}
.blog-posts img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.blog-posts .col-md-4{
    margin-top: 25px;
}
.thumbnail-container {
    overflow: hidden; /* Ensure the image doesn't overflow the container */
}

.thumbnail-container img {
    transition: transform 0.3s ease; /* Smooth transition on hover */
}

.thumbnail-container:hover img {
    transform: scale(1.1); /* Enlarge the image on hover */
}
.blogpost-title {
	color: #353535;
	font-family: var(--wp--preset--font-family--poppins-font);
	font-weight: 600;
	margin-top: 17px;
	display: block;
	margin-bottom: 20px;
	line-height: 18px;
    font-size: 20px;
    padding: 0px 15px;
}
.blogpost-date {
	font-size: 14px;
	color: #959595;
    margin-bottom: 3px;
}
.blogpost-date i {
	margin-right: 5px;
	font-size: 12px;
	font-weight: 500;
}
.blog-readmore{
	color: #323539;
    display: block;
    padding: 40px 15px;
}
.pagination{
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 5px;
    margin-bottom: 20px;
    margin-top: 30px;
}
.single-post .page-header{
    margin-bottom: 20px !important;
}
.single-post .author{
    text-transform: capitalize;
}
.single-post .author i{
    margin-right: 6px;
}
.page-numbers {
    color: #009233ff ;
    font-size: 16px;
    padding: 3px 10px;
}
.page-numbers.current {
    color: #fff;
    background: #009233ff;
    padding: 3px 10px;
    border-radius: 50%;
}
.fixed_header_cover{
    position: fixed;
    z-index: 99999;
    top: 0px;
    width: 100%;
    background: #fff;
}
.post-excerpt {
	padding: 0px 15px;
}
.header-sectiondes .header-icon .elementor-icon-list-icon{
    width: 60px !important;
    height: 60px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border: 1px solid #CCDFEB;
    font-weight: bold;
    box-shadow: 0px 4px 11px 0px rgba(22, 21, 97, 0.1);
    background: #fff;
    margin: 12px;
}
.header-sectiondes .header-icon i{
    text-align: center;
}
.cusomize-teamsec .profile-card{
    border-radius: 10px;
}
.cusomize-teamsec img{
    border-radius: 50%;
}
.blog-box {
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 6px 7px 17px rgba(9, 16, 59, 0.06);
	height: 100%;
}
.blogpost-categories {
	padding-top: 40px !important;
	padding: 0px 15px;
}
.blogpost-categories a {
	margin-bottom: 16px;
	padding: 5px 10px;
	display: inline-block;
	background: #F1FAFF;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 600;
	color: #0EB8ff;
	line-height: 16px;
}
.contact-formdes {
	background: #f6f7f8;
	padding: 40px;
    border-radius: 15px;
}
.contact-formdes h2,.contact-formdes2 h2 {
	border-left: 3px solid #009233;
	padding-left: 10px;
}
.contact-formdes .form-group {
	position: relative;
}
.contact-formdes i{
    position: absolute;
    top: 38px;
    z-index: 999;
    border-right: 1px solid #e6eef3;
    padding-right: 9px;
    color: #27587c;
    padding-left: 15px;
}
.contact-formdes input[type ='text'],.contact-formdes textarea,.contact-formdes input[type ='email']{
    padding-left: 47px !important;
    background: #fff;
    font-size: 16px !important;
    color: #3c5279 !important;
    margin: 0px;
}
.contact-formdes .fa-comment-alt{
    top: 49px !important;
}
.contact-formdes .wpcf7-submit{
    margin-top: 45px;
}
#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; /* Hide the button by default */
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.manuscript_form{
    background: #e0e5ea;
    padding: 50px 25px;
    border-radius: 7px;
    margin-bottom: 50px;
}
.manuscript_form input[type='text'] ,.manuscript_form input[type='email'], .manuscript_form textarea{
    background-color: #fff !important;
}
.manuscript_form select{
    margin-top: 10px;
    background: #fff;
    font-size: 16px;
    padding: 9px 10px;
}
.manuscript_form .others-label,.manuscript_form .others-sec br{
    display: none;
}
.recent-new-section .elementor-widget-container{
    box-shadow: 9px 10px 15px #ccc;
}
.recent-new-section img{
    height: 450px;
}
.recent-new-section .elementor-image-box-title{
    padding: 0px 10px;
}
.cols-setwidth {
	width: 50% !important;
	border: 1px solid;
	padding: 12px;
	font-size: 18px;
}
.payment-form{
    margin-top: 45px;
    background: #e0e5ea;
    padding: 25px;
}
.payment-form input[type = 'file']{
    width: 100%;
    margin-bottom: 18px;
}
.payment-section{
    margin: 50px 0px !important;
}
.payment-section p{
    font-size: 18px;
    margin-top: 20px;
}
.payment-qr{
    width: 100%;
    height: 80%;
}
.memberPlanImage img{
    height: 400px;
    margin-bottom: 15px;
}
.magazine-previous-month{
    margin-bottom: 30px;
}
.search_summary input[type="text"]{
    margin: 0px !important;
}
.search_summary{
    box-shadow: 1px 0px 3px 2px #ccc;
    padding: 15px;
    border-radius: 8px;
    height: 150px;
    border: 1px solid #ccc;
}
.summary_items{
    box-shadow: 1px 0px 3px 2px #ccc;
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 30px;
}
.search_summary h6{
    font-size: 18px;
}
.search_summary form{
    display: flex;
    column-gap: 4px;
}
@media screen and (max-width: 1200px) and (min-width: 767px) {
    .card-boxdes{
        width: 48.5% !important;
    }
}
@media screen and (max-width:767px) {
    .search_summary{
        height: unset;
        margin-bottom: 30px;
    }
    .search-form input[type="search"]{
        width: 100%;
        height: 46px;
    }
    .search-form{
        justify-content: start;
    }
    .search-form button {
        right: 0%;
        top: 0px;
        background: #009233;
        height: 46px;
        border-radius: 0px;
    }
    .search-form button i{
        color: #fff;
    }
    .jkit-postdes .jeg-elementor-kit.jkit-postlist.layout-horizontal article{
        margin-bottom: 60px;
    }
    .jkit-postdes .jeg-elementor-kit.jkit-postlist.layout-horizontal article img{
        margin: 0px !important;
    }
    .page-header .page-title:after{
        left: 40%;
    }
    .cols-setwidth{
        width: 100% !important;
    }
    .payment-qr {
        width: 100%;
        height: 500px;
        margin-bottom: 30px;
    }
    .card-boxdes{
        width: 91.5% !important;
        margin: 15px !important;
    }

}