/*! * Theme v1.0.0 * Copyright 2015-2016 theemon.com */ @skinColor:#7bc144; //Change here your theme Color @skinSecondColor:#7c4199; @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-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce a.added_to_cart { color:@cartColor; .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:lighten(@skinSecondColor,20%); } .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; }