/*
Theme Name: Goldy Soler
Theme URI: https://www.inverstheme.com/theme/goldy-Soler/
Author: inverstheme
Author URI: https://www.inverstheme.com/
Description: Goldy Soler 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.6
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 Soler
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
--------------------------------------------------------------*/
.header_topbar_info {
    flex-direction: row !important;
}

.main_site_header, header#masthead p.site-description {
    color: #000000 !important;
}

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/

.hentry-inner .entry-container {
    align-items: flex-start !important;
}

.featured_slider_disc{
    text-align: start;
}

@media only screen and (max-width: 768px) {
    .featured_slider_disc {
        font-size: 10px;
        width: 70% !important;
    }
    .hentry-inner .entry-container {
        align-items: center !important;
    }
}

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

.about_pic {
    border: 3px solid var(--skin-color);
    border-radius: 3%;
    box-shadow: 0 20px 15px rgba(0, 0, 0, 0.3); 
}

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

.featured-section_data .featured_content_inner::after {
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    background: var(--skin-color2) !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: scaleY(0) !important; 
    transition: transform 0.4s ease-in-out !important ;
    z-index: -1 !important;
}


.featured-section_data .featured_content_inner:hover::after, 
.featured-section_data .featured_content_inner:focus-within::after {
    transform: scaleY(1) !important; 
}

.featured-section_data .featured_content_inner:hover .featured-icon, 
.featured-section_data .featured_content_inner:focus-within .featured-icon {
    animation: flip 1s linear !important; /* Define 'flip' animation in your CSS */
}

.featured-section_data .featured_content .featured-thumbnail::after {
    content: none !important;
}

.featured-section_data .card-container {
    gap: 20px !important; 
}

.fa-facebook-f:before, .fa-facebook:before {
    margin-top: 5px;
    margin-right: 3px;
}

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

.portfolio-item-wrapper {
    margin: 20px;
    overflow: hidden;
    position: relative;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
}

.portfolio-item:hover {
    transform: translateY(-10px);
}

.portfolio-image-wrapper {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.portfolio-image {
    width: 100%;
    height: 220PX;
    object-fit: cover;
    transition: transform 0.5s ease-out;
}

.portfolio-image:hover {
    transform: scale(1.05) !important;
}

.portfolio-content {
    padding: 20px ;
    text-align: center;
}

.portfolio-title {
    font-size: 20px;
    margin-bottom: 10px;
    color: #333;
}

.portfolio-description {
    font-size: 16px;
    color: #777;
    margin-bottom: 15px;
}

.portfolio-button {
    margin-top: 10px;
}

.portfolio-read-more {
    display: inline-block !important;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    color: #0D73FC;
    border-bottom: 2px solid transparent;
    transition: border-color 0.3s ease-in-out;
}

.portfolio-read-more:hover {
    border-color: #0D73FC;
    animation: moveLeftRight 0.5s infinite alternate;
}

i.fa.fa-arrow-right{
    border: 0px solid !important;
    padding: 7px !important;
    transition: transform .7s ease-in-out !important;
}

@keyframes moveLeftRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(10px);
    }
}

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

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

.appointment_fields_data {
    background:transparent !important;
}

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

.bookan_appoinment_button {
    margin-top: 5px !important;
}

form.appoinment_reset input[type="text"], input[type="email"], input[type="number"], .af_table_data textarea {
    border-bottom-color: #c1baba !important;
}

form.appoinment_reset input[type="text"], input[type="email"], input[type="number"], .af_table_data textarea, input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, .af_table_data textarea::placeholder {
    color: #958e8e !important;
}

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

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

@media only screen and (max-width: 767px) {
    .appointment_fields_data{
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-top: -533px !important;
    }

    .appointment_title h2 {
        color: #000000 !important;
    }

    .appointment_title h2:after{
        background-color: #ffffff !important;
    }

    .appointment_featured_image {
        width: 100% !important;
    } 
}

@media only screen and (max-width: 992px) {
    .appointment_fields_data {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: -533px;
    }

    .appointment_title h2 {
        color: #000000 !important;
    }

    .appointment_title h2:after{
        background-color: #ffffff !important;
    }

    .appointment_featured_image {
        width: 100% !important;
    }
}

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

.our_team_container{
    border: 2px solid #000000;
}

.our_team_icon_contain .our_teams_contain {
    background-color: rgba(27, 27, 31, 0.6) !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .our_team_section {
            clip-path: none !important;
    }
}

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

