/*
Theme Name: LLT Official Child Theme
Theme URI: http://www.llt-group.com
Author: Ian Perincek
Author URI: http://www.llt-group.com
Description: Crazy Cool Custom Theme for LLT made by LLT. Word.
Version: 1.0
Template: llt-theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: llt-theme-child
*/

/* Nitro fix */
footer .footer-logo {
  margin-top: 50px !important;
}
footer .footer-logo img {
  width: 100%;
  max-width: 130px;
}
.postid-6653 #post-hero {
  background-size: contain;
}
#home-hero .featured-project,
#home-hero .featured-project .hover {
  top: -116px;
}
#home-hero .text li a {
  font-family: "BrandonGrotesqueWeb-Bold";
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  color: #48484a;
  display: inline-block;
}
.page-template-chicago-web-design #page-introduction a {
  color: #96979b;
}
.page-template-chicago-web-design .aw-page {
  background: #101820;
}
.page-template-chicago-web-design .bg-stretch {
  z-index: 0 !important;
}
.brand_values_list {
  padding: 5px 0;
}
.how {
  color: #464649;
}
.promo-boxes .back p {
  font-size: 1.2em;
}
.about h2 {
  color: #48484a;
}
.about p {
  color: #96979b;
}
.promo-boxes .back a {
  color: #fff;
}
@media screen and (max-width: 960px) {
.services-hero .service-hero h2 {
    font-size: 2.5em;
	line-height:100%;
    position: relative;
    max-width: 100%;
    text-align: center;
}
	.services-hero .service-hero:after {
		background-color:initial;
	}
}
@media screen and (max-width: 850px) {
  #project-examples li {
    background: transparent;
    text-align: left;
  }
}
@media screen and (max-width: 600px) {
  .process #project-examples article .text li {
    width: 100%;
    display: flex;
  }
  .process #project-examples article .text li i {
    display: block;
  }
  .process #project-examples article .text ul {
    margin-top: 50px;
  }
  .promo-boxes .back .logo-wrap {
    margin-bottom: 0;
  }
  .promo-boxes .box {
    height: 430px;
  }
  #project-examples .text div {
    padding: 1px 20px 30px;
  }
  #project-examples h5 {
    padding-top: 10px;
  }
  #gform_wrapper_11 h3:last-child.gform_title {
    margin-bottom: 30px !important;
  }
  .projects-s .project-sliders .slick-slider .slick-track .slick-slide video {
    height: 515px !important;
  }
  section.case-studies.brand-case-studies .section-introduction p {
    line-height: 1.6em;
  }
}
.alert-banner {
  background-color: #86ca33;
  color: white;
  text-align: center;
  height: 50px;
}
.alert-banner p {
  color: white;
  font-size: 1.1em;
  margin: 10px 0 0;
}
@media screen and (max-width: 1600px) {
  .alert-banner {
    height: 70px;
  }
}
@media screen and (max-width: 768px) {
  .alert-banner p {
    font-size: 1em;
  }
  .alert-banner {
    height: 70px;
  }
}
@media screen and (max-width: 500px) {
  .alert-banner p {
    font-size: 1em;
  }
  .alert-banner {
    height: 115px;
  }
	.services-hero .service-hero {
		height:auto;
		margin-top:50px
	}
	.services-hero .service-hero img
	{
    font-size: 2.5em;
    position: relative;
    max-width: 100%;
    text-align: center;
		transform:none;
		top:auto;
		left:auto;
}
}
.section-introduction {
  text-align: left !important;
}

.section-introduction p,
.section-introduction h3,
.section-introduction h4 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.section-introduction p {
  max-width: none !important;
}

.section-introduction h4 {
  font-weight: bolder !important;
}

.section-introduction ul {
  list-style: none !important;
  margin-left: 40px !important;
  margin-right: 40px !important;
  margin-bottom: 1em !important;
  padding-left: 1.5em !important;
  font-family: BrandonGrotesqueWeb-Light, sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 36px !important;
  color: rgb(102, 102, 102) !important;
}

.section-introduction ul li {
  position: relative !important;
  margin-bottom: 0.4em !important;
}

.section-introduction ul li::before {
  content: "\2022" !important;
  position: absolute !important;
  left: -1.2em !important;
  color: rgb(68, 68, 68) !important;
  font-size: 16px !important;
  line-height: 36px !important;
}

.section-introduction hr {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

/* GF 2.5+ wraps label text in .gform-field-label__text; the theme's
   `.gfield label span{display:none}` was hiding it. Un-hide the label text;
   the required asterisk stays visible. */
.gfield label .gform-field-label__text { display: inline !important; }