.penci-post-package {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
margin: 0 auto 3em;
}
.penci-post-package .package-item-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-flex: 1;
flex: 1;
}
.penci-post-package .package-item {
background: #fff;
text-align: center;
display: block;
padding: 0;
border: 1px solid #eee;
margin: 1.5em 0;
position: relative;
transition: 0.2s;
}
.penci-post-package .package-item > div {
padding: 20px;
}
.penci-post-package .package-item > div:after {
content: "";
display: table;
clear: both;
}
.penci-post-package .package-title h3 {
margin: 0.5em 0 0;
color: var(--pcheading-cl);
font-size: 24px;
font-weight: 500;
}
.penci-post-package .package-price,
.penci-post-package .package-title {
background: #f9f9f9;
}
.penci-post-package .package-item .package-price {
padding-bottom: 30px;
}
.penci-post-package .package-price .price {
font-size: 42px;
display: inline-block;
}
.penci-post-package .package-price .price del {
font-size: 60%;
opacity: 0.8;
}
.penci-post-package .package-price .price ins {
font-style: normal;
text-decoration: none;
}
.penci-post-package .woocommerce-Price-currencySymbol {
font-size: 0.5em;
vertical-align: super;
color: var(--pcheading-cl);
position: relative;
margin-left: -6px;
margin-right: 2px;
}
.penci-post-package .package-item .package-list {
padding: 30px 20px 10px;
}
.penci-post-package .package-list li {
list-style: none;
margin: 0.75em 0;
}
.penci-post-package .package-item .package-button {
margin-top: auto;
padding: 30px;
}
.penci-post-package .package-button .button {
width: 100%;
line-height: 1.8;
height: auto;
font-size: 16px;
padding: 12px 20px;
border-radius: 3px;
background: var(--pcaccent-cl);
color: #fff;
border: 0;
outline: 0;
font-weight: bold;
transition: 0.2s;
}
.penci-post-package .package-button .button:hover {
opacity: 0.7;
}
.penci-post-package .package-item.featured-package {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
margin: 0;
position: relative;
z-index: 1;
font-size: 1.15em;
}
@media (min-width: 992px) {
.penci-post-package:hover .package-item {
opacity: 0.7;
box-shadow: none;
z-index: 1;
}
.penci-post-package .package-item:hover {
opacity: 1;
cursor: pointer;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
z-index: 2;
}
.penci-post-package.col_1 {
width: 40%;
min-width: 340px;
}
.penci-post-package.col_1 .package-item {
width: 100%;
flex: none;
margin: 0 auto 2em;
}
.penci-post-package.col_2 .package-item {
width: 50%;
margin: 1em;
}
.penci-post-package.col_3 .package-item:not(:last-child),
.penci-post-package.col_4 .package-item:not(:last-child),
.penci-post-package.col_5 .package-item:not(:last-child) {
border-right-width: 0;
}
.penci-post-package.col_5 .package-title h3 {
font-size: 22px;
margin-top: 5px;
}
.penci-post-package.col_5 .package-price {
padding: 10px 20px 20px;
}
.penci-post-package.col_5 .package-price .price {
font-size: 5em;
}
.penci-post-package .featured-package .package-title h3 {
margin-top: 1em;
}
.penci-post-package .package-item.featured-package .package-price {
padding-bottom: 3em;
}
.penci-post-package.col_5 .package-item.featured-package .package-price {
padding-bottom: 30px;
}
}
@media (max-width: 991px) {
.penci-post-package {
width: 100%;
margin-bottom: 0;
display: block;
}
.penci-post-package .package-title h3 {
margin-top: 5px;
}
.penci-post-package .package-item .package-list {
padding: 20px 20px 10px;
}
.penci-post-package .package-item .package-button,
.penci-post-package .package-item .package-price {
padding: 10px 30px 25px;
}
.penci-post-package .package-item,
.penci-post-package .package-item.featured-package {
width: 80%;
max-width: 340px;
margin: 0 auto 2em;
flex: none;
}
.penci-post-package .package-item:not(:last-child) {
border-right-width: 1px;
}
.penci-post-package .package-price .price {
font-size: 5em;
}
}
@media (max-width: 480px) {
.penci-post-package .package-item,
.penci-post-package .package-item.featured-package {
width: 90%;
max-width: none;
}
}
.penci_post_action.deleted {
display: inline-block;
padding: 3px 7px;
border: 1px solid red;
color: red;
font-size: 12px;
transition: 0.3s all ease-in-out;
}
.penci_post_action.deleted:hover {
background: red;
color: #fff;
}
#penci-header-ftnoti {
margin-left: 5px;
}
#penci-header-ftnoti svg {
max-width: 100%;
height: auto;
fill: var(--pcmeta-cl);
}
#penci-header-ftnoti a {
display: flex;
align-items: center;
justify-content: center;
}