Leo south Home css June 2

PHOTO EMBED

Thu Jun 02 2022 06:36:17 GMT+0000 (Coordinated Universal Time)

Saved by @alyssietayp 

@media (min-width: 1200px) {
 .parallax-content-1 .program-details {
    padding-top: 100px!important;
 }
}

/* Start of focus section style */

#focusSection .column-container.col-sm-padding {
    height: 100%;
    width: 100%;
}

@media (min-width: 768px) {
#focusSection .content-container .col-sm-padding {
    padding-right: 0;
}
}

#focusSection .brand-section-buttons .cta-button, #focusSection .brand-section-buttons .cta-button:active,
#focusSection .brand-section-buttons .cta-button:visited, #focusSection .brand-section-buttons .cta-button:focus{
    background-color: #4d5755;
    color: #ffffff;
}

#focusSection .brand-section-buttons  .cta-button:hover{
    text-decoration: none !important;
    background-color: #97a5a3;
    color: #333;
}

@media (min-width: 768px){
#focusSection .brand-section-buttons  .cta-button, #focusSection .brand-section-buttons  .cta-button:active,
#focusSection .brand-section-buttons  .cta-button:visited, #focusSection .brand-section-buttons  .cta-button:focus{
    background-color: #464646;
    color: #ffffff !important;
}
#focusSection .brand-section-buttons  .cta-button:hover{
    text-decoration: none !important;
    background-color: #000;
    color: #fff;
}
}

#focusSection {
    background-color: #fff !important;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #fff;
}

#focusSection .container .row {
    background-color: #000 !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

#focusSection .flex-column.col-sm-6:nth-child(1){
    height: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 40px;
}

#focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg {
    background-image: none;
    background-size: cover;
    height: auto;
    width: 100%;
    background-position-x: right;
    background-repeat: no-repeat;
    background-position-y: top;
}

#focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg img {
        display: block;
        height: auto;
        width: 100%;
}

@media (min-width: 768px){
    #focusSection .flex-column.col-sm-6:nth-child(1){
        height: 580px;
    }

    #focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg {
        background: url('/wp-content/uploads/2021/03/2021-ram-1500v2.png');
        background-size: cover;
        height: 100%;
        width: 100%;
        background-position-x: right;
        background-repeat: no-repeat;
        background-position-y: top;
    }

    #focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg img {
        display: none;
    }
}

#focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg2 {
    background-image: none;
    background-size: cover;
    height: auto;
    width: 100%;
    background-position-x: right;
    background-repeat: no-repeat;
    background-position-y: top;
}

#focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg2 img {
        display: block;
        height: auto;
        width: 100%;
}

@media (min-width: 768px){
    #focusSection .flex-column.col-sm-6:nth-child(1){
        height: 580px;
    }

    #focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg2 {
        background: url('/wp-content/uploads/2020/12/2021-jeep-wrangler-sport_720v2.png');
        background-size: cover;
        height: 100%;
        width: 100%;
        background-position-x: right;
        background-repeat: no-repeat;
        background-position-y: top;
    }

    #focusSection .flex-column.col-sm-6:nth-child(1) .zero-bg2 img {
        display: none;
    }
}


#focusSection .flex-column.col-sm-6:nth-child(2){
    padding-top: 40px !important;
    max-width: 660px;
}

#focusSection .flex-column.col-sm-6:nth-child(2) .column-container.col-sm-padding p{
    color: #fff !important;
}

@media (min-width: 768px){
#focusSection .flex-column.col-sm-6:nth-child(2) .content-container .col-sm-padding{
    padding-top: 40px !important;
}
}

@media (min-width: 992px){
    #focusSection .flex-column.col-sm-6:nth-child(2){
        padding-top: 118px !important;
    }
}

@media (min-width: 1200px){
    #focusSection .flex-column.col-sm-6:nth-child(2){
        padding-top: 118px !important;
    }
}

@media (min-width: 1800px){
    #focusSection .flex-column.col-sm-6:nth-child(2){
        padding-top: 118px !important;
    }
}

#focusSection .container {
    width: 100% !important;
}

@media (min-width: 768px){
#focusSection .container {
    width: 100% !important;
}
}

@media (min-width: 992px){
#focusSection .container {
     width: 100% !important;
}
}

@media (min-width: 1200px){
#focusSection .container {
     width: 100% !important;
}

.brand-section-buttons{
    margin-top: 30px;
}
}

@media (min-width: 1365px){
#focusSection .flex-column.col-sm-6:nth-child(1){
    height: 600px;
}
}

@media (min-width: 1800px){
#focusSection .flex-column.col-sm-6:nth-child(1){
    height: 656px;
}
}

div#focusSection a.cta-button {
    display: block;
    font-weight: 700;
    padding: 15px 15px;
    margin: 7px 0px;
    text-decoration: none !important;
    text-align: left;
    text-align: center;
    background-color: #464646!important;
    color: #ffffff !important;
}

/*End of focus section style*/

/*Featured links responsive size*/

#featuredLinks { background: #2b2e33; }

