/* 
	Template Name: YogaZone: Yoga, Fitness & Maditation Mobile Responsive Bootstrap Html Template 
	Version: 1.0
	Author: DexignZone
	Website: http://www.dexignzone.com/
	Contact: dexignexpert@gmail.com
	Follow: www.twitter.com/dexignzones
	Like: www.facebook.com/dexignzone
	License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
*/

/*===================== 
	Premery bg color 
=====================*/
:root{
	--color-primary: #6C2BB3;
}
/* Hex */
.meet-ask-row:after,
.dez-separator.style-skew[class*="style-"]:after,
.dez-separator.style-skew[class*="style-"]:before,
.dez-tilte-inner.skew-title:after,
.date-style-2 .post-date, .pricingtable-title,
.date-style-3.skew-date .post-date,
.date-style-3.skew-date .post-date:before,
.overlay-primary-light:after,
.overlay-primary-middle:after,
.overlay-primary-dark:after,
.widget-title:after,
.site-button,
.comments-area .comment-form p input[type="submit"],
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.footer-line:after,
.testimonial-1 .quote-left:before,
.testimonial-2 .quote-left:before,
.site-filters .active > [class*="site-button"],
.list-num-count > li:before,
.date-style-4 .post-date strong,
.date-style-3 .post-date,
.date-style-2 .post-date, 
.pricingtable-title,
#myNavbar li.active a,
.nav-list li a:hover,
.closebtn,
.closebtn:hover,
.fc-day-header.fc-widget-header,
.fc-button.fc-state-default:hover,
.fc-button.fc-state-down, 
.fc-button.fc-state-active,
.fc-button.fc-state-default{
    background-color: #6C2BB3;
}
.bg-primary,
.tp-bannertimer.bg-primary{
    background-color: #6C2BB3 !important;
}
/*Hex color :hover */
.site-button:active,
.site-button:hover,
.site-button:focus,
.active > .site-button,
.bg-primary-dark,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus ,
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus,
.footer-social li a:hover {
    background-color: #32a8c4;
}

/* Rgba color */
.dez-info-has.bg-primary {
    background-color: rgba(2, 158, 183, 0.9);
}

/*===================== 
	Premery text color 
=====================*/
a,
.primary li:before,
.breadcrumb-row ul li a,
.header-nav .nav > li.active > a,
.header-nav .nav > li.current-menu-item > a .header-nav .nav > li .sub-menu li a:hover,
.header-nav .nav > li:hover > a,
.header-nav .nav > li .mega-menu > li ul a:hover,
.header-nav .nav > li .sub-menu li:hover > a,
.nav-dark.header-nav .nav > li .sub-menu li:hover > a,
.nav-dark.header-nav .nav > li .mega-menu > li ul a:hover,
blockquote:before,
ol.comment-list li.comment .reply a,
footer a:active,
footer a:focus,
footer a:hover,
footer h1 a,
footer h2 a,
footer h3 a,
footer h4 a,
footer h5 a,
footer h6 a,
footer p a,
button.scroltop,
.testimonial-1 .testimonial-position,
.testimonial-4 .testimonial-name:after,
.testimonial-2 .testimonial-position,
.testimonial-3 .testimonial-position,
.acod-head a:after,
.acod-head a,
.acod-head a:hover,
.acod-head a.collapsed:hover,
.dez-tabs .nav-tabs > li > a i,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.client-pic-white.client-pic li.active:after{
    color: #6C2BB3;
}
.text-primary{
	color: #6C2BB3 !important;
}
/*===================== 
	Premery border color 
=====================*/
.navbar-toggle,
.testimonial-4 .testimonial-pic,
.testimonial-4:after,
.testimonial-4 [class*="quote-"],
button.scroltop,
blockquote,
.widget_gallery li:hover {
    border-color: #6C2BB3;
}

/*===================== 
	Secondery bg color
 =====================*/
.bg-secondry {
    background-color: #666623;
}

/*===================== 
	Secondery text color
 =====================*/
.text-secondry {
    color: #666623;
}
/*===================== 
		Garllery 
 =====================*/
.our-gallery .dez-info-has {
    background-color: #6C2BB3;
    box-shadow: 0 0 0 15px #6C2BB3 inset, 0 0 0 16px #ffffff inset;
}
.dez-img-overlay1.gradient:before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#42b8d4+0,0e63b7+53,42b8d4+100 */
	background: #42b8d4; /* Old browsers */
	background: -moz-linear-gradient(45deg, #42b8d4 0%, #0e63b7 53%, #42b8d4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #42b8d4 0%,#0e63b7 53%,#42b8d4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #42b8d4 0%,#0e63b7 53%,#42b8d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42b8d4', endColorstr='#42b8d4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bgprlight {
    background-color: #d7f7f1;
}
.acod-head {
    position: relative;
    border-top: 3px solid #432366;
    border-bottom: 3px solid #432366;
    color: #432366;
}
#grad15t {
  background-color: #F0EEF7; /* For browsers that do not support gradients */
  background-image: url(../images/background/bg10.jpg);
  background-image: linear-gradient( #fff, #E4E0F7 50%);
}
#grad16 {
  background-color: #F0EEF7; /* For browsers that do not support gradients */
  background-image: url(../images/background/bg10.jpg);
  background-image: linear-gradient( #E4E0F7, #D7F7F1 50%);
}
#grad17 {
  height: 40px;
  background-color: #432366; /* For browsers that do not support gradients */
  background-image: linear-gradient(60deg, #E4E0F7, #6C2BB3, #666623 50%);
}
#grad18i {
  background-color: #D7F7F1; /* For browsers that do not support gradients */
  background-image: url(../images/background/texture.png);
  background-image: radial-gradient( #E4E0F7 20%, #D7F7F1 );
}
.g-border22i {
  border-top: 3px double #432366;
  box-shadow: 3px 5px 7px;
}
.g-border22b {
  border-bottom: 3px double #432366;
}
.ptitle2 {
   margin:15px;
   text-align:center;
   font-size: 1.9em;	
   font-weight:500;
   line-height:1.1em;
   font-style: italic;
}
.shadow1 {
    box-shadow: 3px 3px 8px;
}