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

.secondary {
  color: #404041;
}

.dkgray {
  color: #404041;
}

.gray {
  color: #67696B;
}

.primary-bg {
  background-color: #8bc53f;
}

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

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

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

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

body {
  font-size: 10px;
  font-weight: 400;
  font-family: "Titillium Web", sans-serif;
  color: #67696B;
}

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

ul.services-list {
  list-style-type: square;
}
ul.services-list li {
  font-weight: 600;
  font-style: italic;
  font-size: 22px;
}

h1 {
  font-size: 36px;
  font-weight: 700;
  font-family: "Titillium Web", sans-serif;
}
h1.hero {
  font-size: 57px;
  font-weight: 600;
}

h2 {
  font-size: 30px;
  font-weight: 300;
  font-family: "Titillium Web", sans-serif;
}
h2.hero-sub {
  font-size: 34px;
  font-style: italic;
}
h2.sub {
  font-size: 24px;
  font-style: italic;
}

h3 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Titillium Web", sans-serif;
}

h4 {
  font-size: 22px;
  font-weight: 600;
  font-style: italic;
  font-family: "Titillium Web", sans-serif;
}

nav ul li {
  font-size: inherit;
}

@media (max-width: 767px) {
  h1 {
    font-size: 36px;
  }
  h1.hero {
    font-size: 33px;
  }

  h2 {
    font-size: 28px;
  }
  h2.hero-sub {
    font-size: 19px;
  }
  h2.sub {
    font-size: 22px;
  }

  h3 {
    font-size: 24px;
  }

  p, .screen-reader-text, input[type=search] {
    font-size: 16px;
  }
}
/*---
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: #8bc53f;
  border: solid 3px #8bc53f;
}
.search-submit:hover {
  background-color: transparent;
  color: #404041;
  border-color: #404041;
}

.shadow {
  -webkit-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.2);
}

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

.primary {
  color: #8bc53f;
}

.secondary {
  color: #404041;
}

.dkgray {
  color: #404041;
}

.gray {
  color: #67696B;
}

.primary-bg {
  background-color: #8bc53f;
}

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

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

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

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

  img.custom-logo {
    display: block;
    margin: 0 auto;
    padding-top: 60px;
  }

  .brand-flex {
    display: flex;
    flex-grow: 1;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  img.custom-logo {
    max-width: 260px;
  }
}
/*-------
Transition Mixin
-------*/
/*--------*/
.navbar {
  z-index: 10;
  padding: 0;
}

/*-------
Desktop
--------*/
@media (min-width: 992px) {
  .navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 400;
    color: #404041;
    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;
  }
  .navbar-nav .nav-link:hover {
    color: #8bc53f;
  }

  .navbar-nav .active .nav-link {
    color: #8bc53f;
  }

  .dropdown-item {
    padding: 0.25rem 0.45rem;
    background-color: transparent;
    color: #404041;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-nav .nav-link {
    font-size: 14px;
    padding: 5px !important;
  }

  #magic-line {
    bottom: 0px;
  }
}
.navbar-nav .dropdown-menu {
  border-radius: 0;
  border: none;
  margin-top: 0;
}

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

/*-------
## Mobile
-------*/
@media (max-width: 991px) {
  .navbar-nav .nav-link {
    font-size: 35px;
    font-weight: 300;
    color: #404041;
    border-bottom: solid 1.5px #B6B8BA;
    border-radius: 0px;
    text-transform: uppercase;
    text-align: left;
    padding-left: 30px;
  }

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

  .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;
  }

  .navbar-brand {
    display: block;
    text-align: center;
  }

  .navbar-header {
    width: 100%;
  }

  .nav-phone {
    color: #8bc53f;
    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 {
    margin-top: 15px;
    border: none;
    position: absolute;
    right: 15px;
    z-index: 64;
  }
  .navbar-toggler:focus, .navbar-toggler:hover {
    outline: none;
  }

  #titan-nav {
    position: absolute;
    z-index: 10;
    top: 0px;
    padding-top: 0px;
    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: 3px;
    width: 100%;
    background: #404041;
    border-radius: 9px;
    opacity: 1;
    right: 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;
    width: 25px;
  }

  #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;
    width: 20px;
  }

  #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;
    width: 15px;
  }

  #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;
    width: 25px;
  }
}
/*--- Social Menu ---*/
.social-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 20px;
}
.social-nav a {
  -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: #8bc53f;
}
.social-nav a:hover {
  color: #404041;
}

