/*
Template:       roofix
Theme Name:     bgowroofing
Description:    BGow Roofing Child Theme
Version:        1.0
*/


/* TOP BAR
------------------------------------------------------------------- */
.top-bar {
    position: relative;
    overflow: hidden;
    border: 0;
}
.top-bar ul {
	margin: 0;
	padding: 0;
}
.top-bar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-bar ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    font-family: 'DM Sans', sans-serif;
	line-height: 28px;
    position: relative;
    padding: 10px 0;
    text-transform: uppercase;
}
.top-bar ul li:after {
    content: "";
    height: 70px;
    width: 1px;
    background-color: #5e5e5e;
    position: absolute;
    top: -14px;
    right: -40px;
    transform: rotate(20deg);
}
.top-bar ul li.quote-button{
    position: relative;
    z-index: 1;
	line-height: 28px;
    padding-left: 25px;
}
.top-bar ul li.quote-button:after{
    display: none;
}
.top-bar ul li.quote-button:before {
    content: "";
    height: 100%;
    width: 1000%;
    background-color: #ee212b;
    position: absolute;
    top: 0;
    left: 0;
    transform: skew(-20deg);
    z-index: -1;
}
.angle:after {
	position: absolute;
	z-index: -1;
	content: "";
	right: -10%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: inherit;
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.offcanvas-menu-btn:hover {
    background: none !important;
}

/* NAVIGATION
------------------------------------------------------------------- */
.site-header .main-navigation ul li a {
	font-family: 'DM Sans', sans-serif;
    font-weight: 700;
}
.middle-bar-logo:after {
    right: -13px;
}
.fa-shopping-cart:before {
    content: "\f290" !important;
}


/* FORMS
------------------------------------------------------------------- */
.quote-home .nf-field-element {
	display: inline;
}
.quote-home .nf-form-content, .contact .nf-form-content {
    padding: 0;
    margin: 0 auto;
}
.quote-home .nf-form-fields-required, .nf-form-fields-required {
    display: none;
}

.widget-form .contact-form-box .form-group:last-child {
  margin-bottom: 0;
}
.widget-form .contact-form-box .form-group p {
  margin: 0;
}
.widget-form .contact-form-box .form-group .form-control {
  border: none;
  background-color: #f6f6f6;
  font-size: 16px;
  color: #707173;
  padding: 14px 15px;
  border-radius: 6px;
}
.widget-form .contact-form-box .form-group .form-control:focus {
  outline: none;
  border: none;
  box-shadow: none;
}
.widget-form .contact-form-box .form-group .item-btn {
  width: 100%;
  background-color: #ee212b;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  padding: 16px 20px;
  border-radius: 6px;
  transition: all 0.3s ease-out;
}
.widget-form .contact-form-box .form-group .item-btn:hover {
  background-color: #d21c1d;
}