/*
Theme Name: Goldy Prime Pro
Theme URI: https://www.inverstheme.com/theme/goldy-prime/
Author: inverstheme
Author URI: https://www.inverstheme.com/
Description: Goldy Prime 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 Prime 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-pro
Version: 1.0.4
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 Prime
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;
}
.social_icon:hover i{
    transform: rotate(360deg);
}
.social_icon .fa-facebook{
    color: #1877f2;
}
.social_icon .fa-twitter{
    color: #1da1f2;
}
.social_icon .fa-linkedin{
    color: #0762c8;
}
.social_icon .fa-instagram{
    color: #c13584;
}
.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: 11px;
    }
    .hentry-inner .entry-container {
        align-items: center !important;
    }
}
    
/*--------------------------------------------------------------
# Sticky-menu
--------------------------------------------------------------*/

.admin-bar .main_site_header.is-sticky-menu {
    border-bottom: 2px solid var(--skin-color);
}

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

.about_pic {
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}
.about_pic {
    border: 3px solid var(--skin-color);
}

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

.featured-section_data .featured_content .featured-thumbnail:after{ 
    background: none !important;
}
.featured-section_data .featured-section .card-container .section-featured-wrep {
    border: 2px solid var(--skin-color);
}
.featured-section_data .featured-section .card-container .section-featured-wrep:hover {
    border: 2px solid #000000;
}
.featured-section_data .card-container{
    filter: none !important;
}
.featured-section_data .section-featured-wrep:hover i {
    transform: none !important;
}
.featured-section_data .section-featured-wrep:hover:before {
    transform: scale(1, 1);
    transform-origin: left center;
}
a.section-featured-wrep:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: all 900ms ease;
    transform: scale(0, 1);
    transform-origin: right center;
    z-index: -1;
}

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

.our_port_containe{
    filter: none !important;
    padding:0px !important;
}
i.fa.fa-arrow-right{
    border: none !important;
}
.our_portfolio_btn a{
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
}
.our_portfolio_btn a:hover {
  animation: moveLeftRight 0.5s infinite alternate;
}

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

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

.appointment_featured_image {
    width: 30% !important;
}
.appointment_fields_data {
    width: 70% !important;
}
.bookan_appoinment_button{
    float: left !important;
}
.appointment_title h2 {
    background-color: #bed7f0;
    padding: 10px 0px;
}

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

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

/*--------------------------------------------------------------
# Testimonials Section
--------------------------------------------------------------*/

.fa-quote-left:before {
    font-size: 50px;
}
.our_testimonials_container {
    flex-direction: column;
    padding-top:0px !important;
}
.testimonials_title {
    flex-direction: column;
}
.testinomial_description{
    border: none !important; 
    padding: 10px 20px !important;
}
.our_testimonial_section .testinomial_owl_slider .testimonials_title h4 {
     margin-left: 0px !important; 
     border-left: none ! important; 
}
.our_testimonial_section .our_testimonial_info .testinomial_owl_slider .our_testimonial_data_info {
    padding:25px !important;
    background-color: #ddd;
    border-radius: 10px;
    border: 2px solid #ccc;
}
.our_testimonial_data_info:before {
    content: '';
    width: 12px;
    height: 120px;
    position: absolute;
    z-index: 1;
    background-color: var(--skin-color);
    top: 0px;
    left: 7%;
    border-radius: 0px 0px 5px 5px;
    transition: 0.3s ease-in;
}
.our_testimonial_data_info:hover:before{
    height: 160px;
}
.our_testimonial_data_info:after {
    content: '';
    width: 12px;
    height: 80px;
    position: absolute;
    z-index: 1;
    background-color: #000000;
    top: 0px;
    left: 14%;
    border-radius: 0px 0px 5px 5px;
    transition: 0.3s ease-in;
}
.our_testimonial_data_info:hover:after{
    height: 110px;
}

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

.our_sponsors_img a:after {
    background: none !important;
}
.our_sponsors_img img{
    border-radius: 0px !important;
}

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

.widget_section_one, .widget_section_two, .widget_section_three{
    border-radius:0px !important;
}
.services_section_info{
    padding-bottom: 10px !important;
}

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

.funfact_content_inner .goldy_mex_funfact_wrap:hover {
    background-image: linear-gradient(180deg, #f7ccb7 0%, #fdf8f9 70%);
}   
.goldy_mex_funfact_section{
    padding: 0px !important;
}

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

.blog main.site-main.content_boxed .main_containor.grid_view article{
    background-color: #e0d1ba !important;   
}

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

.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);
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
.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;
}

/*--------------------------------------------------------------
# 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: -35%;
    border-radius: 0 60px 60px 0;
    top: 0;
    transition-duration: .6s;
    transform-origin: top left;
    width: 0;
}
.buttons::after, .wp-block-search .wp-block-search__button::after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.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: 135%;
}