/*C4CLA style 112818 - 040718 UPDATE RESPONSIVE NAV NWW 110618  ADA shell 031720 ADA link 112720*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
/* END RESET */
html, body{width:100VW;height:auto;}
body{margin:0;padding:0;font:normal 300 1em/1.4em 'Open Sans', Arial, Helvetica, sans-serif;color:#000;}
strong, th, h1,h2,h3,h4,h5,h6{font-weight:bold;}
em{font-style:italic;font-weight:500;}
h1{font-size:152%;margin:0;padding:0px;}
h2{color: #0087be;font-size:136%;font-family:Arial, helvetica, sans-serif;margin:10px 0 0 0;line-height:1.4em;}
h3{color: #0087be;font-size:112%;margin:10px 0;padding:0;font-weight:bold;line-height:1.2em;}
h4{font-size:95%;margin:10px 0;padding:0;font-weight:bold;}
h4 em{font-style:oblique;}
p{font:400 1em/1.5em Arial, Helvetica, sans-serif;color: #666;}
.post-cnt p{margin:10px 0;padding:0;}
.bold{font-weight:bold;}
.quote{font-size:.9em;font-style:italic;font-family:Georgia, serif;}
#shell{width:100%;height:100%;margin:0;padding:0;/*background: url("images/Access-ADA50.jpg") no-repeat bottom right */}
.shell{width: 100vw;height: 100%;margin:0;padding:0;}
.ada{position: fixed;bottom: 0;left: 0;width:50px;height:50px; background: url("https://cashforcarslosangeles.com/images/Access-ADA50.jpg") no-repeat;}
header{position:relative;width:80%;max-width: 1366px;height:90px;top:0px;margin:0 auto;padding:0;background-color:transparent;}
.logo{position:relative;top:0px;left:0;margin:0;padding:0;width:456px;height:56px;background-image:url("images/C4CLA-Logo1.png");background-size:contain;background-repeat:no-repeat;}
h1#logo{position:relative;top:0px;left:0;margin:0;padding:0;width:456px;height:56px;background-image:url("images/C4CLA-Logo1.png");background-size:contain;background-repeat:no-repeat;}

h1{text-indent:-9999px;}
.logo h2{position:absolute;top:150px;right:5%;margin:10px 0 20px;text-indent:-9999px;}
.phonebox{position:absolute;top:10px;right:0px;width:35%;height:100%;margin:0;padding:0 10px 0 0;}
.phonebox p{width:auto;font:900 1.5em/1em Arial, Helvetica, sans-serif;padding:0 0 10px;color:#00b52a;}
.phonebox p.callnow{font:italic 400 1em/1em Georgia, serif;padding:0 0 10px;color:#00b25a;}

/**************************** TOP NAV UL ********************************/
 *
 * /* NAV STYLE */
nav#navigation {position: relative;top: 10px;left: 0;width: 80%;max-width: 1366px;height: auto;margin: 0 auto; padding:0;font-weight: 500;background-color:#00b52a;box-shadow: none;}

/* RESPONSIVE NAV STYLE */
  /* Remove margins and padding from the list, and add a black background color */
ul.topnav {position: relative;left: 0;list-style-type: none;margin: 0 auto;padding: 0;width: 100%;max-width: 1366px;overflow: hidden;background-color:#00b52a;}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {display: inline-block;color: #fff;text-align: center;padding: 5px 8px;text-decoration: none;transition: 0.3s;font-size: 90%;}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: orange;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

@media screen and (max-width:800px) {
  nav#navigation {width: 90%;}
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {float: right;display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:800px) {
  ul.topnav.responsive {position: relative;left: 5%;}
  ul.topnav.responsive li.icon {position: absolute;right: 0;top: 0;}
  ul.topnav.responsive li {float: none;display: inline;}
  ul.topnav.responsive li a {display: block;text-align: left;}
}
/* END NAV */

#slider-wrap p.vplearn{position:absolute;top:240px;left:10px;width:auto;font-style:italic;font-size:1.5em;font-weight:500;}
#slider-wrap p.vpstarted{position:absolute;top:240px;left:60px;width:auto;font-size:2em;font-weight:100;}
section{width:100%;max-width:1600px;margin:0 auto;height:auto;}
section h2{margin:5% 0 0 15%;width:auto;font-size:2em;color:#0071ff;}
article{width:80%;max-width: 1366px;height:auto;margin:30px auto 20px;padding:20px 10px 40px;overflow:auto;}
#fancy-quote{position:relative;top:30px;margin:0px auto 30px;width:940px;height:120px;padding:10px;}
#fancy-quote p{width:820px;margin:0 auto;font-size:1.3em;line-height:1.5em;text-align:center;font-family:Georgia;font-style:italic;}
.featuretxt{padding:0 0 0 10px;}

.post-img{float:right;width:39%;margin:0;padding:10px;}
.post-img img{width:80%;margin:30px auto 20px;border:2px solid #007D53;border-radius:12px;box-shadow:9px 8px 12px #666666;}
.post-img h2{margin:5% 0;width:auto;font-size:2em;color:#0071ff;}
.post-cnt{float: left;width:50%;height:auto;margin:0;padding:20px;}
p.bigphone-btm{text-align:center;}
p.bigphone-btm a{font:900 2em/1.5em Arial, Helvetica, sans-serif;color:#00b25a;text-shadow:1px 2px 2px #333;text-decoration:none;}
#feature{position:relative;top:0;margin:0 auto;padding:0;width:90%;height:auto;-moz-border-radius:12px 0 0 12px;-khtml-border-radius:12px 0 0 12px;-webkit-border-radius:12px 0 0 12px;border-radius:12px 0 0 12px;}
#feature ul{display:block;}
#feature ul li{margin:0;padding:10px 0 10px 10px;width:260px;height:auto;font-size:1em;font-weight:bold;text-align:left;background-color:#2bb0e7;margin-bottom:5px;border-radius:10px;background:#00b25a;}
#feature ul li a{text-decoration:none;color:#fff;padding-bottom:10px;margin-bottom:0px;border:none;border-radius:10px;}
#feature ul li a:hover{display:block;text-decoration:none;color:#0000ff;background-color:#B93B8F;margin:-10px 0 0px;padding:10px 0 0 0;width:260px;height:30px;font-size:1em;font-weight:bold;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #999;border-radius:7px;-webkit-box-shadow:4px 5px 5px #888888;box-shadow:4px 5px 5px #888888;background-color:#00b52a;}
tr.quote{margin:20px 0;padding:10px 0;border:2px solid green;}
.learn{float:left;font-size:1.5em;margin:10px;padding:10px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;border:1px solid green;}
.learn a{text-decoration:none;color:#fff;}
.learn a:hover{color:orange;}
.quote{float:right;font-size:24px;margin:10px;padding:10px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;border:1px solid green;}
.quote a{text-decoration:none;color:#fff;}
.quote a:hover{color:orange;}
footer{position:relative;top:20px;left:0;width:100%;height:200px;padding:0;background-color:#e1e1e1;}
footer p{color:#24749f;margin:0px;font-size:.75em;letter-spacing:2px;text-align:center;padding:0;}
footer a:link{color:#24749f;}
footer a:visited{color:#0060ff;}
footer a:hover{color:#00FFFF;}
footer p img{vertical-align:sub;}
ul{list-style-type:none;}
ul#footnav{position:relative;top:30px;margin:0 auto;width:50%;height:25px;padding:0;}
ul#footnav li{float:left;margin:0;padding:0 0 3px 0;color:#3d73b3;font-family:Arial;text-transform:uppercase;font-size:.85em;}
ul#footnav li a{text-decoration:none;padding:0 10px 10px 15px;}
ul#footnav li a:hover{color:#ffc19f;text-shadow:1px 1px 1px #000;}
ul#footnav li.current a{color:#6699ff;font-weight:bold;}
ul#footnav li a:visited{color:#24749f;}
div#vp-form{color:#000;background-color:#7db9e8;border-radius:10px;}
@media only screen and (max-width:767px){
.shell{width:100%;height:auto;margin:0;padding:0;}
header{position:relative;top:0;left:0;margin:0;padding:0;width:100%;height:auto;}
.logo{position:relative;top:10px;margin:10px auto 0;padding:0;width:90%;height:40px;background-image:url("images/C4CLA-Logo1-300.png");background-size:contain;background-repeat:no-repeat;}
.phonebox{position:relative;margin:0 auto;padding:0;width:auto;height:30px;}
.phonebox p{text-align:center;}
.phonebox img{display:none;}
.phonebox p.callnow{display:none;}
p{font:400 1em/1.5em Arial, Helvetica, sans-serif;color: #000;}
section{height:auto;overflow: hidden;}

#fancy-quote{position:relative;top:20px;margin:30px auto 60px;width:240px;height:60px;padding:30px;}
section h2{margin-left:2%;}
.post-img{float:none;width:100%;margin:0 auto;padding:0;}
.post-img img{width:90%;margin:0 auto;}
.post-cnt{width:100%;}
p.learn{float:left;font-size:1em;margin:10px;padding:10px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;font-family:Arial, helvetica, sans-serif;border:1px solid green;}
p.quote{float:right;font-size:1em;margin:10px;padding:10px;width:auto;height:auto;text-align:center;background-color:#00b52a;box-shadow:2px 2px 4px #666;font-family:Arial, helvetica, sans-serif;border:1px solid green;}
#citiesandzip{display:none;}
footer{width:100%;padding:10px;}
ul#footnav{width:100%;margin-bottom:10px;}
.testimonial h2{font-size:21px;}
.testimonial p.author{text-align:center;}
.socials{background:url(images/socials-bg.png) repeat-x 0 0;padding-bottom:20px;height:100%;}
.socials-inner{padding-left:10px;}
.socials h3{float:none;display:block;}
.socials ul li{display:block;float:none;line-height:30px;}
.socials ul li a{display:block;float:none;}
.socials ul li a span{top:4px;}
}
@media only screen and (min-width:767px) and (max-width:1024px){
.logo{position:relative;top:10px;margin:10px auto 0;padding:0;width:90%;height:40px;background-image:url("images/C4CLA-Logo1-300.png");background-size:contain;background-repeat:no-repeat;}
.phonebox img{display:none;}
nav#navigation{width: 70%;}
}