/*
Theme Name: Inghamdriven Default
Text Domain: inghamdriven
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Author: the Podcom team

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

    0.  CSS Reset
    1.  Document Setup
    2.  Element Base
    3.  Helper Classes
    4.  Site Header
    5.  Menu Modal
    6.  Search Modal
    7.  Page Templates
        a.  Template: Cover Template
        c.  Template: Full Width
    8.  Post: Archive
    9.  Post: Single
    10. Blocks
    11. Entry Content
    12. Comments
    13. Site Pagination
    14. Error 404
    15. Widgets
    16. Site Footer
    17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*  0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
    border: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
    border: none;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
}

blockquote::before,
blockquote::after {
    content: "";
}
mark {
    background: none;
}

@font-face {
    font-family: heading;
    src: url('../fonts/Inghamfont/Frutiger-Bold.ttf');
}

h1, h2, h3, h4, h5 {
    font-family: var(--ingham-font-family-heading);
    font-weight: 500;
}

h6 {
    margin-bottom: -1rem;
    font-size: 0.9rem;
    color: grey;
    font-weight: 500;
}


/* -------------------------------------------------------------------------- */

/*  1. Document Setup
/* -------------------------------------------------------------------------- */

:root, ::marker, ::before, ::after {

    --ingham-primary-color:                 #f4f4f4;
    --ingham-primary-text-color:            #231f20;
    --ingham-secondary-color:               #1e232f;
    --ingham-secondary-text-color:          #ffffff;

    --ingham-background-color:              #ffffff;
    --ingham-background-offwhite:           white;
    --ingham-button-color:                  #231f20;
    --ingham-btn-color:                     #343346;
    --ingham-btn-border-color:              #292837;
    --ingham-default-fill-color:            #231f20;
    --ingham-text-color:                    #000000;
    --ingham-footer-background-color:       #231f20;
    --ingham-block-color:                   #1e232f;
    --ingham-anchor-color:                  #676767;

    --ingham-font-family-body:              'Roboto', sans-serif;
    --ingham-font-weight:                   400;
    --ingham-font-size:                     17px;

    --ingham-font-family-heading:           'heading';

    --ingham-top-contact-menu-font-size:    0.8rem;
    --ingham-content-container:             1400px;

    --ingham-border-radius-top-left:        15px;
    --ingham-border-radius-top-right:       3px;
    --ingham-border-radius-bottom-left:     3px;
    --ingham-border-radius-bottom-right:    15px;

    --ingham-drop-shadow:                   1px 1px 15px rgba(0,0,0,0.2);

    --ingham-button-height:                 3rem;

}

html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}


