/*-----------------------------------------------------------------------------------*/
/*    1. Dark green theme
/*-----------------------------------------------------------------------------------*/
body.dark-green-theme a,
body.dark-green-theme .mainmenu ul li:hover a,
body.dark-green-theme .mainmenu ul li.current a,
body.dark-green-theme .slide-text h2,
body.dark-green-theme .preloader-content p,
body.dark-green-theme .mainmenu ul li:hover ul li a,
body.dark-green-theme .scroll-to-bottom a,
body.dark-green-theme .page-title h2,
body.dark-green-theme .colors-top a,
body.dark-green-theme .cta-text a.play-btn:hover,
body.dark-green-theme .preloader-content i,
body.dark-green-theme .single-contact-section i { color: #16A085 }
body.dark-green-theme input[type=submit],
body.dark-green-theme .social-footer a:hover,
body.dark-green-theme .overlay.default,
body.dark-green-theme .pricing-header h2:before,
body.dark-green-theme .featured .pricing-header h2,
body.dark-green-theme .is-sticky .header,
body.dark-green-theme .carousel-bullets ol li.active,
body.dark-green-theme .page-title h2 span,
body.dark-green-theme .page-title h2 span:before,
body.dark-green-theme #about-carousel i,
body.dark-green-theme .icon-holder:before,
body.dark-green-theme .single-team.current .team-hover:before,
body.dark-green-theme #about-carousel .carousel-indicators li.active,
body.dark-green-theme .portfolio-hover:before,
body.dark-green-theme .testimonial-nav a,
body.dark-green-theme .demo-panel-open,
body.dark-green-theme .demo-panel-close,
body.dark-green-theme .scroll-to-up a,
body.dark-green-theme .featured .pricing-footer a.btn-filled { background-color: #16A085 }
body.dark-green-theme ul#filters li.active,
body.dark-green-theme ul#filters li:hover,
body.dark-green-theme .carousel-bullets ol li.active,
body.dark-green-theme .scroll-to-bottom a,
body.dark-green-theme .cta-text a.play-btn:hover,
body.dark-green-theme .single-contact-section,
body.dark-green-theme .colors-top a,
body.dark-green-theme #about-carousel .carousel-indicators li.active,
body.dark-green-theme .social-footer a:hover { border-color: #16A085 }
body.dark-green-theme .icon-holder:after { box-shadow: 0 0 0 4px #16A085 }
/*-----------------------------------------------------------------------------------*/
/*    2. Light green theme
/*-----------------------------------------------------------------------------------*/
body.light-green-theme a,
body.light-green-theme .mainmenu ul li:hover a,
body.light-green-theme .mainmenu ul li.current a,
body.light-green-theme .slide-text h2,
body.light-green-theme .preloader-content p,
body.light-green-theme .mainmenu ul li:hover ul li a,
body.light-green-theme .scroll-to-bottom a,
body.light-green-theme .page-title h2,
body.light-green-theme .colors-top a,
body.light-green-theme .cta-text a.play-btn:hover,
body.light-green-theme .preloader-content i,
body.light-green-theme .single-contact-section i { color: #27AE60 }
body.light-green-theme input[type=submit],
body.light-green-theme .social-footer a:hover,
body.light-green-theme .overlay.default,
body.light-green-theme .pricing-header h2:before,
body.light-green-theme .featured .pricing-header h2,
body.light-green-theme .is-sticky .header,
body.light-green-theme .carousel-bullets ol li.active,
body.light-green-theme .page-title h2 span,
body.light-green-theme .page-title h2 span:before,
body.light-green-theme #about-carousel i,
body.light-green-theme .icon-holder:before,
body.light-green-theme .single-team.current .team-hover:before,
body.light-green-theme #about-carousel .carousel-indicators li.active,
body.light-green-theme .portfolio-hover:before,
body.light-green-theme .testimonial-nav a,
body.light-green-theme .demo-panel-open,
body.light-green-theme .demo-panel-close,
body.light-green-theme .scroll-to-up a,
body.light-green-theme .featured .pricing-footer a.btn-filled { background-color: #27AE60 }
body.light-green-theme ul#filters li.active,
body.light-green-theme ul#filters li:hover,
body.light-green-theme .carousel-bullets ol li.active,
body.light-green-theme .scroll-to-bottom a,
body.light-green-theme .cta-text a.play-btn:hover,
body.light-green-theme .single-contact-section,
body.light-green-theme .colors-top a,
body.light-green-theme #about-carousel .carousel-indicators li.active,
body.light-green-theme .social-footer a:hover { border-color: #27AE60 }
body.light-green-theme .icon-holder:after { box-shadow: 0 0 0 4px #27AE60 }
/*-----------------------------------------------------------------------------------*/
/*    3. Sky theme
/*-----------------------------------------------------------------------------------*/
body.sky-theme a,
body.sky-theme .mainmenu ul li:hover a,
body.sky-theme .mainmenu ul li.current a,
body.sky-theme .slide-text h2,
body.sky-theme .preloader-content p,
body.sky-theme .mainmenu ul li:hover ul li a,
body.sky-theme .scroll-to-bottom a,
body.sky-theme .page-title h2,
body.sky-theme .colors-top a,
body.sky-theme .cta-text a.play-btn:hover,
body.sky-theme .preloader-content i,
body.sky-theme .single-contact-section i { color: #2B85C1 }
body.sky-theme input[type=submit],
body.sky-theme .social-footer a:hover,
body.sky-theme .overlay.default,
body.sky-theme .pricing-header h2:before,
body.sky-theme .featured .pricing-header h2,
body.sky-theme .is-sticky .header,
body.sky-theme .carousel-bullets ol li.active,
body.sky-theme .page-title h2 span,
body.sky-theme .page-title h2 span:before,
body.sky-theme #about-carousel i,
body.sky-theme .icon-holder:before,
body.sky-theme .single-team.current .team-hover:before,
body.sky-theme #about-carousel .carousel-indicators li.active,
body.sky-theme .portfolio-hover:before,
body.sky-theme .testimonial-nav a,
body.sky-theme .demo-panel-open,
body.sky-theme .demo-panel-close,
body.sky-theme .scroll-to-up a,
body.sky-theme .featured .pricing-footer a.btn-filled { background-color: #2B85C1 }
body.sky-theme ul#filters li.active,
body.sky-theme ul#filters li:hover,
body.sky-theme .carousel-bullets ol li.active,
body.sky-theme .scroll-to-bottom a,
body.sky-theme .cta-text a.play-btn:hover,
body.sky-theme .single-contact-section,
body.sky-theme .colors-top a,
body.sky-theme #about-carousel .carousel-indicators li.active,
body.sky-theme .social-footer a:hover { border-color: #2B85C1 }
body.sky-theme .icon-holder:after { box-shadow: 0 0 0 4px #2B85C1 }
/*-----------------------------------------------------------------------------------*/
/*    4. Magenta theme
/*-----------------------------------------------------------------------------------*/
body.magenta-theme a,
body.magenta-theme .mainmenu ul li:hover a,
body.magenta-theme .mainmenu ul li.current a,
body.magenta-theme .slide-text h2,
body.magenta-theme .preloader-content p,
body.magenta-theme .mainmenu ul li:hover ul li a,
body.magenta-theme .scroll-to-bottom a,
body.magenta-theme .page-title h2,
body.magenta-theme .colors-top a,
body.magenta-theme .cta-text a.play-btn:hover,
body.magenta-theme .preloader-content i,
body.magenta-theme .single-contact-section i { color: #8E44AD }
body.magenta-theme input[type=submit],
body.magenta-theme .social-footer a:hover,
body.magenta-theme .overlay.default,
body.magenta-theme .pricing-header h2:before,
body.magenta-theme .featured .pricing-header h2,
body.magenta-theme .is-sticky .header,
body.magenta-theme .carousel-bullets ol li.active,
body.magenta-theme .page-title h2 span,
body.magenta-theme .page-title h2 span:before,
body.magenta-theme #about-carousel i,
body.magenta-theme .icon-holder:before,
body.magenta-theme .single-team.current .team-hover:before,
body.magenta-theme #about-carousel .carousel-indicators li.active,
body.magenta-theme .portfolio-hover:before,
body.magenta-theme .testimonial-nav a,
body.magenta-theme .demo-panel-open,
body.magenta-theme .demo-panel-close,
body.magenta-theme .scroll-to-up a,
body.magenta-theme .featured .pricing-footer a.btn-filled { background-color: #8E44AD }
body.magenta-theme ul#filters li.active,
body.magenta-theme ul#filters li:hover,
body.magenta-theme .carousel-bullets ol li.active,
body.magenta-theme .scroll-to-bottom a,
body.magenta-theme .cta-text a.play-btn:hover,
body.magenta-theme .single-contact-section,
body.magenta-theme .colors-top a,
body.magenta-theme #about-carousel .carousel-indicators li.active,
body.magenta-theme .social-footer a:hover { border-color: #8E44AD }
body.magenta-theme .icon-holder:after { box-shadow: 0 0 0 4px #8E44AD }
/*-----------------------------------------------------------------------------------*/
/*    5. Dark Night theme
/*-----------------------------------------------------------------------------------*/
body.dark-theme a,
body.dark-theme .mainmenu ul li:hover a,
body.dark-theme .mainmenu ul li.current a,
body.dark-theme .slide-text h2,
body.dark-theme .preloader-content p,
body.dark-theme .mainmenu ul li:hover ul li a,
body.dark-theme .scroll-to-bottom a,
body.dark-theme .page-title h2,
body.dark-theme .colors-top a,
body.dark-theme .cta-text a.play-btn:hover,
body.dark-theme .preloader-content i,
body.dark-theme .single-contact-section i { color: #2C3E50 }
body.dark-theme input[type=submit],
body.dark-theme .social-footer a:hover,
body.dark-theme .overlay.default,
body.dark-theme .pricing-header h2:before,
body.dark-theme .featured .pricing-header h2,
body.dark-theme .is-sticky .header,
body.dark-theme .carousel-bullets ol li.active,
body.dark-theme .page-title h2 span,
body.dark-theme .page-title h2 span:before,
body.dark-theme #about-carousel i,
body.dark-theme .icon-holder:before,
body.dark-theme .single-team.current .team-hover:before,
body.dark-theme #about-carousel .carousel-indicators li.active,
body.dark-theme .portfolio-hover:before,
body.dark-theme .testimonial-nav a,
body.dark-theme .demo-panel-open,
body.dark-theme .demo-panel-close,
body.dark-theme .scroll-to-up a,
body.dark-theme .featured .pricing-footer a.btn-filled { background-color: #2C3E50 }
body.dark-theme ul#filters li.active,
body.dark-theme ul#filters li:hover,
body.dark-theme .carousel-bullets ol li.active,
body.dark-theme .scroll-to-bottom a,
body.dark-theme .cta-text a.play-btn:hover,
body.dark-theme .single-contact-section,
body.dark-theme .colors-top a,
body.dark-theme #about-carousel .carousel-indicators li.active,
body.dark-theme .social-footer a:hover { border-color: #2C3E50 }
body.dark-theme .icon-holder:after { box-shadow: 0 0 0 4px #2C3E50 }
/*-----------------------------------------------------------------------------------*/
/*    6. Yellow theme
/*-----------------------------------------------------------------------------------*/
body.yellow-theme a,
body.yellow-theme .mainmenu ul li:hover a,
body.yellow-theme .mainmenu ul li.current a,
body.yellow-theme .slide-text h2,
body.yellow-theme .preloader-content p,
body.yellow-theme .mainmenu ul li:hover ul li a,
body.yellow-theme .scroll-to-bottom a,
body.yellow-theme .page-title h2,
body.yellow-theme .colors-top a,
body.yellow-theme .cta-text a.play-btn:hover,
body.yellow-theme .preloader-content i,
body.yellow-theme .single-contact-section i { color: #F1C40F }
body.yellow-theme input[type=submit],
body.yellow-theme .social-footer a:hover,
body.yellow-theme .overlay.default,
body.yellow-theme .pricing-header h2:before,
body.yellow-theme .featured .pricing-header h2,
body.yellow-theme .is-sticky .header,
body.yellow-theme .carousel-bullets ol li.active,
body.yellow-theme .page-title h2 span,
body.yellow-theme .page-title h2 span:before,
body.yellow-theme #about-carousel i,
body.yellow-theme .icon-holder:before,
body.yellow-theme .single-team.current .team-hover:before,
body.yellow-theme #about-carousel .carousel-indicators li.active,
body.yellow-theme .portfolio-hover:before,
body.yellow-theme .testimonial-nav a,
body.yellow-theme .demo-panel-open,
body.yellow-theme .demo-panel-close,
body.yellow-theme .scroll-to-up a,
body.yellow-theme .featured .pricing-footer a.btn-filled { background-color: #F1C40F }
body.yellow-theme ul#filters li.active,
body.yellow-theme ul#filters li:hover,
body.yellow-theme .carousel-bullets ol li.active,
body.yellow-theme .scroll-to-bottom a,
body.yellow-theme .cta-text a.play-btn:hover,
body.yellow-theme .single-contact-section,
body.yellow-theme .colors-top a,
body.yellow-theme #about-carousel .carousel-indicators li.active,
body.yellow-theme .social-footer a:hover { border-color: #F1C40F }
body.yellow-theme .icon-holder:after { box-shadow: 0 0 0 4px #F1C40F }
/*-----------------------------------------------------------------------------------*/
/*    7. Orange theme
/*-----------------------------------------------------------------------------------*/
body.orange-theme a,
body.orange-theme .mainmenu ul li:hover a,
body.orange-theme .mainmenu ul li.current a,
body.orange-theme .slide-text h2,
body.orange-theme .preloader-content p,
body.orange-theme .mainmenu ul li:hover ul li a,
body.orange-theme .scroll-to-bottom a,
body.orange-theme .page-title h2,
body.orange-theme .colors-top a,
body.orange-theme .cta-text a.play-btn:hover,
body.orange-theme .preloader-content i,
body.orange-theme .single-contact-section i { color: #E67E22 }
body.orange-theme input[type=submit],
body.orange-theme .social-footer a:hover,
body.orange-theme .overlay.default,
body.orange-theme .pricing-header h2:before,
body.orange-theme .featured .pricing-header h2,
body.orange-theme .is-sticky .header,
body.orange-theme .carousel-bullets ol li.active,
body.orange-theme .page-title h2 span,
body.orange-theme .page-title h2 span:before,
body.orange-theme #about-carousel i,
body.orange-theme .icon-holder:before,
body.orange-theme .single-team.current .team-hover:before,
body.orange-theme #about-carousel .carousel-indicators li.active,
body.orange-theme .portfolio-hover:before,
body.orange-theme .testimonial-nav a,
body.orange-theme .demo-panel-open,
body.orange-theme .demo-panel-close,
body.orange-theme .scroll-to-up a,
body.orange-theme .featured .pricing-footer a.btn-filled { background-color: #E67E22 }
body.orange-theme ul#filters li.active,
body.orange-theme ul#filters li:hover,
body.orange-theme .carousel-bullets ol li.active,
body.orange-theme .scroll-to-bottom a,
body.orange-theme .cta-text a.play-btn:hover,
body.orange-theme .single-contact-section,
body.orange-theme .colors-top a,
body.orange-theme #about-carousel .carousel-indicators li.active,
body.orange-theme .social-footer a:hover { border-color: #E67E22 }
body.orange-theme .icon-holder:after { box-shadow: 0 0 0 4px #E67E22 }