Cards

Card

card header

Card title

READ MORE

Card Wrapper

Wrapper

width: 31.6%;

Card Inner

background: #ffffff;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

Card Inner :hover

-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);

Heading

Heading Wrapper

width: 100%;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-ms-border-radius: 3px 3px 0 0;
-o-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
overflow: hidden;
position: relative;
height: 120px;

Image

position: absolute;
top: -25%;
left: 0;
right: 0;

Body

Body Wrapper

padding: 0.625rem;
width: 100%;
box-sizing: border-box;

Title

font-size: 1.3125rem;
font-family: Roboto, sans-serif;
font-weight: 300;
margin: 0 0 0.625rem;

Title :hover

color: #ef7d25;
text-decoration: underline;

Text

font-size: 1rem;
font-family: Roboto, sans-serif;
font-weight: 300;
margin: 0 0 0.625rem;

Link

color: #ef7d25;
font-weight: 700;
font-family: "Roboto",sans-serif;
font-size: 0.75rem;

Card PEF

pe-talentCard title

GO TO TOPIC

PEF Card Wrapper

Wrapper

width: 31.6%;

PEF Card Inner

background: #f4f4f4;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;

PEF Card Inner :hover

-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.15);
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);

Title PEF Card

font-size: 1.3125rem;
font-family: Roboto, sans-serif;
font-weight: 300;
margin: 0 0 0.625rem;

Title :hover

color: #ef7d25;
text-decoration: underline;

PEF ul

padding: 0;
margin-top: 0;
margin-bottom: 1rem;
list-style: none;

PEF ul li a

color: #000000;
font-size: 1.6rem;
font-weight: 400;

PEF ul li a:hover

color: #000000;
text-decoration: underline;

Link

color: #ef7d25;
font-weight: 700;
font-family: "Roboto",sans-serif;
font-size: 0.75rem;