/*!
 * Theme v1.0.0 
 * Copyright 2015-2016 theemon.com
 */
@skinColor:#7bc144; //Change here your theme Color
@skinSecondColor:#00914a;
@fontFamily:'Montserrat', sans-serif; //Change here your theme Font family
@secondFontFamily:'PT Serif', serif;
.transition_effect{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
h1,h2,h3,h4,.accordian-menu .input-box,.accordian-menu .btn,.slider-txt strong,.event-date,.blog-page .aside input[type="text"],
.category-form select,.leave-comment .input-box, .leave-comment .textarea,.author > span,.diagnostic .btn,
.form-sec .input-box,.form-sec input.btn,.departments .search-input,.rev_slider_wrapper h2,
.txt-wraper > strong,.footer-form .mc4wp-form .submit-button,nav li a,.call-details, .email-details,.header-logo .txt-wraper,
.year-num,.inner-sec,.date-section,h5 a,.btn,.tabbing-nav li .tab-title,.client-name,.date-blog,.blog-date,
h6,.footer,.panel-title a,.dr-list > li  a,.accordian-menu .time-wrap li,.depart-list li a,.form-title,
h4 a,h3 a,h2 a,.select-section,.dr-des,.megahealth-service-page .nav-tabs .service-title,.medical-item,.head-sec > span,
.appointment-txt > span,.appointment-txt > a,.job-apply .dl-horizontal dt,.left-review .review-count,.left-review .rating,.about-blog,
.mega-health-catgegory,.mega-health-tags,.user-wrap,.ui-menu li.ui-menu-item,
.logged-in-as,.timing-list,.woocommerce .woocommerce-ordering select,
.accordian-menu .panel-body li span,.edd-submit,#edd-purchase-button {
  font-family:@fontFamily;
}
body,p ,blockquote,q ,.degree,.rev_slider_wrapper .container .banner-details .details-heading .year-des,
.rev_slider_wrapper p,.services p,.slider-txt > span,.megahealth-widgets li a,.form-part, .form-text-area,
.quote-top, .quote-bottom,.contact-address > address,.contact-number > a,.contact-email > a,
.file-section .upload-button,.file-section .upload-content,.services-page section li,.doctor-title,
.info .form-part,.service-c,.woocommerce ul.products li.product .onsale, .woocommerce.single-product span.onsale,.woocommerce ul.products li.product .price,
.megahealth-our-doctor .doctor-title .dr-des a  {
  font-family:@secondFontFamily;
}

