/*

 Theme Name:   Lilley International Theme

 Theme URI:    https://generatepress.com

 Description:  Lilley International Child theme for all web development

 Author:       BJ Bowen

 Author URI:   https://williamstonstartupmarketing.com;

 Template:     generatepress

 Version:      0.1

*/


/*

Name of website: NEW TRUCKS - Lilley - NEW DESIGN - (Inventory development is on dev2)

Colors of website


#edebe8 - light beige


#A2112A - red

#7f7366 - brown


#343633 - black olive

#548687. Steel Teal

Green: #5aa806


FONTS OF WEBSITE:;
*/
/* anton-regular - latin */
@font-face {
	font-family: 'Anton';
	font-style: normal;
	font-weight: 400;
	src: url('/wp-content/themes/generatepress_child/assets/fonts/anton-v23-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('/wp-content/themes/generatepress_child/assets/fonts/anton-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/wp-content/themes/generatepress_child/assets/fonts/anton-v23-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/anton-v23-latin-regular.woff') format('woff'),
		/* Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/anton-v23-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('/wp-content/themes/generatepress_child/assets/fonts/anton-v23-latin-regular.svg#Anton') format('svg');
	/* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-regular.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-regular.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-regular.woff') format('woff'),
		/* Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700.woff') format('woff'),
		/* Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-italic.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-italic.woff') format('woff'),
		/* Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700italic.eot');
	/* IE9 Compat Modes */
	src: local(''),
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700italic.woff2') format('woff2'),
		/* Super Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700italic.woff') format('woff'),
		/* Modern Browsers */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('/wp-content/themes/generatepress_child/assets/fonts/open-sans-v28-latin-700italic.svg#OpenSans') format('svg');
	/* Legacy iOS */
}

/* Font Awesome 5 Free */

@font-face {
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("/wp-content/themes/generatepress_child/assets/fonts/fa-brands-400.eot");
	src: url("/wp-content/themes/generatepress_child/assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-brands-400.woff2") format("woff2"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-brands-400.woff") format("woff"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-brands-400.ttf") format("truetype"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	font-style: normal !important
}

@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url("/wp-content/themes/generatepress_child/assets/fonts/fa-regular-400.eot");
	src: url("/wp-content/themes/generatepress_child/assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-regular-400.woff2") format("woff2"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-regular-400.woff") format("woff"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-regular-400.ttf") format("truetype"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
}

@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url("/wp-content/themes/generatepress_child/assets/fonts/fa-solid-900.eot");
	src: url("/wp-content/themes/generatepress_child/assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-solid-900.woff2") format("woff2"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-solid-900.woff") format("woff"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-solid-900.ttf") format("truetype"), url("/wp-content/themes/generatepress_child/assets/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal !important;
	display: inline-block;
}

.fa-paper-plane:before {
	content: "\f1d8";
}

.fa-phone:before {
	content: "\f095";
}

.fa-map-marker-alt:before {
	content: "\f3c5";
}

.fa-map-marker:before {
	content: "\f041";
}

.fa-user:before {
	content: "\f007";
}

.fa-check:before {
	content: "\f00c";
}

.fa-envelope:before {
	content: "\f0e0";
}

.fa-file-pdf {
	content: "\f1c1";
}

.fa-facebook-f:before {
	content: "\f39e";
}

.fa-instagram:before {
	content: "\f16d";
}

.fa-twitter:before {
	content: "\f099";
}

.fa-linkedin:before {
	content: "\f08c";
}

.fa-youtube:before {
	content: "\f167";
}

.fa-star:before {
	content:"\f005";
}


.condensed-font {
	font-stretch: condensed;
}

/* Set Scroll for anchor links */
[id] {
	scroll-margin-top: 450px;
}


/* Helper Classes

/* Set Scroll for anchor links */
[id] {
  scroll-margin-top: 450px;
}

/* Responsive Design Helpers */
.hide-all {
  display:none;
}
.hide /* on mobile */ {
    display:unset!important;
}

.hide-desktop {
    display:none!important;
}
span.mobile-break {
  display: none;
}
span.tablet-break {
  display: none;
}


/* Headline helper */
.fit-content {
  width:fit-content;
}
:is(h1, h2, h3, h4, h5, h6), .balance {
  /* example */
  text-wrap: balance;
}

/* copy helpers */
p, div, blockquote, li {
  text-wrap:pretty;
}
/*
p:last-child:last-of-type {
  margin-bottom:0;
}

/* Force White Text */
.white-text {
  color:var(--base);
}



/* Line Limit Utilities (legacy WebKit syntax + modern fallback) */
.line-limit-3,
.line-limit-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-limit-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3; /* modern */
}

.line-limit-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2; /* modern */
}


