/***********************************************************************************/
h12
{
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.74px;
    color: var(--wtw-deep-blue);

}

.wtww-cta a, span.wtww-cta a 
{
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 5px solid var(--wtw-bright-orange);
    color: var(--wtw-blue);
    line-height: 1.25;
    font-size: 24px;
    font-weight: 600;
    font-family: Oswald, sans-serif;
    letter-spacing: 0.48px;
    display: inline-block;
}

     
.wtww-cta a, span.wtww-cta a 
{
    text-decoration: none !important;
}

.wtww-cta a:hover, .wtww-cta a:focus
{
    border-color: var(--wtw-blue);
    transition: all 0.4s ease 0s;
}     
span.wtww-cta a:hover, span.wtww-cta a:focus 
{
        border-color: var(--wtw-blue);
        transition: all 0.4s ease 0s;
}
/* Volume and fleet sales css that is under the first volume and fleet sales*/

h33, div.h33-style
{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.23;
    letter-spacing: normal;
    color: var(--wtw-deep-blue);
}


.gQkyjL .heading-col h33 
{
    line-height: 2;
    text-transform: uppercase;
    margin: 0px;
}

/**********************************************************************************/


/*This css controls the Clean Car club text on the VFsales front page*/
#VF11 
{
    margin-block-end: 1.2em;
}
#VFtop
{
    margin-block-end: 1.2em;
}

.hero-breadcrumb
{
        display: flex;
}

.hESgxc .hero-breadcrumb a
{
    text-decoration: none;
    font-family: Hind;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.42;
    color: var(--wtw-blue);
    text-transform: uppercase;
    flex-shrink: 0;
    padding-right: 10px;
    text-decoration: none;
}

a 
{
    text-decoration: none;
    transition: all 0.4s ease 0s;
    background-color: transparent;
    color: var(--wtw-medium-blue);
    cursor: pointer;
}
.hESgxc .hero-breadcrumb a:hover 
{
    text-decoration: underline;
}
/************************VOLUME AND FLEET SALES FRONT PAGE CSS**********************/


/*CSS for "Save more when you need more"*/
p12 
{
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--wtw-blue);
    margin: 0px 0px 10px;
    display: block;
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 90px;
    margin-inline-end: 0px;
}
/*****************************************/

div5
{
    display: block;
}
hr1 
{
    -webkit-box-flex: 1;
    flex-grow: 1;
    height: 2px;
    background: var(--wtw-light-cool-gray);
    border: none;
    opacity: 1;
    margin: 12px 0px;
    display: block;
    box-sizing: border-box;
}

.p-1 
{
    padding: 0 !important;
}

.col-13 
{
    flex: 0 0 auto;
    width: 100%;
}

.hESgxc .hero-breadcrumb a svg 
{
    margin-top: -3px;
    margin-right: 13px;
    max-height: 21px;
}

img, svg 
{
    vertical-align: middle;
}
/******************************************/


/*  on page text properties*/

pt 
{
    font-size: 18px;
    font-family: Hind, sans-serif;
    line-height: 1.33;
}
p 
{
    font-size: 18px;
    font-family: Hind, sans-serif!important;
    line-height: 1.33;
}

pt#lastS1 
{
    font-size: 18px;
    font-family: Hind, sans-serif;
    line-height: 1.33;
}

p#VFnext
{
    margin-top: 10px!important;
}




.hESgxc .hero-container /******    Controls the line length right underneath ccc and the first volume and fleet sales*/ {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-top: 10px;
}

.hESgxc .hero-container .hero-contents
{
    align-items: flex-start;
}





.gQkyjL 
{
    padding: 10px 0px 0px;
    margin: 0px auto 70px;
}

.gQkyjL .imageVF
{
   padding: 0px 25px;
}

.gQkyjL .heading-col
{
  padding: 27px;
}


.imcGGC
{
    max-width: 900px;
    margin: 40px auto;
    padding: 0px 60px;
}


col-12 order-3 order-lg-2 content-area p a 
{
    color: var(--wtw-medium-blue);
    text-decoration: underline!important;
    cursor: pointer;
}

p a:hover {
    text-decoration: none;
    color: var(--wtw-midnight-blue);
}

.wtw-button1 a, span.wtw-button1 a
{
    border: 0px;
    border-radius: 0px 0px 5px 5px;
    font-family: Oswald, sans-serif;
    font-size: 24px;
    display: inline-block;
    background-color: var(--wtw-light-blue);
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 39px;
    line-height: 1.25;
    box-shadow: 1px 9px 1px -3.3333px var(--wtw-blue);
    transition-property: color, background-color;
    transition-duration: 1s;
    overflow-y: hidden;
}
.wtw-button1 a, span.wtw-button1 a:hover 
{

    background-color: darkblue;
    text-decoration: none;

}


/*IPHONE XR media query*/
@media only screen and (max-width: 420px) and (min-width: 400px) and (min-height: 880px) and (max-height: 900px) {

   #VFpic
   {
       width: 100%;
   }
   #BottomPage
   {
       width:100%;
       
       margin-bottom: -10px;
   }

   h12
   {
       margin: 0px 0px 11px;
        font-size: 25px;
   }
   h33
   {
       font-size: 20px;
   }
   p12 
   {
       font-size: 18px;
       font-weight: 500;
       line-height: 1.5;
       color: var(--wtw-blue);
       margin: 0px 0px 10px;
       display: block;
       margin-block-start: 0em;
       margin-block-end: 1em;
       margin-inline-start: 0px;
       margin-inline-end: 0px;
       word-wrap:break-word;
   }
   #VFtop 
   {
       display: block !important;

   }
    #VF11 {
        margin-block-end: 0em;
    }

    #VFtop {
        margin-block-end: 0em;
    }
   #VFLine 
   {
       margin-block-start: 0em!important;
       margin-block-end: 1em!important;
       margin-inline-start: 40px!important;
       margin-inline-end: 5px!important;
   }
   #VFLine a
   {
       font-size: 18px !important;

   }
 
   #VFLine2 
   {
       margin-block-start: 0em;
       margin-block-end: 0em;
       margin-inline-start: 42px!important;
       margin-inline-end: 5px!important;
   }

   #VFmargin1 
   {
       width: 100%;
       margin-inline-start: 20px;
       margin-inline-end: 0px;
       padding: 0px 15px;
   }

   #CarWashimg
   {
       padding-bottom: 30px;
   }
   .hero-breadcrumb 
   {
        margin-top: 0px;
   }

   p#lastS1 
   {
       margin: 0px 0px 15px;
       font-size: 18px;
   }
}
/*END OF IPHONE XR MEDIA QUERY*/

a#links:link 
{

    text-decoration: underline
}
a#links:hover 
{
    color: black;
    text-decoration: none;
}

#VFCCC1
{
   
    margin-bottom: 20px;
}
#VFCCC2 /*Padding/margins specifically for all car wash certificates images not including Cleveland*/ {
    padding: 7px 10px 0px;
    text-align: left;
    margin-bottom: 20px;
    margin-inline-start: -10px;
    margin-inline-end: 0px;
}
#VFCCCle/*Padding/margins specifically for cleveland car wash certificates image*/ 
{
    padding: 7px 15px 0px;
    text-align: left;
    margin-bottom: 20px;
    margin-inline-start: -15px;
    margin-inline-end: 0px;
}

#CSbutt/*Margin for top of contact customer service button*/
{
    margin-top: 15px;
}