//====================TEXT COLOR==================
.btn-theme:hover,.contact-info i,.job-location-section 
.icon-location-pin, a:hover, .footer li a:hover, .tel:hover, 
.mail:hover, .testimonial-quotes::before, .testimonial-quotes::after, 
.footer-form .mc4wp-form .submit-button, .footer li a.social-links:hover, .footer-form .input-section, 
.testimonial-txt .testimonial-quotes::before, .testimonial-txt .testimonial-quotes::after, 
.depart-list li a:hover, .depart-list li a:hover::after, .about-blog a, 
.blog-page .aside button, .testimonial-quotes > p, .quote-top, .quote-bottom, 
.category li:hover:after, .info-heading-icon::before, 
.job-apply .dl-horizontal .second, .department-blocks:hover .ambulance-icon::before, 
.dr-des, .doctors-quote::before, .pagination-number.active-section, 
.tab-list li.active a, .tab-list li.active a .service-icon, 
.tab-list li.active .helicopter svg, .tab-list li a:hover, 
.tab-list li a:hover .service-icon::before, .testimonial-review h4, 
.drop-down-parent .drop-down li a:hover, h1 ,.contact-info a:hover,
.txt-wraper > strong,.our-department .content-block:hover .ambulance-icon::before,
.slider-content:hover .ambulance-icon::before,.departments .fa.fa-search,
.pagination-number:focus, .pagination-number:hover,.social-share a:hover,
.user-wrap > span a:hover,.dr-list > li  a:hover,
.menu-item-has-children .sub-menu li a:hover, 
.page_item_has_children .children li a:hover,
.megahealth-widgets li:hover:after,.css-locations-list ul li a, 
.megahealth-widgets li:hover > a,
.css-events-list table.events-table td a:hover,
.megahealth-header-layout .navbar-default .navbar-nav > li  ul .current-menu-item > a,
.testimonial-quotes i,.mega-health-catgegory a, .mega-health-tags a,.dr-des a,
.dr-intro .dr-des a,.megahealth-service-page .nav-tabs .active i {
  color: @skinColor;
  .transition_effect;
}
.appointment-txt > a:hover, .css-events-list table.events-table td,.css-locations-list ul li a:hover,
.blog-image .blog-des h5:hover a, .blog-content h5:hover a,.dr-des a:hover,.dr-intro .dr-des a:hover  {
  color: darken(@skinColor ,20%) !important ; 
  .transition_effect;
}
.social-share a:hover,.depart-list li a:hover .ambulance-icon::before,.tab-list li a:hover .ambulance-icon::before {
  color: @skinColor !important;
}
.event-section .owl-nav .owl-next:hover:after, 
.event-section .owl-nav .owl-prev:hover:after, 
.quick-link-content,#eda-myaccount-wrapper nav a {
  color: darken(@skinColor ,10%) !important ; .transition_effect;
}
#edd_login_submit {
  border-color:@skinColor;  
}
#edd_login_submit:hover,#theme_panel .theme-setting {
  background-color:@skinColor;
}
.m-login-form,#eda-myaccount-wrapper nav  {
  background-color:lighten(@skinColor,25%);
}
#eda-myaccount-wrapper nav li a:hover:after,#eda-myaccount-wrapper nav li a.active:after {
  background-color:darken(@skinColor,25%);
}
//============================================================
//==========================BACKGROUND COLOR==================
.btn-theme,.hero-banner .zeus .tp-bullet:after,.tag-container,.projects-info .arrow, .active-class, .dot-links:hover .spans, .video-image .video-link, .btn:hover, .departmental-section .btn, .nav-icons:hover, .nav-icons:focus, .ui-state-active .nav-icons, .blog-content, .date-blog, .blog-date, .blog-image .blog-des:nth-child(2) .date-blog, 
.footer-form .mc4wp-form .submit-button:hover, .owl-demo-3 .owl-dot.active, .banner-section .container .banner-details, .event-date, .green, .pagging .active, .pagging li:hover, .diagnostic, 
.appointment, .doctors-social-icons .icons:hover,
.megahealth-Events-page.Events-page .calender-date, 
.select-search, .col-manage-section .col-manage .dots-two.active-col .dots, 
.col-manage-section .col-manage .dots-one.active-col .dots, 
.col-manage-section .col-manage .dots-three.active-col .dots, 
.gallery-figure .fig-icon, .navbar-default .navbar-nav > li:hover,
.article-icon a:hover,.navbar-default .navbar-toggle .icon-bar,
.megahealth-header-layout .navbar-default .navbar-nav > .current-menu-item > a,
.megahealth-header-layout .navbar-default .navbar-nav > .current-menu-parent > a,
.megahealth-header-layout .navbar-default .navbar-nav > .current_page_parent > a,
.banner-image,.rev_slider_wrapper .container .banner-details,
#accordion1 .panel-title a,
.edd-submit:hover,#edd-purchase-button:hover {
  background-color: @skinColor;
  .transition_effect;
}
div.css-search div.em-search-main .em-search-submit {
  background: @skinColor;
  .transition_effect;
}
div.css-search div.em-search-main .em-search-submit:hover,.megahealth-department-section {
  background: lighten(@skinColor,25%);
  .transition_effect;
}
.file-section .upload-button, .appointment-txt > a {
  background-color: darken(@skinColor ,7%) !important ; .transition_effect;
}
.diagnostic .btn {
  background-color: lighten(@skinColor ,8%) !important ; .transition_effect;
}
.doctors-quote {
  background-color: lighten(@skinColor ,25%) !important ; .transition_effect;
}
.owl-pagination .owl-page.active > span, .owl-pagination .owl-page:hover > span,#megahealth-scroll-to-top {
    background: @skinColor; .transition_effect;
}
.rev_slider_wrapper .container .banner-details .details-heading {
  border-color: darken(@skinColor ,12%)
}
.date-blog {
 background-color: lighten(@skinColor,20%) !important ; .transition_effect;
}
//============================================================
//==========================BORDER COLOR==================
.btn-theme, .drop-down-parent .drop-down,.btn, input.btn, button.btn,.em-booking-form, 
.footer-form .mc4wp-form .submit-button, input:focus, select:focus, textarea:focus, 
button:focus, .testimonial-section .owl-dots .owl-dot.active, .depart-list li a:hover, 
.depart-list li a:hover::after, .pagging .active, .pagging ul, .leave-comment input:focus, 
.leave-comment textarea:focus, .pagination-number.active-section, .tab-list li.active a, 
.book-appointment-section:hover .inner-sec,.select-search:hover,.navbar-default .navbar-toggle,
.edd-submit,#edd-purchase-button {
  border-color: @skinColor !important;
  .transition_effect;
}
.diagnostic .input-txt, .diagnostic .textarea, .file-section .upload-button, .banner-section .banner-details .details-heading {
  border-color: darken(@skinColor ,8%) !important ; .transition_effect;
}


