/* CMS ovveride */
#page-body > div > div{
    max-width: unset !important;
    padding: 0 !important;
}

#content-description > h1{
    display: none;
}

/* GLOBAL */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
/* outline: 1px solid lightgreen; */
}

/* text color */
.textwhite {
color: #ffffff;
}

.textdark {
color: #000000;
}

.dblock{
display: block;
}

/* font family */
#mainid {
font-family: "Ford Antenna",sans-serif;
}


#mainid p,
#mainid ul {
font-weight: 400;
line-height: 1.3em;
}

#mainid p{
margin-top: 2%;
}

#mainid .title3848{
font-weight: 400;
line-height: 1.3em;
}

#mainid .title2936{
font-weight: 600;
line-height: 1.3em;
}

#mainid .title2430{
font-weight: 700;
line-height: 1.3em;
}

#mainid .title1924{
font-weight: 600;
line-height: 1.3em;
}

/* font weight */
#mainid .w700{
font-weight: 700;
}

#mainid .w600{
font-weight: 600;
}

#mainid .w500{
font-weight: 500;
}

#mainid .w400{
font-weight: 400;
}

/* line height */
#mainid p,
#mainid ul,
#mainid .title3848,
#mainid .title2936,
#mainid .title2430,
#mainid .title1924{
line-height: 1.3em;
}

#mainid .button1 {
font-weight: 700;
line-height: 1em;
display: inline-block;
width: 100%;
text-align: center;
padding: 15px 0;
outline: 1px solid #fff;
text-decoration: none;
}

/* dflex style */

.thischildflex{
flex: 1 1 auto;
min-width: 350px;
width: 100%;
}

.thischildflex2{
flex: 1 1 auto;
min-width: 300px;
width: 100%;
max-width: 400px;
margin-top: 10px;
}

/* BUTTON styling*/
#mainid a.button1{
cursor: pointer;
color: white;
}

#mainid .button1:visited {
color: white;
}

#mainid .button1:hover {
text-decoration: none;
color: white;
background-color: #161616;
}

/* IMAGES styling animation */
#mainid img.img-responsive:hover {
transform: scale(1.1);
}

#mainid img.img-responsive {
transition: all 0.3s;
width: 100%;
}

/* IMAGE parents is figure with class name .imgcontainer  */
#mainid figure.imgcontainer {
position: relative;
padding: 0px;
overflow: hidden;
}

.height100per{
height: 100%;
}

#mainid figure>img.img-responsive {
object-fit: cover;
object-position: center;
}

.thistheme-color{
background-color: #000000;
color: #ffffff;
padding: 3%;
}

/* Background Image tempalte */

/* display flex */
.thisflex {
display: flex;
}

.customliststyle1 li{
padding: 1%;
margin-top: 1%;
}

[class*="thiscol-"] {
margin-top: 1%;
/* padding: 0 15px; */
}

[class*="row-max"]{
width: 100%;
margin: auto;
}

/* .row-maxed{
max-width: 1300px;
} */

.parallax-scroll > div > * {
padding: 2% 0;
}

.parallax-scroll > div{
margin: auto 0;
}

.parallax-scroll{
display: flex;
flex-direction: column;
}


/* CUSTOM GLOBAL below*/
#mainid .headh1{
line-height: 0.9em;
}

#mainid .headh1,
#mainid .textalign-center{
text-align: center;
}

.bg-fullwidth-2{
background-image: url('https://di-uploads-pod45.dealerinspire.com/varsityford/uploads/2024/09/Design-That-Stands-Out.webp');
}

.bg-fullwidth-3{
background-image: url('https://di-uploads-pod45.dealerinspire.com/varsityford/uploads/2024/09/Driving-Dynamics-Tailored-For-The-Modern-Road.webp');
background-position: 0% 50%;
}

.bg-fullwidth-4{
background-image: url('https://di-uploads-pod45.dealerinspire.com/varsityford/uploads/2024/09/Cutting-Edge-Technology-Features.webp');
}

.bg-fullwidth-5{
background-image: url('https://di-uploads-pod45.dealerinspire.com/varsityford/uploads/2024/09/Proactive-Safety-For-Peace-Of-Mind.webp');
}


.bg-fullwidth-8{
background-image: url('https://di-uploads-pod45.dealerinspire.com/varsityford/uploads/2024/09/Explore-2024-Ford-Escape®-Plug-In-Hybrid-At-Varsity-Ford.webp');
}

.parallax-scroll {
margin-top: 3%;
margin-bottom: 3%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 75vh;
overflow-y: auto;
}

#mainid div.cols3item{
padding: 3% 0;
}


#mainid div.cols3item > div.thisflex > div{
margin-top: 0;
padding: 2%;
}