/* Visually Hidden ( Great for Captions )*/

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position:absolute;
  white-space: nowrap;
  width: 1px;
}








body {
  background-color: var(--base);
}

/* Site Wrapper to set overall site max width */
.site-wrapper {
  width: 100%;
  max-width: 1920px;
  background-color: var(--base);
} 

body {
  background-color: var(--base);
}


/* HELPER CLASSES */

/* Check List */
.entry-content ul.check-list {
    list-style-type: none;
    margin:0 0 0 1.75em;
}
.entry-content ul.check-list li {
    position: relative;
    margin-bottom:.6em;
}
.entry-content ul.check-list li:before {
    content: "\f00c";
    position: absolute;
    left: -25px;
    font-weight: 900;
    color: var(--accent);
    font-family: 'Font Awesome 5 Free';
}

/* Equal column height (put on the short column) */

.col-height-100 {
  height:100%;
}



/* Hover Underline Headline */

.hover-underline-animation a::after {
    content: '';
    position: absolute;
    width: 36px;
    transform: scaleX(0);
    height: 2px;
    bottom: -10px;
    left: 0;
    background-color: var(--accent);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.hover-underline-animation a:hover {
    display: inline-block;
    position: relative;
    color: var(--contrast);
}
.hover-underline-animation a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}
/* Standard Shadow(s) */

.shadow-standard {
  box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
  transition: all .2s ease-in;
}

.shadow-standard:hover {
  box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

/* Max Width(s) */

.max-width-1024 {
  max-width: 1024px;
}


.max-width-768 {
  max-width: 768px;
}

.max-width-640 {
  max-width: 640px;
}

.max-width-480 {
  max-width: 480px;
}

.entry-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;

}

/* Margin Auto */

.margin-auto{
  margin-left: auto;
  margin-right: auto;
}

/* Position Properties */

.relative{
  position: relative;
}

.absolute{
  position:absolute;
  top: 0px;
  left: 0px;
}

.sticky{
  position: sticky;
  top: 24px;
}

/* Image Aspect Ratios */

.aspect-1-1 img{
    aspect-ratio: 1/1;
  object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
  object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
  object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
  object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
  object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16/9;
  object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
  object-fit: cover;
}
/* ==================== STS Buttons ==================== */


.sts-btn {
    outline: 2px solid white;
    outline-offset: -6px;
    color:white!important;
}
a.btn-header-contact {
    background-color: #95242E;
    color: #fff;
    display: block;
    width: max-content;
    padding: 15px 25px;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Open Sans';
    text-transform: capitalize;
    margin: 35px auto 0px;
    outline: 2px solid white;
    outline-offset: -6px;
    color:white!important;
}
.call-btn {
    background-color: var(--accent)!important;
}
.email-btn {
    background-color: var(--contrast-2)!important;
}



/* CEnter the LOGO ------------REMOVE FROM SITE IF LOGO IS NOT CENTERED */
@media(min-width: 769px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(4) {
        margin-left: auto;
    }
}


/* END CENTER LOGO CSS */

/* Secondary Navigation */
.secondary-navigation .menu-toggle {
      display: none;
}
/* Secondary padding */
.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container, .secondary-nav-above-header .secondary-navigation .inside-navigation.grid-container {
  padding: 0!important;
}

.secondary-navigation li a:first-child {
    padding-left: 0!important;
}
.secondary-navigation li a:last-child, .main-navigation li a:last-child {
    padding-right: 0!important;
}

/* SPLIT SECONDARY NAVIGATION LEFT <---> RIGHT */


.main-nav {
    width:100%!important;
}
.secondary-nav-aligned-right .secondary-navigation .inside-navigation {
    width: 100% !important;
    margin: auto;
}
#secondary-navigation {
    margin-left:unset!important;
    display:flex;
}

.secondary-navigation .inside-navigation {
    margin:unset;
}
#secondary-navigation, .secondary-navigation .inside-navigation {
    flex:1;
}

.secondary-navigation ul li:nth-child(3) {
    margin-left:auto;
}
/* END SPLIT SECONDARY MENU /*

/* Site Search */
.search-submit {
    color:#fffff;
}

form.search-form {
    display:flex;
    flex-direction: row;
}

.search-form label {
    flex:1;
}
input[type="search"] {
    width:100%;
    border: 1px solid var(--contrast-3);
}

/* end site search on homepage css */


/* Testimonials */
.testimonial-content {
text-align: center;
margin-top:2em;

}

