/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ---------*/

/* utilities */

.bd {
	border: 1px solid #00309d!important;
}

.bg-blue {
	background: #00309d;
}

.bg-black {
	background: #000;
	background: url(/wp-content/uploads/bg-header.jpg) no-repeat center center/cover;
}

.bg-orange {
	background: orangered;
}

.bg-grey {
	background: #eee;
}

/* body */

body{
  font-weight:400;
  background:#FFF;
  font-size: 17px;
  font-family: 'Poppins', sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6,
.billboard .slide-header {
  font-weight: 700;
}

main h1,
main h2,
main h3,
main h4,
main h5 {
  color: #00309d;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
}


/* if header d */

.nav-bar {
	background: #00309d;
	color: #fff;
	margin-top: .5rem;
}


.nav-bar ul a {
    color: #fff;
    padding: 16px 8px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.5px;
	font-size: 15px;
  transition: background .4s ease-in-out;
}

.nav-bar ul a:hover {
	background: orangered;
}


.passed-header .nav-bar ul {
  text-align: center;
  padding-bottom: 0;
} 

/* header */

header#header {
  background: url(/wp-content/uploads/industrial-bg-3.jpg) no-repeat center center/cover;
}


.hidden-logo img {
  height: 100px;
}

.logo img {
  width: auto;
  max-height: 164px;
}

#header {
  padding: 1em 0 0 0;
}


#content .btn:hover, #content .view-article:hover, #footer .btn:hover, .billboard .slider-content a:hover, .btn:hover, .link-button:hover, .rev-read-more:hover, button:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background: orangered;
}

html input[type="button"]:hover, .wpcf7-form input[type="submit"]:hover{
	background: orangered;
	color: #fff;
}


/* .phone-number {
  background: none;
  color: #003263;
}

.phone-number:hover {
  color: #001122;
} */

ul.menu>li.current-page-ancestor>a:before,
ul.menu>li.current_page_parent>a:before,
ul.menu>li.current-menu-parent>a:before,
ul.menu>li.current-menu-item>a:before,
ul.menu>li>a:before {
  background: #003263;
  bottom: 8px;
  display: none;
}

/* billboard */

.billboard .slider-content .slider-cta-button,
.billboard .slider-content a,
#content .btn,
#respond #submit,
#slider .btn,
.biziq-button,.client-button,
.btn,
.link-button,
.rev-read-more,
.view-article,
.wpcf7-form input[type="submit"],
a.contact-btn,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #00309d;
  color: #fff;
}

.billboard .slider-content .slider-cta-button:hover,
.billboard .slider-content a:hover {
  background: orangered;
  color: #fff;
}

/* .billboard .slider-parallax .swiper-slide:after {
    background-color: rgba(0, 0, 0, 0.1);
} */


/* footer */
#footer {
	background:  #001648;
  color: #fff;
}

.today {
  color: orangered;
}

/* .quick-links .fancylist li:hover {
  color: #;
} */

#footer ul.fancylist li:before {
  color: #fff;
}

#copyright {
    background: #000;
    margin-top: 0.5rem;
}

/* review page */

.rev-wrap {
  border: 2px solid #000;
  background: #fff;
  transition: transform .5s ease .25ms;
}


.rev-wrap:before {
  background-color: #000;
  transition: transform .5s ease;
}

/* Feedback */

.fa-thumbs-up:before {
  content: "\f164";
  color: #000;
}

.fa-thumbs-down:before {
  content: "\f165";
  color: #000;
}


/* contact */

main form,
form {
  background: #000;
  color: #fff;
}



/* mobile */
#mobile-menu-container.left {
  background: #000;
}

#mobile-menu-container .current_page_item a {
  background: #00309d;
  color: #fff;

}

#mobile-menu-container .menu-bar {
  background: #000;
}

.hamburger {
  padding-top: 1px;
  background: #000;
}

#mobile-menu-container ul {
  background-color: #000;
}

#footer ul li:before, ul.fancylist li:before {
    color: orangered;
}

.img-plus {
    box-shadow: 15px 15px 0 #e4e4e4;
    border: 5px solid #00309d !important;
}

.nav-bar ul.sub-menu {
    background: black;
}


@media only screen and (min-width: 992px) {

  main h1 {
    font-size: 2.25rem;
  }
	
	main h2 {
    font-size: 2rem;
  }

  .slide-header {
    font-size: 3rem !important;
  }
}


@media only screen and (min-width: 768px) {
.billboard .slider-parallax .swiper-slide {
	height: 45vh;
	}
}