body {
    background: var(--ingham-background-offwhite);
    box-sizing: border-box;
    color: var(--ingham-text-color);
    font-family: var(--ingham-font-family-body);
    font-size: var(--ingham-font-size);
    font-weight: var(--ingham-font-weight);
    letter-spacing: -0.015em;
    text-align: left;
    display: flex;
    /*min-height: 100vh;*/
    flex-direction: column;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.content-container, .cc {
    max-width: var(--ingham-content-container);
    display:block;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.menu-container {
    white-space: nowrap;
}

.hover:hover {
    cursor: pointer;
}

.inghamdriven-fa-icons {
    /* --fa-secondary-opacity: 1.0; */
    --fa-primary-color: var(--ingham-primary-color);
    --fa-secondary-color: var(--ingham-primary-color);
    color: var(--ingham-primary-color);
  }

.inghamdriven-fa-icons-reverse {
  /* --fa-secondary-opacity: 1.0; */
  --fa-primary-color: var(--ingham-primary-text-color);
  --fa-secondary-color: var(--ingham-primary-text-color);
}


/* -------------------------------------------------------------------------- */

/*  2. Element Base
/* ---------------------------------------------*---------------------------- */


.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

a * {
    text-decoration: none;
}
i[class^="fa"]:before {
    display: inline-block;
}

a:hover,
a:focus {
    text-decoration: inherit;
}

p {
    max-width: var(--ingham-content-container);
    margin: 0px auto;
    line-height: 1.7rem;
}
b, strong {
    font-weight: 600;
}

.from:after {
    content: "from";
    display: inline-block;
    position: absolute;
    top: -1rem;
    left: 0px;
    height: 1rem;
    width: 4rem;
    opacity: 0.6;
    font-size: 0.7rem;
    text-align: left;
}

.from-container {
    position: relative;
    display: inline-block;
    margin-top: 0.4rem;
}

.relative {
    position: relative;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.img-hide,
.img-before-layout + .wpforms-field-layout {
    display: none !important;
}


/* Lists ------------------------------------- */




li {
    line-height: 1.5;
    margin: 0.5rem 0 0 0.5rem;
}

li::marker {
    /* color: var(--ingham-text-color); */
}

ul.list {
    padding-left:   1rem;
}
    ul.list li {
        margin: 0 0 0.5rem 0.5rem;
    }
ul.block,
ul.block  li,
ul.inline,
ul.inline li,
ul.flex,
ul.flex   li,
ul.grid,
ul.grid   li {
    list-style:     none;
    line-height:    normal;
    padding:        0;
    margin:         0;
}
    ul.block  i,
    ul.inline i,
    ul.flex   i,
    ul.grid   i {
        margin-right: 0.5rem;
    }

ul.flex {
    display:    flex;
    gap:        0.5rem 1rem;
    flex-wrap:  wrap;
}
ul.grid {
    display:    grid;
}


h2 {
    font-size: 2rem;
    line-height: 2rem;
    padding: 1rem 0px;
}

h1 {
    font-size: 2.5rem;
    padding: 1rem 0px;
}

h3 {
    font-size: 1.5rem;
    padding: 0.75rem 0px;
}


th,
td {
    border: 0.1rem solid #dcd7ca;
    line-height: 1.4;
    margin: 0;
    overflow: visible;
    padding: 0.5em;
}

.full-cover-grey-box {
    background: var(--ingham-background-offwhite);
}


.group-menu {
    float:right;
}
/* Image Classes ----------------------------- */

.bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.wp-block-image.is-resized {
    margin-left: auto;
    margin-right: auto;
}

.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    margin: 0rem !important;
}

.blocks-gallery-item figcaption {
    display: none;
}




/* Header */

.header-inner {
    background-color: white;
    height: 65px;
}

.header-titles-wrapper {
    display:inline-block;
    width: 300px;
}

.site-logo {
    max-height: 65px;
}
.site-logo img {
    height: 65px;
    width: auto;
}

.nav {
    display:    inline-block;
    width:      calc(100% - 304px);
}

/* MENUS */

.group-menu > .menu > .menu-item > a {
    line-height: 65px;
    display: block;
}

.nav .site-phone {
    display: none;
}

.mobile-menu-trigger {
    display: none;
}

.menu-link {
    display:block;
}

.group-menu > .menu > li {
    display:inline-block;
    text-decoration: none;
    margin: 0px 0.8%;
    line-height: 65px;
    position: relative;
}

.menu > li > * {
    position: relative;
}

.menu-link[aria-haspopup="true"] {
    /*padding-right: 35px;*/
}

.menu-link[aria-haspopup="true"]:after {
    content:            "";
    background-image:   url('../images/icons8-expand-arrow-24.png');
    background-size:    14px;
    width:              14px;
    height:             14px;
    font-size:          var(--ingham-font-size);
    position:           absolute;
    right:              50%;
    top:                64%;
    transform:          translateX(50%);
}
.menu-link.open[aria-haspopup="true"]:after {
    top:                69%;
    background-image: url('../images/icons8-collapse-arrow-24.png');
}
.menu-link.open[aria-haspopup="true"]:hover:after {
    top:                69%;
}


.menu-link[aria-haspopup="true"] > li:hover > a {
    color: #ffffff;
}


.menu-link:hover,
.menu-item > a:hover,
.menu-link.open {
    text-decoration: underline;
    cursor: pointer;
}

#mega-menus-container {
    position: relative;
    z-index: 900;
}

.remove-active-icon, .hide-icon {
    display:none;
}

.mega-menu-container {
    display:none;
    position: absolute;
    left: 0px;
    top: -1px;
    width: 100%;
    border-bottom-left-radius: var(--ingham-border-radius-bottom-left);
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    background-color: var(--ingham-background-offwhite);
    border-bottom: 2px solid silver;
}

.mega-menu-container.active {
    display:block;
}

.mega-menu-left-container {
    height: 100%;
    display:inline-block;
    vertical-align: top;
    border-right: 1px solid silver;
}

.mega-menu-right-container {
    height: 100%;
    display:inline-block;
    vertical-align: top;
    padding: 0 1rem 1rem;
    border-left: 1px solid silver;
    margin-left: -1px;
}
    .mega-menu-right-container.col-12 {
        border-left: 0;
        margin-left: 0;
        padding: 0 0 1rem;
    }

.mega-menu-left-item {
    width: 100%;
    height: 4rem;
    display: block;
    line-height: 4rem;
    padding: 0px 1rem;
    position: relative;
}

.mega-menu-right-inner-container {

}
    .mega-menu-right-inner-container > .brands {
        display:    flex;
        gap:        1rem;
    }

.mega-menu-right-item {
    display:none;
}
.mega-menu-right-item.active {
    display:    block;
}
#dealerships-mega-menu-container .mega-menu-right-item.active {
    /* display:    grid; */
    /* gap:        1rem;
    grid-template-columns: 1fr 1fr 1fr; */
    /* padding:    1rem; */
}
@media only screen and (min-width: 1401px) {
    #dealerships-mega-menu-container .mega-menu-right-item.active {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.wp-block-media-text__media img, .wp-block-media-text__media video {
    height: initial;
}

