/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
/*body{
	font-family: Grandview !important;
}*/


.homepage-section-1 h1{
		font-weight:500;
		font-size:3vw;
}

.homepage-section-2 h1{
		font-weight:500;
		font-size:3vw;
}

.homepage-section-2 h2{
		font-weight:500;
		font-size:2vw;
}

.homepage-section-2 h3{
		font-weight:500;
		font-size:1.2vw;
}

.homepage-section-3 h1{
		font-weight:500;
		font-size:3vw;
}

.homepage-section-3 h2{
		font-weight:500;
		font-size:2vw;
}

.homepage-section-3 h3{
		font-weight:500;
		font-size:1.2vw;
}


.homepage-section-4 h1{
		font-weight:500;
		font-size:3vw;
}

.homepage-section-5 h2{
		font-weight:500;
		font-size:2vw;
}

.homepage-section-5 h3{
		font-weight:500;
		font-size:1.5	vw;
}



.header-nav a.button{
		border-radius: 99px;
    padding: 5px 20px;
}

a.button{
		border-radius: 99px;
    padding: 5px 20px;
}

i.icon-angle-right{
		padding:5px 12px;
		background:white;
		border-radius:50px;
		color:black;
}

.banner{
		background:white;
}

.banner-bg{
		opacity:0.7;
}

ul.nav-pills li.active a{
		border-radius:20px !important;
		background:red !important;
		margin:0 10px;
		font-weight:500;
}

ul.nav-pills li.active{
		border:2px solid black !important;
}

ul.nav-pills li.active a:hover{
		color:black;
}


ul.nav-pills li {
		border-radius:20px !important;
		border: 2px solid #888 !important;
		color:white;
		margin:0 10px;
		font-weight:500;

}

ul.nav-pills li a{
		color:white;
		font-weight:500;
}

ul.nav-pills li a:hover{
		color:red;
}

.it-solutions-sect-3 img{
		padding:0 0px 100px 0px ;
		border-radius:20px !important;
}

.it-solutions-sect-3 .row .col .col-inner p{
		padding:0 !important;
		margin:-4px 0 !important
}

.ers-list {
  list-style: none;
  padding: 0;
  margin: 0; /* removes the negative left margin hack */
}

.ers-list > li {
  display: flex;
  align-items: flex-start; /* align icon with first line of text */
  gap: 0.6rem;            /* space between icon and text */
  margin: 0.5rem 0;
		font-weight:600;
}

.ers-list > li > svg {
  flex: 0 0 auto;         /* keep icon size stable */
  width: 1.125rem;        /* ~18px tidy size; adjust if you want bigger */
  height: 1.125rem;
  margin-top: 0.15em;     /* subtle nudge so it sits on the capline of text */
}

.ers-list > li > span {
  flex: 1 1 auto;
  min-width: 0;           /* ensures proper wrapping in flex context */
  line-height: 1.5;
}
.image-white-back-air{
		background:white;
		padding:19px 10px;
}
.image-white-back-comm{
		background:white;
		padding:15px 10px;
}


.section-title b {
    background-color: currentColor;
    display: block;
    flex: 1;
    height: 2px;
    opacity: .5;
}

.list-text{
		margin-left:180px;
		font-size:1em;
}

.automation-text{
		margin-left:225px;
		font-size:1em;
		text-align:left;
}

.sect2-left-text i.icon-angle-right {
		float:left;
		background:#eee;
}

.sect2-text{
		margin-left:40px;
		font-size:1em;
		margin-bottom:15px;
}


.automation-image img{
		margin-top:10px;
}

.automate-section-2 hr, .automate-section-3 hr{
		color:#3b3132 !important;
		opacity:0.5;
}

.automate-section-3 ul{
		
}

.section-title-h2{
		text-transform:uppercase;
		color: #a12331;
		font-weight:550;
		letter-spacing:2px;
}

.list-text p{
	margin:0 0 15px 0px;	
}

.dark-web-comparison th, .dark-web-comparison td{
		padding:15px;
		font-size:1.2em;
}

.dark-web-comparison th{
		text-transform: none;
}

.dark-web-comparison h2{
		margin-bottom:25px;
}

.dark-web-comparison table{
		background:#ffffff;
		border-radius:10px;
}

.dark-web-what h4{
		margin-bottom:30px;
}

