/*
Theme Name: Titan
Theme URI: https://titanwms.com
Author: Ryan Miller Front-End Developer at Titan Web Marketing Solutions
Author URI: https://titanwms.com
Description: A Gutenberg-ready bootstrap 4 theme created and modified based off of the Twenty Nineteen Theme.
Requires at least: WordPress 4.9.6
Version: 3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: titan
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 with others.

Titan is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc and the Twenty Nineteen Theme.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Titan Utilizes Reboot from Bootstrap to provide normalizing styles.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

#Website Colors
#Typography
#Bootstrap Margin Fix
#Media
  ## Captions
  ## Galleries
#Transition Mixin and Normalizing Styles
#Header Blocks
#Footer Blocks
#Home Hero Content Block
#Home Content Blocks
#Internal Hero Content Block
#Internal Content Blocks
#Gravity Forms
#Custom Site Style by Developer

--------------------------------------------------------------*/
/*---
Website Colors
---*/
.white {
  color: #ffffff;
}

.primary {
  color: #ED1C24;
}

.secondary {
  color: #ED1C24;
}

.dkgray {
  color: #333333;
}

.primary-bg {
  background-color: #ED1C24;
}

.secondary-bg {
  background-color: #ED1C24;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

.white-bg {
  background-color: #ffffff;
}

/*---
Typography
---*/
/* Define Fonts for the Website */
a {
  font-size: inherit;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: #ED1C24;
}

body {
  font-size: 10px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #333333;
}

p, .screen-reader-text, input[type=search], .tos-list, li {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  font-family: "Roboto", sans-serif;
}

h1 {
  font-weight: 900;
  font-size: 96px;
  line-height: 90.2%;
  font-family: "Big Shoulders Display", cursive;
  text-transform: uppercase;
}
h1.hero {
  font-size: 48px;
  font-weight: 400;
}

h2 {
  font-weight: 700;
  font-weight: 900;
  font-size: 64px;
  font-family: "Big Shoulders Display", cursive;
  text-transform: uppercase;
}

h3 {
  font-size: 75px;
  font-weight: 900;
  font-family: "Big Shoulders Display", cursive;
  line-height: 90.2%;
  text-transform: uppercase;
}

h4 {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  font-family: "Big Shoulders Display", cursive;
  text-transform: uppercase;
}

nav ul li {
  font-size: inherit;
}

.bold {
  font-weight: 700;
}

/*---
Bootstrap Margin Fix
---*/
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*---
Media
---*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

.custom-logo-link {
  display: inline-block;
}

.avatar {
  border-radius: 100%;
  display: block;
  height: calc(2.25 * 10px);
  min-height: inherit;
  width: calc(2.25 * 10px);
}

svg {
  transition: fill 120ms ease-in-out;
  fill: currentColor;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
  .wp-caption.aligncenter {
    position: relative;
    left: calc( calc(8 * (100vw / 12) - 28px) / 2 );
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  .wp-caption.aligncenter {
    left: calc( calc(6 * (100vw / 12) - 28px) / 2 );
  }
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text {
  color: #767676;
  font-size: 12px;
  margin: 0;
  padding: 15px;
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: calc(1.5 * 1rem);
}

.gallery-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
  margin-right: 0;
}
.gallery-columns-3 .gallery-item {
  max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}
.gallery-columns-4 .gallery-item {
  max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}
.gallery-columns-5 .gallery-item {
  max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}
.gallery-columns-6 .gallery-item {
  max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
  margin-right: 0;
}
.gallery-columns-7 .gallery-item {
  max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
  margin-right: 0;
}
.gallery-columns-8 .gallery-item {
  max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
  margin-right: 0;
}
.gallery-columns-9 .gallery-item {
  max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}
.gallery-item:last-of-type {
  padding-right: 0;
}

.gallery-caption {
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 15px;
}

.gallery-item > div > a {
  display: block;
  line-height: 0;
  box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
  box-shadow: 0 0 0 2px #0073aa;
}

/*-------
Transition Mixin and Normalizing Styles
-------*/
html {
  scroll-behavior: smooth;
}

.search-submit {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  padding: 10px 25px;
  background-color: #ED1C24;
  border: solid 3px #ED1C24;
}
.search-submit:hover {
  background-color: transparent;
  color: #ED1C24;
  border-color: #ED1C24;
}

/*---
Header Blocks
---*/
/*--Dropdown Blue Box Fix--*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: transparent;
}

/*--- Import Color Mixins ---*/
.white {
  color: #ffffff;
}

.primary {
  color: #ED1C24;
}

.secondary {
  color: #ED1C24;
}

.dkgray {
  color: #333333;
}

.primary-bg {
  background-color: #ED1C24;
}

.secondary-bg {
  background-color: #ED1C24;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

.white-bg {
  background-color: #ffffff;
}

/*--- Collapse Header Navigation ---*/
img.custom-logo {
  width: 100%;
  max-width: 270px;
  height: auto;
  padding-top: 35px;
  padding-bottom: 35px;
}

@media (max-width: 991px) {
  .custom-logo-link {
    display: inline-block;
  }

  img.custom-logo {
    display: block;
    margin: 0 auto;
  }

  .brand-flex {
    display: flex;
    flex-grow: 1;
    justify-content: center;
  }
}
/*-------
Transition Mixin
-------*/
/*--------*/
.navbar {
  z-index: 10;
  padding: 0;
  -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.3);
}

.header-nav-box ul#menu-primary {
  padding-top: 18px;
  padding-bottom: 18px;
}

/*---------
Desktop
--------*/
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 400;
    color: #A2A2A2;
    border-bottom: solid 2px transparent;
    border-radius: 0px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 2px 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #ED1C24;
  }

  .navbar-expand-lg .navbar-nav .active .nav-link {
    color: #ED1C24;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    background: #ED1C24;
    color: #ffffff;
    top: 45px;
  }

  .dropdown-item {
    padding: 10px 20px;
    background-color: transparent;
    color: #ffffff;
    font-size: 18px;
  }
  .dropdown-item:hover {
    color: #A2A2A2;
    background-color: #ED1C24;
  }

  li#menu-item-111321 .dropdown-menu {
    left: -71px;
  }

  .navbar-nav .show > .nav-link {
    color: #A2A2A2;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
  }

  img.custom-logo {
    max-width: 200px;
  }
}
.navbar-nav .dropdown-menu {
  border-radius: 0;
  border: none;
  margin-top: 0;
}

