/*********************************************************************

    Template Name: Zapp - App Landing HTML Template   
    Template URI: https://themeforest.net/user/nilartstudio
    Description: This is html5 multipurpose app landing template.
    Author: nilArtStudio
    Author URI: http://nscreativestudio.com
    Version: 1.0

    Note: This is color css.

*********************************************************************/


/*Primary color*/
.button--white {
    color: #fff !important;
}


a:hover, 
.mark, 
mark, 
.button--white, 
a.button--white,
.readmore, 
.sa-nav--style-2 .slick-arrow, 
header .logo-menu-wrap .menu ul li:hover a, 
header .logo-menu-wrap .menu ul li.current a,
header .logo-menu-wrap .menu ul li ul.dropdown-content li:hover a,
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li ul.dropdown-content li a:hover,
.f-menu .f-menu__top .f-menu__top__inner button.f-menu__close,
.f-menu .f-menu__inner .menu.menu--style-3 ul li a:hover,
.feature .feature__icon,
.video .video__inner a,
.footer__widget ul.footer__widget-list li a:hover,
.footer__newsletter ul.footer__widget-list li a:hover,
.copyright a:hover,
.accordion .accordion__title:after,
.testimonial .testimonial__single .testimonial__author .author__details .author__position a,
.blog .blog__details .blog__time a:hover,
.blog .blog__details .blog__title a:hover,
.blog .blog__details .blog__more .blog__comments a:hover,
.nav-side .site__header--left .logo-menu-wrap.left__side__menu .menu.menu--style-4 ul li.current a, 
.nav-side .site__header--left .logo-menu-wrap.left__side__menu .menu.menu--style-4 ul li:hover a,
.sa-pagination ul li.active a, 
.sa-pagination ul li:hover a,
.sa-blog__details .sa-blog__more a,
.single-service .icon {
  color: #ED703A !important;
}

header .logo-menu-wrap .menu ul li.current > a,
.readmore {
  color: #ED703A !important;
}



[data-overlay]:before,
.bg-theme,
.questions-wrap .question:before,
.sidebar__tags ul li a:hover,
.pricebox .pricebox__heading h5.pricebox__name,
.pricing-table-area .title--devidebar .title__heading::after{
    background:#ED703A !important;
}


header .logo-menu-wrap .menu ul li ul.dropdown-content,
.feature .feature__icon,
.accordion .accordion__title:after,
.testimonial--style-2 .testimonial__single,
.sidebar__tags ul li a:hover{
    border-color: #ED703A !important;
}


*::-moz-selection,
::-moz-selection,
::selection{
    background:#ED703A !important;
}


.shadow--theme{
  box-shadow: 0 10px 15px rgba(237,112,58, 0.4)!important;
}
.feature:hover .feature__icon {
/*
  -webkit-box-shadow: -10px 11px 15px 0 rgba(237,112,58, 0.4);
  -moz-box-shadow: -10px 11px 15px 0 rgba(237,112,58, 0.4);
  -ms-box-shadow: -10px 11px 15px 0 rgba(237,112,58, 0.4);
  -o-box-shadow: -10px 11px 15px 0 rgba(237,112,58, 0.4);
  box-shadow: -10px 11px 15px 0 rgba(237,112,58, 0.4);
*/
}
.questions-wrap .question:before {
  box-shadow: 0px 10px 15px rgba(237,112,58, 0.4)!important;
}
.questions-wrap .question:hover:before{
  box-shadow: -10px 10px 15px rgba(237,112,58, 0.4)!important;
}



/*Secondary color*/

.readmore:hover,
.sa-nav .slick-arrow:hover,
.f-menu .f-menu__top .f-menu__top__inner button.f-menu__close:hover,
.f-menu .f-menu__inner .menu.menu--style-3 ul li a,
.footer__social-area li a:hover,
.accordion .accordion__title.ui-state-active:after,
.testimonial .testimonial__single .testimonial__author .author__details .author__position a:hover,
.ratings ul li,
.sa-blog__details .sa-blog__more a:hover{
  color:#27AE62 !important;
}

.readmore:hover{
	color:#27AE62 !important;
}




#scrollUp,
.sa-nav--style-3 .slick-arrow:hover,
.yu2fvl .yu2fvl-close,
header.header--style-3 button.menu__trigger span,
.sidebar__search form button,
.sa-blog__pagination a:hover,
.sa-blog__leave-comment .single-box button,
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li.current > a,
header.header--style-2 .logo-menu-wrap .menu.menu--style-2 ul li:hover > a,
.slider--style-2 .slider__content .slider__button .button{
  background:#27AE62;
}


.button, 
a.button{
  background:#27AE62;
}




input:focus, 
select:focus, 
textarea:focus,
.sa-dots .slick-dots li.slick-active button,
.sa-dots .slick-dots li:hover button,
.accordion .accordion__title.ui-state-active:after,
.sidebar .sidebar__title,
.sa-blog__details .sa-blog__content p.sa-blog__content__marked{
  border-color:#27AE62;
}




.shadow--yellow {
  box-shadow: 0px 12px 15px rgba(39,174,98, 0.2);
}
.button, a.button{
  box-shadow: 0px 12px 10px rgba(39,174,98, 0.2);
}