/************************************************************************
 NEW CSS
*************************************************************************/
.hero-section:before {
    background-color: rgba(0, 0, 0, 0.15);
}

/* Inventory list price
**********************************************/
.element-type-inventorylistprice .promptPriceBtn a.myButton.btn.btn-default.btn-recall {
    border: none;
    padding: 12px;
    width: 100%;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
.hero-section {
    height: 650px;
    text-align: center;
}

a.navbar-brand img {
    max-height: 115px!important;
}

div:has(.pageid-hom) .navbar {
    position: relative!important;
}

div:has(.pageid-hom) .navbar.navbar-fixed-top {
    position: fixed!important;
}

div:has(.pageid-hom) .navbar-default.dynamic-fixed {
 background-color: var(--clr-primary-400) !important;
}
}

/************************************************************************
 NEW CSS END
*************************************************************************/

.cc-main-container {width: 100%; max-width: 1000px; display: block; background-color: white; margin: 0px auto 40px; text-align: center;}    

    
     /* ######################## header background */	
	
	.cc-bg-img {width: 100%; display: inline-block; background-image: url('https://lp-auto-assets.s3.us-east-1.amazonaws.com/sp/img/h1-hor.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;}

    .cc-bg-img-filter {width: 100%; display: inline-block; background: rgba(0,0,0,.5)}
	
	
	
	/* ######################## header content */	
 
    .cc-imagetexthead {width: 100%; display: block; margin: 0px auto; background: none !important;}

    .cc-imagetexthead h2 {width: 100%; min-width: 280px; display: block; margin: 40px auto 0px; line-height: 135%; color: white !important; font-size: 32px; background: none !important;}

    .cc-imagetexthead h2 span{font-size: 24px; line-height: 145%;}

    .cc-imagetexthead p {width: 75%; min-width: 250px; font-size: 18px; line-height: 135%; text-align: left; color: white !important;}

    @media only screen and (max-width: 768px) { 
        .cc-imagetexthead p {width: 95%; min-width: 250px;}
    } 


    
    

    .cc-cta-container {width: 100%; display: inline-block; margin: 40px auto;}
    
    .cc-cta {min-width: 270px;  display: inline-block; padding: 15px 0px; margin: 5px 2px; font-size: 18px; text-decoration: none !important; text-transform: uppercase; text-align: center; transition: .6s;}
    
    .cc-full-cta{width: 50%;} .cc-half-cta{width: 40%;} .cc-third-cta{width: 30%;}
	  @media only screen and (max-width: 877px) {
        .cc-full-cta , .cc-half-cta, .cc-third-cta{width: 90%;}
    }
    
    .cc-maincta {background-color: #ce0000 !important; color: white !important; border: 2px solid #ce0000;}

    .cc-maincta:focus{border: 2px dotted white;}

    .cc-maincta:hover{background-color: rgba(0,0,0,.6) !important; color: white !important;}


    .cc-subcta {background-color: rgba(0,0,0,.6) !important; color: white !important; border: 2px solid #ce0000;}

    .cc-subcta:focus{border: 2px dotted white;}

    .cc-subcta:hover{background-color: #ce0000 !important; color: white !important;}
    
    
 


    /* ######################## SERVICE MODULES */	

    .cc-service-gallery-container { margin:5px -5px; display: flex; align-items: center; flex-wrap: wrap;justify-content: space-between;}
  
    .cc-service-card {margin: 5px; height: 200px; background: darkgray; display: flex; align-items: center; justify-content: center; flex-direction: column;min-width: 200px; flex: 1;}	

    .cc-service-cta {width: 80%; background-color: #ce0000 !important;  padding: 15px 0px; margin: 5px auto; font-size: 18px; color: white !important; text-decoration: none !important; text-transform: uppercase; text-align: center; display: inline-block; transition: .6s; border: 2px solid #ce0000;}

    .cc-service-cta:focus{border: 2px dotted white; transition: .6s;}

    .cc-service-cta:hover{background-color: rgba(0,0,0,.6) !important; color: white !important; transition: .6s;}


    .cc-service-card img {width: 40%; display: inline-block; margin: 20px auto; max-height: 70px;}







    .cc-p1text {width: 75%; min-width: 270px; display: block; margin: 0px auto 40px;}

    .cc-p2text {width: 75%; min-width: 270px; display: block; margin: 40px auto;}

    .cc-p1text a, .cc-p2text a {font-weight: 700; color: #ce0000 !important;}

    .cc-p1text a:hover, .cc-p2text a:hover{opacity: .6;}

    .cc-p1text a:focus, .cc-p2text a:focus{border: 2px dotted lightgray; padding: 5px;}

    .cc-p1text h2, .cc-p2text h2 {line-height: 135%; text-align: left; margin-bottom: 15px; font-size: 28px; color: black !important; background: none !important;}

    .cc-p1text h2:after, .cc-p2text h2:after {content: ""; display: block; width: 40px; height: 5px; background: #ce0000; margin: 20px 0px;}

    .cc-p1text p, .cc-p2text p {font-size: 18px; line-height: 135%; text-align: left; color: black !important;}

    .cc-p1text ul, .cc-p2text ul{font-size: 18px; line-height: 135%; text-align: left; color: black !important; padding-left: 40px;}


	  @media only screen and (max-width: 877px) {
        .cc-p2text {width: 90%;}
    }





    /*	FOOTER STYLING BEGINS*/

    .cc-footermain {width: 100%; display: inline-block; margin: 0px auto; background-color: #ecf0f1 !important;}

    .cc-footerinner {width: 75%; min-width: 270px; display: block; margin: 40px auto;}

    .cc-footerinner a {font-weight: 700; color: #ce0000 !important;}

    .cc-footerinner a:hover{opacity:.6;}

    .cc-footerinner a:focus{border: 2px dotted #000000;}

    .cc-footerinner h2 {line-height: 135%; text-align: left; margin-bottom: 15px; font-size: 32px; color: #000000 !important;}

    .cc-footerinner p {font-size: 24px; line-height: 135%; text-align: left; color: #000000 !important;}

    .cc-footerinner ul {font-size: 24px; line-height: 135%; text-align: left; color: #000000 !important; padding-left: 40px;}
	
  @media only screen and (max-width: 877px) {
        .cc-footerinner {width: 90%;}
    }



    .cc-footermaincta {background-color: #ce0000 !important; color: white !important; border: 2px solid #ce0000;}

    .cc-footermaincta:focus{border: 2px dotted lightgray;}

    .cc-footermaincta:hover{background-color: #ecf0f1 !important; color: black !important;}


    .cc-footersubcta {background-color: rgba(0,0,0,0) !important; color: black !important; border: 2px solid #ce0000;}

    .cc-footersubcta:focus{border: 2px dotted white;}

    .cc-footersubcta:hover{background-color: #ce0000 !important; color: white !important;}
    
    
    .cc-mobile {display: none;}

    @media only screen and (max-width: 877px) {
        .cc-mobile {display: inline-block;}
    }


    
    

    /* DISCLAIMER STYLING BEGINS */
    .cc-disclaimer {width: 75%; min-width: 270px; display: block; margin: 0px auto 40px; color: #000000 !important;}

    .cc-disclaimer p {font-size: 12px !important; line-height: 135%; text-align: left; color: #000000 !important;}

    .cc-disclaimer a {font-weight: 700; color: #ce0000 !important;}

    .cc-disclaimer a:hover{opacity:.6;}

    .cc-disclaimer a:focus{border: 2px dotted #000000;}

    
    

    /*	SCHEMA STYLING BEGINS*/

    .cc-schemacode {width: 75%; min-width: 270px; display: inline-block; margin: 40px auto; color: #000000 !important;}

    .cc-schemacode div {text-align: center; color: #000000 !important; margin: 0px auto;}

    .cc-schemacode p {margin: 2px auto; font-size: 14px !important; line-height: 135%; color: #000000 !important;}

    .cc-schemacode h4 {margin: 2px auto; font-size: 18px !important; line-height: 135%; font-weight: 900; color: #000000 !important;}

    .cc-schemacode h4:after {content: ""; display: block; width: 40px; height: 3px; background: #ce0000; margin: 15px auto;}

    .cc-schemacode a {font-size: 18px !important; line-height: 135%; text-align: center; color: #ce0000 !important; font-weight: 900;}

    .cc-schemacode a:hover{opacity: .6;}

    .cc-schemacode a:focus{border: 2px dotted #000000;}









.vehicle-links-container div a {
    background: #333;
    color: #fff;
    border: 1px solid #333333;
}
div.element-container.element-type-inventoryrequestprice.row>div.col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
}
a#request-price {
    white-space: normal;
}




a.btn.call-btn {
    background: #000;
    color: #fff;
}



.promptPriceBtn a.myButton.btn.btn-default.btn-recall {
    background: green;
    color: #fff;
}



div#element-1d12c3fd504c4233ab28471638db0892 a.btn.call-btn {
    display: block;
}


a.banner-link {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px 0px 1px rgb(0 0 0 / 50%), 1px 1px 3px rgb(0 0 0 / 30%);
}



.promptPriceBtn .btn-default {
    color: #fff;
    background-color: green;
    border-color: #ccc;
}


/************************************************************************
 Update 9/17 on the menu bar and vdp page.
*************************************************************************/

@media (min-width: 768px) {
    .navbar-default, .navbar-fixed-top, div:has(.pageid-hom) .navbar-default, div:has(.pageid-hom) .navbar-default.dynamic-fixed.navbar-fixed-top {
        background: #6a040f !important;
        background-color: #6a040f !important;
    }

.sticky-column {
  position:static;
    top: 10px;
}

@media (min-width: 768px) {
    div:has(.pageid-hom) .navbar-default.dynamic-fixed {
        background-color: #6a040f !important;
    }
}