/*
Theme Name: Goldy Champ
Theme URI: https://www.inverstheme.com/theme/goldy-Champ/
Author: inverstheme
Author URI: https://www.inverstheme.com/
Description: Goldy Champ is a clean, modern, user friendly, responsive and highly customizable WordPress Theme. you’ll easily find the design of this theme impressive and suitable for your Website. This Goldy Champ WordPress theme, carries an abundance of crucial features and functionalities. For instance, featured slider, featured Section, About Section, Our Portfolio, Our team Section, Testimonial Slider, Our Services, Our Sponsors, Sticky Header, Social Information, Sidebar, Excerpt Options, and many more. All of these highly customizable features and sections are completely responsive and absolutely easy to customize. 
Template: goldy-mex
Version: 1.0.7
Tested up to: 6.3
Requires PHP: 7.0
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: Goldy Champ
Tags: custom-background, custom-logo, blog, custom-colors, custom-header, custom-menu, two-columns, grid-layout, left-sidebar, news, one-column, right-sidebar, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
.social_icon .fa-facebook {
    background-color: #316FF6;
}

.social_icon .fa-linkedin {
    background-color: #0072b1;
}

.social_icon .fa-instagram {
    background: linear-gradient(20deg,#ffdc80, #fcaf45, #f56040, #fd1d1d, #e1306c, #c13584, #833ab4 ,#5b51d8, #405de6
    );
    background-size: 200% 200%;
    animation: gradientAnimation 10s ease infinite;
}
.social_icon .fa-twitter {
    background-color: #1DA1F2;
}

.social_data .social_icon i {
    transition: border-radius 0.2s linear, transform 0.2s linear;
    transform: none;
    border-radius: 0;
}

.social_data .social_icon i:hover {
    transform: scale(1.1);
}

.top_bar_info {
    padding: 5px 0px;
}

.main_site_header::before {
    content: '';
    position: absolute;
    opacity: 0.5;
    z-index: 9999;
}

.header_topbar_info {
    flex-direction: row !important;
}

.header_social_icon:after {
    content: '';
    position: absolute;
    width: 20px; height: 20px;
    border: 2px solid #999;
    top: -10px; left: 46%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}

.header_social_icon:before {
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px; left: 50%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}

.main_site_header a {
    color: #ffffff;
}

@media only screen and (max-width: 768px) {
    .header_social_icon:before {
        left: 54%;
    }
    .main_site_header {
        padding: 0px 10px !important;
    }
    .call_button_info {
        margin-right: 50px !important;
    }
}

@media (min-width: 300px){
    .social_icon {
        margin-bottom: 3px !important; 
    }
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/

.about_section_container {
    flex-direction: row-reverse !important;
}
.about_pic {
    position: relative !important; 
    overflow: hidden !important; 
    border-radius: 20px; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.about_pic:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.about_pic img {
    border-radius: 20px;
    transition: opacity 0.3s ease !important;
}

.about_pic:hover img {
    opacity: 0.8 !important;
}

.about_pic:before {
    content: "";
    border-radius: 15px; 
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: -1; 
    transition: border-color 0.3s ease;
}

.about_pic:hover:before {
    border-color: transparent; 
}

@media only screen and (max-width: 768px) {
    .about_section_container {
        flex-direction: column !important;
    }
    .about_featured_image .about_pic:before, .about_featured_image .about_pic:after {
        width: 350px !important;
        height: 200px !important;
        top: 40px !important;
        left: 40px !important;
    }
    .about_section_info .about_pic img {
        height: 200px !important;
    }
}


/*--------------------------------------------------------------
# Featured Section
--------------------------------------------------------------*/

.featured-section_data .featured_content .featured-thumbnail:after{
    background:none !important;
}
.featured-section_data .card-container{
    gap:40px !important;
}
a.section-featured-wrep:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    -webkit-transition: all 900ms ease;
    transform: scale(1, -1);
    transform-origin: center;
    z-index: -1;
}
a.section-featured-wrep:hover{
    background: linear-gradient(135deg, #f1f1f1 20%,#758881) !important;
}

/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/

i.fa.fa-arrow-right {
    border: 2px solid #BDCAC5; 
    border-radius: 50%; 
    padding: 10px; 
    color: #BDCAC5; 
    background-color: #ffffff;
    transition: background-color 0.3s, color 0.3s; 
}

i.fa.fa-arrow-right:hover {
    background-color: #BDCAC5;
    color: #ffffff;
}

.fa-window-minimize:before {
    content: "-" !important; 
    font-size: 16px; 
    color: #BDCAC5; 
}

.protfolio_images img {
    padding: 15px; 
    width: 200px !important;
    height: 200px !important; 
    border-radius: 50%;
    margin: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.protfolio_images img:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.our_port_containe {
    filter: grayscale(100%) contrast(90%); 
    margin: 0;
    transition: filter 0.3s ease;
}

.our_port_containe:hover {
    filter: none; 
}

.our_portfolio_info .wrappers .parent {
    border: 2px solid #758881; 
    border-radius: 10px;
    padding: 15px; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease; 
}

.our_portfolio_info .wrappers .parent:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); 
}