.testimonial-card {
    background: #000000;
    border-radius: 12px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    margin: 30px auto;
    padding: 20px;
    max-width: 800px;
}

.testimonial-content {
    padding: 20px;
    position: relative;
}

.testimonial-text p {
    font-size: 17px;
    color: #ffffff;
    line-height: 1.8;
    margin: 0;
}

.testimonial-author {
    margin-top: 20px;
}

.author-info {
    display: flex;
    align-items: center;
}

.author-image {
    flex: 0 0 120px;
    margin-right: 20px;
}

.author-image img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    /* border: 4px solid #0D73FC; */
}

.author-details h3 {
    margin: 0;
    font-size: 20px;
    color: #ffffff;
}

.author-details h4 {
    margin: 0;
    font-size: 15px;
    color: #ffffff;
}

.testimonial-quote {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 15px;
    color: #0D73FC;
}

@media (max-width: 992px) {
    .author-image {
        flex: 0 0 100px;
    }

    .author-image img {
        width: 100px;
        height: 100px;
    }

    .author-details h3 {
        font-size: 18px;
    }

    .author-details h4 {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .testimonial-text p {
        font-size: 15px;
    }

    .testimonial-quote {
        font-size: 14px;
        top: 10px;
        right: 10px;
    }
}

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

.our_sponsors_img {
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    border: 2px solid #000000 !important; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important; 
    transition: box-shadow 0.3s ease, border-color 0.3s ease !important; 
}

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

.our_sponsors_img:hover {
    border-color: #000000 !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;
}

.our_sponsors_img:hover img {
    transform: scale(1.05) !important; 
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/

.widget_section_one, .widget_section_two, .widget_section_three {
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important;
}   

.widget_inner_td_data {
    padding: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #444 !important;
}

.widget_section_one {
    border: 1px solid #e0e0e0 !important;
    background: #78bafb !important;
}

.widget_section_two {
    border: 1px solid #dcdcdc !important;
    background: #ffffff !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
} 

.widget_section_three {
    border: 1px solid #e0e0e0 !important;
    background: #78bafb !important;
}

.widget_section_one:hover, .widget_section_two:hover, .widget_section_three:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2) !important;
    background: #f1f1f1 !important;
}

.widget_section_two:hover {
    background: #78bafb !important;
    border-color: #b0b0b0 !important;
}

.widget_section_one:hover {
    background: #ffffff !important;
}

.widget_section_three:hover {
    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 {
        border-radius: 15px !important;
    }

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

.scrolling-btn {
    height: 2.1875rem !important;
    width: 2.1875rem !important;
    text-align: center;
    opacity: 1;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.scrolling-btn i{
    display: flex;
    justify-content: center !important;
}

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

.owl-prev, .owl-next{
    width: 34px !important;
    height: 40px !important;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 30px !important;
}

.owl-prev:hover:after, .owl-next:hover:after {
    -webkit-transform: scale(1);
}

.owl-prev:after, .owl-next:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--skin-color);
    -webkit-transform: scale(0);
    transition-duration: 0.6s;
}

.owl-prev, .owl-next{
    border: 1px solid #0D73FC !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
--------------------------------------------------------------*/

button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-search .wp-block-search__button,.nav-previous a, .nav-next a,.buttons, .woocommerce a.button {
    text-align: center;
    padding: 10px 30px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 14px;
}

button::before, input[type="button"]::before, input[type="reset"]::before, input[type="submit"]::before, .wp-block-search .wp-block-search__button::before, .wp-block-search .wp-block-search__button::after, .nav-previous a::before, .nav-previous a::after, .nav-next a::before, .nav-next a::after,
.buttons::before, .buttons::after, .woocommerce a.button::before {
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    left: -0%;
    top: 0;
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}

.buttons::after, .wp-block-search .wp-block-search__button::after {
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
}

.buttons:hover:before, .buttons:hover:after, .wp-block-search .wp-block-search__button:hover:before, .wp-block-search .wp-block-search__button:hover:after, .nav-previous a:hover:before, .nav-previous a:hover:after, .nav-next a:hover:before, .nav-next a:hover:after {
    height: 100%;
    width: 100%;
}

.featured_slider_image a, .about_section_info a, .appointment_section_info a{
    text-align: center;
}

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

.blog main.site-main.content_boxed .main_containor.grid_view article{
    border: 2px solid #000000;
}

.blog_main_title h2 {
    text-align: center;
    margin-bottom: 50px !important;
    color: #000;
}