.wp-block-video {
    text-align: center;
}

/* .wp-block-embed iframe {
    width: 100%;
    display: block;
    max-width: 1400px;
    margin: 0 auto;
} */

/* .wp-block-embed {
    margin: 0rem;
} */

.small-menu {
    font-size:  0.9rem;
    color:      silver;
    padding:    1.4rem 1rem;
}
.small-menu-label {
    color:      var(--ingham-text-color);
}
a + .small-menu-label {
    padding-left: 1rem;
}

.small {
    opacity: 0.8;
    font-size: 0.9rem;
}

.grecaptcha-badge {
    opacity: 0;
}

.mega-menu-left-item:hover,
.mega-menu-left-item.active {
    background-color:   var(--ingham-primary-color);
    color:              var(--ingham-primary-text-color);
    cursor:             pointer;
}

.mega-menu-left-item:hover:after, .mega-menu-left-item.active:after {
    content:            '';
    display:            block;
    border-width:       0 3px 3px 0;
    position:           absolute;
    transform:          rotate(-45deg);
    -webkit-transform:  rotate(-45deg);
    background-color:   var(--ingham-primary-color);
    width:              20px;
    height:             20px;
    right:             -10px;
    top:                calc(50% - 10px);
}

.mega-menu-left-icon {
    vertical-align:     middle;
    max-height:         3rem;
    padding:            0.5rem;
    max-width:          100%;
    border-radius:      5px;
    background-color:   white;
}



.mega-menu-model-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex: 1 1 25%;
    max-width: 25%;
    min-width: 200px;
    /* padding-right: 1rem; */
    padding-bottom: 1rem;
}

.mega-menu-model-container:hover {
    /* background: rgb(2,0,36);
    background: linear-gradient(180deg, var(--ingham-primary-color) 0%, rgba(255,255,255,0) 100%); */
    cursor: pointer;
}

.mega-menu-model-container:hover .model-image-container {
    background-size: 90%;
    transition: 0.1s;
    transition-timing-function: ease-in-out;
}

.mega-menu-model-container a {
    width: 100%;
}

.mega-menu-model-container .title {
    color: var(--ingham-text-color);
    text-align: center;
    flex: 1;
    display: block;
    font-weight: 600;
}

