/*onestep*/
.btn-osc-checkout {background-color: var(--color-1)!important;box-shadow: none!important;}
.btn-osc-checkout:hover {background-color: var(--color-2)!important;}
#os-checkout .title h2 {color: var(--color-2)!important;}
.ml-3 {margin-left: 1rem;} /*BS4 hack*/

/*registration*/
.register .regFormTable:before {content: 'Regisztráció';font-size: 2rem;margin-top: 2rem;display: block;}
/*#chain {display: none;}*/

.regFormTable h2 {margin-top:2rem;}
.regFormTable {color: #121c4e;background-color: rgba(255,255,255,.75);}
.regFormTableTextField, .regFormTableList, .regFormTablePhone2 {background-color: rgba(255,255,255,.75);padding: .25rem;max-width:300px;}
.regFormTableTextFieldSmall {width: 75px;}
@media (max-width: 767px) {
    #regFormContent {position: relative;overflow: hidden;}
    .regFormTableTD1, .regFormTableTD2 {max-width: 48%;padding: 1%;}
    .regFormTableTextField, .regFormTableTextFieldSmall, .regFormTablePhone2 {max-width: 200px;}
    .g-recaptcha {position: relative;height: 80px;}
    .g-recaptcha > div { max-width: 304px!important;margin: 0!important;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
    .regFormTable {}
}

/*login box*/
.hello {}
.field {display: block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.LoginBox .button {text-transform: uppercase;}
.LoginBox .more {margin: 1rem 0;}

/*cart page*/
table .thumb {min-width:50px;}
.OneStepCheckout h2 {font-size: 1rem;font-family: 'Roboto', sans-serif; }
#results, #chain, #cartContent {color: #333;}
#results a, #chain a, #cartContent a:not(.btn) {color: #444;}
#results {padding: 1rem 0;}
#results h1 { font-size: 2rem; }
#chain { padding:0 0; }
#chain a { color:#dc3604; }
#chain ul {padding: 0;display:flex;flex-wrap:wrap;justify-content:space-between}
#chain li {padding: 0;font-size:16px;list-style:none}
#chain li strong {font-size:24px}
#chain li.active { display: block; color:#333; }
#cartContent tr {border-bottom: 1px solid rgba(0,0,0,.1);}
#cartContent tr > td {padding-top:10px;padding-bottom:10px;}
#cartContent .choice {width: 100%!important;margin-top: .5rem;display: flex;flex-flow: row;flex-wrap: wrap;justify-content: space-between;}
#cartDetailsLoginButton .choice {display: table-cell!important;}
#cartContent .button {padding: 0;text-transform: uppercase;}
#cartContent .button.right {margin-left: auto;}
/* #cartContent .button a {display: inline-block; padding: 1rem; background-color: rgba(0,0,0,.33);color: #fff;} */
#cartContent .button.left a {background-color: rgba(0,0,0,.33);}
/* #cartContent .button.right a {background-color: #dc3604;} */
#cartItems {width: 100%!important; }
#cartItems .head { text-transform:uppercase; font-weight: bold; }
#cartItems .cartSep {display: none;}
#cartItems .remove { color:#c3c3c3; }
#cartContent .cartRow table tr {border-bottom: none;}
#cartItems .cartRow .thumb { width: 120px; padding:10px; padding-left: 0; }
.cartRow p {margin: 0;}
#cartItems h2 { font-size:1.5rem;padding-top: 10px; margin-bottom: .1rem; }
#cartContent .subtotal {font-size: 1.4rem;color: #dc3604;}
.orderComplete {padding-top:3rem;margin-bottom: 5rem;border-bottom: 1px solid #d3d3d3;}
.orderComplete a {display: inline-block;margin: 5px;padding:15px;border:1px solid #d3d3d3;}
#regFormMessage {padding: 3rem 0 ; background-color: #d3d3d3;color: red;border:2px dashed red;}
#szaml_adoszam {width:auto;}

@media (max-width: 767px) {
  #cartContent #cartItems {max-width:100%;position: relative;overflow-x: scroll;}
    #cartItems .cartRow > td > table td {display: block;}
    #cartContent .button {display: block;flex:auto;margin-top:15px;}
    #cartContent .button a {display: block;}
}

/*shop pages*/
.register main, .cartCheckout main, .cartDetails main, .cartShipping main, .cartOverview main, .cart main, .orders main, .profile main, .loginerror main, .lostpassword main, .wishlist main, .OneStepCheckout main {max-width: 1200px;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;background-color: #fff;}
.loginerror main {padding-top:3rem;padding-bottom:3rem;}
@media (min-width: 992px) {
  .register main, .cartCheckout main, .cartDetails main, .cartShipping main, .cartOverview main, .cart main, .orders main, .profile main, .loginerror main, .lostpassword main, .wishlist main {padding-left: 15rem;padding-right: 15rem;}
}

/*shop messages*/
.dialog {display: none;position:fixed;z-index: 9999;left:50%;top:50%;width:100%;max-width:480px;transform: translate(-50%,-50%);box-shadow: 0 0 0 4800px rgba(0,0,0,.75);}

/*shop images*/
.mainPhoto {position: relative;overflow: hidden;}
.mainPhoto, .otherPhotos a {transition: all ease-out .2s;box-shadow: 0 3px 15px 0 rgba(0,0,0,.1), 0 0 0 1px #d3d3d3;}
.mainPhoto:hover {transform: scale(1.02,1.02);box-shadow: 0 3px 15px 0 rgba(0,0,0,.1), 0 0 0 1px #888;}
.otherPhotos a:hover {box-shadow: 0 3px 15px 0 rgba(0,0,0,.1), 0 0 0 1px #888;}
.otherPhotos a {width: 50%;}

/*shop prices*/
.oldPrice {color: #888;text-decoration: line-through;display: inline;font-size: 75%;}
.specialPrice {}

/*shop pickers*/
.picker {display: flex;flex-wrap: wrap;}
.picker em {display: block;min-width: 25px;height:25px;cursor: pointer;box-shadow: inset  0 0 0 2px rgba(255,255,255,1), 0 0 0 1px #d3d3d3;margin-right:10px;opacity: .8;transition: all ease-in .2s;position:relative;}
.picker em.color, .picker em.colorActive {border-radius: 50%;}
.picker em.size, .picker em.sizeActive {border-radius: 18px;padding-left:10px;padding-right:10px;}
.picker em.colorActive {box-shadow: 0 0 0 4px rgba(255,255,255,1), 0 0 0 5px rgba(0,0,0,.4);opacity: 1;}
.picker em.sizeActive {box-shadow: 0 0 0 2px rgba(255,255,255,1), 0 0 0 3px rgba(0,0,0,.4);opacity: 1;}
.sizeClear, .colorClear {cursor:pointer;border-radius: 50%;}
.sizeClear:before, .colorClear:before {content: 'x';font-style: normal;position: absolute;width:100%;height:100%;text-align:center;}
.searchFeaturePickerSep {margin-bottom:2rem;margin-top:1rem;border-bottom:1px solid #d3d3d3;}
.searchFeaturePickerTitle {}
.manufacturerClear {font-weight: bold;text-transform: capitalize;}
#searchPriceBar .button {background-color: #d3d3d3;color:#fff;}
#searchPricePickerInput1, #searchPricePickerInput2 {max-width:30px;border:1px solid #d3d3d3;}
#searchPricePickerInput1 {margin-left: 5px;}
#cmsShopOrderByPicker {max-width:220px;display: inline;padding: 0 5px;height:1.75rem;margin-left:15px;}
.itemPerPageBar {color: #777;}
.itemPerPageBar a {color:#ff383e;}

/*J pager style*/
.jPaginate { display: flex !important; flex-wrap: wrap; padding: 0 !important; justify-content: end; }
.jPag-control-back { position: relative; }
.jPaginate > div:nth-child(2) { width: auto !important; }
.jPag-control-front { position: relative; left: auto !important; }
.jPaginate a { height:auto; display: block; padding: 10px; }
ul.jPag-pages li a { display: block; padding: 10px; transition: all ease-out .2s; }
span.jPag-current { height:auto; opacity:.6; display: block; padding: 10px; }
span.jPag-snext, span.jPag-snext-img, span.jPag-sprevious, span.jPag-sprevious-img { margin:0 10px; line-height:35px; }


@media (max-width: 414px) {
  .oldPrice {font-size: 50%;display: block;line-height: 100%;}
}
@media (max-width: 575px) {
#chain ul {justify-content:flex-start}
#chain li {margin-left:16px}
}