/**
* Theme Name: Chirokind Child
* Description: This is a child theme of Chirokind, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/themearc">Theme Arc</a>
* Template: chirokind
* Version: 1.2
*/

/*Menu en sidebar*/
/********************* Pain Widget Style ******************/


#nav_menu-8 {
	position: relative;
   margin-bottom: 50px;

}
#nav_menu-8 ul{
	position:relative;	
}
#nav_menu-8 ul li{
	position: relative;
    display: block;
    padding-left: 0;
}
#nav_menu-8 ul li+li  {
  margin-top: 3px;
}
#nav_menu-8 ul li a{
	position: relative;
	display: block;
	background-color: #f1f1f1 !important;
	padding: 12px 25px 12px !important;
	color: var(--thm-black) !important;
	font-size: 18px ;
	line-height: 28px;
	font-weight: 700;
	font-family: var(--thm-font-2);
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}
#nav_menu-8 ul li a:before, .service-widget.widget_nav_menu ul li a:before{
	position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    border-left: 4px solid #d2d2d2;
	transition: all 500ms ease;
}
#nav_menu-8 ul li a:hover:before, .service-widget.widget_nav_menu ul li a:hover:before,
#nav_menu-8 ul li.current-menu-item a:before, .service-widget.widget_nav_menu ul li.current-menu-item a:before{
	width: 100%;
	background-color: var(--thm-base);
	border-left: 4px solid #ab173c;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}
#nav_menu-8  ul li:hover a,
.service-widget.widget_nav_menu ul li:hover a,
#nav_menu-8 ul li.current-menu-item a,
.service-widget.widget_nav_menu ul li.current-menu-item a,
#nav_menu-8 ul li.current-menu-item a:before
.service-widget.widget_nav_menu ul li.current-menu-item a:before{
	color: #fff;
	padding-left: 30px;
}
#nav_menu-8 ul li a:after,
.service-widget.widget_nav_menu ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--thm-base);
  border-left: 4px solid #ab173c;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease,
    -webkit-transform 0.4s ease;
  transform-origin: left right;
  -webkit-transform: scale(1, 0);
  transform: scale(0, 1);
  z-index: -1;
}
#nav_menu-8 ul li.current a:after,
.service-widget.widget_nav_menu ul li.current a:after,
#nav_menu-8 ul li:hover a:after
.service-widget.widget_nav_menu ul li:hover a:after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: right center;
}

/********************* Therapies Widget Style ******************/


#nav_menu-11 {
	position: relative;
   margin-bottom: 50px;

}
#nav_menu-11 ul{
	position:relative;	
}
#nav_menu-11 ul li{
	position: relative;
    display: block;
    padding-left: 0;
}
#nav_menu-11 ul li+li  {
  margin-top: 3px;
}
#nav_menu-11 ul li a{
	position: relative;
	display: block;
	background-color: #f1f1f1 !important;
	padding: 12px 25px 12px !important;
	color: var(--thm-black) !important;
	font-size: 18px ;
	line-height: 28px;
	font-weight: 700;
	font-family: var(--thm-font-2);
	transition: all 200ms linear;
	transition-delay: 0.1s;
	z-index: 1;
}
#nav_menu-11 ul li a:before, .service-widget.widget_nav_menu ul li a:before{
	position: absolute;
    content: '';
    width: 0%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: -1;
    border-left: 4px solid #d2d2d2;
	transition: all 500ms ease;
}
#nav_menu-11 ul li a:hover:before, .service-widget.widget_nav_menu ul li a:hover:before,
#nav_menu-11 ul li.current-menu-item a:before, .service-widget.widget_nav_menu ul li.current-menu-item a:before{
	width: 100%;
	background-color: var(--thm-base);
	border-left: 4px solid #ab173c;
	transition: all 200ms linear;
	transition-delay: 0.1s;
}
#nav_menu-11  ul li:hover a,
.service-widget.widget_nav_menu ul li:hover a,
#nav_menu-11 ul li.current-menu-item a,
.service-widget.widget_nav_menu ul li.current-menu-item a,
#nav_menu-11 ul li.current-menu-item a:before
.service-widget.widget_nav_menu ul li.current-menu-item a:before{
	color: #fff;
	padding-left: 30px;
}
#nav_menu-11 ul li a:after,
.service-widget.widget_nav_menu ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--thm-base);
  border-left: 4px solid #ab173c;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease,
    -webkit-transform 0.4s ease;
  transform-origin: left right;
  -webkit-transform: scale(1, 0);
  transform: scale(0, 1);
  z-index: -1;
}
#nav_menu-11 ul li.current a:after,
.service-widget.widget_nav_menu ul li.current a:after,
#nav_menu-11 ul li:hover a:after
.service-widget.widget_nav_menu ul li:hover a:after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transform-origin: right center;
}

.single-service-style5 .btn-box a .border-right {

    background-color: #805D39;
}

h3, h4 {
	color: #346255;
}