.mega-menu-model-container .cleancar {
    font-size:      13px;
    color:          #8EC291;
    text-align:     center;
    flex:           1;
    display:        block;
}
    .mega-menu-model-container .cleancar .icon {
        font-size:  12px;
        color:      #8EC291;
    }

.mega-menu-model-container .model-image-container {
    padding-top: 65%;
    width: 100%;
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}

.mega-menu-model-container .body-type-title {
    font-size: 1.5rem;
    color: grey;
    background-color: var(--ingham-background-offwhite);
    height: 1.5rem;
    padding: 0px 1rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
    vertical-align: top;
    /* position: absolute; */
}

.mega-menu-model-container > .body-type-title-container {
    min-width: 100%;
    text-align: left;
    border-bottom: 1px solid silver;
    line-height: 0.1em;
    margin: 2rem 0px;
    display: block;
}

.body-type-title-container {
    min-width: 25%;
}

.body-type-title-container:after {
    display: block;
    content: '';
    clear: both;
}

.mega-menu-models-body-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: inline-block;
    vertical-align: top;
    align-items: top;
}

.mega-menu-models-container .models {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.sub-menu {
    position:                   absolute !important;
    top:                        100%;
    min-width:                  180px;
    padding:                    0.5rem 0;
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    background-color:           white;
    border:                     1px solid silver;
    border-top:                 none;
    display:                    none;
    z-index:                    100;
    left:                       calc(-1rem - 1px);
}

.menu-item:hover .sub-menu {
    display:            block
}

li.menu-item-has-children:after {
    content:            "";
    background-image:   url('../images/icons8-expand-arrow-24.png');
    background-size:    14px;
    width:              14px;
    height:             14px;
    font-size:          var(--ingham-font-size);
    position:           absolute;
    right:              50%;
    top:                64%;
    transform:          translateX(50%);
}

.sub-menu li {
    list-style:         none;
    margin:             0px;
}
.sub-menu .menu-item a {
    height:             initial;
    line-height:        2rem;
    padding:            0 1rem;
    display:            block;
    text-align:         left;
}

.menu-item:last-child .sub-menu {
    left:               inherit;
    right:              -12px;
    min-width:          initial;
}
.menu-item:last-child .sub-menu a {
    text-align:         right;
    padding-right:      11px;
}

.menuScroll .heading,
.mega-menu-right-inner-container .heading {
    min-width: 100%;
    text-align: left;
    border-bottom: 1px solid silver;
    line-height: 0.1em;
    margin: 2rem 0px;
    display: block;
}
.menuScroll .heading {
    margin: 1rem 0 0.5rem;
}
    .menuScroll .heading span,
    .mega-menu-right-inner-container .heading span {
        font-size: 1rem;
        color: grey;
        background-color: var(--ingham-background-offwhite);
        height: 1.5rem;
        padding: 0px 1rem;
        margin-left: 1rem;
        margin-bottom: 1rem;
        vertical-align: top;
    }
    .menuScroll .heading:after,
    .mega-menu-right-inner-container .heading:after {
        display: block;
        content: '';
        clear: both;
    }

.mega-menu-right-inner-container .sites {
    display:            grid;
    grid-template-columns: 1fr 1fr;
    gap:                1rem;

    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
}

.mega-menu-dealership {
    display: inline-block;
    min-height: 150px;
    width: calc(50% - 0.5rem);
    max-width: 200px;
    background-color: white;
    text-align: center;
    padding: 1rem;
    border-top-left-radius:     var(--ingham-border-radius-top-left);
    border-bottom-left-radius:  var(--ingham-border-radius-bottom-left);
    border-top-right-radius:    var(--ingham-border-radius-top-right);
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
    border: 1px solid silver;
    vertical-align: top;
    /* box-shadow: var(--ingham-drop-shadow); */


}
.mega-menu-dealership-logo {
    display: flex;
    align-items: center;
    min-height: 75px;
    margin-bottom: 1rem;
}
.mega-menu-dealership img {
    max-height: 75px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.mega-menu-dealership > span {
    color: var(--ingham-primary-color);
}

/* top contact menu --------------------------- */

#site-header {
    border-bottom: 1px solid silver;
    background: #fff;
}

.top-contact-menu {
    text-align: right;
    font-size: var(--ingham-top-contact-menu-font-size);
    padding: 0.5rem 0.5rem 0;
}

.top-contact-menu li {
    margin-top: 0px;
}

.top-contact-menu ul li {
    list-style: none;
    display: inline-block;
    line-height: initial;
    border-left: 1px solid black;
    padding-left: 0.75rem;
    margin: 0 0 0 0.75rem;
}
.top-contact-menu ul li:first-child {
    border: none;
}

/* Footer ********************************/

.site-footer {
    padding: 1rem;
    background-color: var(--ingham-secondary-color);
    color: var(--ingham-secondary-text-color);
}

.site-footer img {
    max-width: 80%;
}

.site-footer a {
    color: var(--ingham-secondary-text-color) !important;
    opacity: 0.8;
}

.site-footer .copyright-block {
    display: flex;
    justify-content: space-between;
}

.site-footer form input[type=submit] {
    background: black;
    margin-top: 1rem;
}

.footer-credits {
    display: flex;
}

.powered-by-wordpress {
    display: block;
}

.to-the-top-long {
    display: inline;
}

.to-the-top {
    padding: 1rem;
    position: fixed;
    left: 1rem;
    bottom: 2rem;
    border-radius: 100%;
    background-color: #f4f4f4;
    width: 3rem;
    height: 3rem;
    text-align: center;
    z-index: 999;
    display: none;
}

.to-the-top-short {
    display: none;
}

.footer-widgets-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem;
}
.footer-widgets-wrapper .fa{
    font-size: 18px;
    margin-right: 1rem;
}


