/*
Theme Name: Aports Child
Theme URI: https://gaviaspreview.com/wp/aports/
Author URI: https://themeforest.net/user/gavias
Author: Gaviasthemes Team
Description: Child theme for the Aports theme.
Template: aports
*/


/* Features */
.grid_type_one_wrapper {
    transition: .3s;
    background: #fff;
    position: relative;
    display: flex;
    overflow: hidden;
    border-radius:8px;
}

.normal_text_wrapper {
    position: absolute;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #e1900bd4;
    padding: 0 30px;
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    transform: scaleY(1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.normal_text_wrapper h5,
.hover_text_wrapper h5{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.normal_text_wrapper p {
    color: #ffffffd4;
}

.hover_text_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 30px;
    background: #e1900b;
    height: 100%;
    width: 100%;
    color: #fff;
    transform: scaleY(0);
    opacity: 0;
    transition: .3s cubic-bezier(.24, .74, .58, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.grid_type_one_wrapper:hover .hover_text_wrapper {
    transform: scaleY(1);
    opacity: 1;
}

/**/
a.read_more_btn{
    overflow: hidden;
    border-radius:8px;
}
a.read_more_btn span{
        position: relative;
    z-index: 2;
}
a.read_more_btn::before {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 0;
    background-color: #da8e14;
    content: "";
    border-radius: 8px;
    transition: height 0.3s ease-in-out;
    z-index: 1;
    border-radius:8px;
}

a.read_more_btn:hover::before {
    height: 100%;
    width: 100%;
}

a.contact_btn::before {
        background-color: #32343b;
}
a.contact_btn:hover span{
       color:#fff;
}

/* Product Wrapper */
.products_wrapper .elementor-column-gap-default{
	    flex-direction: column;
}
.products_wrapper .elementor-column-gap-default .Column_wrapper{
	    width: 100% !important;
}

.products_wrapper .product_title_wrapper .content-inner{
	    margin: 0 auto;
    text-align: center;
}

.product-item {    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px dashed #e08f0c;
    border-radius: 8px;
    
}
.product-item img { transition: transform 0.5s ease; width: 100%; height: auto; display: block; }
.product-item:hover img { transform: scale(1.1); }
.product-overlay { position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:flex; justify-content:center; align-items:center; opacity:0; transition:0.3s; }
.product-item:hover .product-overlay { opacity:1; }
.product-overlay i { font-size: 2rem; color: #fff; }

/*pagination*/
.pagination-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.pagination-wrapper .page-numbers {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 500;
}

.pagination-wrapper .page-numbers:hover {
    background-color: #875f26;
    border-color: #875f26;
    color: #fff;
}

.pagination-wrapper .page-numbers.current {
    background-color: #875f26;
    border-color: #875f26;
    color: #fff;
    font-weight: 700;
    pointer-events: none;
}

.pagination-wrapper .page-numbers.prev,
.pagination-wrapper .page-numbers.next {
    font-weight: 600;
}

/* Contact Form */
form.wpcf7-form input.wpcf7-submit{
    background-color: #875f26 !important;
    border-color: #875f26 !important;
    border-radius: 8px;
    transition: all 0.3s ease;
}

form.wpcf7-form input.wpcf7-submit:hover{
    background-color: #000 !important;
    border-color: #000 !important;
    color:#fff;
}


    