@import url(/images/imodules/css/appstyles.css);
@import url(/images/imodules/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);

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

form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font-size:16px; font-family:'Source Sans Pro', Helvetica, Arial, sans-serif; background:#4e4e4e;font-weight: 400;color:#5d5c5d;}

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

#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;}
#ContentMiddle dl {}

.imod-profile-left-nav ul li:before {display: none;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {margin:0;padding:0;}
h1, .PageTitleHeader {font-size:30px;line-height:30px;color:#dc241f;font-weight: 400;}
h2, .PageSubTitleHeader {font-size:25px; line-height:26px;color: #09bbbc;font-weight: 600;margin-bottom: 10px;}
h3 {font-size:20px;line-height:25px;color:rgb(128, 130, 133);font-weight: 700;margin-bottom: 5px;}
h3.redheader {color:#dc241f;}
h4 {font-size:1em;line-height:1.25em;font-weight: 600;}
h5 {font-size:0.85em;line-height:1.1em;}
p {margin:0 0 20px;padding:0;color:#5d5c5d;line-height: 1.5em;}
#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}

::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;}

/* UTILITY BAR ELEMENTS
---------------------------------------------*/
div#utilityBar {float:left; width:100%; background:#F5F4F4; padding:1em 0;}

#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: 34px;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;margin-left: 30px;}
#ContentTopGive img {transition: all 0.3s;}
#ContentTopGive img:hover {opacity: 0.6;transition: all 0.3s;}

.givebutton a {width: 100px;display: block;color: #fff;background: #DC241F;text-align: center;padding: 10px 0;letter-spacing: 1px;transition: all 0.2s;font-weight: 600;}
.givebutton a:hover {text-decoration: none;background: #BC1D19;transition: all 0.2s;}

.searchTools {float:right;position: relative;}
.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: 55px;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::before {content: "\f002";font-family: FontAwesome;float: left;margin-right: 5px; font-size: 12px;}

.mtMobileNav .searchToggle a::before {position: relative;top: 2px;}

.mobileSearch {height: 80px;padding:0 15px 15px 15px;margin-top:8px;}
.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:"";}

#ContentMemberTools {float:right; margin-right:20px;}
#ContentMemberTools ul {list-style:none;margin:0;padding:12.5px 7px 12.5px 0px;;float:right;}
#ContentMemberTools li {float:left;padding:0 10px 0;border-left: 1px solid #DADADA;line-height: 15px;}
#ContentMemberTools li:first-child {border-left:none;}
#ContentMemberTools a {display:block;color: #5d5c5d;text-decoration: none;font-size: 14px;}
#ContentMemberTools a:hover {color: #DC241F;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {}

.headLogo {position: absolute;background: #E43029;padding: 60px 15px 20px;z-index: 1000;top: 0;}

#nav {display:none;}

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

.m-pikabu-nav-toggle {float: right;color: #fff;text-decoration: none;font-size: 18px;text-transform: uppercase;text-align: right; margin: 14px 0;}
.m-pikabu-nav-toggle:hover {text-decoration: none;color:#1bcccd;}
.m-pikabu-nav-toggle i {margin-right: 10px;}

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

/* General Styles */
.desktopNav ul {list-style-type:none;margin:0; padding:0;float:right;}
.desktopNav ul li {float:left;padding:0;}
.desktopNav ul li a{display:block;text-decoration:none; padding:0.8em 0.7em 0.6em;color:#f3f2f2;font-size: 16px;font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;font-weight: 700;transition: background 0.2s;}
   /* 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 {line-height:1.5em;font-weight:bold; position:relative;}
.desktopNav ul li a:hover,
.desktopNav ul li:hover > a {background:#424242;transition: background 0.2s;}

/* Second Level Groups */
#UAContentConnect, #UAContentAttend, #UAContentGetInvolved, #UAContentBenefit{
     opacity:0;display: none; left: -999em;
}
.desktopNav li ul { position: absolute; margin:0px; background:#333; float:none; width:15em;text-align:left;
   -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;font-size:1em;}
.desktopNav li li a {font-weight:normal;text-align:left;padding:0.4em 1em;border:none;}
.desktopNav ul li:hover li a{}
.desktopNav ul li:hover li a:hover{}
.desktopNav li li:hover a { background: #5D5C5D; }

/* 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 */
.interior .desktopNav li.sfHover ul ul,
.interior .desktopNav li.sfHover ul ul ul { left: -999em;}

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

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

#ContentTopNavAlum {padding-left: 250px;}
#ContentTopNavAlum .tealbutton {box-shadow: 0px 2px 10px -5px #828282;}
#ContentTopNavAlum .tealbutton a {background: url('/images/imodules/McGillConnectHomepageButton-A.png') no-repeat center center #fff;background-size: 100%;font-family: 'Roboto Slab', serif;font-size: 15px;text-transform: initial;font-weight: 400;line-height: 27px;padding-right: 85px;text-indent: -9999px;width: 203px;}
#ContentTopNavAlum li.selected a {background: #424242;}


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

#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: 34px;text-align: center;background:#5d5c5d;border-radius: 50%;margin: 0 3px;}
#ContentMobileSocial ul li a .fa {line-height: 35px;}
#ContentMobileSocial ul li img {width: 100%;}

#ContentMobileNav ul ul ul li a {text-transform: capitalize;padding: 0.5em 1em 0.5em 3.5em;}

/* LEFT COLUMN
---------------------------------------------*/
/* Secondary Navigation - General Styles */
.secondaryNav {border-top: 12px solid #dc241f;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-family:'Source Sans Pro', Helvetica, Arial, sans-serif;font-weight: 600;color:#09bbbc;text-decoration: none;}
.secondaryNav ul li a:hover {color:#dc241f;}
.secondaryNav ul li.selected a {color:#7f7e7f;}
.secondaryNav ul li.selected a:hover {color:#dc241f;}

/* 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 {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-family:'Source Sans Pro', Helvetica, Arial, sans-serif;font-weight: 400;padding:2px 5px 2px 10px;color:#09bbbc;margin: 8px 0;border-left: 5px solid #c9c8c8;}
.secondaryNav > ul > li > ul > li a:hover {color:#dc241f;border-left: 5px solid #dc241f;}
.secondaryNav > ul > li.selected > ul > li a {color:#09bbbc;}
.secondaryNav > ul > li.selected > ul > li.selected a {color:#7f7e7f;}
.secondaryNav > ul > li.selected > ul > li.selected a:hover {color:#dc241f;border-left: 5px solid #dc241f;}

/* Secondary Navigation - Third Level */
.secondaryNav > ul > li > ul > li > ul {margin-left: 15px;}
.secondaryNav > ul > li > ul > li > ul > li a {color:#09bbbc;}
.secondaryNav > ul > li > ul > li > ul > li a:hover {color:#dc241f;border-left: 5px solid #dc241f;}
.secondaryNav > ul > li.selected > ul > li.selected > ul > li a {color:#09bbbc;}
.secondaryNav > ul > li.selected > ul > li.selected > ul > li.selected a {color:#7f7e7f;}
.secondaryNav > ul > li.selected > ul > li.selected > ul > li.selected a:hover {color:#dc241f;border-left: 5px solid #dc241f;}

/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left;padding:60px 0; width:100%;background:#f5f4f4;}
.start .structBody {padding:0;}

.midWrap {padding-bottom:3em;}

/* Page Name/Title */
.pageName {}
.pageName h1 {margin: 0px 0px 15px;text-transform: uppercase;}

/* 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;text-transform: uppercase;}
.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;}


/* News Listing */
.newsItem {float:left;padding: 0;}
.newsItem:first-of-type {padding-top:0; border:none;}
.newsItem .thumb {float:left; width: 100%;}
.newsItem .thumb img {display: block;width: 100%;}
.newsItem .text {position: absolute;right: 0px;height: 100%;background: rgba(243, 242, 242, 0.8);padding: 20px;width: 32%;}
.newsItem .title {padding: 0 0 20px;font-size: 22px;font-family: 'Roboto Slab', serif;text-decoration: none;color: #5d5c5d;}
.newsItem .preview a {color: #dc241f;text-decoration: none;}
.newsItem .preview .fa {color: #5d5c5d;}

/* 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-family: 'Roboto', sans-serif;font-size: 16px;color:#e4e3e3;margin-right:5px;text-transform: uppercase;}
.eventItem .date .day {font-family: 'Roboto Condensed', sans-serif;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-family:'Source Sans Pro', Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 500;color:#f5f4f4;text-decoration: none;}
.eventItem .preview {}


#ContentMiddleLayoutFullWidthImg {margin-bottom: 20px;}
#ContentMiddleLayoutPageImg img {width:100%;}

#ContentMiddleLayoutRightBlock1 {background:#e4e3e3;padding:20px;margin-bottom: 25px;}
#ContentMiddleLayoutRightBlock1 .rightcolIcon {background:#dd3732;color:#f3f2f2;position: absolute;padding: 10px 14px;border-radius:50%;font-size: 21px;}
#ContentMiddleLayoutRightBlock1 h1 {font-family: 'Roboto', sans-serif;font-size: 25px;font-weight: 300;color:#5d5c5d;margin-left: 62px;margin-bottom: 20px;line-height: 24px;}
#ContentMiddleLayoutRightBlock1 hr {margin: 0.5em 0px;}
#ContentMiddleLayoutRightBlock1 p {margin: 1em 0px;}
#ContentMiddleLayoutRightBlock1 button {background:#09bbbc;color:#f3f2f2;font-family: 'Roboto', sans-serif;font-size: 14px;padding: 8px 25px;border: none;}

#ContentMiddleLayoutRightBlock2 h2 {font-family: 'Roboto', sans-serif;font-size: 20px;font-weight: 500;color:09bbbc;padding: 0 15px;}
#ContentMiddleLayoutRightBlock2 hr {margin: 0.5em 0px;}
#ContentMiddleLayoutRightBlock2 ul {list-style: outside none none;padding: 0px 0px 0px 15px;}
#ContentMiddleLayoutRightBlock2 ul li {border-left:5px solid #c9c8c8;padding-left: 10px;margin-bottom: 15px;}
#ContentMiddleLayoutRightBlock2 ul li a {font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;font-size: 16px;font-weight: 500;text-decoration: none;color:#5d5c5d;}


/* 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:2em 0;}
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 #ContentFooterNav {}
footer #ContentFooterNav ul {list-style: none;margin:0;padding:0;}
footer #ContentFooterNav ul li {margin:30px 20px 30px 0;display: inline-block;}
footer #ContentFooterNav ul li a {font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;color:#fff;font-size: 16px;text-decoration: none;}

footer #ContentFooterLogo {text-align: center;padding: 18px 0px;}

footer #ContentFooterInfo p {color:#fff;font-style: italic;font-size: 16px;}

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

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

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

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


}

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

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

   .midWrap {padding-bottom:1em;}
   .structRight {margin-bottom:2em;}

   #nav {display:block;}

   footer #ContentFooterNav {padding: 15px 15px 0;}
   footer #ContentFooterNav ul li {margin: 0px 20px 10px 0;}

   #ContentTopNavAlum {float:right;padding-left: 0px;}
   #ContentTopNavAlum li {display: none;}
   #ContentTopNavAlum li.tealbutton {display: block;}

   .bx_slide .sldtxt .title a {font-size: 47px;}

   .newsItem .title {font-size: 19px;}


}

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

   body {font-size:1.2em ;line-height:1.5em;}

   #nav {display:block;}

   div#utilityBar {padding:0;}
   div#utilityBar .container {padding: 0;}
   #ContentTopGive {background: #DC241F;text-align: center;margin-top: 69px;width: 100%;}

   .structHead .container {padding: 0;}
   .structHead .container .headLogo {padding: 15px;z-index: 10;width: 50%; text-align:center; border-bottom:3px solid #fff;}
   .structHead .container .headLogo img{max-width:95px !important;}

    .givebutton a {width: 100%;}

   #ContentTopNavAlum {padding: 0px;width: 100%;}
   #ContentTopNavAlum ul {width:100%;}
   #ContentTopNavAlum li {display: none;}
   #ContentTopNavAlum .tealbutton {display: block;width: 100%;background: #fff;}
   #ContentTopNavAlum .tealbutton a {height: 60px;margin: 0px auto;}

   .desktopNav {position: static;}
   .m-pikabu-nav-toggle {position: absolute;top: 0;right: 0;background: #5d5c5d;margin: 0;padding: 19px 25px; text-align:center; border-bottom:3px solid #fff;}

   .structBody {padding: 20px 0 0;}
   .start .structBody{display: none;}



   .bx_slide .sldtxt {position:relative; bottom:auto; left:0; width:100%; background:#000;}

   .pageName h1 {margin: 25px 0px 25px;}

   #ContentMiddle p {font-size: 16px;line-height: 22px;}

   #ContentMiddleLayoutRightBlock1 p {font-size: 15px;line-height: 23px;}

   .interior .ConnectSection {display: none;}

   #ContentMiddleLayoutRightBlock2 {display: none;}

   .newsItem .thumb {margin-bottom:10px;}
   .newsItem .text {position: initial;width: 100%;background: #f3f2f2;}
   .newsItem .title {font-size: 13px;padding: 0;line-height: 15px;}
   .newsItem .preview {line-height: 15px;}
   .newsItem .preview a {font-size: 12px;}


   footer #ContentFooterNav ul {text-align: center;}
   footer #ContentFooterNav ul li {margin: 10px 20px 10px 0;}
   footer #ContentFooterInfo p {font-size: 14px;}


}

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

}

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

}