/*!
Theme Name: webmartdigital
Theme URI: https://webmartdigital.com/
Author: Webmart Digital
Author URI: https://webmartdigital.com/
Description: A wordpress theme by webmartdigital.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webmartdigital
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

webmartdigital is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* ---------------------------------------------------------------------- */
/* Button Css */
.btn-style-one {
    position: relative;
    font-size: 13px;
    line-height: 24px;
    padding: 15px 50px;
    font-weight: 700;
    letter-spacing: 0.1em;
    overflow: hidden;
    text-transform: uppercase;
    color: var(--theme-color1);
    background: #00a1ff;
}
/* Topbar */
.header-style-two .header-top {
	background: rgb(22,33,239);
	background: radial-gradient(circle, rgba(0, 161, 255, 1) 0%, rgb(0 119 189) 100%); 
}
.header-style-two .header-top .inner-container {
	background-color: #f000;
}
.list-style-one li i {
	color: #fff;
}
.list-style-one li a {
	color: #fff !important;
}
.list-style-one li a:hover {
	color: #fff !important;
}
.header-style-two .social-icon-one li a:hover {
	color: #fff;
}
/* Header */
.main-header .header-lower {
	background-color: #000;
}
.main-menu .navigation > li > a {
	color: #e8e8e8;
}
.outer-box .info-btn i {
	background-color: #00a1ff;
}
.outer-box .info-btn:hover i {
	background-color: #00a1ff;
}
.main-header .info-btn {
    color: #00a1ff;
}
.main-header .info-btn:hover {
    color: #fff;
}
.main-header .info-btn small {
	color: #e8e8e8;
}
.outer-box .info-btn:hover small {
	color: #e8e8e8;
}
.header-lower .wn-call-btn-pc {
	display: none;
}
.sticky-header {
	box-shadow: 0 0 20px #00a1ff7a;
	border-bottom: 1px solid #00a1ff;
}
/* Button */
.btn-style-one {
	color: #fff;
}
/* Slider */
.banner-section::before {
	background-image: none;
}
/* Home */
.about-section::after, .about-section {
	background-color: #000;
}
.about-section::before {
	background-image: none;
	background-color: #000;
}
.feature-block .inner-box {
	background-color: #fff;
	background-image: none;
}
.feature-block .inner-box::before {
	background-color: #00a1ff;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 161, 255) 50%, rgb(0, 161, 255) 100%);
}
.feature-block .inner-box:hover {
	box-shadow: 0px 6px 10px 0px rgba(24,119,242,0.76);
	-webkit-box-shadow: 0px 6px 10px 0px rgba(24,119,242,0.76);
	-moz-box-shadow: 0px 6px 10px 0px rgba(24,119,242,0.76);
}
.feature-block .inner-box .title {
    color: #fff;
}
.feature-block .inner-box:hover .title {
    color: #222429;
}
.feature-block .inner-box .text {
    color: #eee;
}
.feature-block .inner-box:hover .text {
    color: #111;
}
.feature-block .icon {
	background-color: #000;
}
.feature-block .icon, .about-info-box .icon {
	color: #fff;
}
.about-section .experience {
	min-width: auto;
	min-height: auto;
	padding: 10px;
	
}
.about-section .text {
    color: #eee;
}
.sec-title h2 {
	color: #e8e8e8;
}
.sec-title .text {
	color: #eee;
}
.project-section::before {
	position: relative;
}
.project-section {
	background-color: #00a1ff;
	background: rgb(0,9,173);
	background: radial-gradient(circle, rgb(0, 161, 255) 0%, rgb(0 119 189) 100%); 
}
.project-section .sec-title .sub-title {
	color: #0FF;
}
.project-section .sec-title .sub-title::before {
	background: #0FF;
}
.project-section .sec-title h2 {
	color: #eee;
}
.project-block .image-box .icon {
	color: #fff;
	border: 2px solid #fff;
}
.project-block .image-box .icon:hover {
    background-color: #222429;
    color: #fff;
}
.project-block .inner-box:hover .content-box .title a {
	color: #fff !important;
}
.project-block .image-box .image::after {
	background-color: #00a1ffa8;
}
.testimonial-block-two .content-box {
	background-color: #222429;
}
.testimonial-block-two .content-box:hover {
    background-color: #fff;
}
.testimonial-block-two .content-box .text {
    color: #eee;
}
.testimonial-block-two .content-box:hover .text {
    color: #222429;
}
.testimonial-section-two {
	padding: 110px 0 0;
}
.testimonial-section-two::before {
/* 	background-image: url(./wn-images/wn-bg-reviews-1.jpg); */
	background-color: #000;
}
.testimonial-section-two h3 {
	color: #e8e8e8;
}
.testimonial-block-two .content-box .rating {
	color: #ffaa17;
}
.testimonial-block-two h6 {
	color: #00a1ff;
}
.pricing-section {
	padding: 70px 0 0;
	background: rgb(0,9,173);
	background: radial-gradient(circle, rgb(0, 161, 255) 0%, rgb(0 119 189) 100%); 
}
.pricing-section .sec-title .sub-title::before {
	background: #0FF;
}
.pricing-section .sec-title .sub-title {
	color: #0FF;
}
.pricing-section h2 {
	color: #fff;
}
.pricing-block .inner-box {
	background-color: #000;
}
.pricing-section .content-column .info-box .title {
	color: #00FFFF;
}
.pricing-section .content-column .info-box .text {
	color: #eee;
}
.pricing-section .content-column .info-box .icon {
	color: #fff;
}
.wn-price-icon {
	width: 100px;
	height: 100px;
}
.wn-text-reviews {
	color: #222429;
}
.contact-section {
	padding: 80px 0 10px;
}
.contact-section .form-column {
    margin-bottom: 0px;
}
.contact-section .image-column {
    margin-bottom: 0px;
}
.contact-section::before {
	background-color: #000;
	background-image: none;
}
.contact-section .text {
	color: #000;
}
#wn-home-form-box .contact-form-two .form-group {
	margin-bottom: 0;
}
#wn-home-form-box .row > p, #wn-contact-form-box .row > p, .wn-sidebar-form-box .row > p {
	display: none !important;
}
#wn-home-form-box .form-group > p {
	display: block;
	margin-bottom: 0;
}
.contact-form-two .form-group input:not([type="submit"]) {
	border: 4px solid #999;
}
.contact-form-two .form-group input:not([type="submit"]):focus, .contact-form-two .form-group textarea:focus {
	border: 4px solid #00a1ff;
}
.contact-form-two .form-group textarea {
	border: 4px solid #999;
}
#wn-home-form-btn:hover, #wn-contact-form-btn:hover {
    background-color: #222429;
}
.form-control, .input-text {
	border: 1px solid #00a1ff6e;
}
.btn-style-three {
	color: #fff;
	background: #00a1ff;
}
/* Breadcrumb */
.page-title {
	padding: 50px 0;
	min-height: auto;
}
.title-outer {
    text-align: center;
}
.page-breadcrumb li a {
	color: #fff;
}
.page-breadcrumb li a:hover {
    color: #fff;
}
.page-breadcrumb li a::before {
    position: absolute;
    left: 0px;
    bottom: 4px;
    width: 0;
    height: 1px;
    background-color: #eee;
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.page-breadcrumb li a:hover::before {
    width: 75%;
}
/* About */
.about-section-five {
	background-color: #000;
}
.about-section-five::before {
	background-image: none;
}
.about-section-five .list-style-three li {
	color: #eee;
}
.about-section-five .content-column .btn-box .info-btn small {
	color: #eee;
}
.about-section-five .content-column .btn-box .info-btn {
	color: #fff;
}
.experience strong {
    color: #fff;
}
.experience .text {
    color: #fff !important;
}
.wn-about-info-btn i {
    background-color: #00a1ff !important;
    color: #fff !important;
}
.wn-about-info-btn:hover i {
    background-color: #00a1ff !important;
    color: #fff !important;
}
/* Contact */
.contact-details {
    background-color: #000;
}
.contact-details .wn-contact-padding {
	padding-top: 50px;
	padding-bottom: 30px;
}
.contact-details__info li:hover .icon span {
    color: #fff;
}
.contact-details__info li .icon {
	background-color: #00a1ff;
}
.contact-details__info li:hover .icon {
    background-color: #222429;
}
.contact-details__info h6 {
	color: #e8e8e8;
}
/* Services */
.wn-service-grid-box {
    background-color: #000;
}
.wn-service-grid-box .container {
    padding: 50px 15px 10px;
}
.service-block .inner-box {
	border: 1px solid #00a1ff61;
	padding: 0;
}
.service-block .inner-box:hover {
	box-shadow: 0px 0px 6px 2px rgba(22,33,239,0.4);
	-webkit-box-shadow: 0px 0px 6px 2px rgba(22,33,239,0.4);
	-moz-box-shadow: 0px 0px 6px 2px rgba(22,33,239,0.4);
}
.service-block .content-box {
    position: relative;
    padding: 35px 25px 15px;
    background-color: #00a1ff;
}
.service-block:hover .content-box {
	background-color: #222429;
}
.wn-service-grid-box .title a {
	color: #fff;
}
.wn-service-grid-box .text {
    color: #ddd;
}
.service-block .content-box .read-more {
	color: #eee;
}
.service-block .content-box .read-more:hover {
    color: #fff;
}
.service-block .content-box .read-more i {
	color: #eee;
}
/* Single Service */
.services-details {
	background-color: #000;
}
.services-details .wn-single-service-padding {
	padding-top: 50px;
	padding-bottom: 30px;
}
.services-details__content h2 {
	font-size: 30px;
	color: #fff;
}
.services-details__content p {
	color: #eee;
	line-height: 1.5;
}
.wn-sidebar-form-box {
    padding: 20px 20px 0px;
    background-color: #fbfbfb;
    margin-bottom: 30px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
}
.service-sidebar .banner-widget .widget-content {
	background-color: #00a1ff;
}
.service-sidebar .banner-widget .content-box .icon-box {
	color: #fff;
}
.widget-content .btn-style-two {
	padding: 15px 20px;
}
.btn-style-two .wn-sidebar-call-btn {
	color: #000;
	font-size: 20px;
}
.btn-style-two:hover {
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
}
.btn-style-two:hover .wn-sidebar-call-btn {
	color: #fff;
}
/* Footer */
.scroll-to-top {
	border: 2px solid #fff;
	line-height: 38px;
}
.scroll-to-top:hover {
    background: #222429;
}
.main-footer .widgets-section {
	padding: 30px 0 0;
	background: rgb(0,9,173);
	background: radial-gradient(circle, rgb(0, 161, 255) 0%, rgb(0 119 189) 100%); 
}
.main-footer .footer-column {
	margin-bottom: 20px;
}
.main-footer .widget-title::after {
	background-color: #ddd;
}
.main-footer .about-widget .text, .contact-widget .text {
	color: #fff;
}
.user-links li i, .contact-widget .contact-info li i {
	color: #fff;
}
.user-links li a {
	color: #fff;
}
.user-links li a:hover {
    color: #eee;
}
.user-links li a::before {
	background-color: #eee;
}
.contact-widget .contact-info li:hover {
    color: #eee;
    text-decoration: underline;
}
.social-icon-two li a {
	background-color: #000;
}
.social-icon-two li a:hover {
	color: #fff;
}
.footer-bottom .auto-container {
	max-width: 100%;
	padding: 0;
}
.footer-bottom .inner-container {
  background: rgb(0,0,0);
  background: radial-gradient(circle, rgb(0, 0, 0) 20%, rgb(0, 161, 255) 100%);
  padding: 2px 15px;
}
.footer-bottom .copyright-text {
	color: #fff;
	font-size: 13px;
}
/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* PC */
@media (min-width: 1023.98px) {
	.sticky-header .main-menu .navigation > li > a {
		color: #000;
	}
	.main-header .header-lower .logo-box {
		padding: 12px 0;
	}
	.wn-mobile-call{
		display: none;
	}
	.header-style-two .info-btn{
		display: block;
	}
	.wn-call-btn-pc {
		margin-top: -8px !important;
		padding-bottom: 0px !important;
	}
	.wn-call-btn-sticky-pc, .wn-btn-sticky-pc {
		background-color: #00a1ff;
		color: #fff !important;
		padding: 8px 12px !important;
	}
	.wn-call-btn-sticky-pc:hover, .wn-btn-sticky-pc:hover {
		background-color: #222429;
	}
	.wn-call-btn-sticky-pc i {
		margin-right: 8px;
	}
	.banner-section .slide-item {
		min-height: 650px;
	}
	.banner-section .content-box {
		padding: 150px 0;
	}
}
/* Mobile */
@media (max-width: 1023px) {
	.mobile-nav-toggler {
		color: #fff;
		border: 1px solid #a2a2a2;
		padding: 4px 10px;
	}
	.wn-mt-sm-3 {
		margin-top: 3em;
	}
	.mobile-menu .menu-box {
		background: #000;
	}
	.mobile-menu .social-links {
		border-top: 1px solid #000;
	}
	.mobile-menu .social-links li {
		border-right: 1px solid #000;
	}
	.mobile-menu .social-links li a {
		background-color: #00a1ff;
	}
	.mobile-menu .social-links li a:hover {
		background-color: #222429;
		color: #fff;
	}
	.wn-mobile-call {
		text-align: center;
		background-color: #00a1ff;
	}
	.wn-mobile-call:hover {
		background-color: #222429;
	}
	.wn-mobile-call a {
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
	}
	.header-style-two .info-btn{
		display: none;
	}
	.wn-call-btn-pc {
		display: none !important;
	}
	.banner-section .content-box {
		padding: 30px 0;
	}
	.testimonial-section-two {
		padding: 50px 0 0;
	}
	.page-title {
		padding: 20px 0;
		min-height: auto;
	}
	.page-title .title {
		font-size: 26px;
		margin-bottom: 4px;
	}
	.about-section-five {
		padding: 50px 0 10px;
	}
	#wn-hide-on-mobile {
		display: none;
	}
	.services-details__content h2 {
		font-size: 24px;
	}
}