Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
CSS Stylesheet
.grid {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
 }

.grid a:hover {
  border-bottom: none;
} 

.brikit-title {
  margin: 3% 5% 1% 10% !important;
}

body #main-header.brikit-header {
  height: 100px;
}

.brikit-menu {
  height: 0px; 
}

.training-box {
    background-color: #fff;
    border: .0625em solid #dcdfe1;
    border-radius: .25em;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 340px;
	height: 400px; 
	margin: 0px 40px 40px 0px;
} 

.training-contents {
	margin: 2em;
}

.training-candy {
	background-color: #EC0677;
	color: #fff;
    font-size: 16px;
    padding: .125em 1em;
    text-transform: uppercase;
}

.training-rouge {
	background-color: #B93499;
	color: #fff;
    font-size: 16px;
    padding: .125em 1em;
    text-transform: uppercase;
}

.training-dusk {
	background-color: #8241AA;
	color: #fff;
    font-size: 16px;
    padding: .125em 1em;
    text-transform: uppercase;
}

.training-heading {
	font-size: 24px;
	color: #2E3E4F;
    font-family: "NeutroMYOB-Medium", Arial, sans-serif;
    font-weight: 300;
	line-height: 1.25;
	margin-bottom: 40px;
	height: 60px; 
}

.training-blurb {
	font-family: "NeutroMYOB-Medium", Arial, sans-serif;
    font-weight: normal;
	font-size: 16px;
    line-height: 1.5;
	color: #687480;
	margin-bottom: 40px;
}

.training-free {
	font-family: "NeutroMYOB-Medium", Arial, sans-serif;
	font-size: 24px;
    font-weight: 300;
	line-height: 1.5;
	color: #687480;
	margin-bottom: 40px30px;
	height: 60px;
}

.training-price {
	margin-bottom: 40px30px;
	text-align: center;
	height: 60px;
}
.training-price .price-currency {
	font-size: 1.5em;
	line-height: 1.25em;
	vertical-align: top;
}
.training-price .price-amount {
	display: inline-block;
	font-size: 3.8em;
	line-height: 1em;
	margin: -.06em;
}
.training-price .price-suffix {
	display: inline-block;
	vertical-align: top;
}
.training-price .price-suffix .price-decimal {
	font-size: 1.5em;
	line-height: 1em;
	padding-top: .1em;
}
.training-price .price-caret {
	display: inline-block;
	font-size: .7em;
	vertical-align: top;
}
.training-price .price-suffix .price-frequency, .training-price .price-suffix .price-info {
    font-size: .75em;
    line-height: 1em;
}
.training-price-info {
	font-size: .7em;
	line-height: 1em;
}

.training-button {
	font-family: "NeutroMYOB-Medium", Arial, sans-serif;
    font-weight: normal;
	font-size: 16px;
    line-height: 1.5;
	color: #FFFFFF;
	margin-bottom: .625em;
	background-color: #00aa65;
	vertical-align: middle;
	padding: .5em 1.625em;
	-webkit-appearance: none;
    border-radius: .25em;
	border: .125em solid transparent;
	text-decoration: none;
}

.training-button:hover {
	background-color: #008951;
} 

...