@import url(/s/resources/css/appstyles.css);


/* General Style
---------------------------------------------*/

form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font-size:15px; font-family:'McGill Sans', Helvetica, Arial, sans-serif; background:#4e4e4e;font-weight: 400;color:#000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

a { color: #000; text-decoration: none; outline:none; }
a:hover { color: #000; text-decoration: none; }
a:visited{}
a:active{}
a img{border:none;}

.int .structBody a {border-bottom:1px solid #000;}
.int .structBody a:hover, 
.int .structBody a:focus {border-color: #ED1B2F; border-bottom-width: 2px;}

#ContentMiddle dd {margin-left:15px;}
#ContentMiddle ol {padding: 0 16px;margin: 0 0 15px;}
#ContentMiddle ol li {padding: 3px 0;}
#ContentMiddle ul {padding: 0 13px;margin: 0 0 15px;}
#ContentMiddle ul li {list-style: none;padding: 3px 0;}
#ContentMiddle ul li:before {content: "\f111";font-family: FontAwesome;display: inline-block;margin-left: -12px;width: 12px;font-size: 4.5px;position: relative;top: -3px;font-weight:bold;}
#ContentMiddle dl {}

.imod-profile-left-nav ul li:before, .imod-profile-fields ul li:before{display: none!important;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {margin:0;padding:0;}
h1, .PageTitleHeader {font-size:1.5625rem;line-height:1.08;font-weight: 600;}
h2, .PageSubTitleHeader {font-size:1.375rem; line-height:1.227;font-weight: 700;margin-bottom: 10px;}
h3 {font-size:1.125rem;line-height:1.278;font-weight: 700;margin-bottom: 5px;}
h3.redheader {color:#ED1B2F;}
h4 {font-size:0.9375rem;line-height:1.2;font-weight: 700;}
h5 {font-size:0.8125rem;line-height:1.23;font-weight:700;}
p {margin:0 0 20px;padding:0;line-height: 1.5335;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:2em 0px;clear:both;border:none;background:#ccc;color:#ccc;}

img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#70a533!important;}
.expand img {background-color: #70a533!important;}
.expand {background-color: #70a533!important; display:inline-block; width:18px;}
.Error,.error {width:auto!important}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

#inner-wrap img[src="/images/spacer.gif"] {display:none;}

::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

#inner-wrap * {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}
#inner-wrap img {max-width:100%; height:auto;}

#main .snippetrow {margin-left:-15px;margin-right:-15px;width:auto;}
#main .snippetrow > div {padding:0 15px;}

/* Button Styles */
button {background: #09bbbc;color: #f3f2f2;text-align: center;padding: 8px 20px;border: none;transition: all 0.2s;font-weight: 500;text-transform: uppercase;font-size: 22px;margin-bottom: 3px;}

button.red {color: #fff;background: #ED1B2F;}
button.red:hover {background: #BC1D19;transition: all 0.2s;}
button.aqua {color: #fff;background: #09bbbc;}
button.aqua:hover {background: #009da5;transition: all 0.2s;}
button.darkgrey {color: #fff;background: #5d5c5d;}
button.darkgrey:hover {background: #424242;transition: all 0.2s;}
button.lightgrey {color: #626366;background: #e4e3e3;}
button.lightgrey:hover {color:#fff;background: #9fa1a3;transition: all 0.2s;}
button.grey-red {color: #626366;background: #e4e3e3;}
button.grey-red:hover {color:#fff;background: #E43029;transition: all 0.2s;}
button.grey-aqua {color: #626366;background: #e4e3e3;}
button.grey-aqua:hover {color:#fff;background: #09bbbc;transition: all 0.2s;}

button.hc-1 {color: #fff;background: #9ac13b;}
button.hc-1:hover {background: #8bad3c;transition: all 0.2s;}
button.hc-2 {color: #fff;background: #2BABE1;}
button.hc-2:hover {background: #258FBD;transition: all 0.2s;}
button.hc-3 {color: #fff;background: #1B75BC;}
button.hc-3:hover {background: #155d96;transition: all 0.2s;}
button.hc-4 {color: #fff;background: #008347;}
button.hc-4:hover {background: #006C39;transition: all 0.2s;}
button.hc-5 {color: #fff;background: #F9A21A;}
button.hc-5:hover {background: #E9821D;transition: all 0.2s;}

button.tr-1 {color: #fff;background: #057769;}
button.tr-1:hover {background: #005C51;transition: all 0.2s;}
button.tr-2 {color: #fff;background: #256E99;}
button.tr-2:hover {background: #1C5B81;transition: all 0.2s;}
button.tr-3 {color: #fff;background: #C31845;}
button.tr-3:hover {background: #A20D37;transition: all 0.2s;}
button.tr-4 {color: #fff;background: #853777;}
button.tr-4:hover {background: #722C65;transition: all 0.2s;}
button.tr-5 {color: #fff;background: #F5871F;}
button.tr-5:hover {background: #E46E1E;transition: all 0.2s;}
button.tr-6 {color: #fff;background: #FFC708;}
button.tr-6:hover {background: #F5b014;transition: all 0.2s;}

button.ex-1 {color: #fff;background: #D91B5B;}
button.ex-1:hover {background: #B7114C;transition: all 0.2s;}
button.ex-2 {color: #fff;background: #607BBC;}
button.ex-2:hover {background: #50679E;transition: all 0.2s;}
button.ex-3 {color: #fff;background: #DA4684;}
button.ex-3:hover {background: #BD3B73;transition: all 0.2s;}

button.soc-1 {color: #fff;background: #8ad6f7;}
button.soc-1:hover {background: #57c4ed;transition: all 0.2s;}
button.soc-2 {color: #fff;background: #A9AD37;}
button.soc-2:hover {background: #8B9136;transition: all 0.2s;}
button.soc-3 {color: #fff;background: #9F579A;}
button.soc-3:hover {background: #81447D;transition: all 0.2s;}
button.soc-4 {color: #fff;background: #75C8B1;}
button.soc-4:hover {background: #61A794;transition: all 0.2s;}
button.soc-5 {color: #fff;background: #C5CE20;}
button.soc-5:hover {background: #ACB51C;transition: all 0.2s;}
button.soc-6 {color: #fff;background: #F15B2A;}
button.soc-6:hover {background: #D15027;transition: all 0.2s;}

/* UTILITY BAR ELEMENTS
---------------------------------------------*/
.fullHeader {float:left;width: 100%;background:#fff;position:fixed;z-index: 10000;height:133px;}
.loggedin .fullHeader {position:static;height:auto;}
.fullHeader.sticky {position: fixed;z-index: 10000;top: -180px;}
.fullHeader.sticky #utilityBar {display: none;}
.fullHeader.sticky .structHead .headLogo a {padding: 7px 25px;}
.fullHeader.sticky .structHead .headLogo img {width: 90px;}

div#utilityBar {display:flex;align-items:center;justify-content: flex-end;}

#ContentMemberTools {float:right; margin-right:20px;opacity: 1;}
#ContentMemberTools ul {list-style:none;margin:0;padding:12.5px 0px;float:right;}
#ContentMemberTools li {float:left;padding:0 10px 0;line-height: 15px;}
#ContentMemberTools li:first-child {border-left:none;}
#ContentMemberTools a {display:block;color: #000;text-decoration: none;font-size: 14px;border:none;}
#ContentMemberTools a:hover,
#ContentMemberTools a:focus {color: #ED1B2F;}

#ContentTopSocial {float:right;}
#ContentTopSocial ul {list-style: none;margin: 0;padding: 2.5px 0;}
#ContentTopSocial ul li {display: inline-block;}
#ContentTopSocial ul li a {display: block;font-size: 17px;color:#f3f2f2;width: 35px;text-align: center;background:#5d5c5d;border-radius: 50%;margin: 0 3px;}
#ContentTopSocial ul li a:hover {background:#424242;}
#ContentTopSocial ul li a .fa {line-height: 35px;}

#ContentTopGive {float:right;}
.givebutton a {display: block;color: #fff;background: #ED1B2F;text-align: center;padding: 10px 20px;transition: all 0.2s;font-weight: 600;font-size:1.133333em;line-height:1;border-radius:4px;}
.givebutton a:hover,
.givebutton a:focus {text-decoration: none;background: #BC1D19;}

.searchTools {float:right;position: relative;height:35px;}
.searchTools .search {position: absolute;width: 0;overflow: hidden;right: 25px;top: 5px;z-index: 100;}
.searchTools .search .searchInput {z-index:10; overflow: hidden;padding: 0 0 0 65px;}
.searchTools .search input {width:205px;border: none;padding: 5px 10px;}
.searchTools .search #searchClose {position: absolute;left:0;width: 70px;margin-top: 5px;}
.searchTools .search #searchClose:hover {text-decoration: none;}
.searchTools .search #cid_1690_imgbtnSearch {height: 30px;width: 30px;position: absolute;top: 0;right: 0;}
.searchToggle {width: 85px;}
.searchToggle a::after {content: "\f002";font-family: "Font Awesome 5 Free";font-weight:bold;float: right;margin-left: 5px;font-size: 12px;}
.mtMobileNav .searchToggle a::after {position: relative;top: 5px;}

.mobileSearch {height: 80px;padding: 15px;}
.mobileSearch input {width: 100%;border: medium none;padding: 15px;}
.mobileSearch #cid_1694_imgbtnSearch {position: absolute;top: 15px;right: 15px;width: 40px;height: 40px;margin: 5px;}
.mtMobileNav .searchToggle::before {content:"";}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {padding:25px 0;}
.structHead > .container {display:flex;align-items:center;}

.headLogo {}
.headLogo img {width:245px;}
.headLogo a {display: block;}
.headLogo a:hover {}

#nav {display:none;}

.m-pikabu-sidebar .mainNav ul {padding: 10px 0;border-top: 1px solid #444;}
.m-pikabu-sidebar .mainNav ul li {border-top: none;}

.m-pikabu-nav-toggle {float: right;text-decoration: none;font-size: 18px;text-transform: uppercase;text-align: center;z-index: 998;width:70px;height:70px;line-height:70px;cursor:pointer;}
.m-pikabu-nav-toggle:hover {text-decoration: none;color:#1bcccd;}
.m-pikabu-nav-toggle i {margin-right: 0px;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.desktopNav {background:#E4E3E3; float:left; width:100%; position:relative;z-index:99;}

/* General Styles */
.desktopNav ul {list-style-type:none;margin:0; padding:0;text-align:center;}
.desktopNav ul li {padding:0;display:inline-block;}
.desktopNav ul li a{border:none;display:block;text-decoration:none; padding:13px 15px 10px;color:#000;font-size: 16px;line-height:1.1;font-weight: 400;transition: background 0.2s;border-bottom:3px solid transparent;}
   /* Flexbox styles */
   .flexbox .desktopNavInner > ul {
      display: -ms-flexbox;  
      display: -webkit-flex;
      display: flex; 
      float: none;
   }
   .flexbox .desktopNavInner > ul > li {float:none; display: inherit;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column;
   }
   .flexbox .desktopNavInner > ul > li > a {display: inherit; width: 100%; line-height: 1.25em; padding: 20px 15px;  text-align: center;
      -ms-flex: 1 0 auto;
      -webkit-flex: 1 0 auto;
      flex: 1 0 auto;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
   }

/* Top Level Group */
.desktopNav ul li {position:relative;}
.desktopNav ul li > a:hover,
.desktopNav ul li > a:focus,
.desktopNav ul li:hover > a {border-color:#ED1B2F;transition: background 0.2s;}

/* Second Level Groups */
.desktopNav li ul { position: absolute; left: -999em;margin:0px; float:none; width:15em;text-align:left; opacity:0;padding-top:4px;display: none !important;
   -webkit-transition: opacity 500ms ease; 
   -ms-transition: opacity 500ms ease; 
   transition: opacity 500ms ease;
}
.desktopNav li li { width: 100%; border:none; margin: 0; padding:0;background:none;line-height:normal;background:#E4E3E3; font-size:0.875rem;line-height:normal; }
.desktopNav li li a {font-weight:normal;text-align:left;padding:10px 15px 10px 12px;border:none;font-size:inherit;border-left:3px solid transparent;}
.desktopNav ul li:hover li a{}
.desktopNav ul li:hover li a:hover{border-color:#ED1B2F;}
.desktopNav li li:hover a {  }

/* Third Level Groups */
.desktopNav li li ul { margin:-23px 0 0 150px; background: #367c2b; color:#ffffff; width:170px;}
.desktopNav li li li a:hover { color: #ccc;}
.desktopNav li li li{ width: 170px;}
.desktopNav li li li a {color:#fff;}

/* The Magic */
.desktopNav li.sfHover ul ul,
.desktopNav li.sfHover ul ul ul { left: -999em;}

.desktopNav li.sfHover ul,
.desktopNav li li.sfHover ul,
.desktopNav li li li.sfHover ul { left: auto; opacity:1;display: block !important;}

/*Fix for the Sticking*/
.desktopNav li.sfHover,
.desktopNav li li li.sfHover,
.desktopNav li li.sfHover { position:relative;}

#ContentTopNav {}
#ContentTopNav .tealbutton {box-shadow: 0px 2px 10px -5px #828282;}
#ContentTopNav .tealbutton a {background: url('images/McGillConnect-Logo-Colour-RGB.png') no-repeat center center #fff;background-size: 100%;font-size: 15px;
text-transform: initial;font-weight: 400;line-height: 27px;padding-right: 85px;text-indent: -9999px;width: 200px;}

#ContentMobileMTNav ul {list-style: none;padding: 20px;margin: 0;}
#ContentMobileMTNav ul li {}
#ContentMobileMTNav ul li a {font-size: 14px;color: #e7e6e5;text-decoration: none;}

#ContentMobileNav ul li a {font-size: 17px;color:#f3f2f2;text-decoration: none;text-transform: uppercase;}

#ContentMobileSocial {padding: 20px 10px;}
#ContentMobileSocial ul {list-style: none;margin: 0;padding: 2.5px 0;}
#ContentMobileSocial ul li {display: inline-block;}
#ContentMobileSocial ul li a {display: block;font-size: 17px;color:#f3f2f2;width: 35px;text-align: center;margin: 0 3px;}
#ContentMobileSocial ul li a img{max-width:100%;}
#ContentMobileSocial ul li a .fa {line-height: 35px;}

/* LEFT COLUMN
---------------------------------------------*/
/* Secondary Navigation - General Styles */
.secondaryNav {border-top: 12px solid rgb(220, 36, 31);background:#e4e3e3;padding: 10px 20px 20px;}
.secondaryNav ul {margin:0; padding:0; list-style:none;}
.secondaryNav ul li {border-top: 1px solid rgba(93, 92, 93, 0.15);padding: 5px 0;}
.secondaryNav ul li a {display:block; line-height:normal;font-size: 18px;font-weight: 600;color:#09bbbc;text-decoration: none;}
.secondaryNav ul li.selected a {color:#7f7e7f;}

/* Secondary Navigation - First Level */
.secondaryNav > ul {margin-bottom:30px;}
.secondaryNav > ul > li:first-child {border-top: none;padding-top: 0px;}
.secondaryNav > ul > li > a {padding:5px 0;}

/* Secondary Navigation - Second Level */
.secondaryNav > ul > li > ul {border-left:5px solid #c9c8c8;margin-bottom: 10px;}
.secondaryNav > ul > li > ul > li {border-top: none;padding: 0px;}
.secondaryNav > ul > li > ul > li a {display:block; font-size: 16px;font-weight: 400;padding:2px 5px 2px 10px;color:#5d5c5d;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left;padding:0; width:100%;background:#fff;margin-top: 133px !important;}
.loggedin .structBody {margin-top:0!important;}
/*.start .structBody {padding:0;}*/
   
.midWrap {padding-bottom:3em;}

/* Page Name/Title */
.pageName {}
.pageName h1 {margin: 0px 0px 25px;}

/* Breadcrumbs */
.structBody .breadCrumbs {padding: 1em 0;}
.structBody .breadCrumbs ul {padding:0;margin:0;list-style:none;}
.structBody .breadCrumbs ul li {padding:0 0px 0 0px;margin:0;display:inline;font-size:.8em;}
.structBody .breadCrumbs ul li a {text-decoration:none;padding:0px 5px 0 8px;color:#7f7e7f;font-size: 14px;border:none;}
.structBody .breadCrumbs ul li a:hover {text-decoration: underline;}
.structBody .breadCrumbs ul li:before {content: "/";color: #BDBDBD;}
.structBody .breadCrumbs ul li:first-child a {padding-left:0;}
.structBody .breadCrumbs ul li:first-child:before {content:"";}
.structBody .breadCrumbs ul li.navselected a {color:#dd3732;}

/* Events Listing */
.eventItem {float:left; width:100%; padding:10px 0;}
.eventItem:first-of-type {padding-top:0; border:none;}
.eventItem .date {float:left;width: 100px;background: rgba(38, 38, 38, 0.20);border: 1px solid #8A8A8A;text-align: center;padding: 8px;}
.eventItem .date .month {font-size: 16px;color:#e4e3e3;margin-right:5px;text-transform: uppercase;}
.eventItem .date .day {font-weight: bold; font-size: 33px;color:#09bbbc;letter-spacing: -2px;}
.eventItem .text {margin-left: 100px;padding: 5px 20px 0;}
.eventItem .title a {padding: 0 0 15px;font-size: 18px;font-weight: 500;color:#f5f4f4;text-decoration: none;}
.eventItem .preview {}

.int .newsWrapper {margin: 0 -15px;display: flex;flex-wrap: wrap;}

/* Utility Classes 
-----------------------------------------------*/
	/* Flexbox Equal heights */
	.flexbox .equal-height {
		display: -ms-flex;
		display: -webkit-flex;
		display: flex; 
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.flexbox .equal-height-item {
		display: inherit;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.flexbox .equal-height-item-inner {
		-ms-flex: 1 0 auto;
		-webkit-flex: 1 0 auto;
		flex: 1 0 auto;
	}
		/* Stack items on mobile */
		@media only screen and (max-width: 699px) {
			.flexbox .equal-height 	{
				-ms-flex-direction: column;
				-webkit-flex-direction: column;
				flex-direction: column;
			}
		}


/* RIGHT COLUMN
---------------------------------------------*/


/* Footer Elements 
---------------------------------------------*/
footer {float:left; width:100%; color:#fff; padding:55px 0;background: #000;}
footer p {color:#fff;}

footer ul.social {margin:0; padding:0;list-style:none;}
footer ul.social li {display:inline; padding:0 5px;}
footer ul.social li a {text-decoration:none;}

footer .links {}
footer .links ul {list-style: none;margin:15px 0 0;padding:15px 0 0;border-top: 1px solid rgba(255,255,255,0.18);}
footer .links ul li {margin:0px 12px 10px 0;display: inline-block;}
footer .links ul li a {color:#fff;text-decoration: none;border:none;}

footer .footerLogo {}
footer .footerLogo a {display:inline-block;border:none;}
footer .footerLogo a img.footerimg {width:202px;}

footer .footerInfo p {padding: 0px;margin: 0;}

footer .footerSocial {text-align:right;}
footer .footerSocial ul {margin:0;padding:0;list-style:none;font-size:1.25rem;}
footer .footerSocial ul li {display:inline-block;}
footer .footerSocial ul li + li {margin-left:30px;}
footer .footerSocial ul li a {color:#fff;}
footer .footerSocial ul li a:hover,
footer .footerSocial ul li a:focus {color:#ED1B2F;}

footer .footerLogo {font-size: 0.9rem;}
.footerimg {display: block; margin-bottom: 25px;}

.toplink {display:block; text-align:center;font-size:0.85em; text-transform:uppercase; line-height:normal; padding:10px;}
.toplink a {text-decoration:none; }

.accordion-btn-wrap { color: #777;}

/* ============== NEWS TEMPLATE OVERWRITE STYLING ============== */
.newsLogoWrap{background:#fff; padding:25px 0; text-align:center; float:left; width:100%;}
.newsLogoWrap img.logo{width:350px;}
.newsLogoWrap a {display: block;border: none !important;}

.structBody .leftCol{float:left!important;}
.structBody .rightCol{float:right!important; padding:30px 15px 0;}

.leftColInner{background:#f2f1f1; padding-top:25px;}
.botBordWhite{border-bottom:1px solid #fff; padding-bottom:4px;}
.leftCol .columnHeader{font-size:28px; color:#E43029; margin-bottom:20px;padding:0 25px; line-height:0.9;}

.mostRead{margin-bottom:20px; padding:0 25px;}
.mostRead .title{font-size:16px; position:relative; display:table;}
.mostRead .title a{}
.mostRead .title a:hover,
.mostRead .title a:focus {color:#E43029; }
.mostRead .title .fa{font-size:16.5px; color:#09bbbc; display:table-cell; vertical-align:middle;}
.mostRead .title span{display:table-cell; padding-left:8px;}

.leftButton{background:#e0e0e0; font-size:14px; color:#a1a1a1; margin-top:2px;}
.leftButton:first-child{margin-top:1px;}
.leftButton a{ display:block; padding:20px 25px 20px 15px;border:none!important;}
.leftButton .fa{color:#09bbbc; font-size:29px; margin-right:5px;}
.leftButton h2{font-size:22px;  font-weight:300; margin:0;}
.leftButton h2 a{}
.leftButton a:hover{background:#09bbbc; color:#fff; text-decoration:none;}
.leftButton a:hover .fa{color:#e0e0e0;}
.leftButton span{position:relative; top:-4px;}

/* flex news pattern */
#ContentMiddleLayoutRightBlock1 .cms-listing > div {display:flex; flex-wrap:wrap;}
.newsItem {display:flex; flex-direction:column;}
.newsItem .text {display:flex; flex-direction: column; flex-grow:1;}


.newsItem{margin-bottom:30px;}
.newsItem .thumb{width:100%;}
.newsItem .thumb img{width:100%;}
.newsItem .text{/*height:265px;*/ background:#f2f1f1; position:relative; padding:20px 20px 30px;}
.newsItem .title{font-size:18px; font-weight:600;margin-bottom:10px;}
.newsItem .title a{color:#000;border-bottom:1px solid #000;}
.newsItem .title a:hover,
.newsItem .title a:focus {border-color: #ED1B2F;border-bottom-width: 2px;}
.newsItem .preview{font-size:16px; }
.newsItem .more{position:absolute; right:0; bottom:0; border-top:2px solid #fff; border-left:2px solid #fff; text-align:center; height:30px; width:35px;}
.newsItem .more:hover{background:#09bbbc;}
.newsItem .more a{display:block; padding-top:5px; font-size:20px; line-height:1;border:none;}
.newsItem .more .fa{font-size:20px; color:#09bbbc;}
.newsItem .more:hover .fa{color:#f2f1f1;}

.rightCol .sectionHeader{font-size:28px; margin-bottom:45px;}

.readLink{display:block; float:left; margin-right:50px; color:#58595b; font-size:18px; }
.readLink a{text-decoration:none; color:#58595b;}
.readLink a:hover{text-decoration:underline; }
.readLink a .fa{font-size:20px; color:#E43029; margin-right:15px;}

.slickSlider > .container{position:relative;}
.slickSlide .thumb img{width:100%; max-width:100%;}
.slickSlide .container{position:absolute; left:0; right:0; top:0; bottom:0;}
.slickSlide .container .text{position:absolute; right:15px; left:15px; bottom:0; height:247px; background:#333; background:rgba(0,0,0,0.65); padding:30px;}
.slickSlide .title{font-size:1.625rem; color:#fff; margin-bottom:25px; color:#fff; line-height:1;}
.slickSlide .text a {color:#fff;display:block;}
.slickSlide .text a:hover .title,
.slickSlide .text a:focus .title,
.slickSlide .text a:hover .more,
.slickSlide .text a:focus .more {text-decoration:underline;}
.slickSlide .preview{margin-bottom:25px; color:#fff; font-size:1.1rem;line-height:1.4;padding-right:5%;}
.slickSlide .more{font-size:1rem;  color:#fefefe; color:#fff;}
.slickSlide .more .fa{font-size:20px; color:#09bbbc; margin-left:10px; position:relative; top:2px;}
.slickSlide .title, .slickSlide .preview, .slickSlide .more{width:73%;}
ul.slick-dots{position:absolute; right:30px; bottom:0; width:25%; margin:0; padding:0;}
ul.slick-dots li{list-style-type:none; float:left; width:50%; padding:0 15px 30px;}
ul.slick-dots li a{width:117px; height:74px; display:inline-block; cursor:pointer; background-size:cover;}
ul.slick-dots li a img{display:none;}

.int .structBody .rightCol{padding-top:0;}
.intNews{padding:0 25px 15px; margin-bottom:15px;}
.intNews .title{color:#58595b; font-size:16px; font-weight:700; margin-top:5px;}
.intNews .title a{color:#58595b;}
.int .rightCol .sectionHeader{margin-top:25px;}

#ContentMiddle a{color:#ED1B2F;}
#ContentMiddle a:hover{color:#E43029;}

.quote{font-size: 19.5px;font-weight: 700; font-style: italic; padding: 10px 0; border-top: 7px solid #58595b; border-bottom: 3px solid #58595b; line-height:23.4px;}
/*p + .quote{margin-top:-10px;}*/

span.firstLetter{font-size:5em; float:left; line-height:.9em;}

#ContentMiddle{font-size:18px; line-height:1.5;}

#ContentMiddle img{float:left; padding:7px;}

#ContentMiddle span.figure{float:right; margin:7px; text-align:center; display:inline-block; padding: 7px; background: #f2f1f1; border: 1px solid #e0e0e0; 
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#ContentMiddle span.figure.max{max-width:250px;}
#ContentMiddle span.figure img{padding:0; float:none; margin-bottom:7px;}
#ContentMiddle span.figure span.figcaption{font-size:14px; display:block;}

#ContentFooterNav ul{display:none;}
#ContentFooterNav ul.news{display:block;}

.intNav li{list-style-type:none; padding-left:2px; padding-top:8px;}
.intNav li:first-child{padding-top:0;}
.intNav a{color:#7f7e7f; display:inline-block; padding-left:15px; border-left:5px solid #c9c8c8;}
.intNav a:hover{color:#ED1B2F;}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */

@media only screen and (min-width: 1024px){
/* Styles */
	
.desktopNav li.mobOnly{display:none;}

}

/* =============================================================================
   Tablets
   ========================================================================== */

@media only screen and (min-width: 700px) and (max-width: 1023px){
/* Styles */

   .slick-slider {background:#424344;overflow:hidden;}
   .slickSlide .container {position:static; padding:0;}
   .slickSlide .title, .slickSlide .preview, .slickSlide .more {width:100%;font-size:1rem;}
   .slickSlide .container .text {height: auto;position: static;background:transparent;}
   ul.slick-dots li.slick-active a {outline: 2px solid #E43029;}
   ul.slick-dots {width:100%;position:static; padding:0px;}
   ul.slick-dots li {width:25%;}
   .midWrap {padding-bottom:1em;}
   .structRight {margin-bottom:2em;}

   #nav {display:block;}
   
   footer #ContentFooterNav{padding:0;}
   footer #ContentFooterNav ul li {margin: 0px 20px 10px 0;}
   
   #ContentTopNav {float:right;padding-left: 0px;}
   #ContentTopNav li {display: none;}
   #ContentTopNav li.tealbutton {display: block;}
   
   .newsItem .title {font-size: 19px;}
   .m-pikabu-nav-toggle {width:35px;height:35px;line-height:35px;}

   .fullHeader {height: 105px;}
   .structHead {padding: 30px 0;height: 105px;display: flex;align-items: center;}
   .structBody {margin-top: 105px !important;}
   

/* ============== NEWS TEMPLATE OVERWRITE STYLING ============== */

   .newsLogoWrap{padding:15px 0;}
   .newsLogoWrap img.logo{width:220px;}

   .leftButton .fa{font-size:20px;}

   .newsItem .text {}

   .slickSlide .container .text{height:40%;}
   .slickSlide .title{font-size:1.35rem;}
   .slickSlide .more{font-size:1rem;}

   .quote{font-size:19px;}
   
   ul.slick-dots li a{width:100%; height:auto;}
   ul.slick-dots li a img{display:block; visibility:hidden;}

   .int .newsWrapper {}
   footer .footerSocial ul li + li {margin-left: 15px;} 
   
}

/* =============================================================================
   Mobile
   ========================================================================== */
@media only screen and (max-width: 699px) {
/* Styles */

   body {}

   #nav {display:block;}
   
   div#utilityBar {padding:0;}
   div#utilityBar .container {padding: 0;}
   #ContentTopGive {background: #ED1B2F;text-align: center;margin-top: 128px;width: 100%;}
   
   .fullHeader {position:relative;height:auto;}
   .structHead {position: relative;z-index: 102;padding: 0;}
   .structHead > .container {}
   .structHead .container {padding: 0;}
   .structHead .container .headLogo {z-index: 10;text-align:left; padding-left:25px;}
   .structHead .container .headLogo a {border:none;}
   .structHead .container .headLogo img{}
   
   .givebutton a{width:100%;}
   
   #ContentTopNav {padding: 0px;width: 100%;}
   #ContentTopNav ul {width:100%;}
   #ContentTopNav li {display: none;}
   #ContentTopNav li.tealbutton {display: block;width: 100%; background:#fff;}
   #ContentTopNav .tealbutton a{height:60px; margin:0 auto;}
   
   .desktopNav {position: static;}
   .m-pikabu-nav-toggle {width:70px;height:70px;line-height:70px;}
   
      
   .structBody {padding: 0px 0 0;margin:0!important;}
   .int .structBody {padding-left:15px;padding-right:15px;margin-top:0!important;}
   
   .pageName h1 {margin: 25px 0px 25px;}
   
   #ContentMiddle p {font-size: 16px;line-height: 22px;}
   
   footer #ContentFooterNav ul {}
   footer #ContentFooterNav ul li {margin: 10px 20px 10px 0;}
   footer #ContentFooterInfo p {font-size: 14px;}

   footer .footerLogo {text-align:center;}
   footer .footerSocial {text-align:center;}
   footer .footerSocial ul {margin:25px 0;}

/* ============== NEWS TEMPLATE OVERWRITE STYLING============== */

   .newsLogoWrap{}
   .newsLogoWrap img.logo{width:135px;}

   .structBody .rightCol{padding:25px 15px;}
   
   .newsItem{margin-bottom:25px;}
   .newsItem .text{}

   .slickSlide .title, .slickSlide .preview, .slickSlide .more{width:100%;}
   .slickSlide .container{position:static; padding:0;}
   .slickSlide .container .text{position:static; padding:20px 25px; background:#424344; width:100%; height:auto;}
   .slickSlide .title{font-size:18px; margin-bottom:10px; line-height:1.5;}
   .slickSlide .preview{font-size:16px; line-height:1.2;}
   .slickSlide .more{font-size:16px;}

   .rightCol .sectionHeader{font-size:18px; margin-bottom:15px;}
   .readLink{font-size:15px; margin-right:0; width:50%;}
   .readLink a .fa{margin-right:5px;}

   .leftColInner{padding:25px 0; height:auto!important;}
   .leftCol .columnHeader{font-size:24px; margin-bottom:15px;}
   .botBordWhite{padding-bottom:20px;}
   
   .mostRead{margin-bottom:15px;}
   .mostRead .title{font-size:18px;}
   .mostRead .title .fa{top:7px;}
   
   .leftButton a{padding:15px;}
   .leftButton .fa{font-size:20px;}

   .quote{font-size:16px;}
   
   .fullHeader.sticky .structHead .headLogo a{padding:15px;}
   .fullHeader.sticky .structHead .headLogo img{width:104px;}
   
	
}

/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
/* Styles */

   .newsItem{width:100%; padding:0;}
   .newsItem .text{}

}

/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}
/* Maint: McGill - news listing question - 437020  */
.sectionHeader .cms-listing > div {
    display: flex; 
    flex-wrap:wrap;
}

/* MAINT 128683 DT 11252019 */
@media print {
   .structHead, #ContentTopNav, .newsLogoWrap, .leftCol, footer {
      display: none;
   }
  
   a[href]:after {
      content: none !important;
    }

  .col-md-9 {
    width: 100%;
  }
}

/* MAINT 156182 DT 08312020 */
@media only screen and (max-width: 699px) {
   .newsLogoWrap img.logo {
      width: 300px;
   }
}