.footer-widgets-wrapper .grid-item {
    flex: 1;
    justify-content: space-between;
    min-width: 200px;
}

.widget-title {
    margin-bottom: 1rem;
}

.footer-widgets-wrapper .grid-item h3 {
    margin-left: 0.5rem;
}

.widget-content ul li {
/*      margin-left: -20px;
*/  }

.widget-content ul li {
    list-style: none;
}
.widget-content ul li a {
    color: var(--ingham-secondary-text-color);
}


.widget-content .col .col-left {
    margin-bottom: 20px;
}

.footer-items-icons {
    color: var(--ingham-anchor-color);
    font-size: 14px;
    margin-left: 4px;
    cursor: pointer;
}

/* WORDPRESS BLOCKS */

.wp-block-image {
    margin: 0 auto;
    max-width: var(--ingham-content-container);
}

.wp-block-image img {
    display: block;
    height: initial;
}

.wp-block-cover {
    padding: 0px;
}

.wp-block-image.alignfull,
.wp-block-image.size-full {
    max-width: initial;
}

.wp-block-image.alignfull > img {
    border-radius: 0px !important;
    display:block;
    height: initial;
}

.wp-block-image img, .wp-block-media-text__media > img, .wp-block-media-text__media img {
    border-top-left-radius: var(--ingham-border-radius-top-left);
    border-bottom-left-radius: var(--ingham-border-radius-bottom-left);
    border-top-right-radius: var(--ingham-border-radius-top-right);
    border-bottom-right-radius: var(--ingham-border-radius-bottom-right);
}

.wp-block-group__inner-container:after {
    content: '';
    display: block;
    clear: both;
}

.wp-block-columns {
    max-width: var(--ingham-content-container);
    margin: 0 auto;
}

.wp-block-buttons .wp-block-button {
    margin-top: 2rem;
}

.menu-item, .menu-item a {
    color: var(--ingham-text-color);
}

nav .menu-item, nav .menu-item a {
    color: var(--ingham-text-color);
}

/* Add vertical breathing room to the full row of columns. */
.wp-block-columns {
    margin-top: 1rem;
}

/* Add horiztonal breathing room between individual columns. */
.wp-block-column {
    margin-right: 2rem;
    flex-grow: 1 !important;
}