.full-width-image-1 .cta-img-gradient {
    background: transparent;
}
#featuredLinks .full-width-image-1 .cta-img-title {
    font-size: 20px !important;
    text-align: center !important;
    font-weight: bold;
    color: #16171a;
}

#featuredLinks .full-width-image-1 .cta-img-text {
        padding: 23px 10px 18px 10px !important;
        background-color: #fff!important;
        width: 100% !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0;
        transition: all 0.2s;
}

#featuredLinks .full-width-image-1 .cta-img-gradient:hover .cta-img-text{
        background-color: #fff !important;
        padding: 27px 10px 22px 10px !important;
}

#banner-search.bannersearch001 .banner-content .title {
    margin-top: 50px !important;
}

@media (min-width: 768px){
    #featuredLinks {
        margin-top: -100px !important;
    }

    #featuredLinks .full-width-image-1{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    #featuredLinks .full-width-image-1 .cta-img-total-4 {
        width: 25% !important;
        padding: 10px !important ;
    }
 
    .full-width-image-1 .cta-img-title {
        font-size: 20px !important;
        text-align: center !important;
    }

    #featuredLinks .full-width-image-1{
        position: relative;
        max-width: 1703px;
        padding: 20px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
  
    #featuredLinks .full-width-image-1 .cta-img-text {
        padding: 10px 10px 5px 10px !important;
   }

    #featuredLinks .full-width-image-1 .cta-img-title {
        font-size: 14px !important;
        text-align: center !important;
    }
} 

@media (min-width: 992px){
    #featuredLinks .full-width-image-1 .cta-img-text {
        padding: 23px 10px 18px 10px !important;
    }

    #banner-search.bannersearch001 .banner-content .title {
        margin-top: 50px !important;
    }
}

@media (min-width: 1200px){
    #featuredLinks {
        margin-top: -186px !important;
    }

    #featuredLinks .full-width-image-1 .cta-img-title {
        font-size: 20px !important;
        text-align: center !important;
    }

    #banner-search.bannersearch001 .banner-content .title {
        margin-top: 70px !important;
    }

}

@media (min-width: 1800px){
#featuredLinks .full-width-image-1 .cta-img-title {
    font-size: 20px !important;
}

#banner-search.bannersearch001 .banner-content .title {
    margin-top: 100px !important;
}

}

/*Featured links responsive size*/
#featuredLinks .cta-img-bg-container{
    background-size: cover !important;
    background-position-y: top !important;
}

.full-width-image-1 .cta-img-total-4 {
    width: 100% !important;
    padding: 20px !important;
}

@media (max-width: 767px){
    .full-width-image-1 .cta-img-total-4{
        padding: 5px 15px !important;
    }

   .full-width-image-1 .cta-img-total-4:nth-child(1){
       margin-top:15px;
   }

   #featuredLinks .full-width-image-1 .cta-img-title{
       font-size: 17.55px !important;
   }
}

@media (min-width: 768px){
    #featuredLinks .full-width-image-1 .cta-img-total-4 {
        width: 25% !important;
    }
}

.full-width-image-1 .cta-img-gradient {
    height: 270px !important;
}

@media (min-width: 566px){
.full-width-image-1 .cta-img-gradient {
    height: 380px !important;
}
}

@media (min-width: 768px){
.full-width-image-1 .cta-img-gradient {
    height: 160px !important;
}
}

@media (min-width: 992px){
.full-width-image-1 .cta-img-gradient {
    height: 200px !important;
}
}

@media (min-width: 1200px){
.full-width-image-1 .cta-img-gradient {
    height: 240px !important;
}
}

@media (min-width: 1360px){
.full-width-image-1 .cta-img-gradient {
    padding: 20px !important;
    height: 280px !important;
}
}

@media (min-width: 1800px){
.full-width-image-1 .cta-img-gradient {
    height: 320px !important;
}
}

@media (min-width: 2400px){
.full-width-image-1 .cta-img-gradient {
    height: 380px !important;
}
}

/*End of featured links responsive size*/


