/*
Theme Name: Goldy Sport
Theme URI: https://www.inverstheme.com/theme/goldy-sport/
Author: inverstheme
Author URI: https://www.inverstheme.com/
Description: Goldy Sport 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 Sport 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.5
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 Sport
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: column !important;
}
.header_social_icon{
	padding-top: 10px;
}
.social_icon i:hover{
	background-color: #000000;
}
.hentry-inner .entry-container{
    align-items: flex-start !important;
    margin: 0px !important
}
.featured_slider_title h1{
    border-bottom: 2px solid var(--skin-color);
}

/*--------------------------------------------------------------
# Sticky-Menu
--------------------------------------------------------------*/

.main_site_header.is-sticky-menu{
    border-left: 2px solid #1e73be;
    border-bottom: 2px solid #1e73be;
    border-right: 2px solid #1e73be;
}

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

.featured_slider_disc{
    width: 60% !important;
    text-align: left;
}
@media only screen and (max-width: 768px) {
    .featured_slider_disc {
        text-align: left !important;
    }
    body .featured_slider_image .owl-next, body .featured_slider_image .owl-prev {
        top: 80% !important;
    }
    body .featured_slider_image .owl-prev {
        left: 78% !important;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        width: 30px;
        height: 40px;
        justify-content: center;
        vertical-items: center;
        display: flex;
    }
    i.fa.fa-angle-right, i.fa.fa-angle-left{
        padding: 13px !important;
    }
}

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

.about_section_container{
	flex-direction: row-reverse !important;
}
.about_section_info .about_pic img{
  	height: 460px !important;
  	width: 30%;
}
.about_container_data{
    padding: 20px 30px !important;
    width: 40% !important;
}
.about_container_data:before{
	content: none !important; 
}
.about_featured_image{
	width: 60% !important;
}
.about_pic::after {
    content: '';
    background: transparent;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 200px;
    height: 200px;
    border-left: 15px solid #f6f6f6;
    border-top: 15px solid #f6f6f6;
}
.about_pic::before {
    content: '';
    background: transparent;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 200px;
    height: 200px;
    border-right: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
}
@media only screen and (max-width: 768px) {
    body .about_section_container {
        flex-direction: column !important;
    } 
    .about_featured_image .about_pic:before{
        top: 180px !important;
        left: 120px !important;
    }                                     
}

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

.featured-section_data .featured_content_inner::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--skin-color2);
    bottom: 0;
    left: 0;
    transform: scaleY(0);
    transition: transform .4s ease-in-out;
    z-index: -1;
}
.featured-section_data .featured_content_inner:hover::after, .featured-section_data .featured_content_inner:focus-within::after {
    transform: scaleY(1);
}
.featured-section_data .featured_content_inner:hover .featured-icon, .featured-section_data .featured_content_inner:focus-within .featured-icon {
    animation: flip 1s linear;
}
.featured-section_data .featured_content .featured-thumbnail:after{
	content: none !important;
}
.featured-section_data .section-featured-wrep:hover i {
    transform: none !important;
}
.featured-section_data .card-container{
    gap:40px !important;
}

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

