/*
Theme Name: Goldy Animal
Theme URI: https://www.inverstheme.com/theme/goldy-animal/
Author: inverstheme
Author URI: https://www.inverstheme.com/
Description: Goldy Animal 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 Animal 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.3
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 Animal
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;
}
.top_bar_info{
    padding: 10px 0px;
}
.social_icon .fa-facebook:hover{
    color: #1877f2;
}
.social_icon .fa-twitter:hover{
    color: #1da1f2;
}
.social_icon .fa-linkedin:hover{
    color: #0762c8;
}
.social_icon .fa-instagram:hover{
    color: #c13584;
}
a.social_icon{
    font-size: 25px !important;
}
@media only screen and (max-width: 768px) {
    .header_social_icon{
        display: none !important;
    }
}

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

.owl-item.active .entry-container{
     border: 2px dashed #c7c9c9;
     padding: 10px 0px;
}
@media only screen and (max-width: 768px) {
    .owl-item.active .entry-container{
       padding: 0px !important;
    }
    .featured_slider_disc {
       text-align: unset;
       width: 90% !important;
    }
}

/*--------------------------------------------------------------
# Sticky-menu
--------------------------------------------------------------*/



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

.about_pic{
     border-radius: 50%;
}
.about_container_data:before{
     border-top-left-radius: 50px;
     border-bottom-left-radius: 50px;
}
.about_pic img{
     --s: 100px;   /* the size of the image */
     --b: 8px;     /* the border thickness*/
     --g: 1px;     /* the gap */
     --c: #ffffff; /* the color */
  
     width: var(--s);
     outline: calc(var(--s)/2) solid #0009;
     outline-offset: calc(var(--s)/-2);
     cursor: pointer;
     transition: .3s;
}
.about_pic img:hover {
     outline: var(--b) solid var(--c);
}
.about_section_info .about_pic img{
     height: 600px !important;
     border-radius: 50%;
}
@media only screen and (max-width: 768px) {
    .about_pic {
        border-radius:0%;
    }
    .about_section_info .about_pic img {
        border-radius:0%;
    }
}

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

.section-featured-wrep {
&:before {
     content: "";
     position: absolute;
     height: 32px;
     width: 32px;
     border-radius: 32px;
     transition: transform 1s ease-out;
  }
  &:hover:before {
     transform: scale(60);
  }
}
.featured-thumbnail:after{
     background-color: transparent !important;
}
.featured-section_data .card-container{
    gap:50px !important;
}
.section-featured-wrep{
    border: 2px solid #7cd0f7;
}
/*--------------------------------------------------------------
# Portfolio Section
--------------------------------------------------------------*/

.our_portfolio_info .wrappers .parent{
     border-top-left-radius: 50% !important;
     border-top-right-radius: 50% !important;
}
.our_portfolio_info .wrappers .parent:hover{
     background-color: #b39bc8;
     transition: 1s;
}
.our_port_containe{
     filter: none !important;
     border-top-left-radius: 20px;
     border-bottom-right-radius: 20px;
}
i.fa.fa-arrow-right{
     border: none !important;
}
.our_portfolio_btn a{
     transition: all 0.3s ease;
}
.our_portfolio_btn a:hover{
     padding-left: 20px;
}

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

.appointment_section_info{
     background-color: #cccccc !important;
}

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

.our_team_container img{
     --s: 100px;   /* the size of the image */
     --b: 3px;     /* the border thickness*/
     --g: 1px;     /* the gap */
     --c: #7cd0f7; /* the color */
  
     width: var(--s);
     outline: calc(var(--s)/4) solid #0009;
     outline-offset: calc(var(--s)/-8);
     cursor: pointer;
     transition: .3s;
     outline: var(--b) solid var(--c);
}

.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; 
}
.our_team_icon_contain .our_teams_contain{
     background-color: transparent !important;
}

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

.testimonials_image .image_testimonials img {
     border-radius: 70% 30% 30% 70% / 60% 40% 60% 40% !important;
}
.image_testimonials img{
     filter: none !important;
     border: none !important;
}
.testinomial_description{
     border: none !important;
     padding: 10px !important;
}
.testimonials_content{
     color: #000000 !important;
}
.testimonials_content{
     text-align: center !important;             
}
.testinomial_owl_slider .our_testimonial_data_info{
     border: 2px solid #cccccc;
}
.our_testimonials_container{
     justify-content: center;
     padding-top: 0px !important;
}

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

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

