/*---------------------------------------------------------------------------------
Theme Name:   Pet Care Divi Theme
Theme URI:    https://divithemeshub.com/petcare/
Description:  Pet Care Divi Theme is a professionally designed Divi Child Theme for pet care businesses and animal service providers. Perfect for pet grooming, pet boarding, dog daycare, veterinary clinics, pet sitting, dog walking, and other pet-related services. Includes beautifully designed pages, service layouts, booking forms, and full Divi 5 compatibility to help you launch a modern pet care website quickly and easily.
Author:       Divi-Childthemes.com
Author URI:   https://divi-childthemes.com/
Template:     Divi
Version:      1.0.2
Requires at least: 7.0
Requires PHP: 8.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* ================================================== */
/**
 * 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
**/

/** General **/
/* =======================
    General
=========================*/
/***** General *****/
#et-boc header.et-l.et-l--header,
#et-boc footer.et-l.et-l--footer {position: relative;z-index: 99999999;}
 
#wpadminbar {z-index:999999999999999999999;}
.px-overlay-loader {z-index:999999999999999999999 !important;}
/* ===== General ======*/

/* 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;
}

.dct_ptf .et_pb_portfolio_filters {
	text-align: center;
	margin-bottom: 10px;
}
.dct_ptf .et_pb_portfolio_filters li {
	float: none;
	display: inline-block;
}
.dct_ptf .et_pb_portfolio_filters li a:hover {
	background-color: var(--gcid-primary-color);
	color: #fff;
}
.dct_ptf .et_pb_portfolio_filters li a {
	border-radius: 5px !important;
	background: var(--gcid-secondary-color);
	color: #fff;
	border: none;
	font-size: 13px;
	overflow: visible;
	font-weight: 600;
	line-height: 26px;
	padding: 8px 20px 6px;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin: 0 5px 20px;
	display: inline-block;
	position: relative;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.dct_ptf .et_pb_portfolio_filters li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	border-radius: 5px !important;
}
.dct_ptf .et_pb_portfolio_filters li a.active {
	border-color: var(--gcid-secondary-color);
	background: var(--gcid-primary-color);
	color: #fff !important;
}
.dct_ptf .et_pb_portfolio_filters li a.active:before {
	background: var(--gcid-secondary-color);
	left: -7px;
	top: -7px;
	opacity: 1;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transition: all .3s linear
}
.dct_ptf .et_pb_portofolio_pagination {
	border: none !important;
	margin-top: 20px;
}
.dct_ptf .et_pb_portofolio_pagination ul {
	float: right;
	position: relative;
	display: inline-block
}
.dct_ptf .et_pb_portofolio_pagination ul:before {
	width: 100%;
	height: 2px;
	display: block;
	background: #e8e8e8;
	content: '';
	position: absolute;
	top: 50%;
	z-index: -1;
	left: 0;
	transform: translateY(-50%)
}
.dct_ptf .et_pb_portofolio_pagination ul li {
	border-radius: 5px;
	background: #000;
	position: relative;
	z-index: 1;
	padding: 5px 15px!important;
	margin-right: 20px;
	border-color: #000;
	color: #fff
}
.dct_ptf .et_pb_portofolio_pagination ul li:last-child {
	margin-right: 0px;
}
.dct_ptf .et_pb_portofolio_pagination ul li a {
	color: #fff !important;
}
/* 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;
}

#sidebar .woocommerce-product-search .search-field {
	width: 100%;
	display: block;
	height: 45px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 25px;
}
#sidebar button {
	background: var(--gcid-primary-color);
	color: #fff;
	border: none !important;
	padding: 10px 20px !important;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 25px;
	height: auto;
	display: block;
	width: 100%;
	text-align: center;
}
#sidebar button:after {
	display: none;
}
#sidebar .select2-container .select2-selection--single {
	height: 41px;
}
#sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 20px;
}
#sidebar .select2-selection__arrow {
	background: var(--gcid-secondary-color);
	height: 40px;
	width: 30px;
}
#sidebar .et_pb_widget ul li {
	margin-bottom: 15px;
	border-bottom: 1px dashed;
	font-weight: 400;
	padding-bottom: 10px;
	font-size: 14px;
}
#sidebar .et_pb_widget {
	position: relative;
	border-radius: 5px;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.2);
	padding: 20px;
	-webkit-transition: box-shadow 0.27s cubic-bezier(0, 0, 0.58, 1);
	transition: box-shadow 0.27s cubic-bezier(0, 0, 0.58, 1);
	margin-bottom:10px;
}
#sidebar.et_pb_widget_area h4.widgettitle,
#sidebar .et_pb_widget .title {
	font-size: 16px !important;
	letter-spacing: 0px !important;
	margin-bottom:0px;
}

#sidebar .searchform, #sidebar .widget_search #s {
	border-radius: 25px;
}
#sidebar .searchform #searchsubmit {
	background: var(--gcid-primary-color);
	color: #fff;
	border-radius: 25px;
}
#sidebar #gallery-1 .gallery-item {
	margin: 0px;
}
.dct_contact_form .et_contact_bottom_container .et_pb_button_wrapper .et_pb_button:hover {color:#fff !important;background: var(--gcid-secondary-color)!important;}

 .et-slide-push-toggle .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon{
    padding:10px !important;
    background-color: #333 !important;
  }
  #page-container, #et-main-area, .et-push-sidebar, .et-slide-push-toggle .et-pb-icon {
    transition: all 300ms !important;
  }
/*
 * use if using blank template with no header or footer
 * 
  #page-container.et-push-sidebar-active {
    margin-left: 350px;
  }
 .et-fb .et-push-sidebar {
	transform: translateX(-100%) !important;}  

.et-fb.et-tb .et-push-sidebar {	transform: translateX(0%) !important;}

  #page-container.et-push-sidebar-active #et-main-area {
    margin-left: 350px;
  } */
/*
  .et-push-sidebar {  
    transform: translateX(100%);
  }
*/
.et-push-sidebar {
	transform: translateX(-100%) !important;}  
  .et-fb .et-push-sidebar {  
    transform: translateX(0%);
  }
  .et-push-sidebar-active .et-push-sidebar {
    transform: translateX(0%) !important;
  }
  
  .et-slide-push-toggle, .et-slide-push-close {
    cursor:pointer;
  }
  .et-push-sidebar-active .et-slide-push-toggle .et-pb-icon {
    transform: rotate(180deg);
  }
/*
@media all and (max-width: 767px) {
  .et-push-sidebar-active .et-push-sidebar {
    overflow: scroll !important;
    overscroll-behavior: contain;
  }
  #page-container.et-push-sidebar-active #et-main-area, #page-container.et-push-sidebar-active {
    margin-left: 0px;
  }  
} 
*/
.et_pb_toggle::before {background: transparent !important;}
.et_pb_comments_module  .comment-reply-title {color: var(--gcid-primary-color) !important;}
.et_pb_comments_module .form-submit .et_pb_button#et_pb_submit {box-shadow: 0 0 0 2px var(--gcid-primary-color) inset !important;color: var(--gcid-primary-color)!important;}
.et_pb_comments_module .form-submit .et_pb_button#et_pb_submit:after {display: none;}
.et_pb_comments_module:hover  .form-submit .et_pb_button#et_pb_submit{box-shadow: 0 0 0 2px var(--gcid-secondary-color) inset !important;color: #fff!important;background:var(--gcid-secondary-color) !important;}