.our_portfolio_container {
    position: relative;
    z-index: 9;
}
.our_port_containe {
    background: linear-gradient(135deg, var(--skin-color2) 20%, var(--skin-color));
    max-width: 240px;
    height: 280px;
    border-radius: 0 0 1200px 1200px;
    left: 45%;
    transform: translateX(-50%);
    z-index: -1;
    filter: none !important;
    transition: transform 0.8s ease-in-out;
    margin-bottom:0px !important;
}
.our_port_containe:hover {
    transform: translateY(-25%) translateX(-50%);
}
.our_portfolio_title {
    margin-top: -40px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.our_portfolio_desc {
    color: #000000	;
}
i.fa.fa-arrow-right{
	border: none !important;
}
.our_portfolio_info .wrappers .parent{
  	background: transparent !important;
  	box-shadow: none !important;
}
.our_portfolio_btn{
    border: 2px solid black;
    padding: 0px 10px;
    background: #ffffff;
    border-radius: 5px;
}

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

.appointment_data {
    display: flex;
    flex-direction: row-reverse;
}
.af_input_fields{
	width: 400px;
}
.appointment_featured_image {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    animation: 1s iris;
    transition: transform 0.3s ease;
}
.appointment_featured_image:hover {
    transform: scale(1.05);
}
.appointment_featured_image.reverse {
    animation-direction: reverse;
}
@media only screen and (max-width: 768px) {
    .appointment_data {
         padding: 0px !important; 
    }
    .appointment_fields_data{
        padding-right: 4px !important;
    }
    .af_input_fields{
            padding-right: 5px;
    }
    .heading_main_title{
        padding-top: 10px;
        padding-bottom: 0px !important;
    }
    .appointment_featured_image{
        max-width: 380px !important;
    }
}

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

.our_team_section .our_team_container_data:hover .out_team_pic img {
    opacity: 0.3;
    transform: scale(1.15);
}
.our_team_section .our_team_container_data:hover .our_teams_contain {
    opacity: 1;
    transform: translateY(-50%) rotate(0);
}
.our_team_section .our_team_container_data .our_teams_contain {
    width: 100%;
    padding: 10px 20px 0px;
    opacity: 0;
    transform: translateY(-50%) rotate(-360deg);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-out;
}

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

.image_testimonials img{
	border: none !important; 
	-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 62%, 75% 100%, 25% 100%, 0% 62%, 10% 20%);
    clip-path: polygon(50% 0%, 90% 20%, 100% 62%, 75% 100%, 25% 100%, 0% 62%, 10% 20%);
}
.our_testimonial_icon i{
	font-size: 20px !important;
}
.testinomial_description:after{
    content: "";
    width: 20px;
    height: 25px;
    background-color: #000000;
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    position: absolute;
    bottom: -27px;
    left: -3px;
    border: 2px solid #000000;
}
.our_testimonials_container{
	justify-content: center;
}
.our_testimonial_section .testinomial_owl_slider .testimonials_title h4{
	border-right: 1px solid rgba(0, 0, 0, .4);
    margin-right: 12px;
    padding-right: 12px;
}
.testimonials_title{
	flex-direction: column !important;
} 
.testinomial_description{
    padding: 0px !important;
    border-color: #000000 !important; 
}

@media only screen and (max-width: 768px) {
    .testinomial_description p {
        padding: 10px;
    }
    .our_testimonial_section button.owl-prev {
        left: 40% !important;
    }
    .our_testimonial_section button.owl-next {
        right: 40% !important;
    }
    .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-prev, 
    .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-next{
        top: 85% !important;
        height: 40px !important;
    }
}

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

.our_sponsors_img::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    transition: .5s;
    border-top: 3px solid var(--skin-color2);
    border-right: 3px solid var(--skin-color2);
    top: 10px;
    right: 10px;
    left: unset;
    z-index: 1;
}
.our_sponsors_img:hover::before {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    transition: .5s;
    border-top: 3px solid var(--skin-color);
    border-right: 3px solid var(--skin-color);
    top: 10px;
    right: 10px;
    left: unset;
    z-index: 1;
}
.our_sponsors_img::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    transition: .5s;
    border-left: 3px solid var(--skin-color2);
    border-bottom: 3px solid var(--skin-color2);
    bottom: 14px;
    right: unset;
    left: 14px;
}
.our_sponsors_img:hover::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    transition: .5s;
    border-left: 3px solid var(--skin-color);
    border-bottom: 3px solid var(--skin-color);
    bottom: 14px;
    right: unset;
    left: 14px;
}
@media only screen and (max-width: 768px) {
    .our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev, 
    .our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next{
        top: 25% !important;
    }
}

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