/*-------
## Mobile
-------*/
@media (max-width: 991px) {
  .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    text-align: center;
    border-bottom: solid 1.5px #333333;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 20px;
  }

  #menu-item-29 .nav-link {
    border: none;
  }

  .navbar-nav .active > .nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show > .nav-link {
    color: #ffffff;
    background-color: #ED1C24;
  }

  .navbar-brand img {
    width: 100%;
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .dropdown-item {
    padding: 0.25rem 1.5rem;
    background-color: transparent;
    color: #333333;
    text-align: center;
  }

  .navbar-header {
    width: 100%;
  }

  .nav-phone {
    color: #ED1C24;
    font-size: 18px;
    padding-right: 15px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .navbar-toggler {
    top: -140px;
    border: none;
    position: absolute;
    right: 10px;
    z-index: 64;
  }
  .navbar-toggler:focus, .navbar-toggler:hover {
    outline: none;
  }

  #titan-nav {
    position: absolute;
    z-index: 10;
    top: 0px;
    padding-top: 10px;
    left: 0;
    transition: 0.001s;
    text-align: center;
    background-color: #ffffff;
    width: 100%;
  }

  /*---- Dropdown Toggle ----*/
  /* Icon 4 */
  #nav-icon4 {
    width: 25px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }

  #nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #ED1C24;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  #nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 0px;
  }

  #nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  #nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 0px;
  }
}
/*--- Social Menu ---*/
.social-nav {
  display: flex;
  justify-content: flex-start;
}
.social-nav p, .social-nav .screen-reader-text, .social-nav input[type=search] {
  font-size: 18px;
}

.social-menu {
  margin-left: 15px;
}

