/* 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: "Cadillac Gothic",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;
}

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

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

#mainid .button1:hover {
text-decoration: none;
}

/* 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: #112a4e;
color: #ffffff;
padding: 3%;
}

/* Background Image tempalte */
/* #bgimage1{
background: linear-gradient(0deg, rgb(255, 255, 255, 1)0%, rgb(255, 255, 255,0))0%, url();
background-repeat: no-repeat;
background-position: center;
background-size: cover;
} */

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

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

/* div[id^='bgimage'] .thisrow.thisflex{
column-gap: 10px;
background-color: rgb(154, 154, 255);
} */

[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*/
.headh1{
line-height: 0.9em;
}

.headh1,
.textalign-center{
text-align: center;
}
/* #bgimage9 > div:nth-child(1) > div:nth-child(1),
#bgimage9 > div:nth-child(2) > div:nth-child(2){
background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(https://pictures.dealer.com/j/jakesweeney/1708/34e63bf9ea6eaf4220af1f193e3f42d1x.jpg);
background-repeat: no-repeat;
background-position-x: left;
background-position-y: top;
background-size: cover;
} */

/* column text style */
/* #mainid .text2column {
max-width: 700px;
} */

/* BG IMAGES */
.bg-fullwidth-2{
background-image: url('https://di-uploads-pod39.dealerinspire.com/modernfordofboone/uploads/2024/08/2024-Ford-Transit-Performance-And-Design.webp');
}

.bg-fullwidth-3{
background-image: url('https://di-uploads-pod39.dealerinspire.com/modernfordofboone/uploads/2024/08/Engine-Transmission-And-Performance.png');
}

.bg-fullwidth-4{
background-image: url('https://di-uploads-pod39.dealerinspire.com/modernfordofboone/uploads/2024/08/2024-Ford-Transit-Towing-And-Cargo-Capacity.webp');
}

.bg-fullwidth-5{
background-image: url('https://di-uploads-pod39.dealerinspire.com/modernfordofboone/uploads/2024/08/2024-Ford-Transit-Technology-And-Connectivity.webp');
}

.bg-fullwidth-6{
background-image: url('https://di-uploads-pod39.dealerinspire.com/modernfordofboone/uploads/2024/08/Meet-The-2024-Ford-Transit®-Trims-1.webp');
}

.bg-fullwidth-7{
background-image: url('https://di-uploads-pod39.dealerinspire.com/modernfordofboone/uploads/2024/08/Infotainment-And-Connectivity.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;
}


/* 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*/

/* #bgimage9 > div{
flex-direction: column;
} */

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

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


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

#bgimage8 > div > div > div{
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: 200px;
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;
}

/* override */
#bgimage1{
background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), 
url(https://di-uploads-pod39.dealerinspire.com/modernfordofboone/uploads/2024/08/Get-The-2024-Ford-Transit®-Van-In-Boone-North-Carolina-At-Modern-Ford-Of-Boone-1.webp);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: cover;
height: 100vh;
}

.headh1{
color: #ffffff;
margin-bottom: 30%;
text-shadow: 0 1px 2px #000000;
}

}

@media(max-width:992px) {



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


}

/* 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%;
}
}