/* main color*/ .mainClr { color: #1C1C1C!important; } .mainBdrClr { border-color: #1C1C1C!important; } .mainBGClr { background-color: #1C1C1C!important; } .hoverBGClr:hover { background-color: #1C1C1C!important; } svg.mainBGClr { background: none!important; fill: #1C1C1C!important; } .fillClr { fill: #1C1C1C!important; } /* button color*/ .btnClr { color:#FFFFFF!important; } .btnBdrClr { border-color: #C39633!important; } .btnBGClr { background-color: #C39633!important; } .btnBGClr:hover { background-color: #C39633!important; } .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .btnBGHvrClr:hover { background-color:#C39633!important; } .btnHeadBGClr { background-color: (HeadButtonColor)!important; color: #000!important; } .btnHeadBGClr .panel.top .button {background-color:(HeadButtonColor)!important; background:#fff; color:#000;} .btnShadowClr {-webkit-box-shadow: 0px 0px 0px 5px #C39633!important; -moz-box-shadow: 0px 0px 0px 5px #C39633!important; box-shadow: 0px 0px 0px 5px #C39633!important; box-shadow: 0px 0px 0px 5px #C39633!important;} /*.custom-header.btnstyle_2 .trigger {background-color: transparent !important; border-color: #C39633 !important; } .custom-header.btnstyle_2 .btnClr {color:#C39633 !important;}*/ .speech-bubble {background-color:#C39633!important; color:#FFFFFF!important;} .speech-bubble:after {border-bottom-color: #1C1C1C!important;} .speech-bubble:hover:after {border-bottom-color: #1C1C1C!important;} .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .btn-txt-clr, .btn-txt-clr span { color: #FFFFFF!important;} .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .btn-outline-clr:hover { border:1px solid transparent!important; box-shadow:none; /*opacity:0.8;*/background-color: rgba(195,150,51, 0.7)!important; } body .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .blrEnqBtn .dropdown-el.expanded label:hover, body .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .tabbedinfo h2.resp-accordion { background: rgba(28,28,28, 0.2)!important; } .pcpTabs .tabbedinfo .tabs li.resp-tab-active { color: #C39633!important; } .tabbedinfo .tabs li:before { background-color: #C39633!important; } .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .pulser, .showcaseFlip .pulser { box-shadow: 0 0 0 0 #C39633; } .ucHome11 .landerbtn { box-shadow: 0px 0px 28px #C39633; } ul.tick-list li:before {color: #C39633!important; } .editorDescription ul li:before {color: #C39633!important; } .vaulttl { color: #C39633!important;} .txtShadowPulse {-webkit-animation: txtpulser 2s infinite ease-in-out; animation: txtpulser 2s infinite ease-in-out;} @keyframes txtpulser { 0% { text-shadow: 1px 1px 6px rgba(195,150,51,0.2); } 50% { text-shadow: 1px 1px 6px rgba(195,150,51,1); } 100% { text-shadow: 1px 1px 6px rgba(195,150,51,0.2); } } @-webkit-keyframes txtpulser { 0% { -webkit-text-shadow: 1px 1px 6px rgba(195,150,51,0.2); } 50% { -webkit-text-shadow: 1px 1px 6px rgba(195,150,51,1); } 100% { -webkit-text-shadow: 1px 1px 6px rgba(195,150,51,0.2); } } .blueleft:before {background: #C39633!important; } .spinactive.highlight {box-shadow: 0px 0px 13px 4px rgba(195,150,51,1)!important; box-shadow: 0px 0px 13px 4px rgba(195,150,51,1)!important; -webkit-box-shadow: 0px 0px 13px 4px rgba(195,150,51,1)!important; -moz-box-shadow: 0px 0px 13px 4px rgba(195,150,51,1)!important;-webkit-animation: pulser 2s infinite ease-in-out; animation: pulser 2s infinite ease-in-out;} .btnPulsate .btnBGClr.gonext,.btnPulsate .scratchBtn.btnBGClr,.btnPulsate .sidebar.popSidebar .button, .btnPulsate .custom-header .trigger, .btnPulsate .custom-header .button {animation: btnShadow 2s infinite ease-in-out; -webkit-animation: btnShadow 2s infinite ease-in-out;} @keyframes btnShadow {0% { box-shadow: 0 0 14px rgba(195,150,51, 0.2); } 50% {box-shadow: 0 0 14px 6px rgba(195,150,51, 0.9);} 100% { box-shadow: 0 0 14px rgba(195,150,51, 0.2); }} @-webkit-keyframes pulse { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } @keyframes pulser { 0% { box-shadow: 0 0 14px rgba(195,150,51,0.2)!important; } 50% { box-shadow: 0 0 14px 6px rgba(195,150,51,0.9)!important; } 100% { box-shadow: 0 0 14px rgba(195,150,51,0.2)!important; } } @-webkit-keyframes pulser { 0% { -webkit-box-shadow: 0 0 14px rgba(195,150,51,0.2)!important; } 50% { -webkit-box-shadow: 0 0 14px 6px rgba(195,150,51,0.9)!important; } 100% { -webkit-box-shadow: 0 0 14px rgba(195,150,51,0.2)!important; } } .scratched { animation: scratchShadow 2s infinite ease-in-out; -webkit-animation: scratchShadow 2s infinite ease-in-out; } @keyframes scratchShadow { 0% { box-shadow: 0 0 14px #1C1C1C; } 50% {box-shadow: 0 0 14px 6px #1C1C1C;} 100% { box-shadow: 0 0 14px #1C1C1C; } } .btnPulsate .button, .btnPulsate .btnBGClr, .btnPulsate .btnRGBClr { animation: btnpulsate 1.35s infinite; } @-webkit-keyframes btnpulsate { 0% { box-shadow: 0px 0px 0px 0px #FFFFFF; } 50% { box-shadow: 0px 0px 6px 2px #FFFFFF; } 100% { box-shadow: 0px 0px 0px 0px #FFFFFF; } } .sidebarTrigger.refineBtn { background-color: #C39633!important; } .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } .can-toggle label .can-toggle__switch:after { background-color: #C39633!important; } .show_items .item_paging .item_nom li a { background-color: #1C1C1C!important; border-color: #1C1C1C!important; } .srchSwitch .swWrp input:checked + label { background-color: #C39633!important; } .cstmCheck.radio li > label span input:checked + label:after { background-color: #C39633!important; } .ucheader22.panel .right .fa, .breadCrumb .breadcrumb li a:not(.active) { color: rgba(28,28,28, 0.35)!important; } .ucheader22.panel .left a:after { background: rgba(28,28,28, 0.35)!important; } .offerDetail1 .inviteBlck .frame-94 { background: rgba(195,150,51, 0.17)!important; } /* offer color*/ .ofrClr { color: #FFFFFF!important; fill: #FFFFFF!important; } .ofrBdrClr { border-color: #FFFFFF!important; } .ofrBGClr { background-color: #FFFFFF!important; } .ofrBdrHvrClr:hover { border-color: #C39633!important; } .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .home_style14 .landerbtn { background: rgba(195,150,51, 1)!important; } .head_style6 .btnHead, .head_style6 + .navLinksMob .btnHead, .head_style7 .btnHead, .head_style7 + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .btnHead:hover, .head_style6 + .navLinksMob .btnHead:hover, .head_style7 .btnHead:hover, .head_style7 + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .btnHead, .head_style8 + .navLinksMob .btnHead, .head_style9 .btnHead, .head_style9 + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .btnHead:hover, .head_style8 + .navLinksMob .btnHead:hover, .head_style9 .btnHead:hover, .head_style9 + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .centerInner li a:before, .panel.head_style4 .centerInner li a:after, .panel.head_style4 + .navLinksMob li a:before, .panel.head_style4 + .navLinksMob li a:after, .panel.head_style5 .centerInner li a:before, .panel.head_style5 .centerInner li a:after, .panel.head_style5 + .navLinksMob li a:before, .panel.head_style5 + .navLinksMob li a:after { border-color: #C39633!important; } .wantCarForm h3.sepTitle:before{ background-color:#C39633!important;} .wantCarForm h3.sepTitle:after{ background-color:#C39633!important;} :root { --upgrade-step-color:#FFF7F8!important; --upgrade-selection:#C39633!important; --upgrd-btn-clr-rgb: rgba(0,0,0,0.27); --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; } /*Upgrade*/ body { --upgrade-theme-main-color :#1C1C1C!important; --upgrade-theme-step-color :#FFF7F8!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :255,247,248!important; --upgrade-selection-rgb :195,150,51!important; } :root{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF; --btn-pulse-color: #FFFFFF;} .newcarSteps li.active span { background: var(--upgrade-step-color)!important; } .dateSelect .dateSec:not(.liquidEffect):hover { background: var(--upgrade-hover)!important; opacity:1!important; } .btnSelections .vehTypeBtn:hover {background: var(--upgrade-hover)!important; opacity:1!important;} .dateSelect li.active .dateSec { background: var(--upgrade-hover)!important; color: #fff;} /*Buttons Style*/ body.btn-style1 .btnStyle { background-color: transparent !important; border: none !important; color: var(--btn-color) !important; } body.btn-style1 .btnStyle:hover { background-color: transparent !important; border: none !important; color: var(--btn-hover) !important; } body.btn-style2 .btnStyle { background-color: transparent !important; border: 2px solid var(--btn-color) !important; color: var(--btn-color) !important; } body.btn-style2 .btnStyle:hover { background-color: var(--btn-hover) !important; border: 2px solid var(--btn-hover) !important; color: var(--btn-text-color) !important; } body.btn-style3 .btnStyle { background-color: var(--btn-color) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; } body.btn-style3 .btnStyle:hover { background-color: var(--btn-hover) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; } body.btn-style1 .btnStyle svg{ fill: var(--btn-color) !important; } body.btn-style1 .btnStyle:hover svg{ fill: var(--btn-hover) !important; } body.btn-style2 .btnStyle svg{ fill: var(--btn-color) !important; } body.btn-style2 .btnStyle:hover svg{ fill: var(--btn-hover) !important; } body.btn-style3 .btnStyle svg{ fill: var(--btn-text-color) !important; } body.btn-style3 .btnStyle:hover svg{ fill: var(--btn-text-color) !important; } .modelSelect .nxtButton.btnStyle:hover {background-color:var(--btn-color) !important; color:var(--btn-text-color) !important; } .modelSelect .nxtButton.btnStyle:hover svg{fill:var(--btn-text-color) !important;} header.btnstyle_1 .btnStyle { background-color: transparent !important; border: none !important; color: var(--btn-color) !important; } header.btnstyle_1 .btnStyle:hover { background-color: transparent !important; border: none !important; color: var(--btn-hover) !important; } header.btnstyle_2 .btnStyle { background-color: transparent !important; border: 2px solid var(--btn-color) !important; color: var(--btn-color) !important; } header.btnstyle_2 .btnStyle:hover { background-color: transparent !important; border: 2px solid var(--btn-hover) !important; color: var(--btn-hover) !important; } header.btnstyle_3 .btnStyle { background-color: var(--btn-color) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; } header.btnstyle_3 .btnStyle:hover { background-color: var(--btn-hover) !important; border-color: var(--btn-color) !important; color: var(--btn-text-color) !important; } header.btnstyle_1 .btnStyle svg{ fill: var(--btn-color) !important; } header.btnstyle_1 .btnStyle:hover svg{ fill: var(--btn-hover) !important; } header.btnstyle_2 .btnStyle svg{ fill: var(--btn-text-color) !important; } header.btnstyle_2 .btnStyle:hover svg{ fill: var(--btn-hover) !important; } header.btnstyle_3 .btnStyle svg{ fill: var(--btn-text-color) !important; } header.btnstyle_3 .btnStyle:hover svg{ fill: var(--btn-text-color) !important; } .blueleft {border-color:var(--btn-color) !important;} body.btn-liquid .btnStyle:not(.nxtButton) { cursor: pointer; overflow: hidden; --p: 0%; --t: 0s; background: linear-gradient(#fff, var(--btn-color) 0 0) no-repeat 0 100% / 100% var(--p, 5px)!important; transition: background-size 0.3s ease-out, background-size 0.3s var(--t) ease-in, color 0.3s ease!important; color: var(--btn-color) !important; border: 2px solid var(--btn-color) !important; } body.btn-liquid .btnStyle:not(.nxtButton):hover { --p: 100%; --t: 0s; color: #FFF !important; border: 2px solid var(--btn-color) !important; background-color:transparent!important; } body.btn-liquid:not(.btn-style2) .btnStyle:hover svg{fill: #FFF !important;} body.btn-liquid header .btnStyle:hover {--t: 0.3s;} body.btn-style3.btn-liquid .btnStyle.nxtButton:hover {color:#FFF!important;} body.btn-pulsate .btnStyle:not(.nxtButton) { box-shadow: 0 0 1px 2px var(--btn-pulse-color); -webkit-animation: btnPulse 1.35s infinite; animation: btnPulse 1.35s infinite; } body.btn-pulsate .btnStyle:hover { -webkit-animation: none; } /*body.btn-liquid .btnStyle { cursor: pointer; overflow: hidden; --p: 0%; --t: 0s; background: linear-gradient(#fff, var(--btn-hover) 0 0) no-repeat 0 100% / 100% var(--p, 5px)!important; transition: background-size 0.3s ease-out, background-size 0.3s var(--t) ease-in, color 0.3s ease!important; color: var(--btn-color) !important; border: 2px solid var(--btn-hover) !important; } body.btn-liquid .btnStyle:hover { --p: 100%; --t: 0.3s; color: var(--btn-color) !important; } body.btn-pulsate .btnStyle { box-shadow: 0 0 1px 2px var(--btn-pulse-color); -webkit-animation: btnPulse 1.35s infinite; animation: btnPulse 1.35s infinite; } body.btn-pulsate .btnStyle:hover { -webkit-animation: none; }*/ @-webkit-keyframes btnPulse { 10% { box-shadow: 0 0 1px 2px var(--btn-pulse-color); } 70% { box-shadow: 0 0 2px 6px var(--btn-pulse-color); } 100% { box-shadow: 0 0 0 0px var(--btn-pulse-color); } } @keyframes btnPulse { 10% { box-shadow: 0 0 1px 1px var(--btn-pulse-color); } 70% { box-shadow: 0 0 2px 6px var(--btn-pulse-color); } 100% { box-shadow: 0 0 0 0px var(--btn-pulse-color); } } body .alfa-romeo { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#404040!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .alfa-romeo .mainClr { color: #404040!important; } .alfa-romeo .mainBdrClr { border-color: #404040!important; } .alfa-romeo .mainBGClr { background-color: #404040!important; } .alfa-romeo svg.mainBGClr { background: none!important; fill: #404040!important; } /* button color*/ .alfa-romeo .btnClr { color: #FFFFFF!important; } .alfa-romeo .btnBdrClr { border-color: #C39633!important; } .alfa-romeo .btnBdrClr { border-color: #C39633!important;} .alfa-romeo .btnBGClr { background-color: #C39633!important; } .alfa-romeo .btnBGClr:hover { background-color:#C39633!important; } .alfa-romeo .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .alfa-romeo .btnBGHvrClr:hover { background-color:#C39633!important; } .alfa-romeo .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .alfa-romeo .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .alfa-romeo .btn-txt-clr { color: #FFFFFF!important;} .alfa-romeo .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .alfa-romeo .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .alfa-romeo .btn-outline-clr:hover, .alfa-romeo .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .alfa-romeo .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .alfa-romeo .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .alfa-romeo .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .alfa-romeo .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .alfa-romeo .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .alfa-romeo .blrEnqBtn .dropdown-el.expanded label:hover, body .alfa-romeo .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .alfa-romeo .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .alfa-romeo .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .alfa-romeo .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .alfa-romeo .tabbedinfo .tabs li:before { background-color: #C39633!important; } .alfa-romeo .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .alfa-romeo .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsealfa-romeo 1.35s infinite; } @-webkit-keyframes pulsealfa-romeo { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowalfa-romeo 2s infinite ease-in-out; -webkit-animation: scratchShadowalfa-romeo 2s infinite ease-in-out; } @keyframes scratchShadowalfa-romeo { 0% { box-shadow: 0 0 14px #404040; } 50% {box-shadow: 0 0 14px 6px #404040;} 100% { box-shadow: 0 0 14px #404040; } } .alfa-romeo .sidebarTrigger.refineBtn { background-color: #C39633!important; } .alfa-romeo .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .alfa-romeo .ofrClr, .alfa-romeo .ofrClr p, .alfa-romeo .ofrClr strong { color: #FFFFFF!important; } .alfa-romeo .ofrBdrClr { border-color: #FFFFFF!important; } .alfa-romeo .ofrBGClr { background-color: #FFFFFF!important; } .alfa-romeo .ofrBdrHvrClr:hover { border-color: #C39633!important; } .alfa-romeo .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .alfa-romeo .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .alfa-romeo .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .alfa-romeo .btnHead, .head_style6 .alfa-romeo + .navLinksMob .btnHead, .head_style7 .alfa-romeo .btnHead, .head_style6 .alfa-romeo + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .alfa-romeo .btnHead:hover, .head_style6 .alfa-romeo + .navLinksMob .btnHead:hover, .head_style7 .alfa-romeo .btnHead:hover, .head_style7 .alfa-romeo + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .alfa-romeo .btnHead, .head_style8 .alfa-romeo + .navLinksMob .btnHead, .head_style9 .alfa-romeo .btnHead, .head_style9 .alfa-romeo + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .alfa-romeo .btnHead:hover, .head_style8 .alfa-romeo + .navLinksMob .btnHead:hover, .head_style9 .alfa-romeo .btnHead:hover, .head_style9 .alfa-romeo + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .alfa-romeo .centerInner li a:before, .panel.head_style4 .alfa-romeo .centerInner li a:after, .panel.head_style4 .alfa-romeo + .navLinksMob li a:before, .panel.head_style4 .alfa-romeo + .navLinksMob li a:after, .panel.head_style5 .alfa-romeo .centerInner li a:before, .panel.head_style5 .alfa-romeo .centerInner li a:after, .panel.head_style5 .alfa-romeo + .navLinksMob li a:before, .panel.head_style5 .alfa-romeo + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.alfa-romeo{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .alfa-romeo { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#404040!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .alfa-romeo .mainClr { color: #404040!important; } .alfa-romeo .mainBdrClr { border-color: #404040!important; } .alfa-romeo .mainBGClr { background-color: #404040!important; } .alfa-romeo svg.mainBGClr { background: none!important; fill: #404040!important; } /* button color*/ .alfa-romeo .btnClr { color: #FFFFFF!important; } .alfa-romeo .btnBdrClr { border-color: #C39633!important; } .alfa-romeo .btnBdrClr { border-color: #C39633!important;} .alfa-romeo .btnBGClr { background-color: #C39633!important; } .alfa-romeo .btnBGClr:hover { background-color:#C39633!important; } .alfa-romeo .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .alfa-romeo .btnBGHvrClr:hover { background-color:#C39633!important; } .alfa-romeo .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .alfa-romeo .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .alfa-romeo .btn-txt-clr { color: #FFFFFF!important;} .alfa-romeo .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .alfa-romeo .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .alfa-romeo .btn-outline-clr:hover, .alfa-romeo .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .alfa-romeo .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .alfa-romeo .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .alfa-romeo .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .alfa-romeo .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .alfa-romeo .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .alfa-romeo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .alfa-romeo .blrEnqBtn .dropdown-el.expanded label:hover, body .alfa-romeo .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .alfa-romeo .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .alfa-romeo .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .alfa-romeo .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .alfa-romeo .tabbedinfo .tabs li:before { background-color: #C39633!important; } .alfa-romeo .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .alfa-romeo .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsealfa-romeo 1.35s infinite; } @-webkit-keyframes pulsealfa-romeo { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowalfa-romeo 2s infinite ease-in-out; -webkit-animation: scratchShadowalfa-romeo 2s infinite ease-in-out; } @keyframes scratchShadowalfa-romeo { 0% { box-shadow: 0 0 14px #404040; } 50% {box-shadow: 0 0 14px 6px #404040;} 100% { box-shadow: 0 0 14px #404040; } } .alfa-romeo .sidebarTrigger.refineBtn { background-color: #C39633!important; } .alfa-romeo .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .alfa-romeo .ofrClr, .alfa-romeo .ofrClr p, .alfa-romeo .ofrClr strong { color: #FFFFFF!important; } .alfa-romeo .ofrBdrClr { border-color: #FFFFFF!important; } .alfa-romeo .ofrBGClr { background-color: #FFFFFF!important; } .alfa-romeo .ofrBdrHvrClr:hover { border-color: #C39633!important; } .alfa-romeo .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .alfa-romeo .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .alfa-romeo .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .alfa-romeo .btnHead, .head_style6 .alfa-romeo + .navLinksMob .btnHead, .head_style7 .alfa-romeo .btnHead, .head_style6 .alfa-romeo + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .alfa-romeo .btnHead:hover, .head_style6 .alfa-romeo + .navLinksMob .btnHead:hover, .head_style7 .alfa-romeo .btnHead:hover, .head_style7 .alfa-romeo + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .alfa-romeo .btnHead, .head_style8 .alfa-romeo + .navLinksMob .btnHead, .head_style9 .alfa-romeo .btnHead, .head_style9 .alfa-romeo + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .alfa-romeo .btnHead:hover, .head_style8 .alfa-romeo + .navLinksMob .btnHead:hover, .head_style9 .alfa-romeo .btnHead:hover, .head_style9 .alfa-romeo + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .alfa-romeo .centerInner li a:before, .panel.head_style4 .alfa-romeo .centerInner li a:after, .panel.head_style4 .alfa-romeo + .navLinksMob li a:before, .panel.head_style4 .alfa-romeo + .navLinksMob li a:after, .panel.head_style5 .alfa-romeo .centerInner li a:before, .panel.head_style5 .alfa-romeo .centerInner li a:after, .panel.head_style5 .alfa-romeo + .navLinksMob li a:before, .panel.head_style5 .alfa-romeo + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.alfa-romeo{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .citroën { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .citroën .mainClr { color: #FFFFFF!important; } .citroën .mainBdrClr { border-color: #FFFFFF!important; } .citroën .mainBGClr { background-color: #FFFFFF!important; } .citroën svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .citroën .btnClr { color: #FFFFFF!important; } .citroën .btnBdrClr { border-color: #C39633!important; } .citroën .btnBdrClr { border-color: #C39633!important;} .citroën .btnBGClr { background-color: #C39633!important; } .citroën .btnBGClr:hover { background-color:#C39633!important; } .citroën .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .citroën .btnBGHvrClr:hover { background-color:#C39633!important; } .citroën .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .citroën .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .citroën .btn-txt-clr { color: #FFFFFF!important;} .citroën .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .citroën .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .citroën .btn-outline-clr:hover, .citroën .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .citroën .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .citroën .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .citroën .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .citroën .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .citroën .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .citroën .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .citroën .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .citroën .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .citroën .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .citroën .blrEnqBtn .dropdown-el.expanded label:hover, body .citroën .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .citroën .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .citroën .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .citroën .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .citroën .tabbedinfo .tabs li:before { background-color: #C39633!important; } .citroën .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .citroën .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsecitroën 1.35s infinite; } @-webkit-keyframes pulsecitroën { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowcitroën 2s infinite ease-in-out; -webkit-animation: scratchShadowcitroën 2s infinite ease-in-out; } @keyframes scratchShadowcitroën { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .citroën .sidebarTrigger.refineBtn { background-color: #C39633!important; } .citroën .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .citroën .ofrClr, .citroën .ofrClr p, .citroën .ofrClr strong { color: #FFFFFF!important; } .citroën .ofrBdrClr { border-color: #FFFFFF!important; } .citroën .ofrBGClr { background-color: #FFFFFF!important; } .citroën .ofrBdrHvrClr:hover { border-color: #C39633!important; } .citroën .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .citroën .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .citroën .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .citroën .btnHead, .head_style6 .citroën + .navLinksMob .btnHead, .head_style7 .citroën .btnHead, .head_style6 .citroën + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .citroën .btnHead:hover, .head_style6 .citroën + .navLinksMob .btnHead:hover, .head_style7 .citroën .btnHead:hover, .head_style7 .citroën + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .citroën .btnHead, .head_style8 .citroën + .navLinksMob .btnHead, .head_style9 .citroën .btnHead, .head_style9 .citroën + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .citroën .btnHead:hover, .head_style8 .citroën + .navLinksMob .btnHead:hover, .head_style9 .citroën .btnHead:hover, .head_style9 .citroën + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .citroën .centerInner li a:before, .panel.head_style4 .citroën .centerInner li a:after, .panel.head_style4 .citroën + .navLinksMob li a:before, .panel.head_style4 .citroën + .navLinksMob li a:after, .panel.head_style5 .citroën .centerInner li a:before, .panel.head_style5 .citroën .centerInner li a:after, .panel.head_style5 .citroën + .navLinksMob li a:before, .panel.head_style5 .citroën + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.citroën{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .citroën { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .citroën .mainClr { color: #FFFFFF!important; } .citroën .mainBdrClr { border-color: #FFFFFF!important; } .citroën .mainBGClr { background-color: #FFFFFF!important; } .citroën svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .citroën .btnClr { color: #FFFFFF!important; } .citroën .btnBdrClr { border-color: #C39633!important; } .citroën .btnBdrClr { border-color: #C39633!important;} .citroën .btnBGClr { background-color: #C39633!important; } .citroën .btnBGClr:hover { background-color:#C39633!important; } .citroën .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .citroën .btnBGHvrClr:hover { background-color:#C39633!important; } .citroën .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .citroën .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .citroën .btn-txt-clr { color: #FFFFFF!important;} .citroën .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .citroën .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .citroën .btn-outline-clr:hover, .citroën .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .citroën .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .citroën .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .citroën .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .citroën .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .citroën .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .citroën .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .citroën .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .citroën .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .citroën .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .citroën .blrEnqBtn .dropdown-el.expanded label:hover, body .citroën .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .citroën .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .citroën .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .citroën .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .citroën .tabbedinfo .tabs li:before { background-color: #C39633!important; } .citroën .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .citroën .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsecitroën 1.35s infinite; } @-webkit-keyframes pulsecitroën { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowcitroën 2s infinite ease-in-out; -webkit-animation: scratchShadowcitroën 2s infinite ease-in-out; } @keyframes scratchShadowcitroën { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .citroën .sidebarTrigger.refineBtn { background-color: #C39633!important; } .citroën .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .citroën .ofrClr, .citroën .ofrClr p, .citroën .ofrClr strong { color: #FFFFFF!important; } .citroën .ofrBdrClr { border-color: #FFFFFF!important; } .citroën .ofrBGClr { background-color: #FFFFFF!important; } .citroën .ofrBdrHvrClr:hover { border-color: #C39633!important; } .citroën .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .citroën .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .citroën .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .citroën .btnHead, .head_style6 .citroën + .navLinksMob .btnHead, .head_style7 .citroën .btnHead, .head_style6 .citroën + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .citroën .btnHead:hover, .head_style6 .citroën + .navLinksMob .btnHead:hover, .head_style7 .citroën .btnHead:hover, .head_style7 .citroën + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .citroën .btnHead, .head_style8 .citroën + .navLinksMob .btnHead, .head_style9 .citroën .btnHead, .head_style9 .citroën + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .citroën .btnHead:hover, .head_style8 .citroën + .navLinksMob .btnHead:hover, .head_style9 .citroën .btnHead:hover, .head_style9 .citroën + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .citroën .centerInner li a:before, .panel.head_style4 .citroën .centerInner li a:after, .panel.head_style4 .citroën + .navLinksMob li a:before, .panel.head_style4 .citroën + .navLinksMob li a:after, .panel.head_style5 .citroën .centerInner li a:before, .panel.head_style5 .citroën .centerInner li a:after, .panel.head_style5 .citroën + .navLinksMob li a:before, .panel.head_style5 .citroën + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.citroën{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .cupra { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .cupra .mainClr { color: #FFFFFF!important; } .cupra .mainBdrClr { border-color: #FFFFFF!important; } .cupra .mainBGClr { background-color: #FFFFFF!important; } .cupra svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .cupra .btnClr { color: #FFFFFF!important; } .cupra .btnBdrClr { border-color: #C39633!important; } .cupra .btnBdrClr { border-color: #C39633!important;} .cupra .btnBGClr { background-color: #C39633!important; } .cupra .btnBGClr:hover { background-color:#C39633!important; } .cupra .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .cupra .btnBGHvrClr:hover { background-color:#C39633!important; } .cupra .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .cupra .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .cupra .btn-txt-clr { color: #FFFFFF!important;} .cupra .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .cupra .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .cupra .btn-outline-clr:hover, .cupra .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .cupra .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .cupra .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .cupra .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .cupra .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .cupra .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .cupra .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .cupra .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .cupra .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .cupra .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .cupra .blrEnqBtn .dropdown-el.expanded label:hover, body .cupra .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .cupra .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .cupra .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .cupra .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .cupra .tabbedinfo .tabs li:before { background-color: #C39633!important; } .cupra .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .cupra .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsecupra 1.35s infinite; } @-webkit-keyframes pulsecupra { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowcupra 2s infinite ease-in-out; -webkit-animation: scratchShadowcupra 2s infinite ease-in-out; } @keyframes scratchShadowcupra { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .cupra .sidebarTrigger.refineBtn { background-color: #C39633!important; } .cupra .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .cupra .ofrClr, .cupra .ofrClr p, .cupra .ofrClr strong { color: #FFFFFF!important; } .cupra .ofrBdrClr { border-color: #FFFFFF!important; } .cupra .ofrBGClr { background-color: #FFFFFF!important; } .cupra .ofrBdrHvrClr:hover { border-color: #C39633!important; } .cupra .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .cupra .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .cupra .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .cupra .btnHead, .head_style6 .cupra + .navLinksMob .btnHead, .head_style7 .cupra .btnHead, .head_style6 .cupra + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .cupra .btnHead:hover, .head_style6 .cupra + .navLinksMob .btnHead:hover, .head_style7 .cupra .btnHead:hover, .head_style7 .cupra + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .cupra .btnHead, .head_style8 .cupra + .navLinksMob .btnHead, .head_style9 .cupra .btnHead, .head_style9 .cupra + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .cupra .btnHead:hover, .head_style8 .cupra + .navLinksMob .btnHead:hover, .head_style9 .cupra .btnHead:hover, .head_style9 .cupra + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .cupra .centerInner li a:before, .panel.head_style4 .cupra .centerInner li a:after, .panel.head_style4 .cupra + .navLinksMob li a:before, .panel.head_style4 .cupra + .navLinksMob li a:after, .panel.head_style5 .cupra .centerInner li a:before, .panel.head_style5 .cupra .centerInner li a:after, .panel.head_style5 .cupra + .navLinksMob li a:before, .panel.head_style5 .cupra + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.cupra{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .cupra { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .cupra .mainClr { color: #FFFFFF!important; } .cupra .mainBdrClr { border-color: #FFFFFF!important; } .cupra .mainBGClr { background-color: #FFFFFF!important; } .cupra svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .cupra .btnClr { color: #FFFFFF!important; } .cupra .btnBdrClr { border-color: #C39633!important; } .cupra .btnBdrClr { border-color: #C39633!important;} .cupra .btnBGClr { background-color: #C39633!important; } .cupra .btnBGClr:hover { background-color:#C39633!important; } .cupra .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .cupra .btnBGHvrClr:hover { background-color:#C39633!important; } .cupra .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .cupra .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .cupra .btn-txt-clr { color: #FFFFFF!important;} .cupra .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .cupra .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .cupra .btn-outline-clr:hover, .cupra .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .cupra .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .cupra .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .cupra .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .cupra .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .cupra .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .cupra .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .cupra .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .cupra .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .cupra .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .cupra .blrEnqBtn .dropdown-el.expanded label:hover, body .cupra .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .cupra .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .cupra .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .cupra .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .cupra .tabbedinfo .tabs li:before { background-color: #C39633!important; } .cupra .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .cupra .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsecupra 1.35s infinite; } @-webkit-keyframes pulsecupra { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowcupra 2s infinite ease-in-out; -webkit-animation: scratchShadowcupra 2s infinite ease-in-out; } @keyframes scratchShadowcupra { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .cupra .sidebarTrigger.refineBtn { background-color: #C39633!important; } .cupra .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .cupra .ofrClr, .cupra .ofrClr p, .cupra .ofrClr strong { color: #FFFFFF!important; } .cupra .ofrBdrClr { border-color: #FFFFFF!important; } .cupra .ofrBGClr { background-color: #FFFFFF!important; } .cupra .ofrBdrHvrClr:hover { border-color: #C39633!important; } .cupra .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .cupra .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .cupra .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .cupra .btnHead, .head_style6 .cupra + .navLinksMob .btnHead, .head_style7 .cupra .btnHead, .head_style6 .cupra + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .cupra .btnHead:hover, .head_style6 .cupra + .navLinksMob .btnHead:hover, .head_style7 .cupra .btnHead:hover, .head_style7 .cupra + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .cupra .btnHead, .head_style8 .cupra + .navLinksMob .btnHead, .head_style9 .cupra .btnHead, .head_style9 .cupra + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .cupra .btnHead:hover, .head_style8 .cupra + .navLinksMob .btnHead:hover, .head_style9 .cupra .btnHead:hover, .head_style9 .cupra + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .cupra .centerInner li a:before, .panel.head_style4 .cupra .centerInner li a:after, .panel.head_style4 .cupra + .navLinksMob li a:before, .panel.head_style4 .cupra + .navLinksMob li a:after, .panel.head_style5 .cupra .centerInner li a:before, .panel.head_style5 .cupra .centerInner li a:after, .panel.head_style5 .cupra + .navLinksMob li a:before, .panel.head_style5 .cupra + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.cupra{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .fiat { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .fiat .mainClr { color: #FFFFFF!important; } .fiat .mainBdrClr { border-color: #FFFFFF!important; } .fiat .mainBGClr { background-color: #FFFFFF!important; } .fiat svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .fiat .btnClr { color: #FFFFFF!important; } .fiat .btnBdrClr { border-color: #C39633!important; } .fiat .btnBdrClr { border-color: #C39633!important;} .fiat .btnBGClr { background-color: #C39633!important; } .fiat .btnBGClr:hover { background-color:#C39633!important; } .fiat .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .fiat .btnBGHvrClr:hover { background-color:#C39633!important; } .fiat .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .fiat .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .fiat .btn-txt-clr { color: #FFFFFF!important;} .fiat .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .fiat .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .fiat .btn-outline-clr:hover, .fiat .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .fiat .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .fiat .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .fiat .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .fiat .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .fiat .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .fiat .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .fiat .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .fiat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .fiat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .fiat .blrEnqBtn .dropdown-el.expanded label:hover, body .fiat .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .fiat .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .fiat .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .fiat .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .fiat .tabbedinfo .tabs li:before { background-color: #C39633!important; } .fiat .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .fiat .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsefiat 1.35s infinite; } @-webkit-keyframes pulsefiat { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowfiat 2s infinite ease-in-out; -webkit-animation: scratchShadowfiat 2s infinite ease-in-out; } @keyframes scratchShadowfiat { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .fiat .sidebarTrigger.refineBtn { background-color: #C39633!important; } .fiat .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .fiat .ofrClr, .fiat .ofrClr p, .fiat .ofrClr strong { color: #FFFFFF!important; } .fiat .ofrBdrClr { border-color: #FFFFFF!important; } .fiat .ofrBGClr { background-color: #FFFFFF!important; } .fiat .ofrBdrHvrClr:hover { border-color: #C39633!important; } .fiat .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .fiat .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .fiat .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .fiat .btnHead, .head_style6 .fiat + .navLinksMob .btnHead, .head_style7 .fiat .btnHead, .head_style6 .fiat + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .fiat .btnHead:hover, .head_style6 .fiat + .navLinksMob .btnHead:hover, .head_style7 .fiat .btnHead:hover, .head_style7 .fiat + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .fiat .btnHead, .head_style8 .fiat + .navLinksMob .btnHead, .head_style9 .fiat .btnHead, .head_style9 .fiat + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .fiat .btnHead:hover, .head_style8 .fiat + .navLinksMob .btnHead:hover, .head_style9 .fiat .btnHead:hover, .head_style9 .fiat + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .fiat .centerInner li a:before, .panel.head_style4 .fiat .centerInner li a:after, .panel.head_style4 .fiat + .navLinksMob li a:before, .panel.head_style4 .fiat + .navLinksMob li a:after, .panel.head_style5 .fiat .centerInner li a:before, .panel.head_style5 .fiat .centerInner li a:after, .panel.head_style5 .fiat + .navLinksMob li a:before, .panel.head_style5 .fiat + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.fiat{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .fiat { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .fiat .mainClr { color: #FFFFFF!important; } .fiat .mainBdrClr { border-color: #FFFFFF!important; } .fiat .mainBGClr { background-color: #FFFFFF!important; } .fiat svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .fiat .btnClr { color: #FFFFFF!important; } .fiat .btnBdrClr { border-color: #C39633!important; } .fiat .btnBdrClr { border-color: #C39633!important;} .fiat .btnBGClr { background-color: #C39633!important; } .fiat .btnBGClr:hover { background-color:#C39633!important; } .fiat .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .fiat .btnBGHvrClr:hover { background-color:#C39633!important; } .fiat .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .fiat .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .fiat .btn-txt-clr { color: #FFFFFF!important;} .fiat .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .fiat .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .fiat .btn-outline-clr:hover, .fiat .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .fiat .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .fiat .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .fiat .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .fiat .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .fiat .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .fiat .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .fiat .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .fiat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .fiat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .fiat .blrEnqBtn .dropdown-el.expanded label:hover, body .fiat .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .fiat .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .fiat .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .fiat .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .fiat .tabbedinfo .tabs li:before { background-color: #C39633!important; } .fiat .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .fiat .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsefiat 1.35s infinite; } @-webkit-keyframes pulsefiat { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowfiat 2s infinite ease-in-out; -webkit-animation: scratchShadowfiat 2s infinite ease-in-out; } @keyframes scratchShadowfiat { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .fiat .sidebarTrigger.refineBtn { background-color: #C39633!important; } .fiat .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .fiat .ofrClr, .fiat .ofrClr p, .fiat .ofrClr strong { color: #FFFFFF!important; } .fiat .ofrBdrClr { border-color: #FFFFFF!important; } .fiat .ofrBGClr { background-color: #FFFFFF!important; } .fiat .ofrBdrHvrClr:hover { border-color: #C39633!important; } .fiat .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .fiat .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .fiat .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .fiat .btnHead, .head_style6 .fiat + .navLinksMob .btnHead, .head_style7 .fiat .btnHead, .head_style6 .fiat + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .fiat .btnHead:hover, .head_style6 .fiat + .navLinksMob .btnHead:hover, .head_style7 .fiat .btnHead:hover, .head_style7 .fiat + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .fiat .btnHead, .head_style8 .fiat + .navLinksMob .btnHead, .head_style9 .fiat .btnHead, .head_style9 .fiat + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .fiat .btnHead:hover, .head_style8 .fiat + .navLinksMob .btnHead:hover, .head_style9 .fiat .btnHead:hover, .head_style9 .fiat + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .fiat .centerInner li a:before, .panel.head_style4 .fiat .centerInner li a:after, .panel.head_style4 .fiat + .navLinksMob li a:before, .panel.head_style4 .fiat + .navLinksMob li a:after, .panel.head_style5 .fiat .centerInner li a:before, .panel.head_style5 .fiat .centerInner li a:after, .panel.head_style5 .fiat + .navLinksMob li a:before, .panel.head_style5 .fiat + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.fiat{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .hyundai { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .hyundai .mainClr { color: #FFFFFF!important; } .hyundai .mainBdrClr { border-color: #FFFFFF!important; } .hyundai .mainBGClr { background-color: #FFFFFF!important; } .hyundai svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .hyundai .btnClr { color: #FFFFFF!important; } .hyundai .btnBdrClr { border-color: #C39633!important; } .hyundai .btnBdrClr { border-color: #C39633!important;} .hyundai .btnBGClr { background-color: #C39633!important; } .hyundai .btnBGClr:hover { background-color:#C39633!important; } .hyundai .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .hyundai .btnBGHvrClr:hover { background-color:#C39633!important; } .hyundai .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .hyundai .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .hyundai .btn-txt-clr { color: #FFFFFF!important;} .hyundai .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .hyundai .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .hyundai .btn-outline-clr:hover, .hyundai .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .hyundai .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .hyundai .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .hyundai .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .hyundai .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .hyundai .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .hyundai .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .hyundai .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .hyundai .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .hyundai .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .hyundai .blrEnqBtn .dropdown-el.expanded label:hover, body .hyundai .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .hyundai .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .hyundai .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .hyundai .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .hyundai .tabbedinfo .tabs li:before { background-color: #C39633!important; } .hyundai .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .hyundai .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsehyundai 1.35s infinite; } @-webkit-keyframes pulsehyundai { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowhyundai 2s infinite ease-in-out; -webkit-animation: scratchShadowhyundai 2s infinite ease-in-out; } @keyframes scratchShadowhyundai { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .hyundai .sidebarTrigger.refineBtn { background-color: #C39633!important; } .hyundai .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .hyundai .ofrClr, .hyundai .ofrClr p, .hyundai .ofrClr strong { color: #FFFFFF!important; } .hyundai .ofrBdrClr { border-color: #FFFFFF!important; } .hyundai .ofrBGClr { background-color: #FFFFFF!important; } .hyundai .ofrBdrHvrClr:hover { border-color: #C39633!important; } .hyundai .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .hyundai .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .hyundai .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .hyundai .btnHead, .head_style6 .hyundai + .navLinksMob .btnHead, .head_style7 .hyundai .btnHead, .head_style6 .hyundai + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .hyundai .btnHead:hover, .head_style6 .hyundai + .navLinksMob .btnHead:hover, .head_style7 .hyundai .btnHead:hover, .head_style7 .hyundai + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .hyundai .btnHead, .head_style8 .hyundai + .navLinksMob .btnHead, .head_style9 .hyundai .btnHead, .head_style9 .hyundai + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .hyundai .btnHead:hover, .head_style8 .hyundai + .navLinksMob .btnHead:hover, .head_style9 .hyundai .btnHead:hover, .head_style9 .hyundai + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .hyundai .centerInner li a:before, .panel.head_style4 .hyundai .centerInner li a:after, .panel.head_style4 .hyundai + .navLinksMob li a:before, .panel.head_style4 .hyundai + .navLinksMob li a:after, .panel.head_style5 .hyundai .centerInner li a:before, .panel.head_style5 .hyundai .centerInner li a:after, .panel.head_style5 .hyundai + .navLinksMob li a:before, .panel.head_style5 .hyundai + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.hyundai{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .hyundai { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .hyundai .mainClr { color: #FFFFFF!important; } .hyundai .mainBdrClr { border-color: #FFFFFF!important; } .hyundai .mainBGClr { background-color: #FFFFFF!important; } .hyundai svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .hyundai .btnClr { color: #FFFFFF!important; } .hyundai .btnBdrClr { border-color: #C39633!important; } .hyundai .btnBdrClr { border-color: #C39633!important;} .hyundai .btnBGClr { background-color: #C39633!important; } .hyundai .btnBGClr:hover { background-color:#C39633!important; } .hyundai .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .hyundai .btnBGHvrClr:hover { background-color:#C39633!important; } .hyundai .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .hyundai .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .hyundai .btn-txt-clr { color: #FFFFFF!important;} .hyundai .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .hyundai .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .hyundai .btn-outline-clr:hover, .hyundai .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .hyundai .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .hyundai .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .hyundai .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .hyundai .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .hyundai .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .hyundai .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .hyundai .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .hyundai .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .hyundai .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .hyundai .blrEnqBtn .dropdown-el.expanded label:hover, body .hyundai .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .hyundai .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .hyundai .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .hyundai .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .hyundai .tabbedinfo .tabs li:before { background-color: #C39633!important; } .hyundai .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .hyundai .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsehyundai 1.35s infinite; } @-webkit-keyframes pulsehyundai { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowhyundai 2s infinite ease-in-out; -webkit-animation: scratchShadowhyundai 2s infinite ease-in-out; } @keyframes scratchShadowhyundai { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .hyundai .sidebarTrigger.refineBtn { background-color: #C39633!important; } .hyundai .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .hyundai .ofrClr, .hyundai .ofrClr p, .hyundai .ofrClr strong { color: #FFFFFF!important; } .hyundai .ofrBdrClr { border-color: #FFFFFF!important; } .hyundai .ofrBGClr { background-color: #FFFFFF!important; } .hyundai .ofrBdrHvrClr:hover { border-color: #C39633!important; } .hyundai .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .hyundai .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .hyundai .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .hyundai .btnHead, .head_style6 .hyundai + .navLinksMob .btnHead, .head_style7 .hyundai .btnHead, .head_style6 .hyundai + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .hyundai .btnHead:hover, .head_style6 .hyundai + .navLinksMob .btnHead:hover, .head_style7 .hyundai .btnHead:hover, .head_style7 .hyundai + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .hyundai .btnHead, .head_style8 .hyundai + .navLinksMob .btnHead, .head_style9 .hyundai .btnHead, .head_style9 .hyundai + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .hyundai .btnHead:hover, .head_style8 .hyundai + .navLinksMob .btnHead:hover, .head_style9 .hyundai .btnHead:hover, .head_style9 .hyundai + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .hyundai .centerInner li a:before, .panel.head_style4 .hyundai .centerInner li a:after, .panel.head_style4 .hyundai + .navLinksMob li a:before, .panel.head_style4 .hyundai + .navLinksMob li a:after, .panel.head_style5 .hyundai .centerInner li a:before, .panel.head_style5 .hyundai .centerInner li a:after, .panel.head_style5 .hyundai + .navLinksMob li a:before, .panel.head_style5 .hyundai + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.hyundai{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .jeep { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .jeep .mainClr { color: #FFFFFF!important; } .jeep .mainBdrClr { border-color: #FFFFFF!important; } .jeep .mainBGClr { background-color: #FFFFFF!important; } .jeep svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .jeep .btnClr { color: #FFFFFF!important; } .jeep .btnBdrClr { border-color: #C39633!important; } .jeep .btnBdrClr { border-color: #C39633!important;} .jeep .btnBGClr { background-color: #C39633!important; } .jeep .btnBGClr:hover { background-color:#C39633!important; } .jeep .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .jeep .btnBGHvrClr:hover { background-color:#C39633!important; } .jeep .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .jeep .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .jeep .btn-txt-clr { color: #FFFFFF!important;} .jeep .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .jeep .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .jeep .btn-outline-clr:hover, .jeep .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .jeep .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .jeep .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jeep .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .jeep .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jeep .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jeep .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jeep .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .jeep .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jeep .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jeep .blrEnqBtn .dropdown-el.expanded label:hover, body .jeep .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .jeep .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .jeep .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .jeep .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .jeep .tabbedinfo .tabs li:before { background-color: #C39633!important; } .jeep .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .jeep .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsejeep 1.35s infinite; } @-webkit-keyframes pulsejeep { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowjeep 2s infinite ease-in-out; -webkit-animation: scratchShadowjeep 2s infinite ease-in-out; } @keyframes scratchShadowjeep { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .jeep .sidebarTrigger.refineBtn { background-color: #C39633!important; } .jeep .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .jeep .ofrClr, .jeep .ofrClr p, .jeep .ofrClr strong { color: #FFFFFF!important; } .jeep .ofrBdrClr { border-color: #FFFFFF!important; } .jeep .ofrBGClr { background-color: #FFFFFF!important; } .jeep .ofrBdrHvrClr:hover { border-color: #C39633!important; } .jeep .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .jeep .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .jeep .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .jeep .btnHead, .head_style6 .jeep + .navLinksMob .btnHead, .head_style7 .jeep .btnHead, .head_style6 .jeep + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .jeep .btnHead:hover, .head_style6 .jeep + .navLinksMob .btnHead:hover, .head_style7 .jeep .btnHead:hover, .head_style7 .jeep + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jeep .btnHead, .head_style8 .jeep + .navLinksMob .btnHead, .head_style9 .jeep .btnHead, .head_style9 .jeep + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jeep .btnHead:hover, .head_style8 .jeep + .navLinksMob .btnHead:hover, .head_style9 .jeep .btnHead:hover, .head_style9 .jeep + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .jeep .centerInner li a:before, .panel.head_style4 .jeep .centerInner li a:after, .panel.head_style4 .jeep + .navLinksMob li a:before, .panel.head_style4 .jeep + .navLinksMob li a:after, .panel.head_style5 .jeep .centerInner li a:before, .panel.head_style5 .jeep .centerInner li a:after, .panel.head_style5 .jeep + .navLinksMob li a:before, .panel.head_style5 .jeep + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.jeep{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .jeep { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .jeep .mainClr { color: #FFFFFF!important; } .jeep .mainBdrClr { border-color: #FFFFFF!important; } .jeep .mainBGClr { background-color: #FFFFFF!important; } .jeep svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .jeep .btnClr { color: #FFFFFF!important; } .jeep .btnBdrClr { border-color: #C39633!important; } .jeep .btnBdrClr { border-color: #C39633!important;} .jeep .btnBGClr { background-color: #C39633!important; } .jeep .btnBGClr:hover { background-color:#C39633!important; } .jeep .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .jeep .btnBGHvrClr:hover { background-color:#C39633!important; } .jeep .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .jeep .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .jeep .btn-txt-clr { color: #FFFFFF!important;} .jeep .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .jeep .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .jeep .btn-outline-clr:hover, .jeep .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .jeep .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .jeep .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jeep .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .jeep .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jeep .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jeep .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jeep .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .jeep .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jeep .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jeep .blrEnqBtn .dropdown-el.expanded label:hover, body .jeep .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .jeep .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .jeep .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .jeep .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .jeep .tabbedinfo .tabs li:before { background-color: #C39633!important; } .jeep .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .jeep .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsejeep 1.35s infinite; } @-webkit-keyframes pulsejeep { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowjeep 2s infinite ease-in-out; -webkit-animation: scratchShadowjeep 2s infinite ease-in-out; } @keyframes scratchShadowjeep { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .jeep .sidebarTrigger.refineBtn { background-color: #C39633!important; } .jeep .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .jeep .ofrClr, .jeep .ofrClr p, .jeep .ofrClr strong { color: #FFFFFF!important; } .jeep .ofrBdrClr { border-color: #FFFFFF!important; } .jeep .ofrBGClr { background-color: #FFFFFF!important; } .jeep .ofrBdrHvrClr:hover { border-color: #C39633!important; } .jeep .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .jeep .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .jeep .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .jeep .btnHead, .head_style6 .jeep + .navLinksMob .btnHead, .head_style7 .jeep .btnHead, .head_style6 .jeep + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .jeep .btnHead:hover, .head_style6 .jeep + .navLinksMob .btnHead:hover, .head_style7 .jeep .btnHead:hover, .head_style7 .jeep + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jeep .btnHead, .head_style8 .jeep + .navLinksMob .btnHead, .head_style9 .jeep .btnHead, .head_style9 .jeep + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jeep .btnHead:hover, .head_style8 .jeep + .navLinksMob .btnHead:hover, .head_style9 .jeep .btnHead:hover, .head_style9 .jeep + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .jeep .centerInner li a:before, .panel.head_style4 .jeep .centerInner li a:after, .panel.head_style4 .jeep + .navLinksMob li a:before, .panel.head_style4 .jeep + .navLinksMob li a:after, .panel.head_style5 .jeep .centerInner li a:before, .panel.head_style5 .jeep .centerInner li a:after, .panel.head_style5 .jeep + .navLinksMob li a:before, .panel.head_style5 .jeep + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.jeep{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .peugeot { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .peugeot .mainClr { color: #FFFFFF!important; } .peugeot .mainBdrClr { border-color: #FFFFFF!important; } .peugeot .mainBGClr { background-color: #FFFFFF!important; } .peugeot svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .peugeot .btnClr { color: #FFFFFF!important; } .peugeot .btnBdrClr { border-color: #C39633!important; } .peugeot .btnBdrClr { border-color: #C39633!important;} .peugeot .btnBGClr { background-color: #C39633!important; } .peugeot .btnBGClr:hover { background-color:#C39633!important; } .peugeot .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .peugeot .btnBGHvrClr:hover { background-color:#C39633!important; } .peugeot .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .peugeot .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .peugeot .btn-txt-clr { color: #FFFFFF!important;} .peugeot .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .peugeot .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .peugeot .btn-outline-clr:hover, .peugeot .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .peugeot .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .peugeot .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .peugeot .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .peugeot .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .peugeot .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .peugeot .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .peugeot .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .peugeot .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .peugeot .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .peugeot .blrEnqBtn .dropdown-el.expanded label:hover, body .peugeot .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .peugeot .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .peugeot .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .peugeot .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .peugeot .tabbedinfo .tabs li:before { background-color: #C39633!important; } .peugeot .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .peugeot .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsepeugeot 1.35s infinite; } @-webkit-keyframes pulsepeugeot { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowpeugeot 2s infinite ease-in-out; -webkit-animation: scratchShadowpeugeot 2s infinite ease-in-out; } @keyframes scratchShadowpeugeot { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .peugeot .sidebarTrigger.refineBtn { background-color: #C39633!important; } .peugeot .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .peugeot .ofrClr, .peugeot .ofrClr p, .peugeot .ofrClr strong { color: #FFFFFF!important; } .peugeot .ofrBdrClr { border-color: #FFFFFF!important; } .peugeot .ofrBGClr { background-color: #FFFFFF!important; } .peugeot .ofrBdrHvrClr:hover { border-color: #C39633!important; } .peugeot .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .peugeot .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .peugeot .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .peugeot .btnHead, .head_style6 .peugeot + .navLinksMob .btnHead, .head_style7 .peugeot .btnHead, .head_style6 .peugeot + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .peugeot .btnHead:hover, .head_style6 .peugeot + .navLinksMob .btnHead:hover, .head_style7 .peugeot .btnHead:hover, .head_style7 .peugeot + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .peugeot .btnHead, .head_style8 .peugeot + .navLinksMob .btnHead, .head_style9 .peugeot .btnHead, .head_style9 .peugeot + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .peugeot .btnHead:hover, .head_style8 .peugeot + .navLinksMob .btnHead:hover, .head_style9 .peugeot .btnHead:hover, .head_style9 .peugeot + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .peugeot .centerInner li a:before, .panel.head_style4 .peugeot .centerInner li a:after, .panel.head_style4 .peugeot + .navLinksMob li a:before, .panel.head_style4 .peugeot + .navLinksMob li a:after, .panel.head_style5 .peugeot .centerInner li a:before, .panel.head_style5 .peugeot .centerInner li a:after, .panel.head_style5 .peugeot + .navLinksMob li a:before, .panel.head_style5 .peugeot + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.peugeot{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .peugeot { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .peugeot .mainClr { color: #FFFFFF!important; } .peugeot .mainBdrClr { border-color: #FFFFFF!important; } .peugeot .mainBGClr { background-color: #FFFFFF!important; } .peugeot svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .peugeot .btnClr { color: #FFFFFF!important; } .peugeot .btnBdrClr { border-color: #C39633!important; } .peugeot .btnBdrClr { border-color: #C39633!important;} .peugeot .btnBGClr { background-color: #C39633!important; } .peugeot .btnBGClr:hover { background-color:#C39633!important; } .peugeot .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .peugeot .btnBGHvrClr:hover { background-color:#C39633!important; } .peugeot .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .peugeot .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .peugeot .btn-txt-clr { color: #FFFFFF!important;} .peugeot .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .peugeot .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .peugeot .btn-outline-clr:hover, .peugeot .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .peugeot .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .peugeot .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .peugeot .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .peugeot .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .peugeot .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .peugeot .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .peugeot .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .peugeot .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .peugeot .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .peugeot .blrEnqBtn .dropdown-el.expanded label:hover, body .peugeot .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .peugeot .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .peugeot .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .peugeot .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .peugeot .tabbedinfo .tabs li:before { background-color: #C39633!important; } .peugeot .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .peugeot .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsepeugeot 1.35s infinite; } @-webkit-keyframes pulsepeugeot { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowpeugeot 2s infinite ease-in-out; -webkit-animation: scratchShadowpeugeot 2s infinite ease-in-out; } @keyframes scratchShadowpeugeot { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .peugeot .sidebarTrigger.refineBtn { background-color: #C39633!important; } .peugeot .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .peugeot .ofrClr, .peugeot .ofrClr p, .peugeot .ofrClr strong { color: #FFFFFF!important; } .peugeot .ofrBdrClr { border-color: #FFFFFF!important; } .peugeot .ofrBGClr { background-color: #FFFFFF!important; } .peugeot .ofrBdrHvrClr:hover { border-color: #C39633!important; } .peugeot .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .peugeot .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .peugeot .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .peugeot .btnHead, .head_style6 .peugeot + .navLinksMob .btnHead, .head_style7 .peugeot .btnHead, .head_style6 .peugeot + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .peugeot .btnHead:hover, .head_style6 .peugeot + .navLinksMob .btnHead:hover, .head_style7 .peugeot .btnHead:hover, .head_style7 .peugeot + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .peugeot .btnHead, .head_style8 .peugeot + .navLinksMob .btnHead, .head_style9 .peugeot .btnHead, .head_style9 .peugeot + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .peugeot .btnHead:hover, .head_style8 .peugeot + .navLinksMob .btnHead:hover, .head_style9 .peugeot .btnHead:hover, .head_style9 .peugeot + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .peugeot .centerInner li a:before, .panel.head_style4 .peugeot .centerInner li a:after, .panel.head_style4 .peugeot + .navLinksMob li a:before, .panel.head_style4 .peugeot + .navLinksMob li a:after, .panel.head_style5 .peugeot .centerInner li a:before, .panel.head_style5 .peugeot .centerInner li a:after, .panel.head_style5 .peugeot + .navLinksMob li a:before, .panel.head_style5 .peugeot + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.peugeot{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .seat { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .seat .mainClr { color: #FFFFFF!important; } .seat .mainBdrClr { border-color: #FFFFFF!important; } .seat .mainBGClr { background-color: #FFFFFF!important; } .seat svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .seat .btnClr { color: #FFFFFF!important; } .seat .btnBdrClr { border-color: #C39633!important; } .seat .btnBdrClr { border-color: #C39633!important;} .seat .btnBGClr { background-color: #C39633!important; } .seat .btnBGClr:hover { background-color:#C39633!important; } .seat .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .seat .btnBGHvrClr:hover { background-color:#C39633!important; } .seat .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .seat .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .seat .btn-txt-clr { color: #FFFFFF!important;} .seat .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .seat .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .seat .btn-outline-clr:hover, .seat .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .seat .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .seat .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .seat .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .seat .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .seat .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .seat .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .seat .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .seat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .seat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .seat .blrEnqBtn .dropdown-el.expanded label:hover, body .seat .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .seat .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .seat .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .seat .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .seat .tabbedinfo .tabs li:before { background-color: #C39633!important; } .seat .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .seat .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulseseat 1.35s infinite; } @-webkit-keyframes pulseseat { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowseat 2s infinite ease-in-out; -webkit-animation: scratchShadowseat 2s infinite ease-in-out; } @keyframes scratchShadowseat { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .seat .sidebarTrigger.refineBtn { background-color: #C39633!important; } .seat .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .seat .ofrClr, .seat .ofrClr p, .seat .ofrClr strong { color: #FFFFFF!important; } .seat .ofrBdrClr { border-color: #FFFFFF!important; } .seat .ofrBGClr { background-color: #FFFFFF!important; } .seat .ofrBdrHvrClr:hover { border-color: #C39633!important; } .seat .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .seat .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .seat .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .seat .btnHead, .head_style6 .seat + .navLinksMob .btnHead, .head_style7 .seat .btnHead, .head_style6 .seat + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .seat .btnHead:hover, .head_style6 .seat + .navLinksMob .btnHead:hover, .head_style7 .seat .btnHead:hover, .head_style7 .seat + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .seat .btnHead, .head_style8 .seat + .navLinksMob .btnHead, .head_style9 .seat .btnHead, .head_style9 .seat + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .seat .btnHead:hover, .head_style8 .seat + .navLinksMob .btnHead:hover, .head_style9 .seat .btnHead:hover, .head_style9 .seat + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .seat .centerInner li a:before, .panel.head_style4 .seat .centerInner li a:after, .panel.head_style4 .seat + .navLinksMob li a:before, .panel.head_style4 .seat + .navLinksMob li a:after, .panel.head_style5 .seat .centerInner li a:before, .panel.head_style5 .seat .centerInner li a:after, .panel.head_style5 .seat + .navLinksMob li a:before, .panel.head_style5 .seat + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.seat{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .seat { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .seat .mainClr { color: #FFFFFF!important; } .seat .mainBdrClr { border-color: #FFFFFF!important; } .seat .mainBGClr { background-color: #FFFFFF!important; } .seat svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .seat .btnClr { color: #FFFFFF!important; } .seat .btnBdrClr { border-color: #C39633!important; } .seat .btnBdrClr { border-color: #C39633!important;} .seat .btnBGClr { background-color: #C39633!important; } .seat .btnBGClr:hover { background-color:#C39633!important; } .seat .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .seat .btnBGHvrClr:hover { background-color:#C39633!important; } .seat .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .seat .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .seat .btn-txt-clr { color: #FFFFFF!important;} .seat .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .seat .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .seat .btn-outline-clr:hover, .seat .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .seat .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .seat .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .seat .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .seat .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .seat .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .seat .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .seat .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .seat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .seat .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .seat .blrEnqBtn .dropdown-el.expanded label:hover, body .seat .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .seat .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .seat .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .seat .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .seat .tabbedinfo .tabs li:before { background-color: #C39633!important; } .seat .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .seat .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulseseat 1.35s infinite; } @-webkit-keyframes pulseseat { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowseat 2s infinite ease-in-out; -webkit-animation: scratchShadowseat 2s infinite ease-in-out; } @keyframes scratchShadowseat { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .seat .sidebarTrigger.refineBtn { background-color: #C39633!important; } .seat .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .seat .ofrClr, .seat .ofrClr p, .seat .ofrClr strong { color: #FFFFFF!important; } .seat .ofrBdrClr { border-color: #FFFFFF!important; } .seat .ofrBGClr { background-color: #FFFFFF!important; } .seat .ofrBdrHvrClr:hover { border-color: #C39633!important; } .seat .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .seat .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .seat .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .seat .btnHead, .head_style6 .seat + .navLinksMob .btnHead, .head_style7 .seat .btnHead, .head_style6 .seat + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .seat .btnHead:hover, .head_style6 .seat + .navLinksMob .btnHead:hover, .head_style7 .seat .btnHead:hover, .head_style7 .seat + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .seat .btnHead, .head_style8 .seat + .navLinksMob .btnHead, .head_style9 .seat .btnHead, .head_style9 .seat + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .seat .btnHead:hover, .head_style8 .seat + .navLinksMob .btnHead:hover, .head_style9 .seat .btnHead:hover, .head_style9 .seat + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .seat .centerInner li a:before, .panel.head_style4 .seat .centerInner li a:after, .panel.head_style4 .seat + .navLinksMob li a:before, .panel.head_style4 .seat + .navLinksMob li a:after, .panel.head_style5 .seat .centerInner li a:before, .panel.head_style5 .seat .centerInner li a:after, .panel.head_style5 .seat + .navLinksMob li a:before, .panel.head_style5 .seat + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.seat{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .omoda { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .omoda .mainClr { color: #FFFFFF!important; } .omoda .mainBdrClr { border-color: #FFFFFF!important; } .omoda .mainBGClr { background-color: #FFFFFF!important; } .omoda svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .omoda .btnClr { color: #FFFFFF!important; } .omoda .btnBdrClr { border-color: #C39633!important; } .omoda .btnBdrClr { border-color: #C39633!important;} .omoda .btnBGClr { background-color: #C39633!important; } .omoda .btnBGClr:hover { background-color:#C39633!important; } .omoda .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .omoda .btnBGHvrClr:hover { background-color:#C39633!important; } .omoda .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .omoda .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .omoda .btn-txt-clr { color: #FFFFFF!important;} .omoda .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .omoda .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .omoda .btn-outline-clr:hover, .omoda .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .omoda .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .omoda .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .omoda .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .omoda .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .omoda .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .omoda .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .omoda .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .omoda .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .omoda .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .omoda .blrEnqBtn .dropdown-el.expanded label:hover, body .omoda .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .omoda .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .omoda .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .omoda .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .omoda .tabbedinfo .tabs li:before { background-color: #C39633!important; } .omoda .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .omoda .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulseomoda 1.35s infinite; } @-webkit-keyframes pulseomoda { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowomoda 2s infinite ease-in-out; -webkit-animation: scratchShadowomoda 2s infinite ease-in-out; } @keyframes scratchShadowomoda { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .omoda .sidebarTrigger.refineBtn { background-color: #C39633!important; } .omoda .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .omoda .ofrClr, .omoda .ofrClr p, .omoda .ofrClr strong { color: #FFFFFF!important; } .omoda .ofrBdrClr { border-color: #FFFFFF!important; } .omoda .ofrBGClr { background-color: #FFFFFF!important; } .omoda .ofrBdrHvrClr:hover { border-color: #C39633!important; } .omoda .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .omoda .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .omoda .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .omoda .btnHead, .head_style6 .omoda + .navLinksMob .btnHead, .head_style7 .omoda .btnHead, .head_style6 .omoda + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .omoda .btnHead:hover, .head_style6 .omoda + .navLinksMob .btnHead:hover, .head_style7 .omoda .btnHead:hover, .head_style7 .omoda + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .omoda .btnHead, .head_style8 .omoda + .navLinksMob .btnHead, .head_style9 .omoda .btnHead, .head_style9 .omoda + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .omoda .btnHead:hover, .head_style8 .omoda + .navLinksMob .btnHead:hover, .head_style9 .omoda .btnHead:hover, .head_style9 .omoda + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .omoda .centerInner li a:before, .panel.head_style4 .omoda .centerInner li a:after, .panel.head_style4 .omoda + .navLinksMob li a:before, .panel.head_style4 .omoda + .navLinksMob li a:after, .panel.head_style5 .omoda .centerInner li a:before, .panel.head_style5 .omoda .centerInner li a:after, .panel.head_style5 .omoda + .navLinksMob li a:before, .panel.head_style5 .omoda + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.omoda{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .omoda { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .omoda .mainClr { color: #FFFFFF!important; } .omoda .mainBdrClr { border-color: #FFFFFF!important; } .omoda .mainBGClr { background-color: #FFFFFF!important; } .omoda svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .omoda .btnClr { color: #FFFFFF!important; } .omoda .btnBdrClr { border-color: #C39633!important; } .omoda .btnBdrClr { border-color: #C39633!important;} .omoda .btnBGClr { background-color: #C39633!important; } .omoda .btnBGClr:hover { background-color:#C39633!important; } .omoda .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .omoda .btnBGHvrClr:hover { background-color:#C39633!important; } .omoda .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .omoda .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .omoda .btn-txt-clr { color: #FFFFFF!important;} .omoda .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .omoda .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .omoda .btn-outline-clr:hover, .omoda .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .omoda .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .omoda .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .omoda .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .omoda .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .omoda .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .omoda .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .omoda .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .omoda .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .omoda .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .omoda .blrEnqBtn .dropdown-el.expanded label:hover, body .omoda .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .omoda .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .omoda .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .omoda .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .omoda .tabbedinfo .tabs li:before { background-color: #C39633!important; } .omoda .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .omoda .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulseomoda 1.35s infinite; } @-webkit-keyframes pulseomoda { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowomoda 2s infinite ease-in-out; -webkit-animation: scratchShadowomoda 2s infinite ease-in-out; } @keyframes scratchShadowomoda { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .omoda .sidebarTrigger.refineBtn { background-color: #C39633!important; } .omoda .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .omoda .ofrClr, .omoda .ofrClr p, .omoda .ofrClr strong { color: #FFFFFF!important; } .omoda .ofrBdrClr { border-color: #FFFFFF!important; } .omoda .ofrBGClr { background-color: #FFFFFF!important; } .omoda .ofrBdrHvrClr:hover { border-color: #C39633!important; } .omoda .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .omoda .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .omoda .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .omoda .btnHead, .head_style6 .omoda + .navLinksMob .btnHead, .head_style7 .omoda .btnHead, .head_style6 .omoda + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .omoda .btnHead:hover, .head_style6 .omoda + .navLinksMob .btnHead:hover, .head_style7 .omoda .btnHead:hover, .head_style7 .omoda + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .omoda .btnHead, .head_style8 .omoda + .navLinksMob .btnHead, .head_style9 .omoda .btnHead, .head_style9 .omoda + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .omoda .btnHead:hover, .head_style8 .omoda + .navLinksMob .btnHead:hover, .head_style9 .omoda .btnHead:hover, .head_style9 .omoda + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .omoda .centerInner li a:before, .panel.head_style4 .omoda .centerInner li a:after, .panel.head_style4 .omoda + .navLinksMob li a:before, .panel.head_style4 .omoda + .navLinksMob li a:after, .panel.head_style5 .omoda .centerInner li a:before, .panel.head_style5 .omoda .centerInner li a:after, .panel.head_style5 .omoda + .navLinksMob li a:before, .panel.head_style5 .omoda + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.omoda{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .jaecoo { --upgrade-step-color:C39633!important; --upgrade-selection:C39633!important; --upgrade-hover:C39633!important; --upgrade-btn-text: FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :C39633!important; --upgrade-theme-selection :C39633!important; --upgrade-theme-hover :C39633!important; --upgrade-theme-btn-color :FFFFFF!important; --upgrade-theme-btn-text :FFFFFF!important; --upgrade-step-color-rgb :(upgrade-step-color-rgb)!important; --upgrade-selection-rgb :(upgrade-selection-rgb)!important; } /* {make} main color*/ .jaecoo .mainClr { color: #FFFFFF!important; } .jaecoo .mainBdrClr { border-color: #FFFFFF!important; } .jaecoo .mainBGClr { background-color: #FFFFFF!important; } .jaecoo svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .jaecoo .btnClr { color: #FFFFFF!important; } .jaecoo .btnBdrClr { border-color: #C39633!important; } .jaecoo .btnBdrClr { border-color: #C39633!important;} .jaecoo .btnBGClr { background-color: #C39633!important; } .jaecoo .btnBGClr:hover { background-color:#C39633!important; } .jaecoo .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .jaecoo .btnBGHvrClr:hover { background-color:#C39633!important; } .jaecoo .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .jaecoo .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .jaecoo .btn-txt-clr { color: #FFFFFF!important;} .jaecoo .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .jaecoo .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .jaecoo .btn-outline-clr:hover, .jaecoo .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .jaecoo .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .jaecoo .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jaecoo .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .jaecoo .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jaecoo .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jaecoo .blrEnqBtn .dropdown-el.expanded label:hover, body .jaecoo .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .jaecoo .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .jaecoo .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .jaecoo .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .jaecoo .tabbedinfo .tabs li:before { background-color: #C39633!important; } .jaecoo .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .jaecoo .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsejaecoo 1.35s infinite; } @-webkit-keyframes pulsejaecoo { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowjaecoo 2s infinite ease-in-out; -webkit-animation: scratchShadowjaecoo 2s infinite ease-in-out; } @keyframes scratchShadowjaecoo { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .jaecoo .sidebarTrigger.refineBtn { background-color: #C39633!important; } .jaecoo .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .jaecoo .ofrClr, .jaecoo .ofrClr p, .jaecoo .ofrClr strong { color: #FFFFFF!important; } .jaecoo .ofrBdrClr { border-color: #FFFFFF!important; } .jaecoo .ofrBGClr { background-color: #FFFFFF!important; } .jaecoo .ofrBdrHvrClr:hover { border-color: #C39633!important; } .jaecoo .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .jaecoo .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .jaecoo .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .jaecoo .btnHead, .head_style6 .jaecoo + .navLinksMob .btnHead, .head_style7 .jaecoo .btnHead, .head_style6 .jaecoo + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .jaecoo .btnHead:hover, .head_style6 .jaecoo + .navLinksMob .btnHead:hover, .head_style7 .jaecoo .btnHead:hover, .head_style7 .jaecoo + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jaecoo .btnHead, .head_style8 .jaecoo + .navLinksMob .btnHead, .head_style9 .jaecoo .btnHead, .head_style9 .jaecoo + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jaecoo .btnHead:hover, .head_style8 .jaecoo + .navLinksMob .btnHead:hover, .head_style9 .jaecoo .btnHead:hover, .head_style9 .jaecoo + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .jaecoo .centerInner li a:before, .panel.head_style4 .jaecoo .centerInner li a:after, .panel.head_style4 .jaecoo + .navLinksMob li a:before, .panel.head_style4 .jaecoo + .navLinksMob li a:after, .panel.head_style5 .jaecoo .centerInner li a:before, .panel.head_style5 .jaecoo .centerInner li a:after, .panel.head_style5 .jaecoo + .navLinksMob li a:before, .panel.head_style5 .jaecoo + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.jaecoo{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;} body .jaecoo { --upgrade-step-color:#C39633!important; --upgrade-selection:#C39633!important; --upgrade-hover:#C39633!important; --upgrade-btn-text: #FFFFFF!important; --upgrade-theme-main-color :#FFFFFF!important; --upgrade-theme-step-color :#C39633!important; --upgrade-theme-selection :#C39633!important; --upgrade-theme-hover :#C39633!important; --upgrade-theme-btn-color :#FFFFFF!important; --upgrade-theme-btn-text :#FFFFFF!important; --upgrade-step-color-rgb :195,150,51!important; --upgrade-selection-rgb :195,150,51!important; } /* {make} main color*/ .jaecoo .mainClr { color: #FFFFFF!important; } .jaecoo .mainBdrClr { border-color: #FFFFFF!important; } .jaecoo .mainBGClr { background-color: #FFFFFF!important; } .jaecoo svg.mainBGClr { background: none!important; fill: #FFFFFF!important; } /* button color*/ .jaecoo .btnClr { color: #FFFFFF!important; } .jaecoo .btnBdrClr { border-color: #C39633!important; } .jaecoo .btnBdrClr { border-color: #C39633!important;} .jaecoo .btnBGClr { background-color: #C39633!important; } .jaecoo .btnBGClr:hover { background-color:#C39633!important; } .jaecoo .btnRGBClr { background: rgba(195,150,51, 0.8)!important; } .jaecoo .btnBGHvrClr:hover { background-color:#C39633!important; } .jaecoo .forStockPage .offerDetail1 .tabBlock .tabsbtn:hover { background:#C39633!important; } .jaecoo .blrAccr .blrHead.active .stCount { background-color:#C39633!important; color: #fff !important; } .jaecoo .btn-txt-clr { color: #FFFFFF!important;} .jaecoo .offerDtlbtns .mobbutton a.btn-outline-clr{ border: 1px solid (BottonOutlineColor)!important;} .jaecoo .btn-outline-clr { border: 1px solid (BottonOutlineColor)!important;} .jaecoo .btn-outline-clr:hover, .jaecoo .offerDtlbtns .mobbutton a.btn-outline-clr:hover, .jaecoo .afterSaleLayout .sidebar.popSidebar .button.inArrow.btn-outline-clr:hover {border: 1px solid transparent!important; box-shadow:none !important; background-color: rgba(195,150,51, 0.7)!important; } body .jaecoo .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jaecoo .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #C39633 !important; } body .jaecoo .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jaecoo .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el input:checked + label:nth-child(2), body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el input:checked + a:nth-child(2) { color: #fff!important; } body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + label:nth-child(2), body .jaecoo .ucStockModel .blrEnqBtn .dropdown-el.expanded input:checked + a:nth-child(2) { color: #C39633 !important; } body .jaecoo .blrEnqBtn .dropdown-el.expanded label:hover, body .jaecoo .blrEnqBtn .dropdown-el.expanded a:hover { background-color:#C39633!important; color:#fff!important;} body .jaecoo .blrEnqBtn .dropdown-el.expanded label:nth-child(2):hover, body .jaecoo .blrEnqBtn .dropdown-el.expanded a:nth-child(2):hover { background: none!important; } .jaecoo .tabbedinfo h2.resp-accordion { background: rgba((MainColorRGB), 0.2)!important; } .jaecoo .tabbedinfo .tabs li:before { background-color: #C39633!important; } .jaecoo .blrEnqBtn .dropdown-el.expanded { -webkit-box-shadow: 0px 0px 0px 4px #C39633; -moz-box-shadow: 0px 0px 0px 4px #C39633; box-shadow: 0px 0px 0px 4px #C39633; } .jaecoo .pulser { box-shadow: 0 0 0 0 #C39633; -webkit-animation: pulsejaecoo 1.35s infinite; } @-webkit-keyframes pulsejaecoo { 10% { @include transform(scale(.9)); } 70% { @include transform(scale(1)); box-shadow: 0 0 2px 6px rgba(195,150,51, .5); } 100% { @include transform(scale(.9)); box-shadow: 0 0 0 0px rgba(195,150,51, 0); } } .scratched { animation: scratchShadowjaecoo 2s infinite ease-in-out; -webkit-animation: scratchShadowjaecoo 2s infinite ease-in-out; } @keyframes scratchShadowjaecoo { 0% { box-shadow: 0 0 14px #FFFFFF; } 50% {box-shadow: 0 0 14px 6px #FFFFFF;} 100% { box-shadow: 0 0 14px #FFFFFF; } } .jaecoo .sidebarTrigger.refineBtn { background-color: #C39633!important; } .jaecoo .tabs_menu .tabsbtn:hover { background-color: #C39633!important; } /* offer color*/ .jaecoo .ofrClr, .jaecoo .ofrClr p, .jaecoo .ofrClr strong { color: #FFFFFF!important; } .jaecoo .ofrBdrClr { border-color: #FFFFFF!important; } .jaecoo .ofrBGClr { background-color: #FFFFFF!important; } .jaecoo .ofrBdrHvrClr:hover { border-color: #C39633!important; } .jaecoo .detailSlide .offrLines li:after {background-color: #FFFFFF!important; } /*header buttons*/ .jaecoo .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .jaecoo .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .head_style6 .jaecoo .btnHead, .head_style6 .jaecoo + .navLinksMob .btnHead, .head_style7 .jaecoo .btnHead, .head_style6 .jaecoo + .navLinksMob .btnHead { color: #C39633!important; background-color: transparent!important; border-color: #C39633!important; } .head_style6 .jaecoo .btnHead:hover, .head_style6 .jaecoo + .navLinksMob .btnHead:hover, .head_style7 .jaecoo .btnHead:hover, .head_style7 .jaecoo + .navLinksMob .btnHead:hover { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jaecoo .btnHead, .head_style8 .jaecoo + .navLinksMob .btnHead, .head_style9 .jaecoo .btnHead, .head_style9 .jaecoo + .navLinksMob .btnHead { color: #fff!important; background-color: #C39633!important; border-color: #C39633!important; } .head_style8 .jaecoo .btnHead:hover, .head_style8 .jaecoo + .navLinksMob .btnHead:hover, .head_style9 .jaecoo .btnHead:hover, .head_style9 .jaecoo + .navLinksMob .btnHead:hover { color: #C39633!important; background-color: transparent!important; } .panel.head_style4 .jaecoo .centerInner li a:before, .panel.head_style4 .jaecoo .centerInner li a:after, .panel.head_style4 .jaecoo + .navLinksMob li a:before, .panel.head_style4 .jaecoo + .navLinksMob li a:after, .panel.head_style5 .jaecoo .centerInner li a:before, .panel.head_style5 .jaecoo .centerInner li a:after, .panel.head_style5 .jaecoo + .navLinksMob li a:before, .panel.head_style5 .jaecoo + .navLinksMob li a:after { border-color: #C39633!important; } /*Custom Buttons*/ body.jaecoo{--btn-color:#C39633;--btn-hover:#C39633;--btn-text-color: #FFFFFF;--btn-pulse-color: #FFFFFF;}