File "pricing-table.css"
Full Path: /home/fineflavourcocoa/public_html/wp-content/plugins/gyan-elements/addons/css/widgets/pricing-table.css
File size: 6.57 KB
MIME-type: text/plain
Charset: utf-8
.gyan-pricing-table {
overflow: hidden;
text-align: center;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
}
.gyan-pricing-table-container {
position: relative;
}
.gyan-pricing-table.horizontal-table {
display: flex;
}
.gyan-pricing-table.horizontal-table .gyan-pricing-table-head,
.gyan-pricing-table.horizontal-table .gyan-pricing-table-footer,
.gyan-pricing-table.horizontal-table .gyan-pricing-table-features {
flex: 1;
}
.gyan-pricing-table-align-left .gyan-pricing-table {
text-align: left;
}
.gyan-pricing-table-align-left .gyan-pricing-table-price {
justify-content: flex-start;
}
.gyan-pricing-table-align-right .gyan-pricing-table {
text-align: right;
}
.gyan-pricing-table-align-right .gyan-pricing-table-price {
justify-content: flex-end;
}
.gyan-pricing-table-icon-wrap {
text-align: center;
margin-bottom: 25px;
}
.gyan-pricing-table-icon-wrap,
.gyan-pricing-table .gyan-pricing-table-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
position: relative;
}
.gyan-pricing-table .gyan-pricing-table-icon-image {
overflow: hidden;
}
.gyan-pricing-table .gyan-pricing-table-title-wrap {
margin-bottom: 12px;
}
.gyan-pricing-table .gyan-pricing-table-title-wrap .gyan-pricing-table-title {
margin-bottom: 0;
}
.gyan-pricing-table .gyan-pricing-table-title-wrap .gyan-pricing-table-subtitle {
margin-bottom: 0;
}
.gyan-pricing-table .gyan-pricing-table-price {
font-size: 40px;
margin-left: auto;
margin-right: auto;
}
.gyan-pricing-table .gyan-pricing-table-features {
list-style: none;
margin: 0;
padding: 0;
}
.gyan-pricing-table .gyan-pricing-table-features li {
margin: 0;
padding: 0;
}
.gyan-pricing-table .gyan-pricing-table-features li:last-child {
border-bottom: 0;
}
.gyan-pricing-table .gyan-pricing-table-features .excluded {
text-decoration: line-through;
}
.gyan-pricing-table .gyan-pricing-table-price-prefix,
.gyan-pricing-table .gyan-pricing-table-price-duration {
font-size: 0.4em;
line-height: 1;
text-align: left;
}
.gyan-pricing-table .gyan-pricing-table-price-prefix {
align-self: flex-start;
}
.gyan-pricing-table .gyan-pricing-table-price-duration {
align-self: flex-end;
padding-left: 5px;
}
.gyan-pricing-table-price-duration-wrap .gyan-pricing-table-price {
flex-wrap: wrap;
}
.gyan-pricing-table-price-duration-wrap .gyan-pricing-table-price-duration {
text-align: center;
width: 100%;
}
.gyan-pricing-table .gyan-pricing-table-price-value {
line-height: .9;
}
.gyan-pricing-table-price,
.gyan-pricing-table-price-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.gyan-pricing-table-price-wrap {
margin-bottom: 16px;
}
.gyan-pricing-table-price-original {
display: inline-flex;
font-size: 0.5em;
line-height: 1;
align-self: flex-end;
text-decoration: line-through;
}
.gyan-pricing-table-ribbon {
color: #fff;
font-size: 13px;
font-weight: 700;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
z-index: 2;
}
.gyan-pricing-table-ribbon-inner {
background: #555555;
}
.gyan-pricing-table-ribbon-1 {
position: absolute;
top: 0;
width: 150px;
overflow: hidden;
height: 150px;
}
.gyan-pricing-table-ribbon-1.gyan-pricing-table-ribbon-right {
left: auto;
right: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.gyan-pricing-table-ribbon-1.gyan-pricing-table-ribbon-left {
left: 0;
right: auto;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.gyan-pricing-table-ribbon-1 .gyan-pricing-table-ribbon-inner {
text-align: center;
left: 0;
width: 200%;
-webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
-ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
margin-top: 35px;
line-height: 2;
}
.gyan-pricing-table-ribbon-2 {
border-radius: 50%;
line-height: 4em;
min-height: 4em;
min-width: 4em;
}
.gyan-pricing-table-ribbon-2 .gyan-pricing-table-ribbon-inner {
background: #555555;
border-radius: 50%;
}
.gyan-pricing-table-ribbon-2.gyan-pricing-table-ribbon-right {
-webkit-transform: translateX(38%) translateY(-38%);
-ms-transform: translateX(38%) translateY(-38%);
transform: translateX(38%) translateY(-38%);
}
.gyan-pricing-table-ribbon-2.gyan-pricing-table-ribbon-left {
-webkit-transform: translateX(-38%) translateY(-38%);
-ms-transform: translateX(-38%) translateY(-38%);
transform: translateX(-38%) translateY(-38%);
}
.gyan-pricing-table-ribbon-right {
right: 0;
}
.gyan-pricing-table-ribbon-left {
left: 0;
}
.gyan-pricing-table-ribbon-3 {
background: #555555;
top: 10%;
}
.gyan-pricing-table-ribbon-3 .gyan-pricing-table-ribbon-inner {
padding: 3px 18px;
}
.gyan-pricing-table-ribbon-3:before,
.gyan-pricing-table-ribbon-3:after {
border-bottom: 8px solid transparent;
content: '';
display: block;
position: absolute;
height: 0;
width: 0;
top: 100%;
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-right {
border-radius: 3px 3px 0 3px;
right: -8px;
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-right:before,
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-right:after {
right: 0;
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-right:before {
border-left: 8px solid #555555;
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-right:after {
border-left: 8px solid rgba(0, 0, 0, 0.2);
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-left {
border-radius: 3px 3px 3px 0;
left: -8px;
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-left:before,
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-left:after {
left: 0;
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-left:before {
border-right: 8px solid #555555;
}
.gyan-pricing-table-ribbon-3.gyan-pricing-table-ribbon-left:after {
border-right: 8px solid rgba(0, 0, 0, 0.2);
}
.gyan-pricing-table-min-row ul.gyan-pricing-table-features {
display: inline-block;
}
.gyan-pricing-table-title-divider {
display: block;
width: 32px;
height: 4px;
display: block;
margin: 0 auto;
position: relative;
}
.gyan-pricing-table-title-divider:after,
.gyan-pricing-table-title-divider:before {
content: '';
top: 0;
right: 0;
width: 4px;
height: 4px;
display: block;
position: absolute;
}
.gyan-pricing-table-title-divider:before {
width: 25px;
left: 0;
right: auto;
}
.gyan-pricing-table-head {
float: left;
width: 100%;
}
.gyan-pricing-table-button {
padding: 16px 42px;
}