/******************** PERSONALIZE SEARCH -START- ********************/
.personalize-search-txt { color: #fff; font-size: 18px; font-weight: bold; padding-top: 20px !important; }
#custom-quicksearch .cqstxt { text-align: center; color: #fff; font-size: 27px; font-weight: normal; }
#homeres-vid .cta-button.p-cta-btn-1 { display: none !important; }
#pm-quick-search { display: block !important; }
#pm-quick-search .column-container { padding-left: 15px !important; padding-right: 15px !important; }
#pm-quick-search .qs-row.row .col-sm-2 { width: 20% !important; }
#qs-label-group { display: none !important; }
.qs-select-group { padding: 0px !important; }
.qs-select { background-color: #fff !important; width: 100% !important; border-right: 0.5px solid #a6a6a6 !important; color: #111; font-weight: bold; background: #cfcfcf; height: 50px !important; padding: 4px 17px 5px !important; }
#qs-button-group { padding: 0px !important; }
#qs-button-group .btn { background-color: #337AB7 !important; display: block; text-transform: uppercase; padding: 9px 25px !important; font-size: 20px !important; text-align: center; display: block !important; }
@media only screen and (max-width: 767px) {
    .personalize-search-txt { padding-top: 0px !important; }
    #homeres-vid .banner-content { display: block !important; }
    #pm-quick-search { display: block !important; margin-top: 15px !important; }
    #pm-quick-search .qs-row.row .col-sm-2 { width: 100% !important; margin: 0px; }
    .qs-select { border-right: none !important; border-bottom: 0.5px solid #a6a6a6 !important; background: #ffffff; height: 45px !important; padding: 9px 10px 10px !important; }
    #qs-button-group .btn { padding: 7px 10px !important; text-align: center; font-size: 18px; }
    #custom-quicksearch { padding: 0 15px; }
    #custom-quicksearch .cqstxt { color: #000; }
}
/******************** PERSONALIZE SEARCH -END- ********************/

/***** BE Section *****/
.be-section p { display: none; }
.be-bg { padding: 165px 0;text-align: center;background-size: cover !important;background-repeat: no-repeat !important;background-position: center center !important; }
.be-overlay { background: rgba(0,0,0,0.2); width: 100%; height: 100%; text-align: center; vertical-align: middle; text-transform: uppercase; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.be-textbox { position: absolute; bottom: 0; top: initial !important; text-align: right; left: 50%; transform: translate(-50%, -50%); }
.be-text1 { color: #fff; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; }
.be-text2 { color: #fff; text-align: center; font-size: 32px; font-weight: bold; }


#animhomesection2 .brand-section-buttons .cta-button,#animhomesection2 .brand-section-buttons .cta-button:active,#animhomesection2 .brand-section-buttons .cta-button:focus,#animhomesection2 .brand-section-buttons .cta-button:visit ed{background-color:#e3e3e3;color:#555}#animhomesection2 .brand-section-buttons .cta-button:hover{text-decoration:none!important;background-color:#55555;color:#979797}#animhomesection2 .brand-section-buttons .cta-button,#animhomesection2 .brand-section-buttons .cta-button:active,#animhomesection2 .brand-section-buttons .cta-button:focus,#animhomesection2 .brand-section-buttons .cta-button:visited{background-color:#616161;color:#fff!important}#animhomesection2 .brand-section-buttons .cta-button:hover{text-decoration:none!important;background-color:#000;color:#979797}#animhomesection2{background-color:#fff!important;padding-top:0;padding-bottom:0;color:#666}#animhomesection2 .col-sm-5{height:auto;padding-left:0!important;padding-right:0!important}#animhomesection2 .col-sm-5 .vespa-bg{background-image:none;background-size:cover;height:auto;width:100%;background-position-x:left;background-position-y:bottom}#animhomesection2 .column-container.col-sm-padding{padding-top:40px!important}#animhomesection2 .col-sm-7{padding-top:40px!important;max-width:none}#animhomesection2 .col-sm-7 .column-container.col-sm-padding p{color:#666!important;font-size:14px;line-height:180%}#animhomesection2 .col-sm-7{padding-left:30px;padding-right:30px}#animhomesection2 .col-sm-5 .vespa-bg img{display:block;width:100%;height:auto}#animhomesection2 .container{width:100%!important}@media (min-width:768px){#animhomesection2 .col-sm-5 .vespa-bg img{display:none}#animhomesection2 .col-sm-5{height:670px;padding-left:0!important;padding-right:0!important}#animhomesection2 .col-sm-5 .vespa-bg{background:url(/wp-content/uploads/2021/11/slidehomewagoneer.jpg);background-size:cover;height:100%;width:100%;background-position-x:left;background-position-y:top}#animhomesection2 .col-sm-7 .content-container .col-sm-padding{padding-top:40px!important}#animhomesection2 .col-sm-7{padding-left:45px;padding-right:0}}@media (min-width:768px){#animhomesection2 .container{width:100%!important}}@media (min-width:992px){#animhomesection2 .container{width:100%!important}}@media (min-width:1200px){#animhomesection2 .col-sm-7{padding-left:60px;padding-right:0}#animhomesection2 .container{width:100%!important}#animhomesection2 .col-sm-7 .column-container.col-sm-padding p{font-size:16px;line-height:180%}#animhomesection2 .brand-section-buttons{margin-top:25px}}@media (min-width:1800px){#animhomesection2 .col-sm-7{padding-left:130px;padding-right:70px}#animhomesection2 .container{width:100%!important}#animhomesection2 .column-container.col-sm-padding{padding-top:50px!important}#animhomesection2 .brand-section-buttons{margin-top:25px}}@media (min-width:1365px){#animhomesection2 .col-sm-5{height:700px}}@media (min-width:1800px){#animhomesection2 .col-sm-5{height:700px}}#animhomesection2 .brand-section-buttons .cta-button,#animhomesection2 .brand-section-buttons .cta-button:active,#animhomesection2 .brand-section-buttons .cta-button:focus,#animhomesection2 .brand-section-buttons .cta-button:visited{background-color:#616161;color:#fff!important;display:block;text-align:center;background-color:#4d5755;color:#fff;display:block;text-decoration:none;font-weight:700;font-size:14px;padding:14px 0;box-sizing:border-box;border-left:1px solid #efefef;border-right:1px solid #efefef}
content_copyCOPY