/* import google fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Oswald:400,700&display=swap');

/*********************************************************************/
/***** BEGIN DESIGN TOOLS THEME IMPORT & CUSTOMIZATION  **************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);
/* Theme Colors */
:root {
  --dt-color-primary: #3E6888;
  --dt-color-primary-contrast: #FFFFFF;
  --dt-color-primary-dark-text: #3E6888;
  --dt-color-secondary: #756C49;
  --dt-color-secondary-contrast: #FFFFFF;
  --dt-color-secondary-dark-text: #756C49;
  --dt-color-accent: #00A057;
  --dt-color-accent-contrast: #000000;
  --dt-color-graybg: #E6E6E6;
  --dt-color-graybg-contrast: #000000;
}
/*********************************************************************/
/***** END DESIGN TOOLS HEME IMPORT & CUSTOMIZATION   ****************/
/*********************************************************************/


/* hide settings button to prevent changing default email */
a.edit_settings_link.btn.button-sidebar-wide {
    display: none;
}

/* hide LTI temp */
/*a.context_external_tool_1174,  
a.context_external_tool_2969,
a.context_external_tool_1170 {
    display: none !important;
}
*/

/* hide specific course Lab Times */

span.lab_times.ACTG2010A_F2023_F,
span.lab_times.ACTG2010B_F2023_F,
span.lab_times.MGMT1000A_F2023_F,
span.lab_times.MGMT1000B_F2023_F,
span.lab_times.SUST2060A_F2023_F,
span.lab_times.ORGS2100A_F2023_F,
/* jan 03 2023 */
span.lab_times.ACTG2011R_W2024_W,
span.lab_times.SUST2060R_W2024_W
{
    display:none;
}



/* The styling for the header */
#course_syllabus .table-syllabus-header .ic-Action-header__Heading{
    font-size:1.0em;    
}

#course_syllabus .table-syllabus-header .ic-Action-header__Heading{
    font-family:"LatoWeb","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1.2em;    
}

#course_syllabus .home-image img{
    width: 100%;
}


/* The styling for all the in the Course_Home_ Content */
#course_home_content table {
    border-collapse: collapse;
    width: 100%;
}

/* Serif looks less clean - let's discuss
#course_home_content h2 {
    font-family: Georgia,Times,"Times New Roman",serif;
    color: #807552;
}
*/
#course_home_content .classes-table .img-index{
    text-decoration: none;
    color: #000;
    position: absolute;
    top: -28px;
    left: -26px;
    margin:10px;
    padding:25px;    
}


/* The styling for captions: Instructor, Email, and Location */
.transbox tr{
    display:block;
    white-space: nowrap;
}

.transbox td.caption{
    display:inline-block;
    width: 33%;
    padding:0px;
    text-align:center;
}

.transbox td.caption a{color:#fff;}

.transbox tr.caption-row{
    margin-top:-23px;
}

.transbox  td.home-image{
    display:inline-block;
    width: 33%;
    padding:0px;
}

.transbox td.caption , .classes-table td.caption {
    background-color: rgba(51,48,46,0.75);
    color: white;
    transition: all 0.2s ease-in-out;
}


/* The styling for each of the classes' colours */
.classes-table td.gold {
    background-color: rgb(247,237,222);
    transition: all 0.2s ease-in-out;
}
.classes-table td.brown {
    background-color: rgb(227,224,217);
    transition: all 0.2s ease-in-out;
}
.classes-table td.green {
    background-color: rgb(230,241,229);
    transition: all 0.2s ease-in-out;
}
.classes-table td.white {
    background-color: rgb(244,250,250);
    transition: all 0.2s ease-in-out;
}
.classes-table td.blue {
    background-color: rgb(220,237,246);
    transition: all 0.2s ease-in-out;
}
.classes-table td.grey {
    background-color: rgb(196,213,216);
    transition: all 0.2s ease-in-out;
}

div.syllabus-classes {
    border-spacing: 10px;
    color: white;
}

#syllabus-classes{
    padding-top:40px;
}

/* styling for new Winter 2018 table-based layout */
.user_content table.co_table td:first-child {
    white-space: nowrap;
    vertical-align: text-top;
}

.user_content table.co_table td {
    padding: 0px 10px 0px 10px;
}


/* To input a grey box when the user hovers over the class */
.classes-table td:hover{
    background-color:#f5f5f5
}

.classes-table td {
    padding: 25px;
    text-align: center;
    margin: 16px;
    border: 10px solid #fff;
    height: 50px;
    position:relative;
    width: 33%;
}


/* To remove the underline in the classes */
a {
    text-decoration: none !important;
}

img.img-round {
    border-radius: 50%;
}


