About us
Chapters & Forums at the CIC
Chapter Governance
.staff-table-container {
width: 100%;
overflow-x: auto;
margin: 20px 0;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
border-radius: 15px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.staff-table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
font-size: 14px;
background: transparent;
min-width: 800px;
}
/* Enhanced Glass-like Header with Corrected Color */
.staff-table thead {
background: rgba(0, 65, 236, 0.9) !important;
color: white;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
position: relative;
}
.staff-table thead::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.1);
border-radius: 15px 15px 0 0;
pointer-events: none;
}
.staff-table thead::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
pointer-events: none;
}
.staff-table th {
padding: 15px 12px;
text-align: left;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.05);
color: white;
position: relative;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.staff-table th:last-child {
border-right: none;
}
.staff-table td {
padding: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
border-right: 1px solid rgba(255, 255, 255, 0.1);
color: white;
line-height: 1.4;
background: transparent;
vertical-align: middle;
}
.staff-table td:last-child {
border-right: none;
text-align: center;
}
.staff-table tr {
transition: all 0.3s ease;
background: transparent;
color: white;
}
.staff-table tbody tr:hover {
background: rgba(0, 65, 236, 0.2) !important;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
transform: translateY(-1px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
/* Website links styling */
.staff-table .website-link {
color: #0041EC;
text-decoration: none;
transition: all 0.3s ease;
font-weight: 500;
}
.staff-table .website-link:hover {
color: #0033C7;
text-decoration: underline;
}
/* Email icon styling - Perfect Circle */
.staff-table .email-link {
width: 36px;
height: 36px;
line-height: 36px;
display: inline-block;
text-align: center;
font-size: 18px;
color: white;
text-decoration: none;
transition: all 0.3s ease;
border-radius: 50%;
background: rgba(0, 65, 236, 0.3);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 0;
}
.staff-table .email-link:hover {
color: #0041EC;
background: rgba(255, 255, 255, 0.2);
transform: scale(1.1);
box-shadow: 0 4px 12px rgba(0, 65, 236, 0.3);
}
/* Custom Scrollbar Styling */
.staff-table-container::-webkit-scrollbar {
height: 12px;
width: 12px;
}
.staff-table-container::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 10px;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.staff-table-container::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #0041EC, #0033C7);
border-radius: 10px;
border: 2px solid rgba(255, 255, 255, 0.2);
box-shadow: 0 2px 8px rgba(0, 65, 236, 0.3);
}
.staff-table-container::-webkit-scrollbar-thumb:hover {
background: linear-gradient(45deg, #0033C7, #002499);
box-shadow: 0 4px 12px rgba(0, 65, 236, 0.5);
}
/* Firefox Scrollbar Styling */
.staff-table-container {
scrollbar-width: thin;
scrollbar-color: #0041EC rgba(255, 255, 255, 0.1);
}
/* Responsive Design */
@media (max-width: 1024px) {
.staff-table {
font-size: 13px;
}
.staff-table th,
.staff-table td {
padding: 10px 8px;
}
.staff-table .email-link {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 16px;
}
}
@media (max-width: 768px) {
.staff-table-container {
margin: 10px 0;
border-radius: 10px;
}
.staff-table {
font-size: 12px;
min-width: 700px;
}
.staff-table th,
.staff-table td {
padding: 8px 6px;
}
.staff-table th {
font-size: 11px;
}
.staff-table .email-link {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 14px;
}
}
@media (max-width: 480px) {
.staff-table {
font-size: 11px;
min-width: 600px;
}
.staff-table th,
.staff-table td {
padding: 6px 4px;
}
.staff-table th {
font-size: 10px;
}
.staff-table .email-link {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 12px;
}
}
/* Elementor Compatibility */
.elementor-widget-container .staff-table-container {
margin: 0;
position: relative;
}
.elementor .staff-table {
margin: 0;
}
.staff-table-container {
position: relative;
background: rgba(255, 255, 255, 0.05);
scroll-behavior: smooth;
}
| Chapter | Website | |
|---|---|---|
| Atlantic | creditinstitute.org/Atlantic | ✉ |
| British Columbia | creditinstitute.org/britishcolumbia | ✉ |
| Calgary | creditinstitute.org/Calgary | ✉ |
| Conestoga | creditinstitute.org/Conestoga | ✉ |
| Edmonton | creditinstitute.org/EdmontonChapter | ✉ |
| Hamilton & District | creditinstitute.org/Hamilton | ✉ |
| Manitoba | creditinstitute.org/Manitoba | ✉ |
| Quebec | creditinstitute.org/Quebec | ✉ |
| Saskatchewan | creditinstitute.org/Saskatchewan | ✉ |
| SW Ontario | creditinstitute.org/southwesternontario | ✉ |
| Toronto | creditinstitute.org/Toronto | ✉ |
Forums
| Forum | Website | |
|---|---|---|
| National Forum | www.ncfef.com | ✉ |