.accordion{
margin:.8rem 1rem;
}
.accordion-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:.5rem 1rem;
cursor:pointer;
border: 1px solid #D9DADC;
box-shadow: 0px 0px 2px #ddd, 1px 1px 2px #eee;
margin-bottom:.8rem;
color:white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-image: linear-gradient(45deg, hsl(246, 27%, 35%), hsl(290, 17%, 24%));
box-shadow: inset 1px 1px 2px rgba(255,255,255,.55), inset -1px -1px 1px rgba(255,255,255,.55),
0 0 1px hsl(279, 16%, 75%);
}
.accordion-header.no-pointer{
cursor:auto;
}
.accordion-header.active{
box-shadow: inset 0px 1px 1px rgba(255,255,255,.40),inset 0px 3px 3px rgba(255,255,255,.40),
inset 0px -1px 1px rgba(255,255,255,.40),inset 0px -3px 3px rgba(255,255,255,.40),
0 0 0 1px hsla(279,26%,50%, .5);
color: rgb(255,183,255);
text-shadow: 1.5px 1.5px 3px rgba(137,77,146,.58), 0px 1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px -1.5px 3px rgba(142,67,115,.6), -1.5px 1.5px 3px rgba(137,77,146,.58), 1.5px -1.5px 3px rgba(142,67,115,.6);
}
.accordion-header i{
transition: .3s linear;
}
.accordion-header.active i{
transform: rotate(90deg);
}
.accordion-content{
padding:1rem 1rem 2rem 1rem;
border: 1px solid hsla(279,26%,50%, .7);
background-color:white;
}
.accordion-content select,
.accordion-content textarea,
.accordion-content input{
border-color: hsla(279,26%,50%, .6);
}
.accordion-content select{
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23593672' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px
}
.accordion-content input:focus,
.accordion-content textarea:focus,
.accordion-content select:focus{
border-color: hsla(279,26%,50%, .9);
box-shadow: 0 0 0 0.2rem hsla(279,26%,50%, .3);
}
.accordion-content input[type="checkbox"] {
filter: hue-rotate(55deg) grayscale(50%);
}
.accordion-content label{
color:#333;
}
div.required .control-label::before {
content: '* ';
color: #F00;
font-weight: bold;
}
legend{
border-bottom: 1px solid #dee2e6;
}
#table-shipping{
padding:1rem 2rem;
}
@media (min-width: 768px) {
#table-shipping table{
width:75%;
}
}
@media (min-width: 992px) {
#table-shipping table{
width:70%;
}
}
@media (min-width: 1200px) {
#table-shipping table{
width:65%;
}
}
@media (min-width: 576px) {
.main-content{
position:relative;
padding-left:4rem;
padding-right:4rem;
}
}
@media (min-width: 768px) {
.main-content{
padding-left:2rem;
padding-right:2rem;
}
}
@media (min-width: 992px) {
.main-content{
padding-left:2%;
padding-right:2%;
}
}
@media (min-width: 1200px) {
.main-content{
padding-left:2%;
padding-right:2%;
}
}
@media (min-width: 1700px) {
.main-content{
max-width:70%;
}
}
#table-shipping th,
#table-shipping td{
margin:0 .5rem;
}
#table-shipping th,
#table-shipping td{
vertical-align:middle;
text-align:center;
}
#table-shipping table{
background-color:#f9f9ff;
box-shadow:0 0 2px #eee;
}
a.checkout-type:focus,
a.checkout-type:hover,
a.checkout-type{
text-decoration:none;
outline:none;
}
a.checkout-type > div{
border:2px solid hsl(279,5%,83%);
transition: all .15s ease;
}
a.checkout-type > div:hover{
box-shadow:0 0 5px #c8c8c8;
}
a.checkout-type > div.active{
border:2px solid hsl(279,75%,83%);
box-shadow:0 0 10px #c8c8c8;
}
.through{
text-decoration:line-through;
}