.btn-theme:hover, .pagging li:hover,
.blog-listing-inner:hover::after,#megahealth-scroll-to-top {
    border-color: @skinColor;
    .transition_effect;
}

.hero-banner .zeus .tp-bullet.selected, .hero-banner .zeus .tp-bullet:hover {
     border-color: @skinColor;
    .transition_effect;
}
.owl-pagination .owl-page.active, .owl-pagination .owl-page:hover{
    border-color: @skinColor;
    .transition_effect;
}
.testimonial-section .owl-dots .owl-dot, 
.css-events-list table.events-table tr, 
.em-my-bookings tr,#megahealth-scroll-to-top:hover {
  border-color: @skinSecondColor;
    .transition_effect;
}
//============================================================

.nav-section,.book-appointment-section,.menu-item-has-children .sub-menu, .page_item_has_children .children,
.tabbing-nav,#owl-partner .owl-nav .owl-next, #owl-partner .owl-nav .owl-prev,.purple,
.panel-title > a,.megahealth-mega-menu-warp,.blog-image .blog-des,.doctors-social-icons,.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover,#megahealth-scroll-to-top:hover,
#accordion1 .panel-title a.collapsed {
    background-color: @skinSecondColor;
    .transition_effect;
}
.tabbing-nav .nav-icons {
  background-color:darken(@skinSecondColor,20%);
}
.tabbing-nav .nav-icons:hover,.tabbing-nav .ui-state-active .nav-icons {
  background-color:@skinColor;
}
.event-section .owl-nav .owl-next:hover:after, .event-section .owl-nav .owl-prev:hover:after,
.quick-link-content {
  color:lighten(@skinSecondColor,20%);
}
.ambulance-icon::before,.mega-health-catgegory i, 
.mega-health-tags i,#megahealth-scroll-to-top i,
.megahealth-department-section-two .dep-bt span:before {
  color:@skinSecondColor;
}
.services .slider-txt a:hover strong {
  color:@skinSecondColor;
  .transition_effect;
}
.testimonial-section .owl-dots .owl-dot,.css-events-list table.events-table tr,.em-my-bookings tr {
  border-color:lighten(@skinSecondColor,20%);
}
.css-events-list,.em-my-bookings,div.em-booking-login .input, div.em-booking-login, .em-booking {
  background:lighten(@skinSecondColor,40%);
}

