/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
.dropin {
padding-top: 0 px;
}
.button-row:before, .button-row:after {
display: table;
line-height: 0;
content: "";
}
.button-row {
width:100%;
}
.button-row [class*="button-box"] {
display: block;
float: left;
min-height: 200px;
box-sizing: border-box;
}
.button-row .button-box {
width: 24.076923076923077%;
}
.button-row [class*="button-box"]:first-child {
margin-left: 0;
}
.button-panel {
background: #fff;
border-radius: 0px;
display: table;
margin-bottom: 7px;
overflow: hidden;
position: relative;
table-layout: fixed!important;
width:100%;
}
.button-box {
width: 100%;
}
.stat-cellfac {
display: table-cell!important;
overflow: hidden;
padding: 4px;
position:relative;
height: 200px;
font-size: 14px;
}
.bg-statsfac {
background:#fff;
color: #fff;
}
.bg-statsfac > a {
color: #fff;
font-size: 14px;
}
.button-img{
filter:brightness(50%);
-webkit-filter:brightness(50%);
}
.button-headline {
position: absolute;
top: 4px;
left: 4px ;
width: 96%;
height: 56%;
color: white;
font: bold 20px/20px Helvetica, Sans-Serif;
letter-spacing: 1px;
/* background: rgb(0, 0, 0); fallback color
background: rgba(0, 0, 0, 0.3); */
padding: 10px;
}
.button-headline > a {
color: #fff;
}
.button-lowerbox {
color:black;
size: 15 px;}
@media (min-width: 1224px){
.button-row .button-box {
width: 22.22222%;
margin-left: 3.7037%;
}
}
@media (max-width: 1215px){
.button-headline {
height: 58%;
width: 96%;
}
}
@media (max-width: 1024px){
.button-box:nth-child(odd){
width: 48.14815%;
float: left;
margin-left: 0px ;
}
.button-row .button-box{
width: 48.14815%;
}
.button-headline {
height: 71.3%;
width: 100%;
}
}
@media (max-width: 768px){
.button-headline{
height: 66.5%;
width: 96.5%;
}
}
@media (max-width: 480px){
.button-headline{
height: 60.5%;
width: 95.5%
}
}
@media (max-width: 400px){
.button-headline{
height: 56%;
width: 95.5%
}
}
@media (max-width: 320px){
.button-headline{
height: 48.5%;
width: 95%;
}
}
.column {
float: left;
width: 23%;
margin-right: 2%;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
width: 100%;
}
}
@media (min-width: 640px)
{
h3 {
margin: 5px 0;
line-height: 1.5em;
}
}
ol, p, pre, ul {
font-weight: 300;
font-size: 14px;
font-size: 1.4rem;
color: #191919;
line-height: 1.5;
word-wrap: break-word;
margin: 0;
padding: 0 0 15px 10;
}
Students often look to faculty and staff for career guidance and employment advice. Valuing the important role you play, we welcome the opportunity to work with you in supporting the career development needs of your students. We offer a number of services for our on-campus partners.
Supporting Student Career Development
The various ways you can support student career development
Request a Workshop
Request a Career in the Classroom Workshop for your course or seminar
Learning Outcomes
Learning outcomes for Career in the Classroom Workshops
Faculty Testimonials
Read testimonials from Carleton faculty members
Share: Twitter, Facebook
Short URL:
https://carleton.ca/career/?p=1929