.widget_section_one, .widget_section_two, .widget_section_three{
    border-radius: 0px !important;
}
.widget_section_one:hover::before, .widget_section_one:hover::after {
    display: block;
}
.services_section_info{
    max-width: none !important;
}
.widget_inner_data::after,.widget_inner_td_data:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-left: 100px solid #000000;
    border-bottom: 100px solid transparent;
    position: absolute;
    top: -10px;
    left: -10px;
}
.widget_section_one,.widget_section_two, ,.widget_section_three{
    filter: drop-shadow(0px 4px 22px rgba(0, 0, 0, 0.1));
    border: 30px solid white;
    box-shadow: inset 0 0 0 2px #000;
    position: relative;
    z-index: 1;
}
.widget_inner_data::before,.widget_inner_td_data:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 100px solid transparent;
    border-right: 100px solid #000000;
    border-bottom: 0 solid transparent;
    position: absolute;
    bottom: -10px;
    right: -10px;
}
.widget_section_one,.widget_section_two,.widget_section_three{
    filter: drop-shadow(0px 4px 22px rgba(0, 0, 0, 0.1));
    border: 30px solid white;
    box-shadow: inset 0 0 0 2px #000;
    position: relative;
    z-index: 1;
}

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

.goldy_mex_funfact_content{
    border: none !important;
    padding-right: 50px !important;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.heading_main_title h2::after{
    background-color: transparent !important;
}
body .goldy_mex_funfact_section{
    background-color:rgba(100, 100, 100, 0.7) !important;
    color: #ffffff !important;
}

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

.blog main.site-main.content_boxed .main_containor.grid_view article {
    border:2px solid var(--skin-color);
    background-color: var(--skin-color2) !important;
}

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

.featured_slider_image .owl-next,.featured_slider_image .owl-prev{
	top: 85% !important;
}
.featured_slider_image .owl-prev {
    left: 89% !important;
}
.our_sponsors_section .owl-prev {
    bottom: 40%;
    left: 10px;
    text-shadow: 8px 0px;
    clip-path: polygon(100% 0, 10% 50%, 100% 100%);
    display: flex;
    justify-content: center;
}
.our_sponsors_section .owl-next{
    bottom: 40%;
    right: 0;
    clip-path: polygon(90% 50%, 0 0%, 0 100%);
    text-align: center;
    display: flex;
    justify-content: center;
    text-shadow: -8px 0px;
}
.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-prev,.our_sponsors_section .our_sponsors_contain .owl-nav button.owl-next{
	font-size: 35px !important;
}
.our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-prev, .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-next{
    top: 96% !important;
}
.our_testimonial_section button.owl-prev {
    left: 46% !important;
}
.our_testimonial_section button.owl-next {
    right: 46% !important; 
}
.our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-prev, .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-next{
    box-shadow: 0px 0px 3px #000000;
    width: 20px !important;
    height: 40px !important;
    justify-content: center;
    display: flex;
}
@media only screen and (max-width: 768px) {
    .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-prev, .our_testimonial_section .our_testimonial_info .owl-carousel .owl-nav button.owl-next{
        top: 90% !important;
    }
    .our_testimonial_section button.owl-prev {
        left: 40% !important;
    }
    .our_testimonial_section button.owl-next {
        right: 40% !important; 
    }
}

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

.scrollingUp{
    width: 30px !important;
    height: 30px !important;
    display: flex;
    border-radius: 100% !important;
    text-shadow: 0px -7px #ffffff;
    justify-content: center;
    box-shadow: 0px 0px 3px #000000;
}

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

.buttons{
  	width: 140px !important;
  	text-align: center;
  	letter-spacing: 1px;
}
.buttons::before, .nav-previous a::before, .nav-next a::before, .wp-block-search__button::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    -webkit-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    transition: all .3s
}
.buttons:hover::before, .nav-previous a:hover::before, .nav-next a:hover::before, .wp-block-search__button:hover::before{
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity
}