/*
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;
}
Throughout the academic year, Career Services hosts a series of career fairs as a way for students and alumni to connect with professionals in their field(s) of interest and explore their career options. Career Services also hosts workshops related to career fairs to prepare students for these events.
Important Dates
Have questions? Please contact us!
Share: Twitter, Facebook
Short URL:
https://carleton.ca/career/?p=1887