/* 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; 
    font-weight: 400;
    color:#000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

.interior .structBody a {border-width: 0 0 2px 0 ;}
.interior .structBody a:hover, 
.interior .structBody a:focus {border-color: #ED1B2F; border-width: 0 0 2px 0 ;}

#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: "Font Awesome 5 Free";display: inline-block;margin-left: -12px;width: 12px;font-size: 4.5px;position: relative;top: -3px;font-weight:bold;color:#ED1B2F;}
#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;color:#ED1B2F;}
h2, .PageSubTitleHeader {font-size:1.5125rem; line-height:1.227;font-weight: 600;margin-bottom: 10px;margin-top:25px;}
h2:first-child {margin-top:0;}
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:#ED1B2F!important;}
.expand img {background-color: #ED1B2F!important;}
.expand {background-color: #ED1B2F!important; display:inline-block; width:18px;}


::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, .button {background: #09bbbc;color: #f3f2f2;text-align: center;padding: 8px 20px;border: none;transition: all 0.2s;font-weight: 600;font-size: 16px;margin-bottom: 3px;display: inline-block;}

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

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

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

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

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

button:hover, .button:hover {text-decoration: none;transition: all 0.2s;}

.imod-profile-main button {background: #09bbbc;padding: 0;border: none;text-transform: initial;font-size: initial;margin-bottom: 0;}

/* UTILITY BAR ELEMENTS
---------------------------------------------*/
.fullHeader {float:left;width: 100%;background:#fff;position:fixed;z-index: 10000;height:155px;}
.loggedin .fullHeader {position:static;height:auto;}
.fullHeader.sticky {position: fixed;z-index: 10000;top: -180px;}
.fullHeader.sticky #utilityBar {display: none;}


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

#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;border:none;}
#ContentTopSocial ul li a:hover {background:#424242;}
#ContentTopSocial ul li a .fa {line-height: 35px;}

#ContentTopGive {float:right;}
#ContentTopGive img {transition: all 0.3s;}
#ContentTopGive img:hover {opacity: 0.6;transition: all 0.3s;}

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

.searchToggle {width: 85px;}
#searchToggleButton{width: 50px;}
#searchToggleButton em{font-size:26px;}
#searchToggleButton a{
    padding: 8px;
    text-align:center;
    border-radius: 4px;
}


#ContentMemberTools {float:right; margin-right:20px;opacity: 1;}
#ContentMemberTools ul {list-style:none;margin:0;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: 18px;border:none;}
#ContentMemberTools a:hover,
#ContentMemberTools a:focus {background:#000;color: #FFF;}

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

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

#ContentLogo{
    width:160px;
    float:left;
    height:50px;
    vertical-align:middle;
    padding:5px 0 0 0;
}
#ContentSiteName{
    width:180px;
    float:left;
    font-size:28px; 
    border-left: 1px solid black; 
    padding: 8px 15px 5px 20px; 
    height:50px;
    font-weight:600;
}
#ContentSiteName a:link, #ContentSiteName a:visited, #ContentSiteName a:active {color:#000;}
#ContentSiteName a:hover{color:#ED1B2F;cursor:pointer;}

#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;text-decoration: none;font-size: 24px;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;}

a#ConnectAnchor {display: block;position: relative;top: -110px;visibility: hidden;}
a#AttendAnchor {display: block;position: relative;top: -110px;visibility: hidden;}
a#GetInvolvedAnchor {display: block;position: relative;top: -110px;visibility: hidden;}
a#BenefitsAnchor {display: block;position: relative;top: -90px;visibility: hidden;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.desktopNav {background:transparent; float:left; width:100%; position:relative;z-index:99; border-top: 1px solid #CCC;}