.our_portfolio_container {
    position: relative;
    border: 3px solid #758881; 
    border-radius: 10px; 
    overflow: hidden;
}


/*--------------------------------------------------------------
# Appointment Section
--------------------------------------------------------------*/

.appointment_data {
    flex-direction: row-reverse;
    position: relative;
    height: 600px;
}

.appointment_fields_data {
    position: absolute;
    top: 50%;
    left: 75%; 
    height: 520px;
    transform: translate(-50%, -50%);
    /* box-shadow: 
        3px 3px 5px rgba(0, 0, 0, 0.1),
        6px 6px 10px rgba(0, 0, 0, 0.05),
        9px 9px 15px rgba(0, 0, 0, 0.03); */
    padding: 20px;
    background:transparent !important;
}

.appointment_featured_image {
    width: 100% !important;
    height: 600px;
    margin: auto;
    object-fit: cover; 
}

.bookan_appoinment_button {
    margin-top: 5px;
}

form.appoinment_reset input[type="text"], 
input[type="email"], 
input[type="number"], 
.af_table_data textarea {
    background: rgba(0, 0, 0, 0.2); 
    border-bottom-color: #ffffff; 
}

@media only screen and (max-width: 768px) {
    body .appointment_data {
        display: block !important;
        padding: 10px;
    }
    
    .appointment_fields_data {
        top: 50%;
        left: 50%;
        padding-left: 20px !important;
        padding-right: 20px !important;
        background-color:transparent !important; 
    }
    
    .appointment_featured_image {
        min-height: 570px !important;
    }
    
    .appointment_section_info .appointment_fields_data {
        background-color: transparent !important; 
    }
    
    .appointment_title h2 {
        background: transparent !important; 
        line-height: 2;
    }
}

.appointment_title.heading_main_title h2::after {
    content: "" !important; 
    display: block !important; 
    width: 0 !important; 
    height: 2px !important;
    background-color: #ffffff !important; 
    margin-top: 8px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    transition: width 0.3s, background-color 0.3s;
}
.appointment_title.heading_main_title h2:hover::after {
    width: 60% !important; 
    background-color: #ffffff !important; 
}

.appointment_field .validation_error{
	background-color: #758881 !important;
	border:2px solid #758881 !important;
	color:#fff
}

.appointment_field .email_success{
    background-color: #758881 !important;
	border:2px solid #758881 !important;
	color:#fff
}



/*--------------------------------------------------------------
# Team Section
--------------------------------------------------------------*/

.our_team_container img{
    --s: 100px; 
    --b: 3px;    
    --g: 1px;   
 
    width: var(--s);
    outline: calc(var(--s)/4) solid #0009;
    outline-offset: calc(var(--s)/-8);
    cursor: pointer;
    transition: .3s;
    outline: var(--b)
}

.our_team_container a {
    width: 100%;
    left: 0;
    height: 0px;
    position: absolute;
    transition: 0.5s ease all;
    bottom: 3px;
} 

.our_team_container:hover a {
    padding: 42% 0; 
}
@media (max-width: 768px) {
    .our_team_container:hover a {
        padding: 42% 0 !important; 
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .our_team_container:hover a {
        padding: 42% 0 !important; 
    }
}
@media (min-width: 993px) {
    .our_team_container:hover a {
        padding: 42% 0 !important;
    }
}

.our_team_icon_contain .our_teams_contain{
    background-color: transparent !important;
}

/*--------------------------------------------------------------
# testimonials Section
--------------------------------------------------------------*/

.our_testimonial_data_info {
    background: linear-gradient(135deg, #f8f9fa, #e9ecef);
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 30px;
    transition: transform 0.3s;
    text-align: center;
}

.our_testimonial_data_info:hover {
    transform: translateY(-5px);
}

.testimonials_content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.our_testimonials_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}

.testimonials_image .image_testimonials {
    margin-bottom: 20px;
}

.testimonials_image .image_testimonials img {
    border-radius: 15px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 3px solid #758881 !important;
}


.testimonials_title h3 {
    font-size: 22px !important;
    margin: 10px 0 5px;
    color: #758881 !important; 
    font-family: 'Poppins', sans-serif !important; 
}

.testimonials_title h4 {
    font-size: 16px;
    margin: 0;
    color: #868e96; 
    font-family: 'Poppins', sans-serif; 
}
.testinomial_description{
    border: 3px solid #758881 !important;
    filter: drop-shadow(0 0 8px rgba(193,193,193,0.75)) !important;
    padding: 35px !important;
}
.testinomial_description p {
    font-size: 18px;
    line-height: 1.8;
    color: #495057;
    text-align: center;
    font-family: 'Poppins', sans-serif; 
    margin-top: 20px;
}

@media (min-width: 800px){
    .our_testimonial_data_info {
        padding: 30px !important;
        margin-bottom: 30px !important;
    }
    
    .testimonials_image .image_testimonials img {
        width: 120px !important;
        height: 120px !important;
    }

    .testimonials_title h3 {
        font-size: 20px !important;
    }

    .testimonials_title h4 {
        font-size: 18px !important;
    }

    .testinomial_description {
        padding: 40px !important;
    }

}

/*--------------------------------------------------------------
# Sponsors Section
--------------------------------------------------------------*/

.our_sponsors_img {
    display: inline-block;
    overflow: hidden;
    border-radius: 10px;
}

.our_sponsors_img img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.our_sponsors_img:hover img {
    transform: rotate(2deg); 
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.widget_section_one, .widget_section_two, .widget_section_three {
    border-radius: 12px !important; 
    background: #ffffff !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05) !important ; 
    transition: transform 0.3s ease, box-shadow 0.3s ease, border 0.3s ease !important;  
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important; 
}

.widget_inner_td_data {
    padding: 20px !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important; 
    color: #333; 
}


.widget_section_one, .widget_section_three {
    border: 2px solid #BDCAC5; 
    box-shadow: inset 0 0 10px rgba(39, 121, 167, 0.1) ; 
}

.widget_section_one:hover, .widget_section_three:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); 
    border-color: #0e1422 !important; 
}