/* Recent Announcements styling */
div#announcements_on_home_page {
    background-color: #fdeceb;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 50px;
}

div#announcements_on_home_page div.AnnouncementList table caption {
    background-color: #fdeceb;
    padding-bottom: 10px;
    padding-left: 5px;
    font-weight: bold;
}

div#announcements_on_home_page div.AnnouncementList {
    margin: 0;
}

div#announcements_on_home_page div.AnnouncementList table tr td {
    background-color: #ffffff;
    border:none;
}

div#announcements_on_home_page div.AnnouncementList table tr:nth-child(even) td {
    background-color: #fef9f9;
    border-top: solid 1px #fdeceb;
    border-bottom: solid 1px #fdeceb;
}

/* add text to background of a container */
.bg-text {
    overflow: hidden;
    position: relative;
}
.bg-text::after {
    color: #E7EAEC;
    content: attr(data-bg-text);
    display: block;
    font-size: 220px;
    line-height: 220px;
    position: absolute;
    top: -50px;
    right: 10px;
    font-family: Georgia;
}  

/* fix tabs changing the font */
.ui-tabs-panel.ui-widget-content {
    font-size:1rem;
}



/* hide generated ssbCourseClasses section */
div#ssbCourseClasses {
    display: none;
}

/* hide Deliverables generated by Canvas (h2 done in js) */
div#syllabusContainer {
    display: none;
}

.printme {
    display: none;
}

/* hide "Jump to Today" and "Edit" buttons */
.syllabus div.ic-Action-header__Secondary, .syllabus div.ic-Action-header__Primary {
    display: none;
}

/* reduce space on modules syllabus creation */
div.custom-modules-syllabus .ig-list .ig-row {
    padding: 4px 6px 4px 10px;
}

div.custom-modules-syllabus .ig-list li{
    margin:2px 0;
}

/* hide heading on homepage */
div#course_home_content div.ic-Action-header {
    display: none;
}

#course_syllabus h2.main-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #2E6984;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0;
}


@media print {
    
    /* fix for allowing proper landscape printing in chrome */
    @page {
        size: auto;
    }

    /* print styles go here */
    #syllabus-tabs > .ui-tabs-panel {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        page-break-after: always;
        border: none;
    }

    #syllabus-tabs > .ui-tabs-nav {
        display: none;
    }

    .printme {
        display: block !important;
    }

    div.ic-Action-header {
        display: none;
    }

    div#course_syllabus div.grid-row {
        display: block !important;
    }


}





/* 
*     new css layout 
***************************/

@font-face {
    font-family: 'BebasNeue Regular';
    src: url("../fonts/BebasNeue-Regular.eot") /* EOT file for IE */
}
@font-face {
    font-family: 'BebasNeue Regular';
    src: url("../fonts/BebasNeue-Regular.ttf") /* TTF file for CSS3 browsers */
}

/* main syllabus font style */
.freeformatdesc,
#syllabus-tabs #tabs-1,
#syllabus-tabs #tabs-2,
#syllabus-tabs #tabs-3,
#syllabus-tabs #tabs-4,
#syllabus-tabs #tabs-5
  {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    /*
        padding: 0;
        margin: 0;
    */
}

.logo-schulich {
    max-width: 122px;
    height: auto;
    width: 100%;
}
.omis-number {
    background: #afafaf;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    height: 14px;
    color: #fff;
    padding: 0;
    margin: 20px 0 0 0;
    max-width: 80px;
    text-align: center;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-t-12 {
    padding-top: 12px !important;
}
.p-b-12 {
    padding-bottom: 12px !important;
}
.p-l-12{
    padding-left: 12px !important;
}
.p-r-12{
    padding-right: 12px !important;
}
.p-b-0 {
    padding-bottom: 0px !important;
}
.m-r-12 {
    margin-right: 12px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-b-8 {
    margin-bottom: 8px !important;
}
.m-t-25 {
    margin-top: 25px !important;
}
.m-b-25 {
    margin-bottom: 25px !important;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-b-50 {
    margin-bottom: 50px !important;
}
.w-20 {
    width: 20px !important;
}
.left-blue-border {
    border-left: 2px solid #4C7B97;
}
.main-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #2E6984;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 0 0 10px 0;
}
.text-icon-small {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: #000000;
    text-transform: uppercase;
    padding: 0;
    
}
.text-icon-small i {
    color: #3e6888;
    font-size: 14px;
}

h3.title-3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #2E6984;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 !important;
}
h4.title-4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 13px;
    color: #000000;
    text-transform: capitalize;
    padding: 0;
    margin: 5px 0 10px 0 !important;
}
.break-all {
    word-break: break-all;
}
.text-cap {
    text-transform: capitalize;
}
.text-scap {
    text-transform: lowercase;
}
.text-uncap {
    text-transform: none !important;
}
.title-gray-bg {
    background: #F5F5F5;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.5px;
    color: #585553;
    text-transform: uppercase;
    padding: 8px 8px 8px 8px;
    margin: 0 0 15px 0;
}

