Academy of the Punjab in North America
Shahmukhi Poetry Selections
Pash
name.
*/
.pricing-table-header {
background: #111;
color: #fff;
}
.pricing-table-header h2 {
margin: 0;
padding-top: 2em;
font-size: 1em;
font-weight: normal;
}
/*
* — PRICING TABLE PRICE —
* Styles for the price and the corresponding per month
*/
.pricing-table-price {
font-size: 6em;
margin: 0.2em 0 0;
font-weight: 100;
}
.pricing-table-price span {
display: block;
text-transform: uppercase;
font-size: 0.2em;
padding-bottom: 2em;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
*color: #fff;
}
/*
* — PRICING TABLE LIST —
* Each pricing table has a which is denoted by the .pricing-table-list class
*/
.pricing-table-list {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
/*
* — PRICING TABLE LIST ELEMENTS —
* Styles for the individual list elements within each pricing table
*/
.pricing-table-list li {
padding: 0.8em 0;
background: #f7f7f7;
border-bottom: 1px solid #e7e7e7;
}
/*
* — PRICING TABLE BUTTON —
* Styles for the “Choose” button at the bottom of a pricing table.
* This inherits from Pure Button.
*/
.button-choose {
border: 1px solid #ccc;
background: #fff;
color: #333;
border-radius: 2em;
font-weight: bold;
position: relative;
bottom: -1.5em;
}
.information-head {
color: black;
font-weight: 500;
}
.footer {
background: #111;
color: #888;
text-align: center;
}
.footer a {
color: #ddd;
}
/*
* — TABLET MEDIA QUERIES —
* On tablets, we want to slightly adjust the size of the banner
* text and add some vertical space between the various pricing tables
*/
@media(min-width: 767px) {
.banner-head {
font-size: 4em;
}
.pricing-table {
margin-bottom: 0;
}
}
/*
* — PHONE MEDIA QUERIES —
* On phones, we want to reduce the height and font-size of the banner further
*/
@media (min-width: 480px) {
.banner {
height: 400px;
}
.banner-head {
font-size: 3em;
}
}