/* General Styles */
.desktopNav ul {list-style-type:none;margin:0; padding:0;}
.desktopNav ul li {padding:0;display:inline-block;}
.desktopNav ul li a{
    display:block;
    text-decoration:none; 
    padding:13px 15px 10px;
    color:#000;
    font-size: 17px;
    line-height:1.1;
    font-weight: 400;
    transition: background 0.2s;
    border-bottom:3px solid transparent;
}
/* Selected nav */
.desktopNav ul li.ua-select a{border-color:#000 !important;}

/* 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;background:#000;color:#FFF;transition: background 0.1s;}



.desktopNav li li { width: 100%; 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;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 {  }


#ContentTopNavAlum {}
#ContentTopNavAlum li.selected a {}
#ContentTopNavAlum li.selected ul li a {}
#ContentTopNavAlum li.selected ul li a:hover {}


   /* video bkgd */
	.videoBackground {position: relative;height: 750px;float: left;width: 100%;clear: both;margin: 0;overflow: hidden;}
	.videoBackground .videoWrap { height: 100%; }
	.videoBackground .thumb,
	.videoBackground .videoWrap video { display: block;left: -9999px;min-height: 100%;min-width: 100%;position: absolute;top: -9999px;z-index: 1;right: -9999px;bottom: -9999px;margin: auto;}
	.videoBackground .videoWrap video { opacity: 0; transition: opacity 750ms ease 0s; visibility: hidden;}
	.videoBackground .videoWrap video.has-loaded { opacity: 1; visibility: visible;}
	.touch .videoBackground .videoWrap video { min-height: 100%; position: absolute;}
	.videoBackground .thumb { background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;padding-bottom: 50%;top: 0;right: auto;bottom: auto;z-index: 0;left: 0;}
	.loggedin .videoBackground .thumb, .loggedin .videoBackground .videoWrap video {  position: absolute;}
	.videoBackground .IModCmsCalendarIcon img[src="/images/icons/v2/common/newspaper_add.gif"],
	.videoBackground .IModCmsCalendarIcon img[src="/images/icons/v2/common/delete.gif"] { display: none !important;}
	.videoBackground .videoText {bottom: 0; padding-top: 200px; position: absolute; text-align: center; top: 0; width: 100%;}
   .videoBackground .videoText .featureText { width: 100%;}
   .videoBackground .videoText .featureText .sldtxt .title {font-size: 67px;font-weight: 300;color: #f3f2f2;text-decoration: none;text-transform:uppercase;padding: 0 20px;}
	.videoBackground a.btnPlay {text-transform: uppercase; color:#65696e; font-weight:300; margin:30px 0 0; display:block; clear:both;}
	.videoBackground a.btnPlay .fa { border: 1px solid #cac9c6; border-radius:200px; color:#1ec2ed; font-size:34px; display:inline-block; width:70px; line-height:68px;padding-left:12px;}
	.videoBackground a.btnPlay .playlabel {display:block; font-size:12px;padding:5px 0 0;}
	.ie8 .videoBackground a.btnPlay {border: 1px solid #fff; color: #fff;}
	.videoBackground a.btnPlay:hover .fa { background: #1ec2ed;color:#fff;border-color:#1ec2ed;}
	.flexbox .videoBackground .videoText {  align-items: center;-webkit-align-items: center; display: flex;display: -webkit-flex; height: 100%; padding-top: 0;z-index: 10;}

.desktopNav li.mobOnly{display:none;}
.accordion-nav li.mobOnly{display:block;}

/* LEFT COLUMN
---------------------------------------------*/
/* Secondary Navigation - General Styles */
.secondaryNav {border-top: 12px solid #ED1B2F;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;}
.interior .secondaryNav ul li a {display:block; line-height:normal;font-size: 1rem;font-weight: 600;color:#09bbbc;text-decoration: none;border:none;}
.secondaryNav ul li a:hover {color:#ED1B2F;}
.secondaryNav ul li.selected a {color:#000;}
.secondaryNav ul li.selected a:hover {color:#ED1B2F;}

/* 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-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:#ED1B2F;border-left: 5px solid #ED1B2F;}
.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:#ED1B2F;border-left: 5px solid #ED1B2F;}

/* 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:#ED1B2F;border-left: 5px solid #ED1B2F;}
.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:#ED1B2F;border-left: 5px solid #ED1B2F;}

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




/* 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;
      padding-bottom: 8px;
	}
	.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;
			}
		}

.ConnectSection h1, 
.AttendSection h1, 
.GetInvolvedSection h1, 
.BenefitSection h1 {font-size: 3.45rem;font-weight: 600;color:#fff;line-height: 1;margin:64px 0 45px;letter-spacing:-2px;color:#fff;}
.GetInvolvedSection h1,
.ConnectSection h1 {color:#000;}

.ConnectSection .ConnectSlick .slick-prev,
.ConnectSection .ConnectSlick .slick-next,
.GetInvolvedSection .GetInvolvedSlick .slick-prev,
.GetInvolvedSection .GetInvolvedSlick .slick-next,
.BenefitSection .BenefitSlick .slick-prev,
.BenefitSection .BenefitSlick .slick-next {background:transparent;padding:0;font-size:40px;height:100%;border:none;top:0;}




/* Footer Elements 
---------------------------------------------*/

#ContentFooterLogo img{max-width: 144px;}

footer {float:left; width:100%; color:#fff; padding:35px 0 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;}
footer .links ul li {margin:0px 12px 10px 0;}
footer .links ul li a {color:#fff;text-decoration: none;border:none;}
footer .links ul li a:hover {color:#ED1B2F;text-decoration: underline;}

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:center;}
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:15px;}
footer .footerSocial ul li a {color:#fff;}
footer .footerSocial ul li a:hover,
footer .footerSocial ul li a:focus {color:#ED1B2F;}


footer A:link, footer A:visited, footer A:active{
	background: transparent;
	color:#fff;
	text-decoration: underline;
}
footer A:hover {
    color:#BC1D19;
}

#mcgill-bottom-black-footer .links {}
#mcgill-bottom-black-footer .links ul {list-style: none;margin:15px 0 0;padding:15px 0 0;}
#mcgill-bottom-black-footer .links ul li {margin:0px 12px 10px 0;display: inline-block;}
#mcgill-bottom-black-footer .links ul li a {color:#fff;text-decoration: none;border:none;}
#mcgill-bottom-black-footer .links ul li a:hover{color:#ed1b2f;text-decoration: underline; border:none;}

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

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

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

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

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

}

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


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

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

    .fullHeader {height:105px;}
    .structHead {padding:30px 0; height:105px;display:flex;align-items:center;}
    .structBody {margin-top:105px!important; padding:35px 0;}
   .midWrap {padding-bottom:1em;}
   .structRight {margin-bottom:2em;}

   .m-pikabu-nav-toggle {width:35px;height:35px;line-height:35px;}

   #nav {display:block;}
   
   footer #ContentFooterNav {}
   footer #ContentFooterNav ul li {}
   footer .footerSocial {text-align:right;}
   footer .footerSocial ul li + li {margin-left:15px;}
   
   #ContentTopNavAlum {float:right;padding-left: 0px;}
   #ContentTopNavAlum li {display: none;}

   
   .bx_slide .sldtxt .title a {font-size: 47px;}
   
   .newsItem .title {font-size: 19px;}
   .newsItem .thumb {height: 275px;}
   
   .videoBackground {height: 450px;}
   
   .FeatNewsSection .FeatNewsSlick .slick-prev {left: -22px;}
   .FeatNewsSection .FeatNewsSlick .slick-next {right: -22px;}
   
   .ConnectSection {padding: 0px 12px 50px;}
   .ConnectSection #ContentConnect {padding:0 100px 0 8px;}
   .ConnectSection .ConnectBox {padding: 0 5px;}
   .ConnectSection .ConnectItem {padding: 10px;}
   .ConnectSection .ConnectItem h2 {padding: 65px 0px 10px;}
   .ConnectSection .ConnectItem h2 a {font-size: 15px;}
   .ConnectSection .ConnectItem p {font-size: 14px;line-height: 16px;margin: 10px 0 0;}
   .ConnectSection .ConnectItem .ConnectIcon {top: 15px;}
   .ConnectSection .ConnectItem .ConnectIcon a {font-size: 27px;width: 60px;}
   .ConnectSection .ConnectItem .ConnectIcon a .fa {line-height: 60px;}
   .ConnectSection .ConnectSlick .slick-prev {top: -55px;left: auto;right:65px;font-size: 35px;height:35px;}
   .ConnectSection .ConnectSlick .slick-next {top: -55px;right: 30px;font-size: 35px;height:35px;}
   
   .AttendSection {padding:0px 0px 50px;}
   .AttendSection #ContentMiddleLayoutAddEvents {margin-top: 0;}
   .AttendSection #ContentMiddleLayoutFeatEvents {margin-top: 20px;}
   
   .GetInvolvedSection {padding: 0px 12px 50px;}
   .GetInvolvedSection #ContentGetInvolved {padding:0 8px;}
   .GetInvolvedSection .GetInvolvedBox {padding: 0 5px;}
   .GetInvolvedSection .GetInvolvedItem h2 a {font-size: 13px;}
   .GetInvolvedSection .GetInvolvedSlick .slick-prev {top: -55px;left: auto;right:65px;font-size: 35px;color: rgba(255, 255, 255, 0.80);height:35px;}
   .GetInvolvedSection .GetInvolvedSlick .slick-next {top: -55px;right: 30px;font-size: 35px;color: rgba(255, 255, 255, 0.80);height:35px;}
   
   .BenefitSection {padding: 0px 12px 40px;}
   .BenefitSection #ContentBenefit {padding:0 8px;}
   .BenefitSection .BenefitBox {padding: 0 5px;}
   .BenefitSection .BenefitItem {padding: 10px;}
   .BenefitSection .BenefitItem h2 {padding: 10px 0;margin-left: 38px;min-height: auto;}
   .BenefitSection .BenefitItem h2 a {font-size: 18px;}
   .BenefitSection .BenefitItem p {font-size: 14px;line-height: 16px;}
   .BenefitSection .BenefitItem .BenefitIcon a {top: 15px;left: 14px;font-size: 28px;width: 40px;}
   .BenefitSection .BenefitItem .BenefitIcon a .fa {line-height: 55px;}
   .BenefitSection .BenefitSlick .slick-prev {top: -55px;left: auto;right:65px;font-size: 35px;color: rgba(255, 255, 255, 0.80);height:35px;}
   .BenefitSection .BenefitSlick .slick-next {top: -55px;right: 30px;font-size: 35px;color: rgba(255, 255, 255, 0.80);height:35px;}

   .ConnectSection h1, 
   .AttendSection h1, 
   .GetInvolvedSection h1, 
   .BenefitSection h1 {margin: 40px 0 25px;font-size:2.625rem;}

   #heroMain .slideItem .slideInner {height:350px;padding-bottom:0;}
   #heroMain .slideItem .slideText {bottom:60px;min-height:1px;}
   #heroMain .slideItem .slideText .title::before {left:0;right:0;}
   #heroMain .slideItem .sldBtns button.next {right:0px;}
   #heroMain .slideItem .sldBtns button.previous {left:0px; }
   #heroMain .slideItem .sldBtns button.next,
   #heroMain .slideItem .sldBtns button.previous {background: none;text-indent: 0; width: auto; min-height: 10px; font-size: 2rem; padding: 13px 15px 0;}
   .heroSection #heroControls {bottom:5px;}

   .FeatNewsSection .FeatNewsSlick .newsItem .text .title {font-size:1.125rem;}
   .FeatNewsSection .FeatNewsSlick .newsItem .thumb {height:220px!important;}
}

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

   #nav {display:block;}
   
   div#utilityBar {padding:0;}
   div#utilityBar .container {padding: 0;}
   #ContentTopGive {background: #ED1B2F;text-align: center;margin-top: 75px;width: 100%;}
   
   .fullHeader {position:relative;height:auto;}
   .structHead > .containerBod {}
   .structHead .containerBod {padding: 0;}
   .structHead .containerBod .headLogo {z-index: 10;text-align:left; padding-left:25px; padding-top:20px;}
   .structHead .containerBod .headLogo a {border:none;}
   .structHead .containerBod .headLogo img{}
 
   
   .givebutton a {width: 100%;border:none;}
   
    #ContentTopNavAlum {padding: 0px;width: 100%;}
    #ContentTopNavAlum ul {width:100%;}
    #ContentTopNavAlum li {display: none;}
  

    .headLogo img {width:138px;}
    #ContentLogo{
        width:100%;
        float:none;
        vertical-align:middle;
        padding:5px 0 0 0;
        text-align:center;
    }
    #ContentSiteName{
        width:100%;
        float:none;
        font-size:24px; 
        border-left: none; 
        padding: 15px 15px 25px; 
        text-align:center;
        height: auto;
    }   


   .desktopNav {position: static;}
   .m-pikabu-nav-toggle {width:70px;height:70px;line-height:70px;}
   
   .structHead {position: relative;z-index: 102;padding:0 0 15px 0;}
   
   .structBody {padding: 20px 0 30px;margin:0!important;}

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

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


}

/* =============================================================================
   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) {

}

/* 2019 CUSTOM LOGIN PAGE STYLES */
.buttonSsoLogin,
.buttonEncompassLogin {
    border: none;
    border-radius: 0;
    background-color: #ED1B2F;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    font-size: 22px;
    white-space: break-spaces;

}

.buttonSsoLogin {
    margin:0px 0 15px;
}

@media only screen and (max-width: 699px) {
    .buttonSsoLogin,
    .buttonEncompassLogin {
        font-size: 18px;
    }  
}

.buttonSsoLogin:hover,
.buttonEncompassLogin:hover {
    text-decoration: none;
    background: #bc1d19;
    transition: all 0.2s;
}

#divSsoLogin {
    padding: 25px;
    border: 1px solid #000;
    margin-bottom: 10px;
}

.IMOD3 #divSocialButtons {
    display: none;
}

.loginOptionBox h1 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.IMOD3 .LoginLeftMargin {
    display: none;
}

.imod-login-links a {
    font-weight: bold;
}

.below-login-box .faqSection {
    margin-bottom: 20px;
}

.below-login-box .faqSection a {
    font-weight: bold;
}

.below-login-box .disclaimerSec .title {
    font-weight: bold;
    margin-bottom: 0;
    font-style: normal;
}

.below-login-box .disclaimerSec p {
    font-style: italic;
    font-size: 14px;
}

.socialMediaLoginWrap{
    border: 1px solid #000;
    padding: 25px;
}

#divExtraLoginProviders > hr + div {
    display: none;
}

#divExtraLoginProviders > hr {
    display: none;
}


.socialMediaLoginWrap h1 {
    text-transform: uppercase;
    margin-bottom: 30px;
}

.socialMediaLoginWrap h1 + p {
    margin-bottom: 10px;
}

#divExtraLoginButtons {
    /*border-bottom: 1px solid #000;
    padding-bottom: 20px;*/
    margin-bottom: 20px;
    /*display: flex;
    justify-content: space-between;*/
}

@media only screen and (max-width: 699px) {
    #divExtraLoginButtons {
        flex-direction: column;
        align-items: center;
    }

    #divExtraLoginButtons input[title="Facebook"] {
        margin-bottom: 20px;
    }
}

.socialMediaLoginWrap {
    margin-bottom: 10px;
}

.divLoginInputs .divLoginUserNameRow, 
.divLoginInputs .divLoginPasswordRow {
    float: left;
    width: 50%;
}

@media only screen and (max-width: 699px) {
    .divLoginInputs .divLoginUserNameRow, 
    .divLoginInputs .divLoginPasswordRow {
        width: 100%;
    }
}

#divRemember {
    display: none;
}

.socialMediaInsBold {
    font-weight: bold;
    font-style: italic;
}

.divLoginButtonRow .button.loginButton {
    background: #ED1B2F;
    width: 100%;
    padding: 15px 0;
    font-size: 22px;
    margin-top: 10px;
}

@media only screen and (max-width: 699px) {
    .divLoginButtonRow .button.loginButton {
        font-size: 18px;
    }
}

.divLoginButtonRow .button.loginButton:hover {
    background: #bc1d19;
}

.button.cancelButton {
    display: none;
}

.forgotPW .button.loginButton {
    margin-top: 30px;
}

.inputLoginUsername,
.inputLoginPassword {
    width: 95%;
    margin-bottom: 10px;
}

@media only screen and (max-width: 699px) {
    .inputLoginUsername,
    .inputLoginPassword {
        width: 100%;
    }
}

#divExtraLoginButtons input.OpenIdIcon {
    background-color:#09bbbc;
    height:60px;
    width:100%;
    display:block;
    margin:4px 0;
    background-repeat:no-repeat;
    background-position:center;
    transition: background-color .2s ease;
}
#divExtraLoginButtons input[title="Twitter"] {
    background-image:url('login/sso-twitter.png');
}
#divExtraLoginButtons input[title="Facebook"] {
    background-image:url('login/sso-facebook.png');
}
#divExtraLoginButtons input[title="Google"] {
    background-image:url('login/sso-google.png');
}
#divExtraLoginButtons input[title="LinkedInV2"] {
    background-image:url('login/sso-linkedin.png');
}

.divLoginStructContainer,
.below-login-box {
    max-width: 490px;
    margin:0 auto;
}