/*support */
@starColor:#7bc144; //Change here your theme Color
@saleColor:#7bc144; //Change here your theme Color
@priceColor:#7bc144; //Change here your theme Color
@cartColor:#7bc144; //Change here your theme Color

.woocommerce .star-rating:before,.woocommerce .star-rating span {
  color: @starColor;
  .transition_effect;
}
.woocommerce .star-rating:hover:before,
.woocommerce .star-rating:hover span {
  color:@skinSecondColor;
  .transition_effect;
}
.woocommerce ul.products li.product .price{
  color:@priceColor;
  .transition_effect;
}
.woocommerce ul.products li.product .onsale,
.woocommerce.single-product span.onsale {
  background-color: @saleColor;
  .transition_effect;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button {
  border-color: @cartColor;
    .transition_effect;
    font-family:@fontFamily;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, .woocommerce button.button:hover, 
.woocommerce input.button:hover {
  background-color: @cartColor;
    .transition_effect;
    color:#fff;
}
#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  font-family:@fontFamily;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: @cartColor;
    .transition_effect;
}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]:checked {
  background: @cartColor;
  border-color: @cartColor;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: @skinColor;
}
.woocommerce p.stars a {
  color:@starColor;
}

.woocommerce a.added_to_cart {
  color:@cartColor;
  .transition_effect;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background-color: darken(@cartColor, 15%);
  .transition_effect;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color:@priceColor;
  .transition_effect;
}
.woocommerce nav.woocommerce-pagination ul {
  border-color: @skinColor;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: @skinColor;
  color:#fff;
}
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.woocommerce button.button.alt:hover{
  color:@cartColor;
  border-color:@cartColor;
  background-color:white;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price{
  font-family:@secondFontFamily;
}
.woocommerce div.product form.cart .reset_variations:hover{
  border-color:@skinColor;
}
.woocommerce .woocommerce-message{
  border-color:@skinColor;
}
.woocommerce button.button.single_add_to_cart_button:hover{
  background-color:white !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background-color:@cartColor;
  border-color:@cartColor;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background-color:white;
  color:@cartColor;
}
.woocommerce .woocommerce-info, .woocommerce .woocommerce-message{
  border-color:@skinColor;
}
#add_payment_method #payment, .woocommerce-checkout #payment{
  background-color:lighten(@skinColor, 45%);
}
#add_payment_method #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
  background-color:darken(@skinColor, 10%);
}
#add_payment_method #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before{
  border-bottom-color:darken(@skinColor, 10%);
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  background-color:@skinColor;
  color:#fff;
  border:2px solid @skinColor;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{
  background-color:white !important;
  color:@skinColor;
}
.woocommerce a.added_to_cart:hover{
    background-color:white;
    color:@skinColor;  
  }
// .woocommerce #respond input#submit:hover, 
// .woocommerce a.button:hover, 
// .woocommerce button.button:hover, 
// .woocommerce input.button:hover{
  // color:@cartColor;
  // background-color:#fff;
  // border-color:@cartColor;
// }
.woocommerce ul.products li.product a:hover h3{
  color:@skinColor;
}
.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total,
.woocommerce .widget_price_filter .price_label {
  color:@priceColor;
}
.widget_product_search input[type=search],
.woocommerce .widget_price_filter .price_label {
  font-family:@fontFamily;
}
// .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  // background:@skinSecondColor;
// }
// .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
   // background:darken(@skinSecondColor,15%);
// }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background:darken(@skinSecondColor,17%);
}
// .woocommerce ul.cart_list li a, 
// .woocommerce ul.product_list_widget li a {
  // color:@skinSecondColor;
  // .transition_effect;
// }
.woocommerce ul.product_list_widget li .woocommerce-Price-amount {
  color:@priceColor;
  font-family:@fontFamily;
  .transition_effect;
}
.woocommerce ul.cart_list li a:hover, 
.woocommerce ul.product_list_widget li a:hover {
  color:@skinColor;
  .transition_effect;
}
.single .product form.cart .reset_variations {
  color:@skinColor;
}
.single .product form.cart .reset_variations:hover {
  color:@skinColor; 
}