.dark-web-why ul li{
		background:#3b3132;
		border-radius:15px;
		margin:0px 0 22px 0;
		padding:15px;
		list-style:none;
		/*box-shadow:1px 1px 5px #aaa;*/
		color:#fff;
}

.dark-web-why strong{
		color:#FFFFFF;
		text-transform:uppercase;
		font-size:1.2em;
}

.dark-web-why h4{
		color:#000;
}

.dark-web-features ul li{
		background:rgb(226, 208, 208);
		border-radius:15px;
		margin:0px 0 37px 0;
		padding:15px;
		list-style:none;
		box-shadow:1px 1px 5px #aaa;
		color:#3b3132;
}

.dark-web-features h3{
		color:#8d1a27;
		display:block;
		text-transform:uppercase;
		font-size:1.2em;
		font-weight:600;
}

.dark-web-features img{
		padding:10px;
}

.border-1 .col-inner{
		/*border:1px solid #92a0a0;
		border-radius:15px;*/
}

.why-ers li{
		background:#f9f1f1;
		border-radius:20px;
		padding:10px 10px 5px 10px
}

.sect7-left-text i.icon-angle-right {
		float:left;
		margin-top:12px;
		background:rgb(141, 26, 39);
		color:white;
}

.numbers{
		padding:6px 25px 10px 25px;
		background:white;
		border-radius:50px;
		color:rgb(141, 26, 39);
		margin-right:15px;
		font-weight:800;
		font-size:2.5em;
}

hr{
		color:rgb(0, 0, 0);
		opacity:0.4;
}

.intro-text h3{
		padding-right:20px;
}

.faq-item{
		margin-left:180px !important;
}

.software-dev-client-logos img{
		border:2px solid #eee;
		border-radius:10px;
}

.software-dev-boxes h2{
		color:#EE394D;
}

.software-dev-boxes h4{
		margin-top:20px;
		margin-bottom:20px;
		line-height:24px;
}

.software-form{
		border:1px solid white;
		border-radius:20px;
		padding:20px;
}

.software-form input, .software-form textarea{
		border-radius:10px;
}

.software-form .wpcf7-submit{
		color:#000 !important;
		background:white;
		float:right;
}

li.mega-menu-header a{
		font-weight:800 !important;
}

.micro-monitor-comparison th, .micro-monitor-comparison td{
		padding:15px;
		font-size:1.2em;
}

.micro-monitor-comparison th{
		text-transform: none;
}

.micro-monitor-comparison h2{
		margin-bottom:25px;
}

.micro-monitor-comparison table{
		background:#ffffff;
		border-radius:10px;
}

.micro-monitor-what h4{
		margin-bottom:30px;
}

.micro-monitor-what img{
		border-radius:15px;
}

.micro-monitor-why ul li{
		background:#f9f1f1 ;
		border-radius:15px;
		margin:0px 0 15px 0;
		padding:10px;
		list-style:none;
		/*box-shadow:1px 1px 5px #aaa;*/
		color:#3b3132 ;
		font-weight:500;
		font-size:1.1em;
}

.micro-monitor-why strong{
		color:#FFFFFF;
		text-transform:uppercase;
		font-size:1.2em;
}

.micro-monitor-why h4{
		color:#000;
}

.micro-monitor-features ul li{
		background:rgb(239, 239, 239);
		border-radius:15px;
		margin:0px 0 37px 0;
		padding:15px;
		list-style:none;
		box-shadow:1px 1px 5px #aaa;
		color:#3b3132;
}

.micro-monitor-features h3{
		color:#8d1a27;
		display:block;
		text-transform:uppercase;
		font-size:1.2em;
		font-weight:600;
}

.micro-monitor-features img{
		padding:10px;
}

.no-caps h2 .section-title-main{
		text-transform:none !important;
}

table{
		border:1px solid #ccc;
		border-radius:10px;
}

td.row-title{
		font-weight:500;
		color:#8d1a27;
}

tr.row-shade{
		background:#f5f5f5;
}

.byline{
		display:none;
}



