/* fdbarfety 08632251 Header */
.header-contact .tagline {display: none;}
.tagline {position: absolute; top: 61px; left: 115px; font-size: 14px; white-space: nowrap;}
.page-header .nav .inventory-search-form {border-left: inherit; min-width: inherit;}
.ddc-mega-menu-nav .inventory-search-form input[type='search'] {padding-left: 50px; border-radius: var(--btn-border-radius-large, 6px);}
.ddc-mega-menu-nav .inventory-search-form {padding: 0;}
.page-header .nav .inventory-search-form .form-group::before {left: 20px;}

/* fdbarfety 08632251 Index */
.index .container-max-xl {max-width: 100% !important;}

/* fdbarfety 08632251 COVID-19 */
.alias-sitebuilder-message-from-our-ceo-on-covid-19-1 .aside .links-list li {padding-bottom: 4px;}

/* fdbarfety 08632251 VLP */
.vlp .view-link {margin-top: 5px; width: 100%;}

/* fdbarfety 08632251 Footer */
.ddc-footer {height: 140px;}
.ddc-footer .navigation-default {top: 60px;}
.ddc-footer .navigation-default ul li> a {height: 75px; padding: 32px 10px;}
a.credit {background: transparent url(/static/v9/media/images/footer-logos/v1/ddc-logo-black.png) no-repeat 0 0;}
.ddc-footer .third-party-service-footer {background: url("/static/v9/variations/client-sonic/0001/v1/images/hyundai_white/tagline-sonic.png") no-repeat 65% 30%;}

/* fdbarfety 11173675 */
.ddc-footer .navigation-default {width: 785px;}
.ddc-footer .navigation-default ul li>a {padding: 20px 12px 30px; height: 40px;}

/* Sell & Trade button */
.index .inventory-search-facet-browse .sell-trade { color: #fff; }
.index .inventory-search-facet-browse .sell-trade:hover { color: #00789b; }

/* ddckarlau custom MSLP */
.MS-block {
/*Content Background Color*/
background: #fff;
/*Content Font Color*/
color: #000;
box-sizing: border-box;
clear: both;
overflow: hidden;
padding: 1%;
line-height: 150%
}
.MS-block hr {
margin: 2% 10%;
border-top: 1px solid #ccc
}
.MS-block ul {
text-align: left;
padding: 0%;
padding-left:30px
}
h1.MS-block, h2.MS-block,h3.MS-block  {
margin: 0%;
padding: 0% 1%;
background: #fff;font-size:1.5em
}
.MS-block h1, .MS-block h2, .MS-block h3, .MS-block h4, .MS-block p {
padding: 0.5% 1%;
margin: 0%;
}
.MS-block h3, .MS-block h4 {
font-size:1.5em
}
.MS-block .ms-modeldetails img {
margin: 1%;
width: 94%
}
.MS-block img {
margin: 1%;
width: 40%
}
.MS-block a.MS-button-01, .MS-block a.MS-button-02 {
margin: 1%;
line-height:200%;
min-width: 24.25%;
box-sizing: border-box;
display: inline-block;
text-align: center;
text-decoration: none;
font-size: 1.25em;
/*Button Border Width and Color*/
border: 2px solid #D71921;
/*Button Background Color*/
background: #D71921;
/*Button Font Color*/
color: #fff;
}
.MS-header a.MS-button-01, .MS-header a.MS-button-02 {
margin: 1% 0%;
}
.MS-block a.MS-button-01:hover, .MS-block a.MS-button-02:hover {
/*Button Border Width and Color*/
border: 2px solid #D71921;
/*Button Background Color*/
background: #fff;
/*Button Font Color*/
color: #D71921;
}
.MS-block a.MS-button-02 {
border-radius: 5px
}
.MS-block p.disclaimer {
font-size: 0.75em;
font-weight: 400
}
div.MS-style-01 {
padding: 0%!important
}
.MS-style-01 img, .MS-style-01 div {
display: table-cell;
margin: 0%!important;
text-align: center;
}
.MS-style-01 div {
padding: 5%
}
.MS-style-02 {
clear: both;
display: table;
border-collapse: separate;
border-spacing: 1em
}
.MS-style-02 div {
display: table-cell;
overflow: hidden;width:50%
}
.MS-style-02 img {
margin:0%
}
.MS-style-03 {
table-layout: fixed;
display: table;
text-align: Center;
border-collapse: separate;
border-spacing: 0.5em;
background:#fff;
}
.MS-style-03 div {
display: table-cell;
background: #fff;
color: #000;
width: 20%;background:#fff;
padding:0%;
box-shadow:2px 3px 5px #666
}
.MS-style-03 div>img, .MS-style-03 div>a {
width: 96%;
margin: 2%
}
.MS-style-03 p {
margin:0%;
padding:1%;
background:#ccc
}
.MS-style-03 ul {
margin-left:10%!important;margin:5%
}
.MS-block p.article {
columns: 2;
column-gap: 2em
}
.MS-header, .MS-header img {
margin: 0%!important;
width: 100%!important;
padding: 0%;
position: relative;
overflow: visible;
}
.MS-header div>section {
padding: 5% 3%;
padding-right:15%;
background: linear-gradient(to right, rgba(0,0,0,0.9) 75%,rgba(0,0,0,0) 95%);
text-shadow:0px 0px 2px #000;
color: #fff;
font-size: 16px
}
.MS-header div>section h1 {
font-size: 4.5em;font-weight:900
}
.MS-header div>section h1>span {
font-size:0.5em;display:block;line-height:100%;font-weight:500
}
.MS-header div.left-align {
width: 45%;
position: absolute;
top: 30%;
transform: translateX(-0%) translateY(-50%)
}
.MS-header div.right-align {
width: 40%;
position: absolute;
top: 50%;
left: 100%;
transform: translateX(-100%) translateY(-50%)
}
.MS-header div.left-align>a, .MS-header div.right-align>a {
width: 100%
}
.MS-header div.top-align {
width: 100%;
position: absolute;
top: 0%;
left: 50%;
transform: translateX(-50%) translateY(-0%);
text-align: center
}
.MS-header div.bottom-align {
width: 100%;
position: absolute;
top: 100%;
left: 0%;
transform: translateX(0%) translateY(-100%);
text-align: center
}
.MS-Footer {
background: #333;
color: #fff
}
.MS-Footer>a.MS-button-01 {
width: 100%;
background: #1c69d3;
margin: 0%
}
.MS-custom-btn li {
margin:0.5% 0%
}