/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Baddie
Author URI: https://badd.ie
Description: Divi child theme - header styles
*/

/*** All sizes ***/

/* Fix body jump */
.et_pb_section:first-child .et_pb_module:first-child {
	padding-top: 0 !important;
}
/* END Fix body jump */

/* Correct margin below logo on mobile */
#header-content .et_pb_column {
	margin-bottom: 0;
}
/* Correct line height and top margin of menus */
#menu-desktop-header-nav>li,
#menu-mobile-top-nav>li {
	line-height: 1.7em;
	margin-top: 10px;
}
/* END Correct line height and top padding of menus */

/* Correct padding for social icons */
/* menu is flex-direction: row-reverse so work right to left */
#menu-desktop-header-nav {
	flex-direction: row-reverse;
}
#menu-desktop-header-nav>li:nth-child(2),
#menu-desktop-header-nav>li:nth-child(3),
#menu-desktop-header-nav>li:nth-child(4) {
	padding-left: 1.5px;
}
#menu-desktop-header-nav>li:nth-child(3),
#menu-desktop-header-nav>li:nth-child(4),
#menu-desktop-header-nav>li:nth-child(5) {
	padding-right: 1.5px;
}
/* END Correct padding for social icons */

/* Add pointer to search icon and mobile menu toggle */
.search-toggle:hover,
.mobile-nav-toggle:hover {
	cursor: pointer;
}
/* END Add pointer to search icon and mobile menu toggle */

/* Correct search box padding and border*/
#header-search-box input.et_pb_s {
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: none !important;
}
/* END Correct search box padding and border*/

/* Correct search box closer colour */
#header-search-box-closer a,
#header-search-box-closer a:visited,
#header-search-box-closer a:active,
#header-search-box-closer a:focus {
  color: #fff;
}
#header-search-box-closer a:hover {
  color: #dd1eba;
}
/* END Correct search box closer colour */

/* Make sure the right menus are showing */
.et_pb_menu .et_pb_menu__menu {
	display: flex;
}
.et_pb_menu .et_mobile_nav_menu {
	display: none;
}
/* END Make sure the right menus are showing */

/* Correct expanding mobile nav panel positioning */
#mobile-expanding-nav .et_pb_menu__wrap,
#menu-mobile-expanding-nav {
	display: block;
}
#menu-mobile-expanding-nav .mobile-nav-icons {
	display: flex;
}
/* END Correct expanding mobile nav panel positioning */

/* Correct positioning for mobile nav icons */
#menu-mobile-expanding-nav .mobile-nav-icons {
	margin-left: -5px;
}
#menu-mobile-expanding-nav .header-nav-icon {
	font-size: 26px;
	margin-left: 8px;
	margin-right: 8px;
}
#menu-mobile-expanding-nav .header-nav-icon:first-child {
	margin-left: 0;
}
#menu-mobile-expanding-nav .header-nav-icon:last-child {
	margin-right: 0;
}
/* END Correct positioning for mobile nav icons */

/* Correct colors of mobile nav icons */
#menu-mobile-top-nav a,
#menu-mobile-top-nav a:visited,
#menu-mobile-top-nav a:active,
#menu-mobile-top-nav a:focus,
#menu-mobile-top-nav a:hover,
#mobile-expanding-nav a,
#mobile-expanding-nav a:visited,
#mobile-expanding-nav a:active,
#mobile-expanding-nav a:focus,
#mobile-expanding-nav a:hover {
	color: #fff !important;
	opacity: 1;
}
/* Correct colors of mobile nav icons */

/* Hide mobile menu logo if baddie text logo is in the header */
@media all and (min-width: 600px) {
	#mobile-nav-baddie-text-logo {
		display: none;
	}
}
/* END Hide mobile menu logo if baddie text logo is in the header */

/*** Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}

/** Standard Desktop and Above **/
@media all and (min-width: 1100px) {

}

/*** Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}

/** Small Desktop and Above **/
@media all and (min-width: 981px) {
	
}

/*** Small Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1099px) {

}

/** Small Desktop and below ***/
@media all and (max-width: 1099px) {

}
 
/*** Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
/*** Tablet And Below ***/
@media all and (max-width: 980px) {

}

/*** Smartphone Landscape only ***/
@media all and (min-width: 480px) and (max-width: 767px) {

}
 
/*** Smartphone Landscape and below ***/
@media all and (max-width: 767px) {

}
 
/*** Smartphone Portrait ***/
@media all and (max-width: 479px) {

}