.white-box {
    background-color: white;
    border-radius: 5px;
    padding: 1rem;
    border: 1px solid silver;
    margin-bottom: 2rem;
    /* box-shadow: var(--ingham-drop-shadow); */
}

/* LAYOUT CLASSES */

.margin-top-0       { margin-top: 0 !important; }
.margin-right-0     { margin-right: 0 !important; }
.margin-bottom-0    { margin-bottom: 0 !important; }
.margin-left-0      { margin-left: 0 !important; }
.padding-top-0      { padding-top: 0 !important; }
.padding-left-0     { padding-left: 0 !important; }
.padding-bottom-0   { padding-bottom: 0 !important; }
.padding-right-0    { padding-right: 0 !important; }
.line-height-normal { line-height: normal !important; }

.mg-top-2 {
    margin-top: 2em;
}

.col {
    display:inline-block;
    min-height: 1px;
    vertical-align: top;
}

.wp-block-media-text__content {
    max-width: calc(var(--ingham-content-container) / 2);
    width: 100%;
    margin-right: auto;
    padding: 1rem;
    padding-left: 3rem;
}

.has-media-on-the-right .wp-block-media-text__content {
    margin-left: auto;
    margin-right: initial;
    padding-right: 3rem;
    padding-left: 1rem;
}

/* The Default width */
h1,
h2,
h3,
h4,
h5,
h6,
p,
.wp-block-buttons,
.btn,
.site-footer .section-inner,
.inghamdriven-dealerships-container,
.inghamdriven-new-models-container,
.inghamdriven-used-cars-container {
    max-width: var(--ingham-content-container);
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

.col-1 {  width: calc(100% * 1/12); }
.col-2 {  width: calc(100% * 2/12); }
.col-3 {  width: calc(100% * 3/12); }
.col-4 {  width: calc(100% * 4/12); }
.col-5 {  width: calc(100% * 5/12); }
.col-6 {  width: calc(100% * 6/12); }
.col-7 {  width: calc(100% * 7/12); }
.col-8 {  width: calc(100% * 8/12); }
.col-9 {  width: calc(100% * 9/12); }
.col-10 { width: calc(100% * 10/12); }
.col-11 { width: calc(100% * 11/12); }
.col-12 { width: calc(100% * 12/12); }

.pad-0_5 {
    padding: 0.5rem;
}
.pad-1 {
    padding: 1rem;
}
.pad-left-1 {
    padding-left: 1rem;
}
.mg-right-1 {
    margin-right: 1rem;
}

/* Styling for the hurrytime timers */
.hurrytimer-headline, .hurrytimer-block > * {
    font-size: 2rem;
}

/*body#wpAdmin > .widget-visible {
    display: none !important;
}*/

/* Lazy load images css */
.lazy-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    /* Make it a smooth image loading transition */
    transition: filter 0.5s ease-in-out;
    -webkit-transition: filter 0.5s ease-in-out;
    -moz-transition: filter 0.5s ease-in-out;
    -o-transition: filter 0.5s ease-in-out;
}

@media only screen and (max-width: 1400px) {
    .wp-block-column {
        padding: 1rem;
        margin-right: 0px;
    }
}

/* Anything a Max of 600 wide*/
@media only screen and (max-width: 600px) {
    .mapouter, .gmap_canvas {
        max-width: 100%;
    }

    .wpforms-form {
        padding: 1rem;
    }
}

/* D: Makes WP 2 column layouts wrap earlier to full width */
@media only screen and (min-width: 600px) and (max-width: 781px) {
    .wp-block-column:not(:only-child),
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
        flex-basis: auto !important;
    }
}