.social-menu li {
  display: inline-block;
}
.social-menu li a {
  color: #404041;
  padding: 5px 10px;
  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: #8bc53f;
}

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

.social-btns {
  background-color: #8bc53f;
  color: #ffffff !important;
  font-size: 20px;
  font-weight: 700;
  padding: 5px 15px;
  margin: 0 10px;
  -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-btns:hover {
  background-color: #404041;
  color: #ffffff !important;
  text-decoration: none;
}

@media (min-width: 992px) {
  .social-menu-mob {
    display: none;
  }
}
@media (max-width: 991px) {
  .social-nav {
    justify-content: start;
    padding-bottom: 15px;
    padding-left: 30px;
  }

  .social-menu {
    display: none;
  }

  .social-menu-mob li {
    display: inline-block;
  }
  .social-menu-mob li a {
    color: #404041;
    padding: 5px 5px;
    line-height: 0.1;
  }

  .social-btns {
    border-radius: 0px;
    font-size: 15px;
  }

  .social-nav.phone-mob {
    justify-content: center;
    padding-left: 0px;
    padding-bottom: 30px;
  }
}
/*------*/
/*---
Footer Blocks
---*/
.white {
  color: #ffffff;
}

.primary {
  color: #8bc53f;
}

.secondary {
  color: #404041;
}

.dkgray {
  color: #404041;
}

.gray {
  color: #67696B;
}

.primary-bg {
  background-color: #8bc53f;
}

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

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

footer {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #404041;
}

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

/*---
Home Hero Content Block
---*/
.home-top {
  background-image: url("/wp-content/uploads/home-top.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 50px;
  min-height: 585px;
}

@media (max-width: 767px) {
  .home-top {
    min-height: inherit;
    padding-top: 100px;
    padding-bottom: 140px;
  }
}
/*---
Home Content Blocks
---*/
.home-mid {
  margin-top: -50px;
}

.home-mid-top-img {
  margin-top: -100px;
}

@media (max-width: 991px) {
  .home-mid {
    margin-top: 50px;
  }

  .home-mid-top-img {
    margin-top: 48px;
  }
}
/*---
Home Bottom Blocks
---*/
.home-bot {
  background-image: url("/wp-content/uploads/home-bot.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 405px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: -20px;
}

@media (max-width: 1199px) {
  .home-bot {
    margin-top: 50px;
  }
}
/*---
Internal Hero Content Block
---*/
.internal-head {
  background-image: url("/wp-content/uploads/internal-head.png");
  background-position: 70% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 155px;
  padding-top: 20px;
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .internal-head {
    background-position: 75% 50%;
  }
}
/*---
Internal Content Blocks
---*/
.mission-box {
  display: inline-block;
  background-color: #8bc53f;
  border-radius: 10px;
  width: 100%;
  max-width: 540px;
  padding: 20px;
}

.small-box {
  border: solid 3px #fff;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.line-sep {
  background-color: #B6B8BA;
  width: 100%;
  display: block;
  min-height: 1.5px;
}

.blog-box {
  border: solid 1.5px #B6B8BA;
  border-radius: 15px;
}

span.pages {
  display: none;
}

.wp-pagenavi a, .wp-pagenavi span {
  font-size: 18px;
  color: #8bc53f;
  background-color: transparent;
  border: solid 2px #8bc53f;
}

.wp-pagenavi span.current {
  background-color: #67696B;
  color: #ffffff;
  border: solid 2px #8bc53f;
}

/*---
Internal Bottom Blocks
---*/
.internal-bot {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 335px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.internal-bot.about {
  background-image: url("/wp-content/uploads/about-bot.jpg");
}
.internal-bot.services {
  background-image: url("/wp-content/uploads/services-bot.jpg");
}

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

.gform_wrapper ul.gform_fields li.gfield {
  padding-left: 15px !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: solid 1.5px #B6B8BA;
}

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

.gform_wrapper .top_label .gfield_label {
  font-size: 22px !important;
  font-style: italic !important;
  font-weight: 600 !important;
}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
  margin-top: 15px;
}

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

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

.gform_wrapper .gform_footer {
  padding-left: 15px !important;
  margin-top: 15px !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: #8bc53f;
  color: #ffffff;
  padding: 10px 25px 8px;
}
.gform_wrapper .gform_footer input.button:hover {
  background-color: #404041;
  color: #ffffff;
}

/* 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: "Titillium Web", sans-serif;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  padding: 2.5px 25px;
  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: #8bc53f;
}
.btn.primary-btn:hover {
  background-color: #404041;
  color: #ffffff;
}
.btn.secondary-btn {
  color: #ffffff;
  background-color: #404041;
}
.btn.secondary-btn:hover {
  background-color: #ffffff;
  color: #404041;
}
.btn.white-btn {
  background-color: #ffffff;
  color: #8bc53f;
}
.btn.white-btn:hover {
  color: #ffffff;
  background-color: #8bc53f;
}

.blog-btn {
  display: inline-block;
  font-size: 20px;
  text-decoration: underline;
  text-transform: uppercase;
  color: #67696B;
  -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;
}
.blog-btn:hover {
  color: #8bc53f;
  text-decoration: underline;
}

.back-btn {
  color: #8bc53f !important;
}
.back-btn:hover {
  cursor: pointer;
}

.banner-announcement-wrap {
  background: #313934;
  padding: 20px 15px 15px;
  color: white;
}
.banner-announcement-wrap a, .banner-announcement-wrap a:visited {
  text-decoration: underline;
}

/*------*/
/*---
Services section
---*/
.page-id-8 .services-box {
  margin-bottom: 20px;
}

.services-box {
  background-image: url("/wp-content/themes/titan/images/services.jpeg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top: 15px solid #8bc53f;
  border-bottom: 15px solid #8bc53f;
  padding: 50px 0;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 100px;
}
.services-box .title-box {
  background-color: #444444;
  position: absolute;
  top: -51px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 75%;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-box .title-box .service-title {
  font-size: 30px;
}
.services-box .service-list {
  margin-top: 40px;
}
.services-box .service-list ul {
  list-style: none !important;
  width: 35%;
}
.services-box .service-list ul li {
  background-color: rgba(83, 92, 105, 0.9);
  padding: 10px;
  margin: 10px 0;
  border-radius: 10px;
  color: #ffeb1f;
  font-weight: 700;
  display: flex;
}
.services-box .service-list ul .icon-list {
  color: #fff;
  font-size: 26px;
  margin-right: 5px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .services-box .service-list ul {
    width: 60%;
    padding-left: 0;
  }
  .services-box .service-list ul li {
    font-size: 17px;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .services-box .title-box .service-title {
    font-size: 17px;
  }
  .services-box .service-list ul {
    padding-left: 0;
  }
  .services-box .service-list ul li {
    font-size: 17px;
    align-items: center;
  }
}
@media screen and (min-width: 531px) and (max-width: 768px) {
  .service-list ul {
    width: 70% !important;
  }
}
@media screen and (min-width: 431px) and (max-width: 530px) {
  .service-list ul {
    width: 81% !important;
  }
}
@media screen and (max-width: 430px) {
  .service-list ul {
    width: 100% !important;
  }
}
.page-id-8 .services-box {
  margin-top: -104px;
  margin-bottom: 100px;
}

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