/*

Template: TheOne - One Page HTML Template 
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/

*::-moz-selection { background: #058ed9; color: #fff; text-shadow: none; }
::-moz-selection { background: #058ed9; color: #fff; text-shadow: none; }
::selection { background: #058ed9; color: #fff; text-shadow: none; }

/*---------------------------------------------------------------------
                            Text Color 
-----------------------------------------------------------------------*/
/* .iq-font-green, header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover, .iq-feature .iq-fancy-box .text-box .iq-icon i, .icon-fancy-box .icon-box, .iq-team .team-social ul li a, .iq-blog-detail a:hover, .iq-blog-detail .blog-title a:hover h5, .iq-footer .iq-contact i, .iq-footer .menu li a:hover, .iq-breadcrumb.text-left .breadcrumb li a:hover, .iq-breadcrumb.text-left .breadcrumb li.active, .pagination .page-link, .iq-sidebar-widget .iq-widget-search i, .iq-widget-menu ul li a span:hover, .iq-sidebar-widget .iq-recent-post .media-body>a:hover, .iq-tags li a:hover, .iq-widget-archives li a:hover, .iq-comment-list .iq-comment-metadata i, .effect-headline.type i, .effect-headline.rotate-3 b, .effect-headline.slide b, .effect-headline.zoom b, header.dark .navbar .navbar-nav .nav-item a:hover, header.dark .navbar .navbar-nav .nav-item a:focus, header.dark .navbar .navbar-nav .nav-item a.active, header.dark .navbar .navbar-nav .nav-item a.active:focus, header.dark .navbar .navbar-nav .nav-item a.active:hover, header.white-transparent .navbar .navbar-nav .nav-item a:hover, header.white-transparent .navbar .navbar-nav .nav-item a:focus, header.white-transparent .navbar .navbar-nav .nav-item a.active, header.white-transparent .navbar .navbar-nav .nav-item a.active:focus, header.white-transparent .navbar .navbar-nav .nav-item a.active:hover, .effect-headline.push b, .effect-headline.scale b, .terms-of-service .btn.btn-link, header.white .navbar .navbar-nav .nav-item a:hover, header.white .navbar .navbar-nav .nav-item a:focus, header.white .navbar .navbar-nav .nav-item a.active, header.white .navbar .navbar-nav .nav-item a.active:focus, header.white .navbar .navbar-nav .nav-item a.active:hover, header.dark-transparent .navbar .navbar-nav .nav-item a:hover, header.dark-transparent .navbar .navbar-nav .nav-item a:focus, header.dark-transparent .navbar .navbar-nav .nav-item a.active, header.dark-transparent .navbar .navbar-nav .nav-item a.active:focus, header.dark-transparent .navbar .navbar-nav .nav-item a.active:hover { color: #058ed9; } */
.iq-font-green, header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, .iq-feature .iq-fancy-box .text-box .iq-icon i, .icon-fancy-box .icon-box, .iq-team .team-social ul li a, .iq-blog-detail a:hover, .iq-blog-detail .blog-title a:hover h5, .iq-footer .iq-contact i, .iq-footer .menu li a:hover, .iq-breadcrumb.text-left .breadcrumb li a:hover, .iq-breadcrumb.text-left .breadcrumb li.active, .pagination .page-link, .iq-sidebar-widget .iq-widget-search i, .iq-widget-menu ul li a span:hover, .iq-sidebar-widget .iq-recent-post .media-body>a:hover, .iq-tags li a:hover, .iq-widget-archives li a:hover, .iq-comment-list .iq-comment-metadata i, .effect-headline.type i, .effect-headline.rotate-3 b, .effect-headline.slide b, .effect-headline.zoom b, header.dark .navbar .navbar-nav .nav-item a:hover, header.dark .navbar .navbar-nav .nav-item a:focus, header.dark .navbar .navbar-nav .nav-item a.active, header.dark .navbar .navbar-nav .nav-item a.active:focus, header.dark .navbar .navbar-nav .nav-item a.active:hover, header.white-transparent .navbar .navbar-nav .nav-item a:hover, header.white-transparent .navbar .navbar-nav .nav-item a:focus, header.white-transparent .navbar .navbar-nav .nav-item a.active, header.white-transparent .navbar .navbar-nav .nav-item a.active:focus, header.white-transparent .navbar .navbar-nav .nav-item a.active:hover, .effect-headline.push b, .effect-headline.scale b, .terms-of-service .btn.btn-link, header.white .navbar .navbar-nav .nav-item a:hover, header.white .navbar .navbar-nav .nav-item a:focus, header.white .navbar .navbar-nav .nav-item a.active, header.white .navbar .navbar-nav .nav-item a.active:focus, header.white .navbar .navbar-nav .nav-item a.active:hover, header.dark-transparent .navbar .navbar-nav .nav-item a:hover, header.dark-transparent .navbar .navbar-nav .nav-item a:focus, header.dark-transparent .navbar .navbar-nav .nav-item a.active, header.dark-transparent .navbar .navbar-nav .nav-item a.active:focus, header.dark-transparent .navbar .navbar-nav .nav-item a.active:hover { color: #058ed9; }
header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover { color: #ffff00; }
/*---------------------------------------------------------------------
                          Background Color 
-----------------------------------------------------------------------*/
.button, .isotope-filters button.active, .isotope-filters button:hover, .green-bg, .iq-video, .iq-progress-bar > span, .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .iq-pricing.active .price-title, .iq-client:before, .owl-carousel.arrow-1 .owl-nav i:hover, .iq-accordion .ad-title:before, #back-to-top .top:hover, .info-share li a:hover, .pagination .page-item.active .page-link, .fulfilling-square-spinner .spinner-inner, .effect-headline.loading-bar .effect-words-wrapper::after, header.green.menu-sticky { background: #058ed9; }

/*---------------------------------------------------------------------
                       Background Gradient 
---------------------------------------------------------------------*/
.iq-over-green-10:before { background: rgba(5, 142, 217, 0.1); }
.iq-over-green-20:before { background: rgba(5, 142, 217, 0.2); }
.iq-over-green-30:before { background: rgba(5, 142, 217, 0.3); }
.iq-over-green-40:before, .iq-waves .waves { background: rgba(5, 142, 217, 0.4); }
.iq-over-green-50:before { background: rgba(5, 142, 217, 0.5); }
.iq-over-green-60:before { background: rgba(5, 142, 217, 0.6); }
.iq-over-green-70:before { background: rgba(5, 142, 217, 0.7); }
.iq-over-green-80:before, .iq-portfolio-02 .iq-portfolio-content { background: rgba(5, 142, 217, 0.8); }
.iq-over-green-85:before { background: rgba(5, 142, 217, 0.85); }
.iq-over-green-90:before { background: rgba(5, 142, 217, 0.9); }
.iq-over-green-95:before { background: rgba(5, 142, 217, 0.95); }

/*---------------------------------------------------------------------
                      		 Boder Color 
---------------------------------------------------------------------*/
.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .contact-form .section-field input:focus, .info-share li a:hover, .contact-form .section-field.textarea textarea:focus, .pagination .page-item.active .page-link, .iq-sidebar-widget .iq-widget-search input:focus, .iq-tags li a:hover, .blockquote, .fulfilling-square-spinner { border-color: #058ed9; }
@media(max-width:992px) {
	.navbar-light .navbar-toggler span { color: #058ed9; }
	header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover { color: #fff !important; }
	header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover { background: #058ed9; }
}