.testimonial-author {
text-align: center;
margin-top:2em;
font-weight: 700;
}

.testimonial-city {
text-align: center;
font-style: italic;
}

.testimonial-company {
text-align: center;
text-transform: uppercase;
}

.testimonials-container span.gb-icon {
  border-radius:100px;
  padding:20px;
  border:1px solid var(--accent);
}

.testimonials-container {

}

.item-inner /* Testimonial Title */ {
  display:none;
}



/* ============================ TYPOGRAPHY ============================ */

:root {
  /* These HAVE TO match what is in the Customizer > Typography. Pull in font families using font manager. Set headline-font as "All Headings", set body-font as HTML */

  --headline-font: Oswald, sans-serif;
  --body-font: Open Sans, sans-serif;
  --c-body: clamp(1rem, calc(0.96rem + 0.21vw), 1.125rem);
  --c-headline-xl: clamp(3.05rem, calc(2.24rem + 4.08vw), 5.53rem);
  --c-headline-h1: clamp(2.44rem, calc(1.96rem + 2.41vw), 3.89rem);
  --c-headline-h2: clamp(1.95rem, calc(1.69rem + 1.33vw), 2.75rem);
  --c-headline-h3: clamp(1.56rem, calc(1.44rem + 0.64vw), 1.94rem);
  --c-headline-h4: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
  --c-headline-h5: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
  --c-headline-h6: clamp(1.25rem, calc(1.21rem + 0.21vw), 1.38rem);
  --c-headline-pre: clamp(0.97rem, calc(1.01rem + 0.05vw), 1rem);
  --c-headline-body-xl: clamp(1.27rem, calc(1.15rem + 0.59vw), 1.62rem);
  --c-headline-body-l: clamp(1.13rem, calc(1.05rem + 0.38vw), 1.35rem);
  --c-headline-body-s: clamp(0.89rem, calc(0.87rem + 0.08vw), 0.94rem);
  --c-headline-body-xs: clamp(0.78rem, calc(0.79rem + -0.01rem), 0.79rem);
  --text-s: clamp(0.89rem, calc(0.87rem + 0.08vw), 0.94rem);
  --text-xs: clamp(0.78rem, calc(0.79rem + -0.01vw), 0.79rem);

}
  /* Default Body / p font settings */

  p {
    font-size: var(--c-body);
    font-weight:400;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    font-family: var(--body-font);

  }

  /* Default Headings, weight, margin, font-family */

  h1, h2, h3, h4, h5, h6, .gb-headline-xxl, .gb-headline-xl, .gb-headline-h1, .gb-headline-h2, .gb-headline-h3, .gb-headline-h4, .gb-headline-h5, .gb-headline-h6 {
    font-weight: 600,;
    margin-bottom: .5em;
    font-family:var(--headline-font);
  }

 /* Headine font size and line height */

 .gb-headline-xl {
  font-size: var(--c-headline-xl);
  line-height: 1.05;
 }

 h1, .gb-headline-h1 {
  font-size: var(--c-headline-h1);
  line-height: 1.05;
 }

 h2, .gb-headline-h2 {
  font-size: var(--c-headline-h2);
  line-height: 1.1;
 }


 h3, .gb-headline-h3 {
  font-size: var(--c-headline-h3);
  line-height: 1.15;
 }

  h4, .gb-headline-h4 {
  font-size: var(--c-headline-h4);
  line-height: 1.2;
 }

  h5, .gb-headline-h5 {
  font-size: var(--c-headline-h5);
  line-height: 1.25;
 }

  h6, .gb-headline-h6 {
  font-size: var(--c-headline-h6);
  line-height: 1.3;
 }

.gb-headline-pre {
  font-size: var(--c-headline-pre);
  text-transform: uppercase;
  letter-spacing: .1em;
}

.gb-headline-body-xl {
  font-famiy:var(--body-font);
  font-size: var(--c-headline-body-xl);

}


.gb-headline-body-l {
  font-famiy:var(--body-font);
  font-size: var(--c-headline-body-l);

}

.gb-headline-body-s {
  font-famiy:var(--body-font);
  font-size: var(--c-headline-body-s);

}

.gb-headline-body-xs {
  font-famiy:var(--body-font);
  font-size: var(--c-headline-body-xs);

}



@media only screen and (max-width: 1024px) {

  /* Add Logo to Mobile Menu */
  #generate-slideout-menu .site-logo {
    max-width: 180px;
  }
  #generate-slideout-menu .site-logo img {
    width: 180px;
    height:180px;
  }

  .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
    border-left: 0;
  }
}