.cq-stackblock {
position: relative;
}
.cq-stackblock-card {
position: relative;
/*margin: 0 auto 2em;*/
padding: 1.5em;
font-size: 1.1em;
/*text-align: center;*/
/*min-width: 10em;*/
/*max-width: 20em;*/
color: #fff;
text-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.025);
width: 100%;
background-color: white;
word-wrap: break-word;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #f2f2f2, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #e5e5e5, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock.vertical-middle .cq-stackblock-content{
position: relative;
top: 50%;
/*width: 80%;*/
/*line-height: 150%;*/
margin: 0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.cq-stackblock-img{
/*border: 4px solid #fff;*/
margin-bottom: 12px;
}
.cq-stackblock-card.card-orange, .cq-stackblock-card.card-gray {
/*color: white;*/
}
.cq-stackblock-card.card-orange {
background-color: tomato;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #f25e43, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #e5593f, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-aqua {
background-color: #47e3ff;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #43d7f2, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #3fcce5, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-gray {
background-color: #404040;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #3c3c3c, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #393939, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-white {
background-color: #fff;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #efefef, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #d9d9d9, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-white .cq-stackblock-content{
color: #333;
}
.cq-stackblock-card.card-lavender {
background-color: #AC92EC;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #a389e0, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #9d84d8, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-mint {
background-color: #48CFAD;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #43c1a1, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #37BC9B, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-yellow {
background-color: #FFCE54;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #f9c950, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #e3b849, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-blue {
background-color: #5D9CEC;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #558ed8, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #4A89DC, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-pink {
background-color: #EC87C0;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #dd7eb4, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #D770AD, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-green {
background-color: #A0D468;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #97c861, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #8CC152, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card.card-red {
background-color: #ED5565;
box-shadow: 0 0.0625em 0.1875em 0 rgba(0, 0, 0, 0.1), 0 0.5em 0 -0.25em #da4d5c, 0 0.5em 0.1875em -0.25em rgba(0, 0, 0, 0.1), 0 1em 0 -0.5em #DA4453, 0 1em 0.1875em -0.5em rgba(0, 0, 0, 0.1);
}
.cq-stackblock-card > :last-child {
margin-bottom: 0;
}
|