.widget_section_two {
    background: #f9f9f9 !important; 
    border: 1px solid #e0e0e0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px !important; 
    position: relative;
}

.widget_section_two::before {
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(39, 121, 167, 0.15), rgba(39, 121, 167, 0));
    opacity: 0; 
    transition: opacity 0.4s ease;
    z-index: 0;
}

.widget_section_two:hover::before {
    opacity: 0.3;
}

.widget_section_two:hover {
    transform: scale(1.03) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15) !important;
    background: #ffffff !important;
}


.widget_section_one, .widget_section_two, .widget_section_three {
    animation: fadeInUp 0.6s ease-out !important; 
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/*--------------------------------------------------------------
# Funfact Section
--------------------------------------------------------------*/

.goldy_mex_funfact_content {
    background-color: #fefefe !important; 
    padding: 15px !important;
    border-radius: 20px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; 
    transition: background-color 0.3s, box-shadow 0.3s; 
}

.goldy_mex_funfact_content:hover {
    background-color: #BDCAC5 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

.heading_main_title h2::after {
    content: "" !important; 
    display: block !important; 
    width: 0 !important; 
    height: 2px !important;
    background-color: #BDCAC5 !important; 
    margin-top: 8px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    transition: width 0.3s, background-color 0.3s;
}

.heading_main_title h2:hover::after {
    width: 60% !important; 
    background-color: #BDCAC5 !important; 
}

/*--------------------------------------------------------------
# Scrolling-btn
--------------------------------------------------------------*/

.scrolling-btn i{
    text-shadow: 0px -6px #ffffff;
}
.scrolling-btn{
    width: 35px !important;
    height: 36px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to top, #5b7068 50%, #BDCAC5 100%);
}

/*--------------------------------------------------------------
# Prev & Next
--------------------------------------------------------------*/

.owl-prev, .owl-next{
    border: 1px solid #758881 !important;
}
.our_testimonial_section .owl-prev, .our_testimonial_section .owl-next{
    top: 97% !important;
}
.our_testimonial_section button.owl-prev {
    left: 45% !important;
}
.our_testimonial_section button.owl-next {
    right: 45% !important
}
.our_testimonial_section{
    padding: 40px 10px 60px !important;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/

.buttons:hover, .wp-block-search__button:hover, .nav-previous a:hover, .nav-next a:hover{
    background-color: #ffffff !important; 
    color: #758881 !important;
    border: 1px solid #758881 !important;
}
.buttons{
    width: 140px !important;
    text-align: center; 
    border: 0.5px solid #758881 !important;
}
.wp-block-search__button{    
    border: 0.5px solid #758881 !important;
}
.wp-block-search__button:hover{
    background-color: #ffffff !important;
    color: #BDCAC5 !important;
    border: 0.5px solid #758881 !important;
}
.buttons, .wp-block-search__button {
    width: 140px !important;
    text-align: center !important; 
    border: 1px solid #758881 !important; 
    border-radius: 8px !important; 
    padding: 10px 15px !important; 
    font-size: 14px; 
    font-weight: bold !important;
    background-color: #758881 !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog main.site-main.content_boxed .main_containor.grid_view article{
    border: 2px solid #000000;
}
.blog_main_title h2::after {
    content: "" !important; 
    display: block !important; 
    width: 0 !important; 
    height: 2px !important;
    background-color: #000000 !important; 
    margin-top: 8px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    transition: width 0.3s, background-color 0.3s;
}
.blog_main_title h2:hover::after {
    width: 60% !important; 
    background-color: #000000 !important; 
}