/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* @import url("https://use.typekit.net/xbz1klg.css"); */


body.wp-child-theme-Avada-Child-Theme:not(.fusion-header-layout-v6) .fusion-main-menu > ul > li > a, 
body.wp-child-theme-Avada-Child-Theme:not(.fusion-top-header) .fusion-main-menu > ul > li > a {
	height: 150px;
}

.fusion-is-sticky .fusion-middle-logo-menu-logo.fusion-logo {
  display: none;
}


.fusion-header-sticky-height,
.fusion-sticky-shadow {
  transition: all .25s; 
  opacity: 1;
}

.fusion-is-sticky .fusion-header-sticky-height  {
  opacity: 0 !important;
}

.fusion-is-sticky .fusion-header-sticky-height,
.fusion-is-sticky .fusion-main-menu > ul > li > a,
.fusion-is-sticky .fusion-sticky-shadow {
  height: 80px !important;
}

.avada-menu-highlight-style-bar:not(.fusion-header-layout-v6) .fusion-main-menu > ul > li > a {
	border-top-width: 0;
	border-top-style: solid;
}

.avada-menu-highlight-style-bar .fusion-main-menu > ul > li > a {
	border-top-color: transparent !important;
}

.fusion-main-menu > ul > li.menu-item > a  {
	display: flex;
	align-items: unset !important;
}

.fusion-main-menu > ul > li.menu-item > a span {
  display: block;
  padding-top: 30px;
}

.fusion-is-sticky .fusion-main-menu > ul > li.menu-item > a span {
  padding-top: 28px;
}



body .fusion-recent-works .fusion-portfolio-post h2 a {
  color: white !important;
}

body .fusion-recent-works .fusion-portfolio-post .fusion-portfolio-content-wrapper {
  position: relative;
}

body .fusion-recent-works .fusion-portfolio-post h2 {
  position: absolute;
  bottom: 20px;
  opacity: 0;
  transition: 300ms opacity;  
  z-index: 5;
  width: 100%;
}

body .fusion-recent-works .fusion-portfolio-post:hover h2 {
  opacity: 1;
} 

.fusion-dropdown-menu ul.sub-menu {
  top: 70px;
  margin-left: -19px;
}

#menu-portfolio .current-menu-item a,
#menu-portfolio .current-menu-item a span {
  color: #a8343c !important; 
}

  

@media (max-width: 1080px) {
  .portfolio-subnav {
    margin-bottom: 30px;    
  }

  .portfolio-subnav #menu-portfolio {
    display: block !important;
    overflow-y: hidden;
    height: 65px;
    width: 100%;
    max-width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .portfolio-subnav #menu-portfolio li {
    display: inline-block !important;
    width: auto;
    height: 65px;    
    background-color: transparent !important;
  }
  
  .portfolio-subnav #menu-portfolio li a {
    display: inline-block !important;
    height: 65px;    
    background-color: transparent !important;
    padding-left: 0 !important;
    padding-right: 0px !important;
    margin-right: 40px !important;
  } 
  
  .portfolio-subnav #menu-portfolio li:last-child a {
    margin-right: 0px !important;
  }   
  
  .portfolio-subnav #menu-portfolio li a .menu-text {
    display: inline-block !important;
    line-height: 65px;
    white-space: nowrap;    
  }   

  #menu-portfolio {
    padding-right: 50px;
    position: relative;
  }

  .scroll-arrow.right-arrow {
    display: block;
  }  
}


#menu-portfolio li {
  position: relative;
}

.scroll-arrow {
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 60px;
  display: none;
  z-index: 2;
}

.left-arrow {
  left: -15px;
  background: linear-gradient(to right, rgba(238, 238, 236, 1), transparent);
  padding-right: 40px;   
}

.right-arrow {
  right: -15px;
  background: linear-gradient(to left, rgba(238, 238, 236, 1), transparent);  
  padding-left: 40px;   
}

/* Hide the default scrollbar */
#menu-portfolio::-webkit-scrollbar {
    width: 0em;
}

#menu-portfolio::-webkit-scrollbar-track {
    background: transparent;
}

#menu-portfolio::-webkit-scrollbar-thumb {
    background-color: rgba(238, 238, 236, 1); /* Adjust the scrollbar color as needed */
    border-radius: 0px;
}

/* Add custom scrollbar styling */
#menu-portfolio {
    scrollbar-width: thin; /* Firefox support for custom scrollbar */
    scrollbar-color: rgba(238, 238, 236, 1) transparent; /* Firefox support for custom scrollbar color */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS devices */
}


.fusion-mobile-logo {
  height: 70px !important;
  width: auto !important;
}


.fusion-middle-logo-menu-logo img {

  max-width: 200px;
  height: auto;
  
}


body .fusion-main-menu > ul > li {
	padding-right: 30px;
}


body .fusion-main-menu > ul > li.fusion-middle-logo-menu-logo {
  padding-right: 0;
}

body .fusion-header-v7 .fusion-middle-logo-ul {
	display: flex;
	align-items: start;
	justify-content: center;
	flex-wrap: wrap;
}

body .fusion-header-v7 .fusion-middle-logo-ul li.fusion-middle-logo-menu-logo a {
	align-items: start;
}