/*
 Theme Name:   Wabi Sabi Child Theme
 Theme URI:    https://wabi-sabi.ancorathemes.com/
 Description:  Wabi Sabi Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com/
 Template:     wabi-sabi
 Version:      1.0.0
 Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
 Text Domain:  wabi-sabi
*/

/* ------------------------------------------------------------ */
/* Load Custom Fonts */
/* ------------------------------------------------------------ */

@font-face {
    font-family: 'Vogue';
    font-display: swap;
    src: url('skins/default/css/font-face/Vogue/Vogue.woff') format('woff'),
         url('skins/default/css/font-face/Vogue/Vogue.ttf') format('truetype'),
         url('skins/default/css/font-face/Vogue/Vogue.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('skins/default/css/font-face/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

.font-vogue {
    font-family: 'Vogue', serif !important;
    font-weight: 400;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600; /* or 300/200/100 depending on the aesthetic you want */
}


/* =Theme customization starts here
------------------------------------------------------------ */

.team_member_content.team_member_page_content {
    display: none !important;
}

/* Make the featured image container use full container width */
.single-cpt_team .team_member_featured,
.single-cpt_team .team_member_avatar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Make the image fill the full width of its container */
.single-cpt_team .team_member_avatar img {
    width: 100% !important;
    height: auto !important;
    display: block;
    object-fit: cover;
}

/* li has the class; style the link inside it */
.as-link-hover > a {
  position: relative;
  display: inline-block;          /* shrink to text */
  width: auto;
  text-decoration: none;
  color: inherit;
  transition: opacity .25s ease;
}

.as-link-hover > a:hover {
  opacity: .8;
}

/* underline animation */
.as-link-hover > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background: currentColor;
  transition: width .25s ease;
}

.as-link-hover > a:hover::after {
  width: 100%;                    /* now = text width */
}

.underline_anim {
	color: #FFFFFF !important;
	display: inline-block !important;
	font-weight: 500 !important;
}

.underline_anim_black {
	color: #000000 !important;
	display: inline-block !important;
	font-weight: 500 !important;
}

.link-animation {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

/* underline line */
.link-animation::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;          /* adjust spacing if needed */
  width: 0;
  height: 2px;
  background: #000;
  transition: width 0.3s ease;
}

/* hover animates the underline left → right */
.link-animation:hover::after {
  width: 100%;
}


/* Sticky Sidebar Effect */

@media (min-width: 1024px) {

  /* Let sticky actually work */
  .page_content_wrap,
  .content_wrap {
    overflow: visible !important;
  }

  /* Make all sidebars sticky */
  .sidebar.widget_area {
    position: sticky !important;
    top: var(--fixed-rows-height) !important;
    transition: top ease-in-out 0.3s;
  }

}

.link-light {
  color: #a3a3a3 !important;
  transition: color 0.25s ease;
}

.link-light:hover {
  color: #ffffff !important;
}

.extra_item a::after {
	color: #ffffff !important;
}

/* Base button style */
.as-menu-btn > a {
    display: inline-block;
    padding: 12px 20px;
    border: 1px solid #ffffff;
    border-radius: 0;
    text-decoration: none;
    color: #ffffff !important;
    background: transparent;
    transition: all 0.25s ease;
}

/* Hover effect */
.as-menu-btn > a:hover {
    background: #ffffff;
    color: #000000 !important;
}

.as-hide {
    display: none !important;
}

/* Base icon color */
.socials_wrap a span[class^="icon-"]::before,
.socials_wrap a span[class*=" icon-"]::before {
    color: #ffffff; /* current default */
    transition: color 0.25s ease;
}

/* Hover color */
.socials_wrap a:hover span[class^="icon-"]::before,
.socials_wrap a:hover span[class*=" icon-"]::before {
    color: #a3a3a3 !important;
}

.sc_layouts_panel_menu_close {
    color: #ffffff !important;
    z-index: 999 !important;
    position: relative; /* required for z-index to apply */
}

.sc_layouts_panel_menu_close_icon {
	color: #ffffff !important;
}

.sc_layouts_panel_menu_close_text {
	color: #ffffff !important;
}

.as-nowrap {
	white-space: nowrap !important;
}

/* Default icon color */
.socials_mobile .icon-instagram::before,
.socials_mobile .trx_addons_icon-tik-tok::before,
.socials_mobile .icon-facebook-1::before {
    color: #ffffff !important;
    transition: color .25s ease;
}

/* Hover color when you hover the entire link */
.socials_mobile a:hover .icon-instagram::before,
.socials_mobile a:hover .trx_addons_icon-tik-tok::before,
.socials_mobile a:hover .icon-facebook-1::before {
    color: #a3a3a3 !important;
}

/* Make the full mobile menu background pure black */
.menu_mobile,
.menu_mobile_inner{
    background-color: #000000 !important;
}

.menu_mobile_widgets_area {
	background-color: #ffffff !important;
}

@media (max-width: 767px) {
  .mobile-reverse > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}

.white-link {
	color: #ffffff !important;
}

.white-link:hover {
	color: #ebebeb !important;
}

body.single-cpt_team .team_member_featured .team_member_avatar.post_featured {
  width: 220px !important;
  max-width: 220px !important;
  min-width: 220px !important;
  flex: 0 0 220px !important;
  margin: 0 auto 0 0 !important;
}

body.single-cpt_team .team_member_featured .team_member_avatar.post_featured img.wp-post-image {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block !important;
}

.sc_layouts_menu_nav ul.sc_layouts_submenu,
.sc_layouts_menu_nav ul.sub-menu {
    padding-bottom: 0 !important;
}