.text-1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    padding:0;
    margin: 0;
}
.text-2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    padding:0;
    margin: 0;
}
.list-1 li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    padding:0;
    margin: 0;
}
.list-2 {
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-2 li {
    background: url("../images/list-icon.png") no-repeat 0px 8px;
    padding: 0 0 12px 35px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}
.list-2 li.warning-list {
    background: url("../images/warning-icon.png") no-repeat 0px 8px;
}
.assignment-box {
    padding: 0;
    margin: 0 0 25px 0;
}
.assignment-box h4 {
    /*background: url("../images/assignment-icon.png") no-repeat 0px 0px;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #2E6984;
    padding:0 0 0 0px;
    margin: 0 0 12px 0;
}
.assignment-date {
    /*background: url("../images/due-date-icon.png") no-repeat 0px 0px;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 11px;
    line-height: 20px;
    color: #000;
    padding:0 0 0 0px;
    margin: 0 0 22px 0;
}
.assignment-date b {
    font-weight: 700;
}
.assignment-box p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    padding:0 0 15px 0;
    margin: 0;
}
.list-3 {
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-3 li {
    background: url("../images/list-icon-3.png") no-repeat 5px 4px;
    padding: 0 0 0 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}
.assignment-box strong {
    font-weight: 600;
}
.list-4,
.syllabus-box-right .list-4 {
    padding: 5px 0 5px 15px;
    margin: 0;
    list-style: none;
    border-left: 2px solid #2E6984;
}
.list-4 li,
.syllabus-box-right .list-4 li {
    background: url("../images/list-icon-4.png") no-repeat 0px 3px;
    padding: 0 0 0 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}
.list-4 li.list-4-heading,
.syllabus-box-right .list-4 li.list-4-heading {
    background: none;
    font-weight: 600;
}
.syllabus-box {
    width: 100%;
    /*display: inline-block;*/
    /*vertical-align: top;*/
    padding: 0 0 25px 0;
    margin: 0;
}
.syllabus-box-left {
    float: left;
    width: 100px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    color: #797A7D;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}
.syllabus-box-right {
    float: left;
    width: calc(100% - 100px);
    border-left: 2px solid #2E6984;
    padding: 0 0 0 18px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}
.syllabus-box-right h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #2E6984;
    padding: 0;
    margin: 0 0 10px 0;
}
.syllabus-box-right p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    padding: 0;
    margin: 15px 0 0 0;
    clear: both;
}
.syllabus-box-right li p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    padding: 0;
    margin: 0;
    clear: both;
}
.syllabus-box-right p strong {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    padding: 0;
    margin: 0;
    clear: both;
}
.syllabus-box-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
}
.syllabus-box-right ul li {
    background: url("https://eventregpayment.schulich.yorku.ca/wp-content/uploads/2026/10/list-icon-3.png") no-repeat 2px 4px;
    padding: 0 0 0 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}
.syllabus-box-right ol li {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}
.syllabus-box-right ul.syllabus-box-list-2 {
    padding: 0;
    margin: 0;
    list-style: none;
}
.syllabus-box-right ul.syllabus-box-list-2 li {
    padding: 0 0 12px 25px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}