@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.hide-from-mobile{
		display:none;
	}
	
	.homepage-section-1{
		padding:80px 0 40px 0 !important;
	}

	.section-1{
		padding:0px 0 0px 0 !important;
	}

	
	.section{
		padding:50px 20px;
	}
	
	.homepage-section-1 h1{
			font-weight:500;
			font-size:3em;
	}

	.homepage-section-1 p{
			font-weight:500;
			font-size:1.5em;
	}

	.homepage-section-2 h1{
			font-weight:500;
			font-size:3em;
	}

	.homepage-section-2 h2{
			font-weight:500;
			font-size:2em;
	}

	.homepage-section-2 h3{
			font-weight:500;
			font-size:1.2em;
	}

	.homepage-section-3 h1{
			font-weight:500;
			font-size:3em;
	}

	.homepage-section-3 h2{
			font-weight:500;
			font-size:2em;
	}

	.homepage-section-3 h3{
			font-weight:500;
			font-size:1.2em;
	}


	.homepage-section-4 h1{
			font-weight:500;
			font-size:3em;
	}

	.homepage-section-5 h2{
			font-weight:500;
			font-size:2em;
	}

	.homepage-section-5 h3{
			font-weight:500;
			font-size:1.5	em;
	}



	.header-nav a.button{
			border-radius: 99px;
		padding: 5px 20px;
	}

	a.button{
			border-radius: 99px;
		padding: 5px 20px;
	}

	i.icon-angle-right{
			padding:5px 12px;
			background:white;
			border-radius:50px;
			color:black;
	}

	.banner{
			background:white;
	}

	.banner-bg{
			opacity:0.7;
	}

	ul.nav-pills li.active a{
			border-radius:20px !important;
			background:red !important;
			margin:0 10px;
			font-weight:500;
	}

	ul.nav-pills li.active{
			border:2px solid black !important;
	}

	ul.nav-pills li.active a:hover{
			color:black;
	}


	ul.nav-pills li {
			border-radius:20px !important;
			border: 2px solid #888 !important;
			color:white;
			margin:0 10px;
			font-weight:500;

	}

	ul.nav-pills li a{
			color:white;
			font-weight:500;
	}

	ul.nav-pills li a:hover{
			color:red;
	}

	.it-solutions-sect-3 img{
			padding:0 0px 100px 0px ;
			border-radius:20px !important;
	}

	.it-solutions-sect-3 .row .col .col-inner p{
			padding:0 !important;
			margin:-4px 0 !important
	}

	.ers-list {
		list-style: none;
		padding: 0;
		margin: 0; /* removes the negative left margin hack */
	}

	.ers-list > li {
		display: flex;
		align-items: flex-start; /* align icon with first line of text */
		gap: 0.6rem;            /* space between icon and text */
		margin: 0.5rem 0;
		font-weight:600;
	}

	.ers-list > li > svg {
		flex: 0 0 auto;         /* keep icon size stable */
		width: 1.125rem;        /* ~18px tidy size; adjust if you want bigger */
		height: 1.125rem;
		margin-top: 0.15em;     /* subtle nudge so it sits on the capline of text */
	}

	.ers-list > li > span {
		flex: 1 1 auto;
		min-width: 0;           /* ensures proper wrapping in flex context */
		line-height: 1.5;
	}
	.image-white-back-air{
		background:white;
		padding:19px 10px;
	}
	.image-white-back-comm{
		background:white;
		padding:15px 10px;
	}


	.section-title b {
		background-color: currentColor;
		display: block;
		flex: 1;
		height: 2px;
		opacity: .5;
	}

	.list-text{
			margin-left:180px;
			font-size:1em;
	}

	.automation-text{
			margin-left:225px;
			font-size:1em;
			text-align:left;
	}

	.sect2-left-text i.icon-angle-right {
			float:left;
			background:#eee;
	}

	.sect2-text{
			margin-left:40px;
			font-size:1em;
			margin-bottom:15px;
	}


	.automation-image img{
			margin-top:10px;
	}

	.automate-section-2 hr, .automate-section-3 hr{
			color:#3b3132 !important;
			opacity:0.5;
	}

	.automate-section-3 ul{
			
	}

	.section-title-h2{
			text-transform:uppercase;
			color: #a12331;
			font-weight:550;
			letter-spacing:2px;
	}

	.list-text p{
		margin:0 0 15px 0px;	
	}

	.dark-web-comparison th, .dark-web-comparison td{
			padding:15px;
			font-size:1.2em;
	}

	.dark-web-comparison th{
			text-transform: none;
	}

	.dark-web-comparison h2{
			margin-bottom:25px;
	}

	.dark-web-comparison table{
			background:#ffffff;
			border-radius:10px;
	}

	.dark-web-what h4{
			margin-bottom:30px;
	}

	.dark-web-why ul li{
			background:#3b3132;
			border-radius:15px;
			margin:0px 0 22px 0;
			padding:15px;
			list-style:none;
			/*box-shadow:1px 1px 5px #aaa;*/
			color:#fff;
	}

	.dark-web-why strong{
			color:#FFFFFF;
			text-transform:uppercase;
			font-size:1.2em;
	}

	.dark-web-why h4{
			color:#000;
	}

	.dark-web-features ul li{
			background:rgb(226, 208, 208);
			border-radius:15px;
			margin:0px 0 37px 0;
			padding:15px;
			list-style:none;
			box-shadow:1px 1px 5px #aaa;
			color:#3b3132;
	}

	.dark-web-features h3{
			color:#8d1a27;
			display:block;
			text-transform:uppercase;
			font-size:1.2em;
			font-weight:600;
	}

	.dark-web-features img{
			padding:10px;
	}

	.border-1 .col-inner{
			/*border:1px solid #92a0a0;
			border-radius:15px;*/
	}

	.why-ers li{
			background:#f9f1f1;
			border-radius:20px;
			padding:10px 10px 5px 10px
	}

	.sect7-left-text i.icon-angle-right {
			float:left;
			margin-top:12px;
			background:rgb(141, 26, 39);
			color:white;
	}

	.numbers{
			padding:6px 25px 10px 25px;
			background:white;
			border-radius:50px;
			color:rgb(141, 26, 39);
			margin-right:15px;
			font-weight:800;
			font-size:2.5em;
	}

	hr{
			color:rgb(0, 0, 0);
			opacity:1;
	}

	.intro-text h3{
			padding-right:20px;
	}

	.faq-item{
			margin-left:0px !important;
	}

	.software-dev-client-logos img{
			border:2px solid #eee;
			border-radius:10px;
	}

	.software-dev-boxes h2{
			color:#EE394D;
	}

	.software-dev-boxes h4{
			margin-top:20px;
			margin-bottom:20px;
			line-height:24px;
	}

	.software-form{
			border:1px solid white;
			border-radius:20px;
			padding:20px;
	}

	.software-form input, .software-form textarea{
			border-radius:10px;
	}

	.software-form .wpcf7-submit{
			color:#000 !important;
			background:white;
			float:right;
	}

	li.menu-header a{
			font-weight:600 !important;
			background:#8d1a27;
			color:white !important;
			font-size:1.1em !important;
	}
	
	li.menu-item a{
			border-bottom:1px solid #000;
			font-size:1.2em !important;
	}

	ul li ul li.menu-item{
			padding:5px 0;
			background:white;
			font-size:1em !important;
	}

	input.search-field{
			border-radius:10px;
	}


	.micro-monitor-comparison th, .micro-monitor-comparison td{
			padding:15px;
			font-size:1.2em;
	}

	.micro-monitor-comparison th{
			text-transform: none;
	}

	.micro-monitor-comparison h2{
			margin-bottom:25px;
	}

	.micro-monitor-comparison table{
			background:#ffffff;
			border-radius:10px;
	}

	.micro-monitor-what h4{
			margin-bottom:30px;
	}

	.micro-monitor-what img{
			border-radius:15px;
	}

	.micro-monitor-why ul li{
			background:#f9f1f1 ;
			border-radius:15px;
			margin:0px 0 15px 0;
			padding:10px;
			list-style:none;
			/*box-shadow:1px 1px 5px #aaa;*/
			color:#3b3132 ;
			font-weight:500;
			font-size:1.1em;
	}

	.micro-monitor-why strong{
			color:#FFFFFF;
			text-transform:uppercase;
			font-size:1.2em;
	}

	.micro-monitor-why h4{
			color:#000;
	}

	.micro-monitor-features ul li{
			background:rgb(239, 239, 239);
			border-radius:15px;
			margin:0px 0 37px 0;
			padding:15px;
			list-style:none;
			box-shadow:1px 1px 5px #aaa;
			color:#3b3132;
	}

	.micro-monitor-features h3{
			color:#8d1a27;
			display:block;
			text-transform:uppercase;
			font-size:1.2em;
			font-weight:600;
	}

	.micro-monitor-features img{
			padding:10px;
	}

	.no-caps h2 .section-title-main{
			text-transform:none !important;
	}

	table{
			border:1px solid #ccc;
			border-radius:10px;
	}

	td.row-title{
			font-weight:500;
			color:#8d1a27;
	}

	tr.row-shade{
			background:#f5f5f5;
	}

	.byline{
			display:none;
	}	
		
}