.social-menu li {
  display: inline-block;
}
.social-menu li a {
  color: #ffffff;
  padding: 0px 7.5px;
  line-height: 0.1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social-menu li a:hover {
  color: #ED1C24;
}

.screen-reader-text {
  display: none;
}

.social-phone {
  font-size: 18px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social-phone:hover {
  color: #ED1C24;
}

@media (max-width: 991px) {
  .social-menu {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .social-btns {
    border-radius: 0px;
    font-size: 25px;
    display: block;
  }

  .social-menu li a {
    color: #ED1C24;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .social-menu li a:hover {
    color: #ED1C24;
  }
}
@media (max-width: 767px) {
  .social-phone {
    display: block;
  }

  .social-nav {
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .social-menu {
    margin-left: 0px;
  }

  .header-top-right {
    text-align: center;
    padding-top: 12px;
  }
}
/*------*/
/*---
Footer Blocks
---*/
.white {
  color: #ffffff;
}

.primary {
  color: #ED1C24;
}

.secondary {
  color: #ED1C24;
}

.dkgray {
  color: #333333;
}

.primary-bg {
  background-color: #ED1C24;
}

.secondary-bg {
  background-color: #ED1C24;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

.white-bg {
  background-color: #ffffff;
}

footer {
  background-color: #ED1C24;
}

.navbar-nav.footer {
  margin-right: 15px;
}

.navbar-nav.footer .nav-link {
  font-size: 18px;
  font-weight: 400;
  padding: 0px 15px;
  color: #ffffff;
}
.navbar-nav.footer .nav-link:hover {
  color: #333333;
}

footer {
  padding-top: 15px;
  padding-bottom: 15px;
}

.foot-logo {
  max-width: 270px;
  margin-top: 50px;
  margin-bottom: 40px;
}

.footer-text p, .footer-text .screen-reader-text, .footer-text input[type=search], .footer-text a {
  font-size: 13px;
  margin-bottom: 0px;
  color: #ffffff;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav.footer .nav-link {
    padding: 0px 10px;
    font-size: 13px;
  }

  .footer-text p, .footer-text .screen-reader-text, .footer-text input[type=search], .footer-text a {
    font-size: 12px;
  }
}
.header-logo-middle {
  background: #333333;
}

/*-----
Home Hero Content Block
---*/
.home-top {
  background-image: url("/wp-content/themes/titan/images/home-top.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}

/*---
Home Content Blocks
---*/
.hp-icons {
  max-width: 135px;
}

.service-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1.5px;
}
.service-bg.one {
  background-image: url("/wp-content/themes/titan/images/placeholder-1.jpg");
}
.service-bg.two {
  background-image: url("/wp-content/themes/titan/images/placeholder-1.jpg");
}
.service-bg.three {
  background-image: url("/wp-content/themes/titan/images/placeholder-1.jpg");
}

.color-overlay {
  min-height: 280px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(237, 28, 36, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.color-overlay:hover {
  background-color: transparent;
  visibility: hidden;
}
.color-overlay:hover .service-box-text {
  display: none;
  visibility: hidden;
}

.swapping-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swapping-wrapper.image-r {
  background-image: url("/wp-content/themes/titan/images/swap-image-r.png");
}
.swapping-wrapper.image-l {
  background-image: url("/wp-content/themes/titan/images/swap-image-l.png");
}
@media (max-width: 991px) {
  .swapping-wrapper.image-r, .swapping-wrapper.image-l {
    background-image: none;
  }
}
@media (min-width: 992px) {
  .swapping-wrapper img {
    display: none !important;
  }
}

/*-----
Home Bottom Blocks
---*/
.home-bot {
  background-image: url("/wp-content/themes/titan/images/home-bot.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 240px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.home-row2 {
  background-image: url("/wp-content/themes/titan/images/home-row2-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.home-row2 .home-row2-left {
  padding-top: 80px;
  padding-bottom: 80px;
}
.home-row2 .home-row2-left p, .home-row2 .home-row2-left .screen-reader-text, .home-row2 .home-row2-left input[type=search] {
  font-family: "Big Shoulders Display", cursive;
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 900;
  font-size: 96px;
  line-height: 80px;
  text-transform: uppercase;
}
.home-row2 .home-row2-left p span, .home-row2 .home-row2-left .screen-reader-text span, .home-row2 .home-row2-left input[type=search] span {
  color: #333333;
}
.home-row2 .home-row2-right {
  padding-top: 20px;
}

.home-row3 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.home-row3 p, .home-row3 .screen-reader-text, .home-row3 input[type=search] {
  font-weight: 400;
  font-size: 36px;
  line-height: 42px;
  margin-bottom: 0;
  color: #555555;
}
.home-row3 h2 {
  color: #333333;
  margin-bottom: 50px;
}
.home-row3 img {
  margin-bottom: 40px;
}
.home-row3 .home-single-brand {
  display: flex;
  align-items: center;
}

.home-row5 {
  background-image: url("/wp-content/themes/titan/images/texture-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 56px;
}
.home-row5 .container-fluid {
  max-width: 1320px;
}
.home-row5 .container-fluid .home-row5-wrap {
  min-height: 618px;
  border-radius: 10px;
  padding-top: 300px;
  padding-left: 40px;
  margin-bottom: 56px;
  padding-right: 15px;
}
.home-row5 .container-fluid .home-row5-wrap h3 {
  color: #ffffff;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.home-row5 .container-fluid .home-row5-wrap p, .home-row5 .container-fluid .home-row5-wrap .screen-reader-text, .home-row5 .container-fluid .home-row5-wrap input[type=search] {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
}
.home-row5 .container-fluid .home-row5-left .home-row5-wrap {
  background-image: url("/wp-content/themes/titan/images/Pick-Up.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-row5 .container-fluid .home-row5-right .home-row5-wrap {
  border: solid 1px gray;
  background-image: url("/wp-content/themes/titan/images/Dixie-Choppers.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-row6 {
  background: #333333;
  color: #ffffff;
  padding-top: 60px;
}
.home-row6 h4 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.home-row6 .home-row6-toprow span {
  border-bottom: 3px solid red;
  width: 174px;
  display: block;
  margin-top: 10px;
  margin-bottom: 37px;
}

.home-row6-video {
  margin-bottom: 60px;
}

.home-row7 {
  background-image: url("/wp-content/themes/titan/images/texture-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 56px;
  padding-bottom: 56px;
}
.home-row7 .container-fluid {
  max-width: 1200px;
  margin: 0 auto;
}

.caption {
  font-size: 12px;
  line-height: 14px;
}

.home-row7-left {
  text-align: center;
  background-image: url("/wp-content/themes/titan/images/E-Coupon.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  color: #ffffff;
  margin-bottom: 30px;
}
.home-row7-left h3 {
  color: #ffffff;
}
.home-row7-left p.form-intro-desc, .home-row7-left .form-intro-desc.screen-reader-text, .home-row7-left input.form-intro-desc[type=search] {
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  letter-spacing: -1px;
}
.home-row7-left .caption {
  padding-top: 10px;
}
.home-row7-left h2.gform_title {
  display: none;
}
.home-row7-left .form-home {
  max-width: 465px;
  margin: 50px auto 50px;
}
.home-row7-left .form-home .gform_wrapper.gravity-theme .gform_footer {
  display: flex;
  justify-content: center;
}
.home-row7-left .form-home input#gform_submit_button_1 {
  padding: 14px 30px;
  border-radius: 8px;
  margin: 0;
  font-family: "Big Shoulders Display", cursive;
  font-size: 24px;
  font-weight: 700;
}
.home-row7-left .form-home .gform_wrapper.gravity-theme .gfield input.large, .home-row7-left .form-home .gform_wrapper.gravity-theme .gfield select.large {
  border-radius: 5px !important;
  padding: 10px 20px;
}

.header-top-row {
  padding-top: 10px;
  padding-bottom: 10px;
}

.header-loc-shop {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 16px;
}
.header-loc-shop img {
  position: relative;
  top: -2px;
  margin-right: 16px;
  width: 20px;
}

.social-nav p, .social-nav .screen-reader-text, .social-nav input[type=search] {
  margin: 0 0 0;
}
.social-nav a, .social-nav a:visited {
  font-size: 18px;
  margin-right: 12px;
}
.social-nav a:hover, .social-nav a:visited:hover {
  color: #A2A2A2;
}

.searchform-header-box-wrapper ::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
}
.searchform-header-box-wrapper :-moz-placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
}
.searchform-header-box-wrapper ::-moz-placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
}
.searchform-header-box-wrapper :-ms-input-placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
}
.searchform-header-box-wrapper form#searchform {
  float: right;
  border: solid 1px #ffffff;
  max-width: 274px;
  border-radius: 32px;
  margin-top: 30px;
  margin-bottom: 30px;
  outline: none;
}
.searchform-header-box-wrapper input#s:focus-visible {
  outline: none;
}
.searchform-header-box-wrapper input#s {
  width: 85%;
  font-size: 18px;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  border: none;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  padding: 12px 20px 12px 20px;
}
.searchform-header-box-wrapper button#searchsubmit {
  border: none;
  background: transparent;
  font-size: 18px;
  position: relative;
  right: 10px;
}
.searchform-header-box-wrapper button#searchsubmit i.fa.fa-search {
  color: #ffffff;
}

/*---
Internal Hero Content Block
---*/
.internal-head {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 310px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*---
Internal Content Blocks
---*/
.internal-hero {
  background: #333333 url("/wp-content/themes/titan/images/hero-about.jpg");
  background-position: center !important;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 310px;
  padding-top: 120px;
  padding-bottom: 140px;
  position: relative;
  text-align: center;
}
.internal-hero.hero-handtools {
  background-position: center 85% !important;
}
.internal-hero.hero-paint-studio {
  background-position: center 33% !important;
}
.internal-hero.hero-power-tools {
  background-position: center 55% !important;
}
.internal-hero.hero-all-departments {
  background: #333333 url("/wp-content/themes/titan/images/hero-all-departments.jpg");
  background-size: cover;
}
.internal-hero.hero-services {
  background: #333333 url("/wp-content/themes/titan/images/hero-services.jpg");
  background-size: cover;
}
.internal-hero.hero-careers {
  background: #333333 url("/wp-content/themes/titan/images/hero-careers.jpg");
  background-size: cover;
}
.internal-hero.hero-contact {
  background: #333333 url("/wp-content/themes/titan/images/hero-contact.jpg");
  background-size: cover;
}
.internal-hero.hero-featured {
  background: #333333 url("/wp-content/themes/titan/images/hero-featured.jpg");
  background-size: cover;
}
.internal-hero h1 {
  z-index: 1;
  position: relative;
  color: #ffffff;
}

.about-row2 {
  padding-top: 50px;
  padding-bottom: 0;
}

.about-row3 {
  background: url("/wp-content/themes/titan/images/about-gray-bg.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 30px;
  padding-bottom: 50px;
}
.about-row3 .img-fluid {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.about-department a h5, .about-department a:visited h5 {
  background-color: #ED1C24;
  width: 100%;
  padding: 20px 0;
  font-family: "Big Shoulders Display", cursive;
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  position: relative;
  top: -20px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  text-transform: uppercase;
}
.about-department a:hover h5, .about-department a:visited:hover h5 {
  color: #333333;
}

.about-row4 {
  padding-bottom: 60px;
  padding-top: 60px;
  background-color: #f1f2f2;
}
.about-row4 p, .about-row4 .screen-reader-text, .about-row4 input[type=search] {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}
.about-row4 span.border-bottom {
  margin: 50px auto 0;
  max-width: 170px;
  display: block;
  border-bottom: solid 2px #cdcfd0 !important;
}
.about-row4 .about-box1b {
  padding-top: 20px;
  padding-bottom: 6px;
}
.about-row4 .about-box1b span {
  font-size: 26px;
}

.featured-department {
  margin-bottom: 35px;
}
.featured-department .featured-content-wrap {
  border: solid 1px red;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background: red;
  position: relative;
  top: -10px;
  padding: 25px 30px;
  color: #ffffff;
}
.featured-department .featured-content-wrap h5 {
  font-weight: 700;
  font-size: 32px;
  line-height: 38px;
  padding-bottom: 10px;
}
.featured-department .featured-content-wrap a.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

.service-feature .shadow {
  box-shadow: none !important;
}
.service-feature h3 {
  font-size: 64px;
  color: #ED1C24;
  padding-bottom: 20px;
}
.service-feature p, .service-feature .screen-reader-text, .service-feature input[type=search] {
  font-weight: 400;
  font-size: 20px;
  line-height: 130.19%;
}

.departments-feature-img .wrap {
  text-align: center;
  color: white;
  padding: 100px 20px;
  padding: 70px 20px;
  background-size: cover !important;
  min-height: 400px;
  margin-bottom: 30px;
  border-radius: 14px;
  border-bottom: solid 6px red;
}
.departments-feature-img .wrap h3 {
  max-width: 300px;
  margin: 0 auto 23px;
}
.departments-feature-img .wrap p, .departments-feature-img .wrap .screen-reader-text, .departments-feature-img .wrap input[type=search] {
  color: #ffffff;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
}

.departments-content .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.brands-feature {
  display: grid;
  grid-auto-columns: 5fr;
  grid-auto-flow: column;
  justify-items: center;
  align-content: center;
  justify-content: space-evenly;
  width: 20%;
  padding: 23px;
}
.brands-feature .ml-auto, .brands-feature .mx-auto {
  margin-left: auto !important;
  width: auto;
  max-height: 155px;
}

.contact-row2-left span {
  min-width: 70px;
  display: inline-block;
  float: left;
  clear: left;
  height: 21px;
}

.contact-row3 {
  background: black url("/wp-content/themes/titan/images/contact-form-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 100px;
  position: relative;
}
.contact-row3::after {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  content: " ";
  width: 100%;
  height: 100%;
  opacity: 55%;
  z-index: 0;
  pointer-events: none;
}
.contact-row3 .row {
  position: relative;
  z-index: 2;
}
.contact-row3 span.border-bottom {
  margin: 50px auto 0;
  max-width: 170px;
  display: block;
  border-bottom: solid 2px #cdcfd0 !important;
}
.contact-row3 .form-box input {
  border-bottom: solid 2px #cdcfd0 !important;
  line-height: 44px;
  color: #ffffff;
  background: transparent;
}
.contact-row3 .form-box textarea {
  border: none;
  border-bottom: solid 2px #cdcfd0;
  padding: 0 0 12px !important;
  margin-top: 24px !important;
  color: white;
  background: transparent;
}
.contact-row3 .form-box .gform_fields ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.contact-row3 .form-box .gform_fields ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.contact-row3 .form-box .gform_fields :-ms-input-placeholder {
  /* IE 10+ */
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.contact-row3 .form-box .gform_fields :-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.contact-row3 .form-box #gform_wrapper_1 {
  width: 100%;
}
.contact-row3 .gform_legacy_markup_wrapper textarea.medium {
  height: 110px;
}
.contact-row3 input#gform_submit_button_2 {
  padding: 14px 30px;
  border-radius: 8px;
  margin: 0;
  font-family: "Big Shoulders Display", cursive;
  font-size: 24px !important;
  font-weight: 700;
  background-color: transparent;
  color: #ffffff;
  border: solid 2px #ffffff;
}
.contact-row3 .gform_wrapper.gravity-theme #field_submit, .contact-row3 .gform_wrapper.gravity-theme .gform_footer {
  display: flex;
  justify-content: center;
}

.form-wrap-contact {
  background: #ED1C24;
  padding: 60px 66px;
  border-radius: 8px;
}

/*---
Internal Bottom Blocks
---*/
.secondary-bg.header-top-row.footer-social-box {
  max-width: 475px;
  margin: 30px auto;
}

.border-footer-line {
  display: block;
  border-bottom: solid 1px white;
  width: 140px;
  margin: 20px auto 0;
}

/*---
Gravity Forms
---*/
.gform_wrapper {
  margin: 0px 0px 5px !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea {
  border-radius: 0;
  border: none;
}

body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}

.gform_wrapper textarea {
  margin-top: 12px;
}

body .gform_wrapper ul li.gfield {
  margin-top: 7px !important;
}

.gform_wrapper .gform_footer {
  text-align: center;
  margin-top: 0px !important;
  padding-bottom: 0px !important;
}

.gform_wrapper .gform_footer input.button {
  font-size: 18px !important;
  font-weight: 500;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  white-space: normal;
  margin-right: 0px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ED1C24;
  color: #ffffff;
  padding: 10px 25px 8px;
}
.gform_wrapper .gform_footer input.button:hover {
  background-color: #ffffff;
  color: #ED1C24;
}

/* Chrome Width Issue */
.gform_wrapper.gf_browser_chrome .gform_body {
  width: 100% !important;
}

@media (max-width: 640px) {
  .gform_wrapper select {
    min-height: 2.5rem !important;
    padding: 5px 4px !important;
  }
}
/*----- Buttons  -------*/
.btn {
  font-size: 24px;
  font-weight: 700;
  font-family: "Big Shoulders Display", cursive;
  background-color: transparent;
  border-radius: 8px;
  white-space: normal;
  padding: 18px 24px;
  line-height: 22px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn.primary-btn {
  color: #ffffff;
  background-color: #ED1C24;
  border: solid #ED1C24 2px;
}
.btn.primary-btn:hover {
  background-color: #ffffff;
  color: #ED1C24;
  border: solid #ED1C24 2px;
}
.btn.secondary-btn {
  color: #ED1C24;
  background-color: transparent;
  border: solid 2px #ED1C24;
}
.btn.secondary-btn:hover {
  background-color: #ED1C24;
  color: #ffffff;
  border: solid 2px #ED1C24;
}
.btn.white-btn {
  background-color: transparent;
  color: #ffffff;
  border: solid 2px #ffffff;
}
.btn.white-btn:hover {
  color: #ED1C24;
  background-color: #ffffff;
  border: solid 2px #ffffff;
}

@media (min-width: 1200px) {
  .home-row5 p, .home-row5 .screen-reader-text, .home-row5 input[type=search] {
    max-width: 330px;
  }
}
@media (max-width: 991px) {
  .fb-page.fb_iframe_widget {
    margin: 0 auto;
    float: none;
    text-align: center;
    display: block;
  }
}
@media (max-width: 767px) {
  .searchform-header-box-wrapper form#searchform {
    float: none;
    margin-top: 0px;
    margin-bottom: 30px;
    outline: none;
    margin-right: auto;
    margin-left: auto;
  }

  .home-row5 .container-fluid .home-row5-wrap {
    min-height: 288px;
    padding-top: 80px;
    padding-left: 20px;
    margin-bottom: 56px;
    padding-right: 20px;
    padding-bottom: 50px;
  }

  img.custom-logo {
    max-width: 200px;
  }
}
@media (max-width: 640px) {
  .gform_wrapper select {
    min-height: 2.5rem !important;
    padding: 5px 4px !important;
  }

  h1 {
    font-size: 56px;
    line-height: 58px;
  }

  h2 {
    font-size: 42px;
  }

  h3 {
    font-size: 42px;
  }

  .home-row2 .home-row2-left p, .home-row2 .home-row2-left .screen-reader-text, .home-row2 .home-row2-left input[type=search] {
    font-size: 60px;
    line-height: 56px;
  }

  .service-feature h3 {
    font-size: 42px;
    color: #ED1C24;
    padding-bottom: 20px;
  }
}
@media (max-width: 325px) {
  img.custom-logo {
    max-width: 180px;
  }

  h1 {
    font-size: 52px;
    line-height: 58px;
  }

  .form-wrap-contact {
    background: #ED1C24;
    padding: 60px 20px;
    border-radius: 8px;
  }
}

/*# sourceMappingURL=style.css.map */