.syllabus-box-right li.clock-icon {
    background: url("../images/clock-icon.png") no-repeat 0 2px;
}
.syllabus-box-right li.location-icon {
    background: url("../images/location-icon.png") no-repeat 0 2px;
}
.syllabus-box-right li.list-icon {
    background: url("../images/list-icon-5.png") no-repeat 0 4px;
}
.syllabus-box-right li.tick-icon {
    background: url("../images/tick-icon.png") no-repeat 0 4px;
}
.syllabus-box-right li.doc-icon {
    background: url("../images/list-icon.png") no-repeat 0 4px;
}
.title-5 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #2E6984;
    padding: 0;
    margin: 0 0 15px 0 !important;
    clear: both;
}
.text-mini-i {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    font-style: italic;
}
.footer-pdf {
    background: #f5f5f5;
    padding: 20px 15px 40px;
    margin: 0px 0 0 0;
    clear: both;
}
.footer-pdf p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #5B5B5B;
    padding:0;
    margin: 0;
}
.assessment-table {
    margin: 30px 0 40px 0;
    padding: 0;
    width: 100%;
}
.assessment-table th {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #2E6984;
    padding: 12px 10px;
    margin: 0;
    background: #EAF2F4;
}
.assessment-table th:first-child {
    padding-left: 20px;
    border-radius: 20px 0 0 20px;
}
.assessment-table th:last-child {
    padding-right: 20px;
    border-radius: 0 20px 20px 0;
}
.assessment-table td {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    color: #000;
    padding: 5px 10px;
    margin: 0;
}
.assessment-table td.large-td {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    padding: 12px 10px;
    margin: 0;
}
.assessment-table td.large-td span {
    font-weight: 700;
    font-size: 12px;
    color: #2E6984;
}
.assessment-table td:first-child {
    padding-left: 20px;
    border-radius: 20px 0 0 20px;
}
.assessment-table td:last-child {
    padding-right: 20px;
    border-radius: 0 20px 20px 0;
}
td {
    box-sizing: border-box;
}
/*=================*/
.no-border-left {
  border-left: none !important
}
.syllabus-box-date {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #000;
    padding: 0 5px 5px;
    margin: 0 0 12px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #000;
    float: right;
}
.syllabus-box-02 .syllabus-box-right {
    padding: 0 12px 0 0;
    float: right;
}
.syllabus-box-02:nth-child(2n + 1) .syllabus-box-right {
    float: left;
    padding: 0 0 0 12px;
}
.syllabus-box-right h3 {
  clear: both;
  /* float: right; */
  display: block;
}
.syllabus-wrap {
  background: url(../images/list-dots.png) repeat-y top center;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin-top: 20px;
  margin-bottom: 50px;
}
.syllabus-box.syllabus-box-02 {
    width: 50%;
    float: left;
    clear: both;
    padding: 0 0 25px 0;
    margin: 0;
    position: relative;
}
.syllabus-box.syllabus-box-02:nth-child(2n + 1) {
    float: right;
}
.syllabus-box-02:nth-child(2n + 1) .syllabus-box-date,
.syllabus-box-02:nth-child(2n + 1) .syllabus-box-right h3 {
  float: left;
}
.ui-tabs .ui-tabs-panel[aria-expanded="true"] {
  display: inline-block !important;
  width: 100%;
  box-sizing: border-box;
}
.syllabus-box-02 .syllabus-box-right {
    width: calc(100% - 12px);
}
.syllabus-box-02:nth-child(2n + 1) .syllabus-box-right h3,
.syllabus-box-02:nth-child(2n + 1) .syllabus-box-right p,
.syllabus-box-02:nth-child(2n + 1) .syllabus-box-right ul {
  margin-left:12px;
}
.syllabus-box-02 .syllabus-box-right:before {
  background: url(../images/date-circle.png) no-repeat top right;
  width: 28px;
  height: 28px;
  position: absolute;
  content: '';
  right: -14px;
  top: -3px;
  z-index: 999;
}
.syllabus-box-02:nth-child(2n + 1) .syllabus-box-right:before {
  left: -14px;
  top: -3px;
}
h3.midterm-heading {
  background:#E6E7E8;
  color:#2E6984;
  padding: 2px 8px;
  margin-bottom: 15px;
}
.course-code-term {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
}
.course-code-term .course-code {
    background-color: #afafaf;
    padding: 3px 6px;
    border-radius: 3px;

}
.course-code-term .course-term {
    background-color: #afafaf;
    padding: 3px 6px;
    border-radius: 3px;
}

.text-right{
    text-align: right !important;
}
.text-left{
    text-align: left !important;
}
.text-center{
    text-align: center !important;
}

/*=================*/
@media screen and (max-width: 800px) {
    .d-block-600 {
        display: block !important;
        width: 100% !important;
    }
    .left-blue-border.d-block-600 {
        border-top: 2px solid #4C7B97;
        border-left: none;
    }
    .syllabus-wrap {
      background-position: top left;
    }
    .syllabus-box.syllabus-box-02,
    .syllabus-box.syllabus-box-02:nth-child(2n + 1) {
      width: 100%;
      float: left;
    }
    .syllabus-box-02 .syllabus-box-right,
    .syllabus-box-02:nth-child(2n + 1) .syllabus-box-right {
      float: left;
      padding: 0 0 0 12px;
      width: 100%;
    }
    .syllabus-box-02 .syllabus-box-right:before,
    .syllabus-box-02:nth-child(2n + 1) .syllabus-box-right:before {
      left: -12px;
      top: -3px;
      right: auto;
    }
    .syllabus-box-date {
      float: left;
    }
    .syllabus-box-right h3 {
      float: left;
    }
    .syllabus-box-02 .syllabus-box-right h3,
    .syllabus-box-02 .syllabus-box-right p,
    .syllabus-box-02 .syllabus-box-right ul {
      margin-left: 12px;
      margin-right: 0;
    }



}