.mc4wp-form input[type="submit"] {
  border-color:@skinColor;
  font-family:@fontFamily;
}
// buddypress
#buddypress a {
  color:@skinSecondColor;
}
#buddypress .comment-reply-link, 
#buddypress a.button, 
#buddypress a.button, 
#buddypress button, 
#buddypress div.generic-button a, 
#buddypress input[type=button], 
#buddypress input[type=reset], 
#buddypress input[type=submit], 
#buddypress ul.button-nav li a{
  border:2px solid @skinColor !important;
  background-color:@skinColor;
} 
#buddypress .comment-reply-link:hover, 
#buddypress a.button:focus, 
#buddypress a.button:hover, 
#buddypress button:hover, 
#buddypress div.generic-button a:hover, 
#buddypress input[type=button]:hover, 
#buddypress input[type=reset]:hover, 
#buddypress input[type=submit]:hover, 
#buddypress ul.button-nav li a:hover, 
#buddypress ul.button-nav li.current a{
  background-color:#fff;
  color:@skinColor;
}
#buddypress div.item-list-tabs ul li.current a, 
#buddypress div.item-list-tabs ul li.selected a{
color:@skinColor;
}
#buddypress div.item-list-tabs ul li:hover a{
  background-color:#fff;
  color:@skinColor;
}
#buddypress div.item-list-tabs ul li:hover a span,
#buddypress div.item-list-tabs ul li.current a span, 
#buddypress div.item-list-tabs ul li.selected a span{
background-color:@skinColor;
color:#fff;
}
#buddypress div.item-list-tabs ul li a, 
#buddypress div.item-list-tabs ul li > span{
  background-color:@skinColor;
  border-color:@skinColor; 
}
#buddypress div.pagination .pagination-links {
  border-color:@skinColor;
}
#buddypress div.pagination .pagination-links a, 
#buddypress div.pagination .pagination-links span {
  font-family:@fontFamily;
}
#buddypress div.item-list-tabs ul li a span{
  color:@skinColor;
}
#buddypress #reply-title small a:hover span, 
#buddypress a.bp-primary-action:hover span{
 background-color:@skinColor;
}
#buddypress #header-cover-image {
  background-color:@skinSecondColor;
}
#buddypress #reply-title small a span, 
#buddypress a.bp-primary-action span{
  color:@skinColor;
}
#buddypress .activity-list li.load-more,
#buddypress .activity-list li.load-newest{
  background-color:lighten(@skinColor,40%);
}
#buddypress .activity-list li.load-more a,
#buddypress .activity-list li.load-newest a{
  color:darken(@skinColor,10%);
  font-weight:600;
}
#buddypress div.pagination .pagination-links span,
#buddypress div.pagination .pagination-links a:hover{
  color:@skinColor;
}
#buddypress .acomment-options > a:hover{
color:@skinColor;  
}
#buddypress table.forum tr.alt td, #buddypress table.messages-notices tr.alt td, #buddypress table.notifications tr.alt td, #buddypress table.notifications-settings tr.alt td, #buddypress table.profile-fields tr.alt td, #buddypress table.profile-settings tr.alt td, #buddypress table.wp-profile-fields tr.alt td{
  background-color:lighten(@skinColor,46%);
}
#buddypress table.forum thead tr, #buddypress table.messages-notices thead tr, #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.profile-settings thead tr, #buddypress table.wp-profile-fields thead tr{
  background-color:lighten(@skinColor, 46%);
}

.header-contact-details > div a {
  color:@skinSecondColor;
  .transition_effect;
}
.header-contact-details > div a:hover {
  color:@skinColor;
  .transition_effect;
}

.woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce button.button.alt:hover {
  background-color: @skinColor !important;
  border-color: @skinColor !important;
  color: #fff !important;
}