/*
 Theme Name:   The Hair Studio DE v1.0
 Theme URI:    https://www.thehairstudiode.com/
 Description:  thehairstudiode.com
 Author:       THSDE / Edited/Modified
 Author URI:   https://aadesignco.com
 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
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Divi
*/

@import URL("../Divi/style.css") ;

/*---------- Menu Underline

#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: #dba47d;
height: 3px;
-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%;
}

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

/*----------Custom Divi Gallery----------*/
 

.mfp-title {
    display: none;
}
 

 
.et_pb_gallery_grid .et_pb_gallery_item {
    width: 20%!important;
    padding: 4px!important;
    clear: right!important;
}
 
@media only screen and (max-width: 479px) {
     
.et_pb_column .et_pb_grid_item:nth-child(n) {
    width: 50%!important;
}
}






/* hamburger menu color */

@media only screen and (max-width: 980px)  {
	#et-top-navigation span.mobile_menu_bar:before, 
	#et-top-navigation span.mobile_menu_bar:after {
		color: #a7a9ad !important;
	}
}

.et_mobile_menu { border-top: 3px solid #a7a9ad; }