/* 
 Theme Name:   WP Piero Child Theme
 Theme URI:    http://cmssuperheroes.com/wordpress/cshero
 Description:  WP Piero Child Theme
 Author:       admin
 Author URI:   
 Template:     wp_piero
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
body{
	font-weight: 400;
}
h1, h2, h3{
	color: #4c4c4c!important;
	font-weight: 600!important;
}
h2.home-jumbotron, h1.page-title{
	color: #ffffff!important;
}
#cshero-header ul.cshero-dropdown > li.current-menu-item > a, 
#cshero-header ul.cshero-dropdown > li.current-menu-ancestor > a, 
#cshero-header ul.cshero-dropdown > li > a.active, 
#cshero-header ul.cshero-dropdown > li > a:active,
#cshero-header ul.cshero-dropdown > li > a:hover {
	color: #f93f26 !important;
}

#header-sticky ul.cshero-dropdown > li.current-menu-item > a,
#header-sticky ul.cshero-dropdown > li.current-menu-ancestor > a,
#header-sticky ul.cshero-dropdown > li > a.active,
#header-sticky ul.cshero-dropdown > li > a:active,
#header-sticky ul.cshero-dropdown > li > a:hover,
#header-sticky ul.cshero-dropdown ul > li > a:hover {
	color: #f93f26 !important;
}

#cshero-header #menu ul.cshero-dropdown ul > li.current-menu-item > a,
#cshero-header #menu ul.cshero-dropdown ul > li.current-menu-ancestor > a,
#cshero-header #menu ul.cshero-dropdown ul > li > a:active,
#cshero-header #menu ul.cshero-dropdown ul > li > a.active,
#cshero-header #menu ul.cshero-dropdown ul > li > a:hover {
	color: #f93f26 !important;
}

#header-sticky ul.cshero-dropdown ul > li.current-menu-item > a,
#header-sticky ul.cshero-dropdown ul > li.current-menu-ancestor > a,
#header-sticky ul.cshero-dropdown ul > li > a:active, 
#header-sticky ul.cshero-dropdown ul > li > a.active,
#header-sticky ul.cshero-dropdown ul > li > a:hover {
	color: #f93f26 !important;
}

#cshero-header ul.cshero-dropdown > li > a,
#header-sticky ul.cshero-dropdown > li > a {
	color: #111111 !important;
}

.with-border-img img {
	border: solid 1px #ccc;
}

#footer-bottom .container {
    padding: 20px 0 !important;
}

.home-counter .ww-parallax-bg {
	background: none !important;
}

.parallax-dark-overlay .ww-parallax-bg {
	background: rgba(0,0,0,0.7) !important;
}

#footer-top .textwidget ul.our-services li {
    border-bottom: 1px solid #666666;
    position: relative;
    padding: 10px 10px 10px 0;
}

#footer-top .textwidget ul.our-services li:after {
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 14px;
    color: #999999;
}
#footer-top{
	font-size: 15px!important;	
	text-align: justify;
	padding: 80px 0 45px 0!important;
}
#footer-top ul li{
	text-align: left;
	padding-bottom: 12px;
}
#footer-top h3.wg-title{
	font-size: 21px!important;
	color: #ffffff!important;
}
#footer-top .cs_content {
	padding-left: 0px !important;
}

#footer-top a:hover {
	color: #f93f26 !important;
}

#cs-breadcrumb-wrapper li{
	color: #fff !important;
}

#cs-breadcrumb-wrapper a {
	color: #bbb !important;
}

.header-top .textwidget {
	font-size: 13px;
	padding: 5px 0px;
}

.csbody .btn-primary {
    background-color: #f93f26 !important;
    border-color: #f93f26 !important;
}

#cs-page-title-wrapper:before {
    background-color: rgba(0,0,0,0.4) !important;
}
.cshero-logo.logo-sticky a img {
	height: 40px !important;
}

.logo a img {
	max-width: 285px;
}

.footer-cert {
	margin-bottom: 5px;
}

@media (max-width: 768px){
	.header-top-widget-col.widget_text, .topbar-text {
		text-align: center;
   		display: block;
	}

	body .parallax-dark-overlay {
		background-image: none !important;
	}
}

@media (max-width: 450px){
	h2.home-jumbotron {
		font-size: 35px !important;
	}	
}

@media (max-width: 330px){
	.logo a img {
		max-width: 250px;
	}
}

@media (min-width: 767px){
	#footer-top .footer-top-4 h3.wg-title,
	#footer-top .footer-top-4 div.textwidget {
	    text-align: center;
	}
}
.homeslider .wpb_wrapper{
	overflow: visible!important;
}
.services_calltoaction{
	margin-bottom:-30px;
	margin-top:5px;
	padding-left:unset;
}

.icon_box_left h5.cshero-fancybox-title{
	text-align:left;
	font-size:19px;
}
h5.cshero-fancybox-title-wrap{
	font-size:19px;
}
span.cshero-title-main{
	line-height:1.2em;
}

#header-top a{
	font-weight: 500;
}
#header-top{
	padding: 5px 0;
}
#header-top .pe-7s-phone:before, #header-top .pe-7s-mail:before{
	vertical-align: middle;
	font-size: 18px;
}
/* Top Bar */
@media screen and (max-width: 767px){
	#header-top ul, #footer-bottom ul{
		text-align:center;
	}
}
@media screen and (max-width: 338px){
	.cs_icons{
		font-size:20px;
	}
}

/* mobile padding */
@media screen and (max-width: 992px){
		.mobile_padding .wpb_wrapper{
			padding: 0 10px;
	}
}

/* White text*/
h4.white_color{
	color:#ffffff;
}
p.white_color{
	color:#ffffff;
}
a.white_color{
	color:#ffffff;
}
.parallax-dark-overlay .ww-parallax-bg:before{
	border-top-color: #f5f5f5!important;
}
.cshero-fancybox-wrap.fancybox-layout2 .cshero-fancybox-padding {
    padding-left: 15px!important;
}
.vc_general.vc_cta3.vc_cta3-color-classic.vc_cta3-style-flat {
    color: #4e4e4e!important;
}
#cshero-header ul.cshero-dropdown > li > a, #header-sticky ul.cshero-dropdown > li > a{
	font-family: "Open Sans"!important;
	font-size: 15px!important;
	font-weight: 600!important;
	padding: 0 15px!important;
}
#cshero-header #menu ul.cshero-dropdown ul > li > a, #header-sticky ul.cshero-dropdown ul > li > a{
	font-family: "Open Sans"!important;
    font-size: 14px!important;
    color: #000000!important;
    font-weight: 600!important;
}
#cshero-header #menu ul.cshero-dropdown .sub-menu, #header-sticky ul.cshero-dropdown .sub-menu{
	width: 242px!important;
}
.cshero-menu-dropdown ul li li:not(.group):hover > ul.sub-menu {
    top: -1px!important;
}
.policy ol{
	margin-left: -20px;
}
.getTouch > li i {
    font-size: 24px!important;
}
.services_section p{
	padding: 25px 5px 0px 5px;
}
.services_section h4{
	color: #4c4c4c!important;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
}
.title_bold h5{
	font-weight: 600;
}
.title_bold ul li{
	margin-left: -20px;
	line-height: 2em;
}
.link-color a{
	color: #f93f26!important;
	font-weight: 600;
}