/*
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: #A8C4EB;
}

.secondary {
  color: #D5C296;
}

.dkgray {
  color: #58595B;
}

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

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

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

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

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

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

body {
  font-size: 17px;
  font-weight: 400;
  font-family: "TimesNewRoman", serif;
  color: #000000;
  background-color: transparent;
}

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

h1 {
  font-size: 25px;
  font-weight: 400;
  font-family: "TimesNewRoman", serif;
}
h1.hero {
  font-size: 48px;
  font-weight: 400;
}

h2 {
  font-size: 22px;
  font-weight: 700;
  font-family: "TimesNewRoman", serif;
}
h3 {
  font-size: 20px;
  font-weight: 700;
  font-family: "TimesNewRoman", serif;
}

h4 {
  font-size: 18px;
  font-weight: 700;
  font-family: "TimesNewRoman", serif;
}

h5 {
  font-weight: 700;
}

nav ul li {
  font-size: inherit;
}

/*---
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: 22.5px;
  min-height: inherit;
  width: 22.5px;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .wp-caption.aligncenter {
    position: relative;
    left: calc((66.6666666667vw - 28px) / 2);
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  .wp-caption.aligncenter {
    left: calc((50vw - 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: 1.5rem;
}

.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: #A8C4EB;
  border: solid 3px #A8C4EB;
}
.search-submit:hover {
  background-color: transparent;
  color: #D5C296;
  border-color: #D5C296;
}

/*---
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: #A8C4EB;
}

.secondary {
  color: #D5C296;
}

.dkgray {
  color: #58595B;
}

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

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

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

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

/*--- Collapse Header Navigation ---*/
img.custom-logo {
  width: 100%;
  max-width: 125px;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  margin: 0 auto;
}

.brand-flex {
  display: block;
  width: 100%;
}

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

@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 {
  background-color: #939598;
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
}

/*-------
Desktop
--------*/
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    border-bottom: solid 2px transparent;
    border-radius: 0px;
    margin-left: 15px;
    margin-right: 15px;
    text-transform: uppercase;
    padding: 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: #58595B;
  }
  .navbar-expand-lg .navbar-nav .active .nav-link {
    color: #58595B;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.navbar-nav .dropdown-menu {
  border-radius: 0;
  border: none;
  margin-top: 0;
}

.navbar-nav .show > .nav-link {
  color: #58595B;
}

/*-------
## Mobile
-------*/
@media (max-width: 991px) {
  .navbar {
    padding: 0px;
    background-color: #ffffff;
  }
  .navbar-nav .nav-link {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    background-color: #A8C4EB;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 20px;
  }
  .navbar-nav .active > .nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show > .nav-link {
    color: #ffffff;
    background-color: #000000;
  }
  .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: #ffffff;
    text-align: center;
  }
  .navbar-header {
    width: 100%;
  }
  .navbar-toggler {
    top: -90px;
    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;
    left: 0;
    transition: 0.001s;
    text-align: center;
    background-color: #A8C4EB;
    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: #A8C4EB;
    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 ---*/
/*------*/
/*---
Footer Blocks
---*/
.white {
  color: #ffffff;
}

.primary {
  color: #A8C4EB;
}

.secondary {
  color: #D5C296;
}

.dkgray {
  color: #58595B;
}

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

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

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

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

footer {
  padding-top: 0px;
  padding-bottom: 15px;
  background-color: transparent;
}

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

/*---
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(213, 194, 150, 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;
}

/*---
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 Bottom Blocks
---*/
/*---
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: #D5C296;
  color: #01247B;
  padding: 10px 25px 8px;
}
.gform_wrapper .gform_footer input.button:hover {
  background-color: #ffffff;
  color: #D5C296;
}

/* 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;
  }
}
/*---
Custom Site Styles by Developer
---*/
/*--- Buttons ---*/
.btn {
  font-size: 21px;
  font-weight: 700;
  font-family: "TimesNewRoman", serif;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  padding: 10px 25px;
  -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 {
  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: #A8C4EB !important;
  color: #01247B !important;
  border: solid 1px #01247B;
  padding: 10px 25px 8px;
}
.btn.primary-btn:hover {
  background-color: #ffffff;
  color: #A8C4EB;
  background-color: #A8C4EB !important;
  color: #01247B !important;
  border: solid 1px #01247B;
}
.btn.secondary-btn {
  color: #ffffff;
  background-color: #D5C296;
}
.btn.secondary-btn:hover {
  background-color: #ffffff;
  color: #D5C296;
}
.btn.white-btn {
  background-color: #ffffff;
  color: #A8C4EB;
}
.btn.white-btn:hover {
  color: #ffffff;
  background-color: #A8C4EB;
}

/*------*/
.footernew {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #D5C296;
}

.tertiary-bg {
  background-color: #C5D7ED;
}

.nopad {
  padding-left: 0;
  padding-right: 0;
}

.gform_wrapper.gravity-theme .gsection {
  border-bottom: 1px solid #859ebd !important;
}

.gform_wrapper.gravity-theme .ginput_container_address .ginput_right {
  border: none !important;
}

.gform_wrapper.gravity-theme .ginput_complex select {
  border: none !important;
}

.gform_wrapper.gravity-theme .gfield select {
  border: none !important;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
  border: none !important;
}

.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.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: #A8C4EB !important;
  color: #01247B !important;
  border: solid 1px #01247B;
  padding: 10px 25px 8px;
}
.gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover {
  background-color: #ffffff !important;
  color: #01247B !important;
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
  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: #A8C4EB !important;
  color: #01247B !important;
  border: solid 1px #01247B;
  padding: 10px 25px 8px;
}
.gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover {
  background-color: #ffffff !important;
  color: #01247B !important;
}

.gform_wrapper.gravity-theme .gf_progressbar_blue {
  background: #ffffff !important;
}

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