/* Remove STicky header, because it makes the banner stay too low when browsing inventory */
.page-header.sticky-header-nav{ position: relative !important;}
.ddc-wrapper{/* position: relative; top: -306px !important; */padding-top: 5px !important;}
/* End Remove STicky header, because it makes the banner stay too low when browsing inventory */
/*[data-widget-id="dealernotes1"]{color: #002283;}*/
h3[attr~= "Dealer Notes"]{color: #002283;}
/* New DMJ Beta */
.hoursBox{
	width: 20%;
	heght: 100%;
	/* padding:14px; */
	padding-bottom: 14px;
	padding-left: 14px;
	padding-right: 14px;
	/* background:linear-gradient(
    90deg,
    rgba(66,103,178,1) 10%,
    rgba(66,103,178,.3) 25%,
	rgba(66,103,178,.1) 50%,
   rgba(66,103,178,.3) 75%,
    rgba(66,103,178,1) 90%
  ); */
  font-size: 2.8em;
  font-weight: 300;
  color: #999;
}
h1{padding:2px; margin: 2px;}
.textBox{
	font-family: "Open Sans", sans-serif;
	width: 20%;
	heght: 100%;
	/* background:linear-gradient(
    90deg,
    rgba(0,0,0,1) 10%,
    rgba(0,0,0,1) 25%,
	rgba(0,0,0,1) 50%,
   rgba(0,0,0,1) 75%,
    rgba(0,0,0,1) 90%
  ); */
  font-size: 1.2em;
  font-weight: 400;
  color: #fff;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.tg{border-collapse:collapse;}
.tg td{border-collapse:collapse;}
.tg th{overflow:hidden;}
@media all and (max-width: 479px) {
	.lpT, .lpt table, 
	.lpt thead, .lpt tbody, 
	.lpt th{display: block;}}
@media all and (max-width: 479px) {
	.dmjTbl{
	width: 100%;
	font-family: "Open Sans", sans-serif;
	 }
.dmjTH{ }
.theadDJ{width: 100%;}
.dmjHfont{color: #fff; font-size: 5.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS{color: #F00; font-size: 5.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G{color: #f00; font-size: 6.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G2{color: #999; font-size: 4.0vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-S{color: #F00; font-size: 3.5vw; font-family: "Open Sans", sans-serif; }
}
@media only screen and (min-width: 480px){ 
.dmjTbl{
	
background: transparent !important;
	width: 45%;
	font-family: "Open Sans", sans-serif;
	}
.dmjTH{background: transparent !important;}
.dmjHfont{color: #000; font-size: 2.5vw; padding-right: 0px; font-family: "Open Sans", sans-serif;}
.dmjDHMS{color: #f00 !important; font-size: 1.8vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G{color: #f00; font-size: 1.8vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-G2{color: #000; font-size: 1.8vw; font-family: "Open Sans", sans-serif; }
.dmjDHMS-S{color: #F00; font-size: 1.0vw; font-family: "Open Sans", sans-serif; }
}
.dmjFcFS{margin-left: 250px !important; margin-right: 250px !important;}
.content-alert-banner-message{background-color: #000; background-image: url("https://pictures.dealer.com/n/napletonsmidriverschryslercllc/1234/4c3746ea2c0540e3ab2f5a1135284f13.jpg"), url("https://pictures.dealer.com/n/napletonsmidriverschryslercllc/1234/40ad172f8e0e4955802d569bbbceffb5.jpg");/*, linear-gradient(
    90deg, rgba(0,0,0,.4) 14%,
    rgba(0,156,0,.9) 25%,
   rgba(0,156,0,.9) 75%,
    rgba(0,156,0,.4) 86%
  );*/ background-repeat: no-repeat; background-size: contain !important;
  background-position: left center, right center,
    right 0em top 0em; background-size: contain; font-size: 21px; font-weight: bold !important; padding: 2px; margin: -13px !important; bottom-margin: 12px !important; color: #f00 !important;} 
.memDMJ{font-size: 1.5vw;}
.text-link.text-link-inverse.content-alert-banner-link{/* background: #000 !important; */ opacity: .8 !important; color: #fff; margin-left: -10px; font-size: 24px; padding-left: 20px; padding: 4px;}
.dmjIncrease{ 
   text-transform: uppercase;
  background-image: linear-gradient(
    -260deg,
	#009900 5%,
	#fffd74 16%,
 	#93E9BE 25%,
	#0000FF 35%,
    	#0000FF 65%,
    	#93E9BE 75%,
    	#fffd74 84%,
	#009900 95%


  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #000;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 7s linear infinite;
  display: inline-block;
      font-size: 46px;
	margin-bottom: -12px;
}
@keyframes textclip {
  to {
    background-position: -200% center;
  }
}
/* New DMJ Beta */
[data-web-api-unique-hash="286137513"]{opacity: .6; width: 70% !important;}
[data-location="vehicle-eprice-button"]{padding: 18px; font-size: 20px !important;}
.price-btn .mb-3{background:rgb("0,143,254,.9");}
.price-value{color: #009900 !important; font-size: 26px;}
.violetIMG{
content: url(https://napleton.com/images/Violet-Foundation-Mobile.webp);
background-repeat: no-repeat;
width: 100%;
}
.DMJ-4th{ background-image: url("https://pictures.dealer.com/n/napletonsclermontchryslerjeepcllc/1189/d5dffcf75bf4f594f9db4efbc28899d2x.jpg"); background-size: 100%; background-repeat: no-repeat; height:90px; padding: 1px;}
.content-alert-banner-link{position: relative; top: -2px;}
.DmjViolet{
position: fixed;
bottom: 0px !important;
right: 0px !important;
z-index: 1900 !important;
width: 20%;
}

/*Migrating over from eprice customizations to vehicle CTA 'Save Me More'*/
.vdp .btn-info {background: linear-gradient(#ff4e00, #ff8a00) !important; border-color: #924f0; color: #000000; border-radius: 8px; font-size: 23px !important; font-weight: bold; font-style: italic; text-shadow: 0px 0px #000000; border: solid 1px;     padding: 16px;}

.navbar-nav .dropdown .sublabelled {min-width:50px; padding: 11px 13px;}
/* dtannasaponjyan */
.has-eprice .dialog.epriceLink {margin-bottom:5px;}

.inventory-detail-pricing .pricing .ePrice .btn-default::before {
    line-height: 42px;
    display: none;
}


/* M-00410405 billyh */
.serviceButton {position: absolute; right: 240px; top: 60px; width: 140px;}

/* M-00416225 billyh */
.index .inventory-search-form .ddc-span8 {width:100%;margin:0;}
.index .inventory-search-form {width:600px;margin:0 auto;}
.index .inventory-search-form .form-group {display:inline-block;}
.index .inventory-search-form .form-group:first-child {width: 535px;}
.index .box:hover{
opacity: .6;
}
/* Start 'vdp-ePrice-button' (do not modify this line) */
/* Modified by ddcawehmeyer on 06/08/17 03:54 PM EDT */
.vdp .pricing .eprice.button { text-decoration: none; font-style: italic; font-weight: bold; font-size: 21px; text-shadow: 0px 0px #000000; color: #000000;}
.vdp .pricing .eprice.button:hover { color: #ffffff; }
.vdp .pricing .eprice.button { border: solid 1px; border-color: #924f01; padding:12px; width: 252px; background: linear-gradient(#ffef03,#ffd503); border-radius:8px; background-image: linear-gradient(#ff4e00, #ff8a00);}
.vdp .pricing .btn.eprice.button:hover { border: solid 1px; border-color: #924f01; background: #ff0000; background-color: #ff0000; background-image: none; }
/* End 'vdp-ePrice-button' (do not modify this line) */
.vdp .inv-type-new.pricing .final-price .price { text-decoration: none; font-face: open sans; font-weight: 400; padding-top: 10px; padding-bottom: 15px; font-size: 25px; color: #04af00; }
.vdp .inv-type-new.pricing .final-price .label { text-decoration: none; font-face: open sans; font-weight: 400; padding-top: 10px; padding-bottom: 15px; font-size: 25px; color: #04af00; } */
.vdp .inv-type-new.pricing .abSub .label { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 15.0px; color: #04af00; }
.vdp .inv-type-new.pricing .abSub .price{ text-decoration: none; font-family: open sans; font-weight: 300; font-size: 15.0px; color: #04af00; }
.vdp .inv-type-new.pricing .rebate .label { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 15.0px; color: #04af00; }
.vdp .inv-type-new.pricing .rebate .price{ text-decoration: none; font-family: open sans; font-weight: 300; font-size: 15.0px; color: #04af00; }
.vdp .inv-type-new.pricing .final-price .label { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 14px; color: #04af00; }
.vdp .inv-type-new.pricing .final-price .price { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 23px; color: #04af00; }

.vlp .inv-type-used .pricing .final-price .label { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 14px; color: #04af00; }
.vlp .inv-type-used .pricing .final-price .value{ text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 23px; color: #04af00; }

.vlp .inventoryList .item.inv-type-new .pricing .abSub .label { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 13.0px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .abSub .value { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 13.0px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .rebate .label { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 13.0px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .rebate .value { text-decoration: none; font-family: open sans; font-weight: 300; font-size: 13.0px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .final-price .label { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 14px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .final-price .value { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 23px; color: #04af00; }
/* Start 'vlp-ePrice-button' (do not modify this line) */
/* Modified by ddcawehmeyer on 06/08/17 04:17 PM EDT */
.vlp .inventoryList .pricing .btn.eprice span { text-decoration: none; font-family: roboto; font-weight: bold; font-size: 19px; text-shadow: 0px 0px #000000; color: #fff; }
/*.vlp .inventoryList .pricing .btn.eprice span { text-decoration: none; font-style: italic; font-size: 22px; color: #ffffff; }*/
.vlp .inventoryList .pricing .btn.eprice:hover span { color: #ffffff; }
.vlp .inventoryList .pricing .btn.eprice span { background: none; background-image: none; background-color: transparent; }
.vlp .inventoryList .pricing .btn.eprice { border: solid 1px; border-color: #924f01; color: #fff; padding:14px; width: 210px; height: 50px; background: linear-gradient(#ffef03,#ffd503); border-radius:8px; background-image: linear-gradient(#ff4e00,#ff8a00); background-color: none; }
.vlp .inventoryList .pricing .btn.eprice:hover { border: none; background: #ff0100; border-style: inset; background-color: #009900; opacity: .7;  background-image: none; }
/* End 'vlp-ePrice-button' (do not modify this line) */
.vlp .inventoryList .item.inv-type-new .pricing .final-price .label { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 14px; color: #04af00; }
.vlp .inventoryList .item.inv-type-new .pricing .final-price .value { text-decoration: none; font-face: open sans; font-weight: bold; padding-top: 10px; padding-bottom: 15px; font-size: 23px; color: #04af00; }
.navbar-nav .nav>li>a { min-width: 100px; } 
.shrink-header-nav .serviceButton { top: 12px; width: 100px; right: 220px;}

/* Start 'vlp-new-price-label-rebate' (do not modify this line) */
/* Modified by ddcawehmeyer on 04/13/18 12:38 PM EDT */
.vlp .inventoryList .item.inv-type-new .pricing .rebate .label { text-decoration: none; font-weight: 300; font-size: 13px; color: #04af00; }
/* End 'vlp-new-price-label-rebate' (do not modify this line) */

/* Start 'vdp-new-price-label-rebate' (do not modify this line) */
/* Modified by ddcawehmeyer on 04/13/18 12:39 PM EDT */
.vdp .inv-type-new.pricing .rebate .label { text-decoration: none; font-weight: 300; font-size: 15px; color: #04af00; }
/* End 'vdp-new-price-label-rebate' (do not modify this line) */
.tableFont{
	font-family:alegra sans;
	color:#FFFFFF;
	font-size:24px;
	font-weight:200;
}
div.MenuService{
 background-image: linear-gradient(#8b0000, #ff0000);
background: linear-gradient(#ff0000,#8b0000);
 height: 60%;
 width: 100%;
 border: #000000 solid 1px;
 border-radius:7px;
color: white;
 margin: 0px;
 padding:9px;
box-shadow: 
  0 1px 2px #fff, /*bottom external highlight*/
  0 -1px 1px #860000, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.7); /*top internal highlight*/
}

div.MenuService:hover{
background: linear-gradient(#8b0000,#ff0000);
 height: 60%;
 width: 100%;
 border-radius:9px;
color: white;
 margin: 0px;
 padding:9px;
 box-shadow: 0px 0px 0px 1px #000 inset;
}
#bcrumb Ol
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li { display: inline;font-family:"Roboto";
font-weight:200; }

#bcrumb Ol li a
{
text-decoration: none;
padding: .1em 1em;
color: #000;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-family:"Roboto";
font-weight:200;
}
/* New Acura Classes  Use these for CSS*/
#bcrumb Ol
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li { display: inline;font-family:"Roboto";
font-weight:200; }

#bcrumb Ol li a
{
text-decoration: none;
padding: .1em 1em;
color: #000;
font-family:"Roboto";
font-weight:200;
}

#bcrumb Ol li a:hover
{
color: #fff;
background-color: #00b4ff;
font-family:"Roboto";
font-weight:200;
}
.newDJ {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: shake .5s;
	animation-delay: 3s;
animation-iteration-count: infinite; 
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes shake {
    
  10%, 90% {transform: rotate(-2deg);}
  20%, 80% {transform: rotate(1deg);}
  40%, 60% {transform: translate3d(3px, 0, 0);}

} 
.newDJ2 {
    /* Start the shake animation and make the animation last for 0.5 seconds  */
    animation: wiggle .5s;
	animation-delay: 5s;
animation-iteration-count: infinite; 
    /* When the animation is finished, start again */
    animation-iteration-count: 3; 
}
@keyframes wiggle {


  10% {transform: translate3d(3px, 120, 215);}
  20% {transform: rotate(360deg);}
  30% {transform: translate3d(6px, -120, -230);}
  50% {transform: rotate(-3deg);}



} 
.box2:hover{
opacity: .7;}
.stackedFinal.final-price .value{
color: #ff0000;
}
.salePrice .label{
color: #515151;
font-weight: 200;
}
.salePrice .value{
color: #515151;
font-weight: 200;
}
.stackedRebate.subtotal.discount .value{
color: #006600;

}
.stackedRebate.subtotal.discount .label{
color: #006600;
font-weight: bold;
}
.msrp .label{
color: #b5b5b5;
font-weight: 100;
}
.msrp .value{
color: #b5b5b5;
font-weight: 100;
}
.box2:hover{
opacity: .7;
}
.modelButtons {
  background: #004e00;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 9px;
 border-bottom-right-radius: 9px;
color: white;
 margin: 0px;

 box-shadow: 0px -5px 6px 1px #626366 inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtons:hover {

  background: #00ec00;
  height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 9px;
 border-bottom-right-radius: 9px;
color: white;
 margin: 0px;
 box-shadow: 0px -5px 9px 1px #007bff inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG {
  background: #009900;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 9px;
 border-bottom-right-radius: 9px;
color: white;
 margin: 0px;
 box-shadow: 0px -5px 6px 1px #004e00 inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG:hover {
    background: #00ec00;
  height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-bottom-left-radius: 9px;
 border-bottom-right-radius: 9px;
color: white;
 margin: 0px;

 box-shadow: 0px -5px 6px 1px #007bff inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
/*Top Model Buttons*/
.modelButtons2 {
    background: #004e00;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-top-left-radius: 9px;
 border-top-right-radius: 9px;
color: white;
 margin: 0px;
 box-shadow: 0px 5px 6px 1px #009900 inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtons2:hover {
  background: #00ec00;
  height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-top-left-radius: 9px;
 border-top-right-radius: 9px;
color: white;
 margin: 0px;
 box-shadow: 0px 5px 9px 1px #009900 inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG2 {
  background: #009900;
 height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-top-left-radius: 9px;
 border-top-right-radius: 9px;
color: white;
 margin: 0px;
 box-shadow: 0px 5px 6px 1px #009900 inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
.modelButtonsG2:hover {
    background: #00ec00;
  height: 100%;
 width: 100%;
font-face: "open Sans";
font-size: 26px;
 border: #000000 solid 1px;
 border-top-left-radius: 9px;
 border-top-right-radius: 9px;
color: white;
 margin: 0px;
 box-shadow: 0px 5px 6px 1px #009900 inset;
 padding:15px;
	text-align:center; !important;
	vertical-align:middle; !important;
	display:inline-block;
}
a.model3 {
	Text-decoration: none;
	font-family: alegra sans;
	font-size: 26px;
	color: #FFF;
    }
/* visited link */
a:visited.model3 {
   Text-decoration: none;
   font-family: alegra sans;
	font-size: 26px;
	color: #FFF;
}
/* mouse over link */
a:hover.model3 {
	Text-decoration: none;
	font-family: alegra sans;
	font-size: 26px;
	color: #F00;
}
#EddieFloat  {
float: right;    
 margin: 0 0 0 15px;
}
#EddieFloat2  {
float: left;    
 margin: 0 15px 0px 0px;
}

.LDbtn5{
	position: relative; display: inline-block; left: 50%; top: 50px;
	transform: translate(-50%,-50%);
	text-transform: uppercase;
	color: #000D4F; background-color: #D3F2FF;
	padding: 30px 60px;
	font-size: 25px;
	letter-spacing: 2px;
        width: 100%;
	text-decoration: none;
	box-shadow: 0 2px 5px rgba(255,255,255,0.05);
	overflow: hidden;}
.LDbtn5:before{
	position: relative;
	width: 50%;
	background: rgba(255,255,255,0.05);}
.LDbtn5 span:nth-child(1){
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to right, #0c002b, #1779ff);
	animation: animate1 2s linear infinite;}
@keyframes animate1{
	0%{
		transform: translateX(-100%);}
	100%{
		transform: translateX(100%);}}
.LDbtn5 span:nth-child(2){
	position: absolute;
	top: 0;
	right: 0;
        width: 5px;
	height: 100%;
	background: linear-gradient(to bottom, #0c002b, #1779ff);
	animation: animate2 2s linear infinite;
	animation-delay: 1s;}
@keyframes animate2{
	0%{
		transform: translateY(-100%);
	}
	100%{
		transform: translateY(100%);}}
.LDbtn5 span:nth-child(3){
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(to left, #0c002b, #1779ff);
	animation: animate3 2s linear infinite;}
@keyframes animate3{
	0%{
		transform: translateX(100%);
	}
	100%{
		transform: translateX(-100%);}}
.LDbtn5 span:nth-child(4){
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: linear-gradient(to top, #0c002b, #1779ff);
	animation: animate4 2s linear infinite;
	animation-delay: 1s;}
@keyframes animate4{
	0%{
		transform: translateY(100%);
	}
	100%{
		transform: translateY(-100%);}}

/* Responsive table */
@media all and (max-width: 479px) {
.lpT, .lpt table,
  .lpt thead,
 .lpt tbody,
 .lpt th,
  .lpt td,
 .lpt tr
{
    display: block	;
  }}

.LPDbtn1 {
background-color: #2657FF;
-webkit-border-radius:0px;
border-radius: 0;
width: 100%;
border: 0;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 25px;
padding: 20px 15px;
text-align: center;
text-decoration: none;
}
@keyframes glowing {
0% {
background-color: #2657FF;
box-shadow: 0 0 20px #2657FF; }
50% {
background-color: #002AB9;
box-shadow: 0 0 60px #002AB9; }
100% {
background-color: #2657FF;
box-shadow: 0 0 20px #2657FF; }
}
.LPDbtn1 {
animation: glowing 2000ms infinite; }

.LDbtn1 {background-color: white; border: 5px solid #00307E; color: #00307E; width: 100%; font-size: 25px; padding: 8px 12px;}
.LDbtn1:hover {background-color: #00307E; color: white; border: 5px solid white;}