@charset "UTF-8";
#what-we-do-home,
.content,
.flex-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox
}
#what-we-do-home #sidebar ul li a,
#what-we-do-home p,
.button a,
.content #sidebar ul li a {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif
}
#what-we-do-home p,
.content p,
.set-content-width {
    max-width: 700px
}

.underline-on-hover:hover {
    	 text-decoration: underline;
    	 cursor: pointer; cursor: hand;
    }
    
@font-face {
    font-family: "Proxima Nova";
    src: url(../fonts/ProximaNovaRegular.otf) format("opentype")
}
@font-face {
    font-family: "Proxima Nova";
    font-weight: 700;
    src: url(../fonts/ProximaNovaBold.otf) format("opentype")
}
@font-face {
    font-family: "Source Serif Pro";
    src: url(../fonts/SourceSerifPro-Regular.otf) format("opentype")
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 700;
    src: url(../fonts/SourceSerifPro-Bold.otf) format("opentype")
}
#what-we-do-home,
.content {
    padding-top: 50px;
    padding-left: 120px;
    padding-right: 120px
}
@media only screen and (max-width: 1199px) {
    #what-we-do-home,
    .content {
        padding-left: 50px;
        padding-right: 50px
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #what-we-do-home,
    .content {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 10px
    }
}
@media only screen and (max-width: 767px) {
    #what-we-do-home,
    .content {
        padding-top: 10px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #what-we-do-home,
    .content {
        padding-left: 40px;
        padding-right: 40px
    }
}
@media only screen and (max-width: 480px) {
    #what-we-do-home,
    .content {
        padding-left: 25px;
        padding-right: 25px
    }
}
.button {
    padding-top: 20px
}
.button a {
    color: #777A89;
    border: 2px solid #777A89;
    border-radius: 4px;
    padding: 4px 10px
}
.button a:after {
    content: "→";
    padding-left: 8px;
    vertical-align: bottom;
    font-size: 28px
}
.button a:hover {
    border: 2px solid #B0B4C4;
    color: #B0B4C4
}
.flex-wrapper {
    display: flex
}
#what-we-do-home,
.content {
    display: flex;
    padding-bottom: 60px
}
#what-we-do-home #sidebar ul,
.content #sidebar ul {
    list-style: none;
    margin-left: 0;
    padding-top: 5px
}
#what-we-do-home #sidebar ul li,
.content #sidebar ul li {
    margin-left: 0;
    margin-bottom: 1px
}
.school,
.url {
    margin-bottom: 15px
}
#what-we-do-home #sidebar ul li a,
.content #sidebar ul li a {
    font-weight: 700;
    font-size: 18px;
    color: #B0B4C4
}
@media only screen and (max-width: 959px) {
    #what-we-do-home,
    .content {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 10px
    }
}
@media only screen and (max-width: 767px) {
    #what-we-do-home,
    .content {
        padding-bottom: 30px
    }
}
#what-we-do-home {
    background-color: #272A32;
    display: block;
    padding-bottom: 20px
}
#schools,
.executive,
.members,
.school {
    display: -webkit-flex;
    display: -ms-flexbox
}
#what-we-do-home h1 {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
    padding-top: 10px
}
#what-we-do-home p {
    color: #B0B4C4;
    line-height: 1.4em;
    font-size: 18px
}
#what-we-do-home #advocacy,
#what-we-do-home #education,
#what-we-do-home #global-health,
#what-we-do-home .tag-style {
    font-size: 17px;
    padding: 6px 8px 4px
}
#what-we-do-home ul li,
#what-we-do-home ul li:before {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-size: 24px
}
#what-we-do-home #advocacy a,
#what-we-do-home #education a,
#what-we-do-home #global-health a,
#what-we-do-home .tag-style a {
    color: #272A32;
    border-bottom: none
}
#what-we-do-home #advocacy:hover,
#what-we-do-home #education:hover,
#what-we-do-home #global-health:hover,
#what-we-do-home .tag-style:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)
}
#what-we-do-home #global-health {
    background-color: #FF9455
}
#what-we-do-home #education {
    background-color: #94D888
}
#what-we-do-home #advocacy {
    background-color: #E25A66
}
#what-we-do-home a {
    border-bottom: none;
    color: #F9455D
}
#what-we-do-home ul {
    counter-reset: section;
    max-width: 700px
}
#what-we-do-home ul li {
    list-style: none;
    font-weight: 700;
    padding-bottom: 15px;
    margin-left: 60px
}
#what-we-do-home ul li:before {
    counter-increment: section;
    content: counter(section);
    color: #F9455D;
    border: 2px solid #F9455D;
    padding: 10px;
    border-radius: 30px;
    position: absolute;
    width: 35px;
    height: 35px;
    margin-top: 5px;
    text-align: center;
    margin-left: -80px
}
#what-we-do-home ul li a {
    color: #F7F7FA
}
#what-we-do-home ul li p {
    font-size: 18px;
    line-height: 1.4em
}
.dark-footer #footer {
    background-color: #181A21
}
#matchbook-right {
    max-width: 365px;
    width: 45%;
    float: right
}
#latest-issue {
    margin-top: 0;
    margin-left: 40px;
    margin-right: 30px;
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px
}
#latest-issue h5 {
    padding-top: 15px
}
#latest-issue .button {
    padding-top: 0;
    padding-bottom: 25px
}
#latest-issue .button a {
    border-color: #BB0A21;
    color: #BB0A21;
    opacity: .5;
    font-size: 16px
}
#latest-issue .button a:hover {
    opacity: 1
}
#latest-issue-pic {
    width: 100%;
    margin-left: 0;
    padding: 0;
    border-bottom: none
}
#latest-issue-pic img {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3)
}
@media only screen and (max-width: 959px) {
    #what-we-do-home {
        padding-top: 30px
    }
}
@media only screen and (max-width: 767px) {
    #what-we-do-home h1 {
        font-size: 26px
    }
    #what-we-do-home p,
    #what-we-do-home ul li p {
        font-size: 16px
    }
    #what-we-do-home ul li {
        font-size: 18px;
        margin-left: 40px
    }
    #what-we-do-home ul li:before {
        margin-left: -50px;
        width: 15px;
        height: 15px;
        font-size: 15px;
        line-height: 18px
    }
    #what-we-do-home #advocacy,
    #what-we-do-home #education,
    #what-we-do-home #global-health,
    .tag-style {
        font-size: 15px
    }
    #matchbook-right {
        max-width: 300px;
        width: 100%;
        float: none
    }
    #matchbook-right blockquote {
        margin-left: 0

    }
}
.executive {
    display: flex;
    padding-top: 10px;
    padding-bottom: 20px
}
.executive .exec-pic {
    min-width: 100px;
    width: 190px
}
.executive .exec-pic img {
    width: 100%;
    height: auto
}
.executive .exec-info {
    padding-left: 10px;
    max-width: 600px
}
.executive .exec-info li {
    list-style: none
}
.exec-name,
.member-info .member-name {
    font-size: 24px;
    font-weight: 700;
    color: #272A32;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    line-height: 1em
}
.exec-role,
.exec-school,
.member-info .member-school {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 17px
}
.exec-school {
    padding-top: 3px;
    color: #B0B4C4;
    line-height: 1.4em
}
.exec-desc,
.portfolio-desc {
    font-size: 16px;
    line-height: 1.5em
}
.exec-role,
.member-info .member-school {
    padding-bottom: 5px;
    text-transform: uppercase;
    color: #BB0A21
}
.exec-desc {
    color: #777A89;
    padding-top: 5px;
    padding-bottom: 5px
}
.portfolio-col-left,
.portfolio-col-right {
    padding-bottom: 15px;
    border-bottom: 2px solid #F7F7FA
}
.portfolio-desc {
    padding-top: 12px;
    color: #272A32;
    padding-left: 25px
}
.portfolio-col-left {
    width: 30%
}
.portfolio-col-right {
    width: 70%;
    max-width: 500px
}
.members .column,
.school {
    width: 50%
}
.url {
    margin-top: 8px;
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px
}
.url a {
    padding: 5px 8px 4px;
    border-bottom: 1px solid rgba(30, 30, 30, .1);
    background-color: #F7F7FA;
    color: #B0B4C4
}
.url a:hover {
    color: #777A89
}
.members {
    padding-top: 0;
    padding-bottom: 20px;
    display: flex
}
.members h1 {
    font-weight: 700;
    border-bottom: 4px solid #F7F7FA;
    padding-right: 30px;
    font-size: 19px;
    text-transform: uppercase;
    color: #B0B4C4
}
.member-info {
    padding-top: 15px
}
.member-info li {
    list-style: none;
    margin-left: 0
}
.member-info .member-school {
    font-size: 16px
}
.member-info .member-name {
    font-size: 18px;
    padding-bottom: 7px
}
.member-info .member-name a {
    color: #272A32;
    border-bottom: none
}
.member-info .member-name a:hover {
    color: #BB0A21
}
#schools {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.school,
.school:hover {
    transition: all .2s linear
}
.school {
    min-width: 350px;
    display: flex;
    padding: 10px 0
}
.school-desc {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    padding-right: 30px
}
.school-desc li {
    list-style: none;
    line-height: 1.4em
}
.school-desc .school-name {
    font-family: "Proxima Nova", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 19px;
    padding-top: 10px;
    padding-bottom: 2px;
    line-height: 1.3em
}
.school-desc .school-name a {
    color: #272A32;
    border-bottom: none
}
.school-desc .school-name a:hover {
    color: #BB0A21
}
.school-desc .school-address {
    padding-bottom: 5px
}
.school-desc .school-address,
.school-desc .school-contact,
.school-desc .school-rep-emails,
.school-desc .school-reps {
    font-size: 16px;
    color: #555
}
#cfms-reps-content {
    width: 100%
}
#cfms-reps-desc {
    max-width: 700px;
    padding-bottom: 25px
}
#cfms-reps-content #schools .school {
    width: 50%;
    min-width: 250px;
    border-top: 1px solid #EEE;
    padding-top: 12px;
    padding-bottom: 5px
}
#cfms-reps-content #schools .school .school-desc {
    padding-right: 40px
}
#cfms-reps-content #schools .school .school-logo {
    min-width: 60px
}
#cfms-reps-content #schools .school .school-logo img {
    width: 60px
}
#cfms-reps-content #schools #utoronto .school-logo img {
    margin-top: 0
}
.school-rep-emails a {
    color: #BB0A21;
    border-bottom: none
}
@media only screen and (max-width: 767px) {
    #cfms-reps-content #schools .school {
        width: 100%;
        padding-bottom: 15px
    }
    #cfms-reps-content #schools .school .school-desc {
        padding-right: 0
    }
    .executive .exec-pic {
        width: 25%;
        min-width: 25%
    }
    .executive .exec-info {
        padding-left: 2px
    }
    .exec-role,
    .member-info .member-school {
        font-size: 14px
    }
    .exec-name,
    .member-info .member-name {
        font-size: 20px
    }
    .exec-school {
        font-size: 16px
    }
    .exec-desc {
        font-size: 15px
    }
    hr {
        margin-bottom: 0
    }
    .members {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .members .column {
        width: 100%
    }
    .url {
        font-size: 13px
    }
    .url a {
        padding: 4px 6px 2px
    }
    .member-info .member-school {
        font-size: 16px
    }
    .member-info .member-name {
        font-size: 17px;
        padding-bottom: 7px
    }
}
@media only screen and (max-width: 480px) {
    .exec-desc,
    .pic-right {
        display: none
    }
}