/* PHP ICALENDAR CUSTOMIZATIONS */
/*body { background: #f3f3f3;
background: -moz-linear-gradient(#fff, #f1f1f1) fixed no-repeat;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f1f1f1), color-stop(100%, #fff)) fixed no-repeat; }*/
table { border-collapse: collapse !important; }
.wrapper { max-width: none; }

.events-wrapper { clear: none; overflow: hidden; margin: 0 20px; padding: 20px;
background: #fff;
-moz-box-shadow: 0px 0 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.3);
box-shadow: 0px 0 3px rgba(0,0,0,0.3);
}


/* ------------- TOP NAVBAR --------------*/

.events-nav { width: 100%; padding: 5px 0; margin-bottom: 5px; overflow: hidden; font-size: 0.75em; line-height: 1.5em; }
.events-nav h2 { margin: 0; font-size: 1.4em; line-height: 1.45em; font-weight: normal; overflow: hidden; display: inline; }
.display-date { padding: 3px 10px; display: block; float: left; }
.prev-date, .next-date { margin: 1px 1px 2px; }
.prev-date, .next-date, .display-options a { float: left; }
.prev-date img, .next-date img { height: 10px; margin: 4px 0; }
.prev-date:active, .next-date:active, .display-options a:active, .display-options .active a { background: #eee;
-moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5); box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5);
}
.display-options { margin: 5px 0; display: inline; }
.display-options li { margin: 0 8px 0 0; background: none; padding: 0; clear: none; float: left; font-size: 1em; line-height: 1.0em; }
.display-options .active a { font-weight: bold; color: #000 !important;}
.display-options li.calendar-today { border-left: 1px dotted #bbb; border-right: 1px dotted #bbb; padding: 0 12px; margin: 0 12px; padding-bottom: 2px; }
.display-options li.calendar-list { margin-right: 100px !important; }
/* ------------- SINGLE EVENT --------------*/

.e-details { color: #000; padding: 25px 20% 25px 2px; margin-top: 15px; border-top: 1px solid #eee; }
.e-details h2 { margin: 0; font-size: 1.8em; line-height: 1.3em; font-family: 'Open Sans', Helvetica, Arial, sans-serif !important; }
.e-details ul { text-shadow: rgba(255,255,255,1) 1px 1px 0; min-width: 50%; background: #f3f3f3; padding: 25px 30px 10px; margin: 1.5em 25px 2em; font-size: 1.0em; line-height: 1.6em; float: left;
-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4); }
.e-details ul li { margin-bottom: 0.5em; }
.e-download input[type=submit]{
    float: right;
    background-image: url(../img/icons/calendar_add.png);
    background-position: 12px center;
    background-repeat: no-repeat;
    padding: 7px 12px 7px 32px;
}



.e-details input[type='submit'] { float: right; padding: 7px 12px 7px 32px; margin: 0 0 10px 20px; cursor: pointer; border: none; color: #fff; text-shadow: rgba(0,0,0,.3) 1px 1px 0;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
background: #bdd84f url('../img/icons/calendar_add.png') no-repeat 12px center;
font-size: .9em; font-weight: bold; line-height: 1.4em;
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
box-shadow: 0px 1px 1px rgba(0,0,0,0.5);  }

.e-details input[type='submit']:hover { background-color: #8fc73e;
}
.e-details input[type='submit']:active { background-color: #589d28;
}
.e-details iframe {  width: 100% !important;  }
.e-details #facebook { margin-top: 0; border-top: 1px solid #ddd; }
.e-details #facebook li { padding-top: 10px; border-top: 1px solid #fff; }



.e-date, .e-time, .e-location, .e-url a { padding-left: 25px; background-repeat: no-repeat; background-position: 0 0.3em; background-color: transparent; }
.e-date { background-image: url('../img/icons/date.png');  }
.e-time { background-image: url('../img/icons/time.png'); }
.e-location { background-image: url('../img/icons/building.png'); }
.e-url { background: none !important; margin-bottom: 0 !important; padding-bottom: 20px; }
.e-url a { background-image: url('../img/icons/link.png'); background-position: 0 0.1em; overflow-wrap: break-word; word-wrap: break-word; }
.e-details p { margin: 1.5em 25px; font-size: 0.9em; line-height: 1.6em; clear: left; }

/* ------------- iCAL OVERRIDES --------------*/

.calborder { border: none !important; background: none !important; }
.calborder td { background: #fff; }
.monthback, .tfixed { border: none !important; } 

.V9 { font-size: 1.05em; padding: 5px; }
.V9 a { font-weight: normal; line-height: 1.4em; }
.V9 a span { color: #000; display: inline; }
.V9 span { font-size: 1em; line-height: 1.3em; padding: 0 !important; color: #666; display: none; }
.V9 img { display: none; }

.dateback { background: #fff; }

.V9BOLD { font-size: 12px; font-weight: normal; display: block; background: #fff; }

.rowToday .V9BOLD a { font-weight: bold; color: #000 !important; }

.V9BOLD a, center.V9BOLD { color: #555 !important; display: block; padding: 7px 5px; }
center.V9BOLD { text-align: left; }
.V9BOLD a:hover { background: #fff;  }

.monthreg, .monthon { padding-bottom: 10px !important; }
.monthon { background-color: #f0f0f0; }
.monthon .psf, .monthreg .psf, .monthoff .psf { font-size: 1.1em; color: #555 !important; padding: 5px; float: left; }
.monthon .psf { font-weight: bold; color: #000 !important; }
.eventbg2_1, .eventbg2_2, .eventbg2_3 { border: 1px solid #76c043; background: #e8ffcb !important; 
-moz-box-shadow: 0px 0 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0 2px rgba(0,0,0,0.6);
box-shadow: 0px 0 2px rgba(0,0,0,0.6); }
.eventbg_1, .eventbg_2, .eventbg_3 { border: none; background: #76c043; display: block; color: #fff; text-shadow: rgba(0,0,0,0.4) 1px 1px 0; }
.weektoday, .allday .rowToday { background: #f0f0f0; }

.allday td { border-color: #d1d1d1; background: #fff; }

.rowOff, .rowOn, .rowOff2, .rowToday { background: none; }
td[bgcolor="#a1a5a9"] { background: none; }

.monthback { background: none; border-collapse: collapse; }
.monthback td { border: 1px solid #ccc; }
.monthback .dateback { border-top: none; border-left: 1px solid #fff !important; border-right: 1px solid #fff !important; border-bottom: 1px solid #fff; }
.calborder { padding: 0; }
.calborder td { color: #777; padding-left: 0; padding-right: 0; }
td td .calborder .psf { font-size: 12px; line-height: 1.4em; font-weight: bold; }
.calborder .V9G { font-size: 12px; line-height: 1.5em; margin: 0 10px 20px 0; display: block; color: #000;  }
.monthback td, .weekborder, .weekborder1, .weekborder2, .weekborder3, .weekborder4, .timeborder, .timeborder2, .dayborder, .dayborder1, .dayborder2, .dayborder3, .dayborder4, .dayborder5 { border-color: #d1d1d1 !important; }
.V12 .psf { display: none;  }
.view .psf { float: right; }

.timeborder, .timeborder2 { background: #fff !important; /*text-shadow: rgba(255,255,255,.9) 1px 1px 0;*/ padding-top: 5px; font-size: 12px !important; font-weight: normal; color: #555 !important; }
.allday .rowOff2, .allday td[width='1'] { border-color: #fff !important; background: #fff !important; } 
.tbll, .tblbot, .tblr { background: none; }

.monthoff { background: #fff; text-shadow: rgba(255,255,255,.8) 1px 1px 0; }
.monthoff .psf { color: #bbb !important; }

/* ------------- LIST VIEW --------------*/

#listing { overflow: hidden; padding: 0 !important; margin-top: 10px; }
#listing * { font-family: 'Open Sans', Helvetica, Arial, sans-serif }
#listing .calendar-day { margin-left: 20px; }
#listing tr[align='left'] td { border-top: 1px solid #ddd; padding-top: 10px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
#listing td[width='30%'], #listing td[width='30%'], #listing td[width='60%'] { width: auto !important; }
#listing td[width='10%'] { padding-right: 10px;  }
#listing .listing-date { font-size: 1.4em; background: transparent url('../img/icons/date.png') no-repeat 0 0; display: block; margin: 0 10px 0 0; padding-left: 22px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#listing .listing-time { display: block; color: #666; margin: 10px 0 20px; padding-left: 22px; font-size: 1.4em; background: transparent url('../img/icons/time.png') no-repeat 0 1px; }

#listing .listing-description { color: #555; font-size: 1.1em; line-height: 1.5em; margin: 0 20px 1em 0; display: block; overflow: hidden; }
#listing .listing-title { }
#listing .listing-location { display: block; background: transparent url('../img/icons/building.png') no-repeat 0 0.15em; margin-top: -0.1em; padding-left: 24px; font-size: 1.3em;  line-height: 1.5em; color: #555; }




/* ------------- CALENDAR SIDEBAR --------------*/
.calendar-section { display: table; margin: 20px 10px }
.calendar-wrapper { display: table-cell }
.calendar-sidebar { width: 250px; display: table-cell }
.calendar-sidebar p { margin: 0; }
.calendar-add a, .calendar-subscribe a { font-size: 14px; font-weight: normal; background: transparent url('../img/icons/add.png') no-repeat 0 center; padding: 2px; padding-left: 23px; margin: 0; }
.calendar-subscribe a { font-weight: normal; background-image: url('../img/icons/feed.png'); }
.calendar-more a { background-image: url('../img/icons/calendar_add.png'); }
.calendar-sidebar .calendar-request { font-size: 11px; margin-left: 10px; }
#cal-select-wrapper { clear: left; margin: 30px 0 30px 0; position: relative; }
#viewing-cal { margin: 0 0 5px 0; font-size: 14px; font-weight: normal; color: #555; }

#cal-select-form ul { margin: 10px 0 10px 0; padding: 0; list-style:none; }
#cal-select-form li { position: relative; color: #555; line-height: 1.4em; font-size: 12px; padding: 8px 0 0 8px;
-moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#cal-select-form li:hover, #cal-select-form li.active  { font-weight: normal; background: #f3f3f3;  }
#cal-select-form li label { cursor: pointer; display: block; padding: 0 18px 0 22px; }
#cal-select-form li input { display: none; }
#cal-select-form li span { display: block; position: absolute; left: 8px; top: 8px; width: 16px; height: 16px;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
#cal-select-form li span.inactive { background: #fff; border: 1px solid #ddd; width: 14px; height: 14px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#cal-select-form li:hover span { -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.45); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.45); box-shadow: 0px 1px 1px rgba(0,0,0,0.45); }
#select-all-cal { margin: 15px 0 0 8px; font-size: 11px; color: #ccc; }
.cal-options { display: none; position: absolute; top: 10px; right: 8px; width: 11px; height: 11px; border: 1px solid #ccc; overflow: hidden; text-indent: -1000px;
background: transparent url('../img/arrows-nav.png') no-repeat -91px -186px;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.cal-options:hover, .cal-options.active, #cal-select-form li.active .cal-options { background-color: #fff; background-position: -91px -292px; }
#cal-select-form li:hover .cal-options, #cal-select-form li.active .cal-options { display: block; }
#cal-select-form ul li ul { margin: 0; padding: 10px 15px; position: absolute; top: 26px; left: 163px; z-index: 500; min-width: 300px; border: 1px solid #eee; border-color: rgba(255,255,255,0);
background: #fff;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5); box-shadow: 0px 1px 3px rgba(0,0,0,0.5); }
#cal-select-form ul li ul li { clear: left; overflow: hidden; z-index: 4; margin: 0; padding: 8px 0; color: #888; background: #fff !important; }
#cal-select-form ul li ul li input { color: #555; background: #f3f3f3; margin-top: 5px; border: 1px solid #ccc; padding: 5px; position: static; width: 90%; }
.subscribe-cal a { display: block; float: left; margin: 7px 10px 0 0; padding: 2px 0 2px 22px; background-position: left center; background-repeat: no-repeat; }
.subscribe-cal a.ical { background: transparent url('../img/icons/date.png') no-repeat left center; }

/*-------------- MULTI-CALENDAR COLOR CODING --------------*/

.month-event, .allday-event, .week-event, .day-event, .list-event { border: none; background: #eee; line-height: 1.25em;padding: 0; clear: both; width: auto; height: auto; overflow: hidden; margin: 5px;

-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.month-event, .allday-event { font-size: 12px; }
.month-event span { font-size: 11px; }

.week-event, .day-event { border: 1px solid #fff; border-color: rgba(0,0,0,.1); margin: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;  }
.allday .week-event, .allday .allday-event { margin: 0 1px 2px; border: 1px solid #fff; border-color: rgba(0,0,0,.07); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.allday .week-event a, .allday .allday-event a { font-size: 11px; font-weight: normal; padding: 5px 2px; margin: 0; }
.allday { text-align: center; background: #fff; border-top: 1px solid #fff; }

a.list-event {  margin: 0 20px 10px 0; padding: 8px 10px; font-size: 1.3em; display: block; font-weight: normal; float: left; width: 35%; text-decoration: none; }

.week-event b, .day-event b { display: block; background: rgba(0,0,0,.07); margin: 3px 3px 0; padding: 0 3px;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.month-event a span { font-weight: bold; float: left; padding: 0; margin: 0 4px 0 0; 
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } 

.month-event a, .allday-event a, .day-event a, .week-event a,
.eventbg2_1 a, .eventbg2_2 a, .eventbg2_3 a, .eventbg2_4 a, .eventbg2_5 a,
.alldaybg_1 a, .alldaybg_2 a, .alldaybg_3 a, .alldaybg_4 a, .alldaybg_5 a { font-weight: normal; padding: 4px 6px; margin: 0; color: #000; text-decoration: none !important; display: inline-block;
-moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }

.month-event a:hover, .allday-event a:hover, .day-event a:hover, .week-event a:hover { font-weight: normal; background: rgba(255,255,255,.2); text-decoration: none; }
.eventbg_1, .eventbg_2, .eventbg_3, .eventbg_4, .eventbg_5 { color: #000; background: rgba(0,0,0,.25); margin: 4px 4px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.eventfont .padd { margin: 0 2px; }

.day-event a, .week-event a { margin: 3px; padding: 2px 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.usask_events { background: #e2f7ab !important; } /* pastel green */
.academic_calendar { background: #6bab40 } /* mid green */
.graduate_studies_and_research { background: #eef5a2  !important; } /* pastel yellow */
.college_of_law { background: #d5eeeb !important; } /* pastel blue */
.college_of_education { background: #e4daf7 !important; } /* pastel purple */
.alumni { background: #cae269 !important;  } /* yellow/green */
.huskies { background: #429b6d !important; } /* teal */
.indigenous { background: #6fc7e8 !important; } 
.college_of_pharmacy_and_nutrition { background: #f6ddbb !important; } /* pastel orange */
.college_of_engineering { background: #B00000 !important;  } /* red */
.holiday_schedule { background: #c7def0 !important; } /* light blue */
.visual_and_performing_arts { background: #edc3c3 !important;  } /* pink */
.teaching_and_learning { background: #d26630 !important;  } /*orange*/
.bookstore  { background: #007788 !important;  }
.college_of_veterinary_medicine { background: #e39213 !important; }
.health_sciences_colleges  { background: #668cd9 !important;  }
.registration_dates  { background: #447700 !important;  }
.st_thomas_more_college  { background: #7fa6fa !important;  }
.school_of_environment_and_sustainability  { background: #005577 !important;  }
.indigenous_students  { background: #562886 !important;  }
.kids_camps  { background: #B8005C !important;  }
.college_of_agriculture_and_bioresources { background:  #5C7A00 !important; }
.college_of_nursing { background: #405656 !important; }
.college_of_dentistry { background: #895E91 !important; }
.students { background: #8d2929 !important; }
.college_of_medicine { background: #ffe6e6 !important; }
.edwards_school_of_business { background: #1a53ff !important; }
.health_sciences  { background: #ff6699 !important;  }
.johnson_shoyama_graduate_school_of_public_policy { background: #00e6e6 !important; }
.school_of_public_health { background: #ffb3d9 !important;}
.wellness { background:  #aa80ff !important; }
.university_library { background:  #f4e842 !important; }
.college_of_arts_and_sciences, .college_of_arts_and_science { background:  #e47210 !important; }

/* White text for darker colours */
.college_of_agriculture_and_bioresources, .college_of_agriculture_and_bioresources a, a.college_of_agriculture_and_bioresources,
.college_of_arts_and_science, .college_of_arts_and_science a, a.college_of_arts_and_science,
.college_of_arts_and_sciences, .college_of_arts_and_sciences a, a.college_of_arts_and_sciences,
.college_of_dentistry, .college_of_dentistry a, a.college_of_dentistry,
.college_of_nursing, .college_of_nursing a, a.college_of_nursing,
.kids_camps, .kids_camps a, a.kids_camps,
.gordon_oakes_red_bear_student_centre , .gordon_oakes_red_bear_student_centre  a, a.gordon_oakes_red_bear_student_centre ,
.school_of_environment_and_sustainability, .school_of_environment_and_sustainability a, a.school_of_environment_and_sustainability,
.st_thomas_more_college, .st_thomas_more_college a, a.st_thomas_more_college,
.registration_dates, .registration_dates a, a.registration_dates,
.health_sciences_colleges, .health_sciences_colleges a, a.health_sciences_colleges,
.college_of_veterinary_medicine, .college_of_veterinary_medicine a, a.college_of_veterinary_medicine,
.bookstore, .bookstore a, a.bookstore,
.teaching_and_learning, .teaching_and_learning a, a.teaching_and_learning,
.college_of_engineering, .college_of_engineering a, a.college_of_engineering,
.academic_calendar, .academic_calendar a, a.academic_calendar,
.huskies, .huskies a, a.huskies, 
.students, .students a, a.students
{ color: #fff }


/* -------------- Switch to mobile ---------------*/
.mobile-switch { display: none !important; font-size: 1em !important;  }
@media screen and (max-device-width: 750px) { .mobile-switch { display: inline !important; } }