/*
Theme Name: Pet Care Divi Theme
Theme URI: https://petcare.divifixer.com/
Description: A ready-to-use Divi child theme designed for a modern pet grooming salon agency, contemporary pet sale shop company, veterinary clinic, animal training classes.
Author: Divi-childthemes.com
Author URI:   https://www.divi-childthemes.com
Template: Divi
Version: 1.0.1
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Table of Contents
 *
 * 1. Header
 *		Media Queries
 *         1.1 - >= Min 1405px 
 *         1.2 - >= Min 1100px <= Max 1405px
 * 		   1.3 - >= Max 980px 
 * 2. Gallery
 * 3. Sidebar
 * 4. Mobile Menu
 */

/* Header */
.nav li li{
	padding:0px;
	display: inline-block;
	width: 100%;
}
.et-menu li li a{
	width: auto;
}
nav> ul > li > ul{
	border:none;
}
nav > ul > li > ul::after {
	position: absolute;
	left: 20%;
	margin-left: -40px;
	top: -15px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fff;
}
.nav li ul {	
	text-align: left;
}

@media only screen and (min-width:1405px) {
 .et-show-dropdown .sub-menu {
	-webkit-animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both;
	animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both
 }
 .sub-menu {
	-webkit-animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both;
	animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both
 }
}
@media only screen and (min-width:1100px) and (max-width:1405px) {
 .et-show-dropdown .sub-menu {
	-webkit-animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both;
	animation:scale-in-top 0.3s cubic-bezier(0.250,0.460,0.450,0.940) both
 }
 .sub-menu {
		-webkit-animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both;
		animation:scale-out-top 0.3s cubic-bezier(0.550,0.085,0.680,0.530) both
 }
}
@-webkit-keyframes scale-out-top {
 0% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
@keyframes scale-out-top {
 0% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
@-webkit-keyframes scale-in-top {
 0% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
@keyframes scale-in-top {
 0% {
	  -webkit-transform:scale(0);
	  transform:scale(0);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
 100% {
	  -webkit-transform:scale(1);
	  transform:scale(1);
	  -webkit-transform-origin:50% 0%;
	  transform-origin:50% 0%;
	  opacity:1
 }
}
@media screen and (max-width:980px) {
  /*for login user make adminbar fix*/	
  #wpadminbar {
	 position:fixed;
  }
}
/*set the defautl background color of the header section*/
.dct-header {
	background: transparent;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}


/*set the background color of the fixed header when scrolling*/
.dct-fixed-header {
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}
/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
/* Gallery */
#gallery-1 .gallery-item{margin: 0 !important;}

/* Sidebar */
.et_pb_widget select{
	height: 50px;
}
.et_pb_widget .widgettitle{
	padding-bottom: 20px;
}
/* for searchbar in widjet area*/
.widget_search input#s{
	border-radius: 25px;
}

/* for searchbar widjet button*/
.widget_search input#searchsubmit{
	background-color: #ff4880 ;
	border-radius: 25px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
}

/*remove the border from the top of the mobile menu*/
.et_mobile_menu {
	border-top: none;
}

/*hide the submenu items on mobile*/
.et_mobile_menu li ul.hide {
	display: none !important;
}

/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children {
	position: relative;
}

/*adjust the parent menu items on mobile*/
.et_mobile_menu .menu-item-has-children > a {
	background: transparent;
}

/*position and style the submenu icons*/
.et_mobile_menu .menu-item-has-children > a + span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
}

/*icon for closed submenu*/
span.menu-closed:before {
	content: "\33";
	display: block;
	color: #ff4880;
	font-size: 18px;
	font-family: ETmodules;
}

/*icon for open submenu*/
span.menu-closed.menu-open:before {
	content: "\4d";
	color: #ff4880;
}

/*adjust border under mobile menu items*/
.et_mobile_menu li:not(:last-child) a {
    border-bottom: 2px solid #f3f6fd;
}
/*remove border under last mobile menu item*/
.et_mobile_menu li:last-child a {
    border-bottom: none;
}