@media only screen and (max-width: 1400px) {
    :root {
        --ingham-font-size                 : 15px;
        --ingham-content-container         : 1100px;
    }

    /*.group-menu > .menu > li {
        margin: 0px 0.25rem;
    }*/

    .top-contact-menu {
        padding: 0.5rem 0 0;
    }

    .sub-menu {
        min-width:  initial;
        padding:    0.25rem 0;
    }
    .wp-block-spacer {
        height: 30px !important;
    }

    .header-titles-wrapper {
        width: 100%;
        display: block;
        text-align: center;
    }

    .header-inner {
        height: initial;
    }

    .nav {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .group-menu {
        float: initial;
    }
}

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

    .top-contact-menu {
        padding: 0.5rem 1rem 0;
    }

}

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

    :root {
        --ingham-border-radius-top-left    : 12px;
        --ingham-border-radius-top-right   : 3px;
        --ingham-border-radius-bottom-left : 3px;
        --ingham-border-radius-bottom-right: 12px;
        --ingham-font-size                 : 15px;
    }

    h2 {
        line-height: 3rem;
    }
    /* Site Logo */
    .header-titles-wrapper {
        padding-left: 1rem;
    }

    .mega-menu-model-container .body-type-title {
        font-size: 1rem;
    }

    /* Site navigation */

    .header-titles-wrapper {
        text-align: left !important;
    }

    .header-inner {
        height: 50px !important;
    }

    .nav {
        text-align: left !important;
    }


    .remove-active-icon, .hide-icon {
        display: block;
        position: fixed;
        top: 0px;
        right: 0px;
        font-size: 3rem;
        padding: 0.3rem 1rem 0.3rem 0;
        cursor: pointer;
        opacity: 0.4;
    }

    .site-logo img {
        max-width: 80%;
        height: 40px;
        max-height: 80px;
        margin-top: 5px;
    }

    .to-the-top {
        display: none !important;
    }

    /* Navigation */
    .group-menu {
        display:none;
        /*padding-top: 2rem;*/
    }

    .group-menu.active {
        display:            block;
        background-color:   white;
        width:              100%;
        position:           absolute;
        top:                50px;
        z-index:            999;
        border-bottom:      1px solid #c0c0c0;
        box-shadow:         0px 5px 5px 0px rgb(0 0 0 / 5%);
    }

    .nav .site-phone {
        display:            block;
        position:           absolute;
        top:                0px;
        right:              75px;
        font-size:          1.6rem;
        padding:            0 1rem;
        color:              #000;
        line-height:        54px;
    }

    .mobile-menu-trigger {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 2rem;
        padding: 0.5rem 1rem;
        color: black;
    }
        .mobile-menu-trigger i {
            transform: scale(1.9,1.0);
            margin-left: -40px;
        }

    .wp-block-column {
        padding: 0rem;
        margin-right: 0px;
        margin-top: 2rem;
    }

    .wp-block-button > *, .wp-block-button, .btn {
        width: 100%;
    }

    .wp-block-buttons .wp-block-button, .btn {
        margin-top: 1rem;
    }

    .btn {
        text-align: center;
        width: calc(100% - 2rem);
        display: block;
    }

    .menu-container {
        white-space: initial;
    }

    .white-box {
        padding: 0px;
    }

    .wp-block-spacer {
        height: 30px !important;
    }

    .wp-block-media-text__content {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .wp-block-image {
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .wp-block-image.size-full, .wp-block-image.size-large {
        padding: 0px;
    }

    .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
        width: 100%;
    }

    .footer-widgets-wrapper .grid-item {
        margin: 1rem;
    }

    .site-footer {
        padding: 0px;
    }

    .site-footer ul,
    .site-footer h1,
    .site-footer h2,
    .site-footer h3,
    .site-footer h4,
    .site-footer h5,
    .site-footer h6{
        padding: 0px;
    }

    .from-container {
        padding-left: 0px;
    }

    /* Padding for mobile */
    h1, h2, h3, h4, h5, h6,
    p,
    ul,
    ol,
    .wp-block-buttons,
    .btn {
        padding-left: 1rem;
        padding-right: 1rem;
        line-height: 1;
    }

    p {
        line-height: 1.3;
    }

    ul, ol  {
        padding-left: 2rem;
    }

    .wp-block-image > img, .wp-block-media-text__media > img {
        border-radius: 0px !important;
    }

    .top-contact-menu {
        padding-right: 1rem;
    }
        .top-contact-menu li.phone {
            display: none;
        }
        .top-contact-menu li:last-child {
            border: none;
        }
        .top-contact-menu .menu {
            padding: 0;
        }

    .menu-link[aria-haspopup="true"] {
        padding-right: 35px;
    }
    .menu-link.open {
        text-decoration: none;
    }

    .menu-link[aria-haspopup="true"]:after {
        right:      10px;
        top:        50%;
        transform:  translateY(-50%);
    }
    .menu-link.open[aria-haspopup="true"]:after {
        top:                50%;
        background-image:   url('../images/icons8-expand-arrow-24.png');
    }

    .group-menu > .menu > li,
    .group-menu > .menu > .menu-item > a {
        line-height: 50px;
        display: block;
    }
    .group-menu > .menu > .menu-item > a {
        margin-right: 50px;
    }

    .mega-menu-container, .mega-menu-right-item {
        position: fixed;
        z-index: 999;
        top: 0px;
        left: 100%;
        height: 100%;
        width: 100%;
        background-color: white;
        transition: all 0.2s ease-in-out;
    }

    .mega-menu-container {
        /* display: block !important; */
    }

    .mega-menu-right-container {
        width: 100%;
        margin-left: 0;
        border-left: 0;
    }

    .mega-menu-right-item {
        padding-top:    3rem;
        display:        none;
        overflow-y:     auto;
    }

    .mega-menu-container.active, .mega-menu-right-item.always-active,
    .mega-menu-container.active, .mega-menu-right-item.active {
        left: 0px;
        display:block !important;
    }

    .mega-menu-right-inner-container {
        height: 100%;
        overflow: scroll;
        display: block;
    }

    .mega-menu-right-inner-container {
        padding-top: 4rem;
    }

    #mega-menus-container {
        z-index: 999;
    }

    .mega-menu-left-container {
        width: 100% !important;
        height: 100%;
        display: block !important;
        padding-top: 4rem;
        overflow-y: auto;
    }

    #dealerships-mega-menu-container .mega-menu-right-item.active {
        padding: 4rem 0 1rem;
    }

    .menuScroll {
        overflow-y: auto;
        height: 100%;
    }

    .mega-menu-left-item:hover, .mega-menu-left-item.active {
        background-color: white;
        color: var(--ingham-text-color);
    }

    .mega-menu-left-item.active:after {
        display:none;
    }

    .mega-menu-left-item {
        border-bottom: 1px solid silver;
    }

    .mega-menu-left-item:first-child {
        border-top: 1px solid silver;
    }

    .mega-menu-container > .content-container {
        height: 100%;
    }

    .mega-menu-model-container {
        max-width: 50%;
        min-width: initial;
        flex: 1 1 50%;
    }

    .mega-menu-dealership {
        /* max-width: calc(50% - 1.5rem); */
        /* margin: 0.5rem; */
    }

    /* .fa, .fab, .fad, .fal, .far, .fas {
        padding-left: 1rem;
        padding-right: 1rem;
    } */


    /* Grid */
    .mb-pad-1 {
        padding: 1rem;
    }

    li.menu-item-has-children:after {
        right: 10px;
        top: 25px;
        transform: translateY(-50%);
    }
    .sub-menu {
        width: 90%;
        position: relative !important;
        padding: 0 0 0.5rem;
        border: none;
        right: 0px !important;
        left: 0px !important;
    }
    .menu-item:last-child .sub-menu a {
        text-align: left;
    }

    /* For the animated plugin, we don't want it on mobile */
    .animated {
        -webkit-animation-duration: initial !important;
        -webkit-animation-fill-mode: none !important;
        animation-duration: initial !important;
        animation-fill-mode: none !important;
        opacity: 1 !important;
        visibility: initial !important;
    }

    .short-mobile {
        min-height: 200px !important;
    }

}

@media only screen and (max-width: 500px) {
    #Terms h1 {
        word-break: break-all;
    }
}