/*---------------------------------------------------------------------------------

 Theme Name:   Concraft
 Theme URI:    https://www.concraftpakistan.com
 Description:  Custom theme designed by Crownstone Consulting Services (CCS)
 Author:       Crownstone Consulting Services (CCS)
 Author URI:   https://www.crownstonecs.com/digital
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

/**********************************************/
/** Change Fixed Menu Logo **/
.et-fixed-header #logo {
content: url(https://www.concraftpakistan.com/wp-content/uploads/2024/07/Concraft-Pakistan-Original.png);
}

/**********************************************/
/** Default Mobile Dropdown Menu **/

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

#mobile_menu.et_mobile_menu a {
	color: #633833!important;
}

/**********************************************/
/** Remove Menu Bar & Fixed Menu Shadow **/
#main-header, #main-header.et-fixed-header {
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}

/**********************************************/
/** Change color of site-wide text highlight **/
::-moz-selection {
  color: #633833;
  background: #FD9808!important;
}

::selection {
  color: #633833;
  background: #FD9808!important;
}

/**********************************************/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #FD9808; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}