#mainid div.cols3item > div.thisflex{
align-items: center;
}



/* MOBILE */
@media(max-width:767px) {

/* mobile height */
.height300m{
height: 300px;
}

/* For mobile phones: */
[class*="thiscol-"] {
width: 100%;
padding: 3%;
}

.hidein-xs{
display: none;
}

/* mobile font */
#mainid p,
#mainid ul {
font-size: 18px;
}


#mainid ul > ul,
#mainid ul > li{
margin-left: 22px;
}


#mainid .title3848{
font-size: 38px;
}

#mainid .title2936{
font-size: 29px;
}

#mainid .title2430{
font-size: 24px;
}

#mainid .title1924{
font-size: 19px;
}

#mainid .button1 {
font-size: 18px;
width: 100%;

text-align: center;
}

.parallax-scroll {
height: 300px;
}

/* Custom mobile below*/


#mainid .text2column {
margin: 3% auto 10%;
}

#mainid div.cols3item>div>div:nth-child(2) {
    border-color: #ffffff;
    border-style: solid;
    border-left: unset;
    border-right: unset;
}


/* ovveride */
#mainid .headh1{
color: #000000;
}

#lastbgimage > div > div.twobuttonrow > div{
display: unset;
}

#mainid div.cols3item > div.thisflex{
display: unset;
}


}


/* DESKTOP */
@media(min-width:768px) {

/* custom height */



/* flex tablet and up */
.thisrow.rowcenter{
display: flex;
flex-wrap: nowrap;
overflow: hidden;
}

.thisrow .colcenter{
display: flex;
flex-direction: column;
justify-content: center;
}

#mainid p,
#mainid ul {
font-size: 22px;
}

#mainid ul > ul,
#mainid ul > li{
margin-left: 44px;
}



#mainid .title3848{
font-size: 48px;
}

#mainid .title2936{
font-size: 36px;
}

#mainid .title2430{
font-size: 30px;
}

#mainid .title1924{
font-size: 24px;
}

#mainid .button1 {
font-size: 18px;
width: 100%;
max-width: 400px;
text-align: center;
}

/* column cutom css */
.thiscol-1 {width: 8.33%;}
.thiscol-2 {width: 16.66%;}
.thiscol-3 {width: 25%;}
.thiscol-4 {width: 33.33%;}
.thiscol-5 {width: 41.66%;}
.thiscol-6 {width: 50%;}
.thiscol-7 {width: 58.33%;}
.thiscol-8 {width: 66.66%;}
.thiscol-9 {width: 75%;}
.thiscol-10 {width: 83.33%;}
.thiscol-11 {width: 91.66%;}
.thiscol-12 {width: 100%;}



.parallax-scroll {
    background-attachment: fixed;
}

/* Custom desktop below*/

/* #bgimage1 {
width: 90%;
} */

[class*="row-max"]{
width: 90%;
}

#mainid .text2column {
margin: 10% auto;
}

/* show in mobile only */
.showinxs{
display: none;
}

#mainid div.cols3item>div>div:nth-child(2) {
    border-color: #ffffff;
    border-style: solid;
    border-top: unset;
    border-bottom: unset;
}

/* override */
#bgimage1{
background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(https://di-uploads-pod45.dealerinspire.com/varsityford/uploads/2024/09/Explore-The-2024-Ford-Escape®-Plug-In-Hybrid-In-Ann-Arbor-Michigan-At-Varsity-Ford.webp);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: cover;
height: 70vh;
}

#mainid .headh1{
color: #ffffff;
text-shadow: 0 1px 2px #000000;
}

#mainid .headh1{
position: absolute;
top: 0;
left: 0;
right: 0;
}

#mainid #bannerbutton{
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
}

}

@media(max-width:992px) {


[id$="bgimage"]  [class*="thisnormal"],
[id^="bgimage"] > [class*="thisnormal"]{
flex-direction: column;
}

[id$="bgimage"]  [class*="thisreverse"],
[id^="bgimage"] > [class*="thisreverse"]{
flex-direction: column-reverse;
}

#lastbgimage > div > div > div > div:nth-child(1) > a{
margin-right: auto;
}

#lastbgimage > div > div > div > div:nth-child(2) > a{
margin-left: auto;
margin-right: auto;
}

.thischildflex2,
.thischildflex{
max-width: unset;
min-width: unset;
}


}

/* TABLET */
@media all and (min-width: 768px) and (max-width: 1024px) { 

/* For mobile phones: */
[class*="thiscol-"] {
width: 100% !important;
}
/* Custom tablet below*/



}

/* WIDE SCREEN */
@media(min-width:1980px) {
[class*="row-max"] {
width: 80%;
}
}