.widget_section_one, .widget_section_two, .widget_section_three{
     border-radius: 0px !important;
     box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.3);
}
.widget_inner_td_data{
     padding: 20px 50px!important;
}
.widget_section_one, .widget_section_three{
     border: 4px solid;
     border-image: repeating-linear-gradient(135deg,#a648e0 0 10px,#7cd0f7 0 20px,#666464 0 30px) 8;
     -webkit-mask: 
     conic-gradient(from 180deg at top 8px right 8px, #0000 90deg,#000 0)
     var(--_i,200%) 0  /200% var(--_i,8px) border-box no-repeat,
     conic-gradient(at bottom 8px left  8px,  #0000 90deg,#000 0)
     0   var(--_i,200%)/var(--_i,8px) 200% border-box no-repeat,
     linear-gradient(#000 0 0) padding-box no-repeat;
     transition: .3s, -webkit-mask-position .3s .3s;
}
.widget_section_one:hover, .widget_section_three:hover{
    --_i: 100%;
    transition: .3s, -webkit-mask-size .3s .3s;
}

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

.goldy_mex_funfact_wrap{
     border: 4px solid;
     border-image: repeating-linear-gradient(135deg,#a648e0 0 10px,#7cd0f7 0 20px,#666464 0 30px) 8;
     -webkit-mask: 
     conic-gradient(from 180deg at top 8px right 8px, #0000 90deg,#000 0)
     var(--_i,200%) 0  /200% var(--_i,8px) border-box no-repeat,
     conic-gradient(at bottom 8px left  8px,  #0000 90deg,#000 0)
     0   var(--_i,200%)/var(--_i,8px) 200% border-box no-repeat,
     linear-gradient(#000 0 0) padding-box no-repeat;
     transition: .3s, -webkit-mask-position .3s .3s;
}
.goldy_mex_funfact_wrap:hover {
     --_i: 100%;
     transition: .3s, -webkit-mask-size .3s .3s;
}    

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

.blog main.site-main.content_boxed .main_containor.grid_view article{
     border: 4px solid;
     border-radius: 0px !important;
     border-image: repeating-linear-gradient(135deg,#a648e0 0 10px,#7cd0f7 0 20px,#666464 0 30px) 8;
     -webkit-mask: 
     conic-gradient(from 180deg at top 8px right 8px, #0000 90deg,#000 0)
     var(--_i,200%) 0  /200% var(--_i,8px) border-box no-repeat,
     conic-gradient(at bottom 8px left  8px,  #0000 90deg,#000 0)
     0   var(--_i,200%)/var(--_i,8px) 200% border-box no-repeat,
     linear-gradient(#000 0 0) padding-box no-repeat;
     transition: .3s, -webkit-mask-position .3s .3s;
}
.blog main.site-main.content_boxed .main_containor.grid_view article:hover{
     --_i: 100%;
     transition: .3s, -webkit-mask-size .3s .3s;
}

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


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

.featured_slider_image .owl-prev, .featured_slider_image .owl-next {
     display: none;
}
.featured_slider_image:hover .owl-prev, .featured_slider_image:hover .owl-next {
     display: block;
}

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

.button a, .about_btn a, .bookan_appoinment_button a{
  width: 140px;
  text-transform: uppercase;
  border:none;
  text-align: center;
}

.button a:before, .about_btn a:before, .bookan_appoinment_button a:before, .wp-block-search__button:before, .nav-previous a:before, .nav-next a:before, .button a:after, 
.about_btn a:after, .bookan_appoinment_button a:after, .wp-block-search__button:after, .nav-previous a:after, .nav-next a:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  z-index: -1;
  transition: all .35s;
}

.button a:before, .about_btn a:before, .bookan_appoinment_button a:before, .wp-block-search__button:before, .nav-previous a:before, .nav-next a:before{
  opacity: .5;
}

.button a:after, .about_btn a:after, .bookan_appoinment_button a:after, .wp-block-search__button:after, .nav-previous a:after, .nav-next a:after{
  transition-delay: .2s;
}

.button a:hover, .about_btn a:hover, .bookan_appoinment_button a:hover, .wp-block-search__button:hover, .nav-previous a:hover, .nav-next a:hover{
  color: #fff;
}

.button a:hover:before, .about_btn a:hover:before, .bookan_appoinment_button a:hover:before, .wp-block-search__button:hover:before, .nav-previous a:hover:before, .nav-next a:hover:before,
.button a:hover:after, .about_btn a:hover:after, .bookan_appoinment_button a:hover:after, .wp-block-search__button:hover:after, .nav-previous a:hover:after, .nav-next a:hover:after{
  top: 0;
}