/* ================================
 * University of Winnipeg
 * Master website styles

v10.2
* ================================
 */
 

/* Kudos to the Eric Meyer Reset v2.0 http://meyerweb.com/eric/tools/css/reset/ */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5co,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video {
    margin:0; border:0; padding:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
blockquote,q {
    quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after {
    content:'';
    content:none;
}


div {
    display:block; position:relative;
}


.clear {
    clear:both;
}
.hidden {visibility: hidden;}

/* ================================ */
/* !Typography */

body {
    line-height:1.4;
    background-color:#f2f2f2; 
    color:#4d4d4d;
    font-family: Arial, Verdana, sans-serif;
    font-size: 9pt;
}

pre {}

/* colours
RED #fe0018;
 */

p { margin:1em 0; 
}

.tags {font-size: 90%; font-style:italic; color: #ccc;}
h1,h2,h3,h4,h5,h6 {
    margin:0; padding:0; 
    color:#fe0018;
    line-height:1;
    font-weight: bold;
    font-family: 'YRSA', serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h1 { font-size:1.700em; margin:1.85em 0 0 0; }
h2 { font-size:1.666em; margin:1.5em 0 .5em 0; }
h3 { font-size:1.200em; margin:1.5em 0 .5em 0;
     }
h4 { font-size:1em; }

a {
       color:#fe0018;
       text-decoration:none;
        cursor:pointer;
}

a:hover,a:visited {
       color:#fe0018;
       text-decoration:none;
        cursor:pointer;
}

strong { font-weight:bold; }
strong a {font-weight: bold;}

em { font-style:italic; }

hr {
    display: block;
    clear: both;
    margin: 1.4em 0 1.6em;
    border: 0;
    height: 1px;
    background: #ccc;
}


img,video,audio,iframe,embed {
    max-width:100% !important;
}

/* Forms */

label {
    cursor:pointer;
}
input {
    box-sizing:border-box;
}
select {
    box-sizing:border-box;
}
textarea {
    box-sizing:border-box;
}

/* Tables */

 table {
    padding:0; width:90%;
    margin-left: 5%;
    margin-right: 5%;
    border-collapse:collapse;
    border-spacing:0;
}

    
tr {
    border-bottom: 1px dotted #ccc;
    padding-right: .5em;
    padding-left: .5em;
}
th,
td {
    padding:.25em;
    text-align:left;
    vertical-align:top;
}


table img {border: none;
    box-shadow:0;
    padding:0px;
    margin:0;
    float:none;
    display:inline;
        }

table ul li {margin-bottom: 5px;}


.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: left; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }



/* RESPONSIVE EXAMPLE */

.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    
    .stacktable.large-only { display: none; }
      .stacktable.small-only { display: table; }
    
    table#landing-page, thead, tbody, th, td, tr { 
        display: block; 
        width: 100%;
        margin: 0;
            }
    
    table#landing-page tr {width: 100%;
    border: none;
    }
    table#landing-page td { 
        /* Behave  like a "row" */
        border: none;
        position: relative;
        width: 100%;
		padding-top: 0;
	}

    table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-search-button {
    display: inline;
    }
    
	.landing td h2 {margin-left: 7px; margin-bottom: 10px;margin-top: 5px;
		}
	.landing td ul li {padding-bottom: 5px;
		padding-top: 5px;
		background: none;
		padding-left: 0px;
		border-bottom: 1px dotted #ccc;
		}
	
}



/*
thead th {
	border:0; border-bottom:1px solid #000;
	background:#eee;
	vertical-align:bottom;

}
tr {
	border:0;
}
th,
td {
	padding:.25em;
	text-align:left;
	vertical-align:top;
	line-height:1;
}
td {
	border-bottom:1px solid #000; border-bottom-color:rgba(0,0,0,0.1);
	background:none;
}

thead tr a {
	text-decoration:underline;
}
tbody tr:nth-child(odd) {
		background-color:rgba(255,255,255,.3);
}
tbody tr:nth-child(even) {
		background-color:rgba(0,0,0,.05);
}
tbody tr:hover {
	background-color:rgba(0,0,0,.1);
}
*/

/* ==================================== */
/* !Layout */

html { background:#262626; }
body {
	margin:0 auto;
	width:320px;
	min-width:320px;
	background:#f2f2f2;
}

#alert {width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #ccc;
	font-size: 15px;
	color: #fff;
	}


#alert.level-alert {background-color: #0c529b;}
#alert.level-notice {background-color: #292929;}
#alert.level-alert a {color: #fff900;}
#alert.level-notice a {color: #881414;}

#topBar {
	overflow:hidden; position:relative;
	display:block;
	z-index:100; min-height:44px;
	background:#262626;
	background:#262626 url(https://www.uwinnipeg.ca/_files/images/responsive-2014/topBar.png) repeat-x left top;
	background-size:770px;
	color:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.2);
}
#topBar a {
	display:block;
	color:#fff;
	font-weight:normal;
}

#siteLogo50 {
	overflow:hidden;
	display:block;
    margin-top:5px;
	height:35px;
	text-indent:100%;
	white-space:pre;
	background:url(/50/_images/_base/uwinnipeg-50-logo.png) no-repeat center center;
    background-size: contain;
}

#mobileNavLink {
	position:absolute; left:0; top:-5px;
	width:44px; height:44px;
	cursor:pointer;
}
#mobileNavLink div,
#mobileNavLink span{
	display:block;
	margin:2px 14px; height:3px;
	background:#fff;
	border-radius:6px;
}
#mobileNavLink div:first-child,
#mobileNavLink span:first-child { margin-top:16px; }
#mobileNavLink.open div,
#mobileNavLink.open span { background:#67090c; }

#siteSearchLink {
	overflow:hidden;
	position:absolute; right:0; top:-5px;
	width:50px; height:50px;
	line-height:44px;
	background-image:url(https://www.uwinnipeg.ca/_files/images/responsive-2014/searchIcon.png); 
    background-repeat:no-repeat; 
    background-position:center center;
	text-indent:100%;
	cursor:pointer;
}
#siteSearchLink.open { background-image:url(https://www.uwinnipeg.ca/_files/images/responsive-2014/searchIconActive.png); }

#siteSearchForm {
	display:none;
	position:relative;
	overflow:visible;
	padding-right:0px;
	background:none;
	box-shadow:none;
    width: 80%;
}

#siteSearchForm.open { display:block; }
#siteSearchForm label {
	display:block;
	padding:12px;
	text-align:center;
	font-size:12px; line-height:1;
}
#siteSearchForm label span { display:none; }
#siteSearchForm input,
#siteSearchForm button { opacity:100; }
#siteSearchForm.open input,
#siteSearchForm.open button { opacity:1; }
#siteSearchForm input {
	display:block;
	margin:0; 
    border:0; 
    padding:none; 
    width:100%;
    border-radius:32px;
	outline:0;
	height:24px;
	font-size:10px;
	text-align:left;
	box-shadow:inset 1px 0 2px #999;
	-moz-box-sizing:border-box;
} 

header .cse input.gsc-search-button, header input.gsc-search-button {
  width: 100px;
  text-indent: -9999px;
  background: transparent url(https://www.uwinnipeg.ca/_files/images/responsive-2014/search-icon-wide.png) no-repeat 50% 0%;
  padding: 0px;
  height: 25px;
  border: none;
  min-width: 100px;
  cursor: pointer;
  float: right;
}

.gsc-clear-button {display: none;}


/* hide menu until requested */
#mainNav {
	display:none;
	overflow:visible; position:relative; z-index:100;
	margin:0 auto;
	max-width:1024px; min-height:36px;
	background:#f2f2f2;
	z-index:90;
}
#mainNav.open { display:block; }

/* hide submenu until requested */
#mainNav li.level1 ul { display:none; }
#mainNav li.level1.open ul,
#mainNav li.level1 ul.open { display:block; }

#mainNav ul,
#mainNav li {
	position:relative; overflow:visible;
	margin:0; padding:0; list-style:none;
	background:#f2f2f2;
}
#mainNav ul {
	border-bottom:1px solid #999;
}
#mainNav ul a {
	display:block;
	position:relative;
	border-top:1px solid #e5e5e5;
	padding:8px 8px 8px 2em;
	color:#707070;
	background-image:url(https://www.uwinnipeg.ca/_files/images/responsive-2014/fade-out-bar.png);
	background-size:cover;
	background:#f2f2f2;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
	line-height:1.1;
}
#mainNav ul li:first-child a.level1 { border-top-width:0; }

#mainNav a.level1 {
	font-size:18px;
    font-family: 'YRSA', serif;
	font-weight:normal;
}
#mainNav li:hover a {
	background:#f2f2f2;
}
#mainNav a.level1:before {
	content:"";
	position:absolute;
	display:block;
	left:14px; top:12px;
	margin:0; width:0; height:0;
	border-top:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid #555;
}

#mainNav .open a.level1,
#mainNav a.level1.open {
	background:#f2f2f2; color:#fe0018;
}
#mainNav .open a.level1:before,
#mainNav a.level1.open:before {
	left:11px; top:15px;
	border-top:5px solid #C92226;
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:5px solid transparent;
}

#mainNav li ul {}
#mainNav li li a {
	padding:8px 8px 8px 2.25em;
	color:#555;
	background:#f2f2f2; color:#333;
}
#mainNav li li:first-of-type a { border-top:1px solid #ddd; }

#mainNav li li a:hover { background-color:rgba(255,255,255,.2); color:#fe0018; }

#secondaryNav { display:none; }

footer {
	overflow:hidden;
	padding:24px 3.125%;
	background:#262626; color:#d9d9d9;
}
footer .layoutBlock div {
	overflow:hidden; float:none;
	margin:0; border:0;
	border-top:1px solid #696969;
	padding:12px 0; min-height:2em;
	text-align:center;
}
#footerCrest {
	margin:0; border:0; padding:0;
	background:url(/50/_images/_base/logo_footer.png) no-repeat left top;
	position:absolute; left:120px; top:0;
	width: 70px;
	height: 135px;
	text-indent: -9999px;
}
footer .layoutBlock div#footerAddress {
	margin:0 auto; border:0; padding:0 30px 35px 72px;
	text-align:left;
}

footer span { display:block; }
footer a, footer a:visited { display:block; color:#d9d9d9; }
footer a:hover { color:#727272; }
#footerSocialLinks span {margin-left: 12px;}
#footerSocialLinks a,
#footerDonateLink {
	overflow:hidden;
	display:inline-block;
	float:none; width:32px; height:32px;
	background:url(https://www.uwinnipeg.ca/_files/images/responsive-2014/footer-icons.png) no-repeat left top;
	text-indent:100%;
	white-space:pre;
}
#footerSocialLinks a:hover,
#footerDonateLink:hover {
	opacity:.5;
}
#footerSocialLinks #footerFacebookLink { background-position:-64px top; }
#footerSocialLinks #footerTwitterLink { background-position:-96px top; }
#footerSocialLinks #footerLinkedInLink { background-position:-128px top; }
#footerSocialLinks #footerYouTubeLink { background-position:-160px top; width:64px; }
#footerSocialLinks #footerFlickrLink { background-position:-224px top; }
#footerSocialLinks #footerInstagramLink { background-position:-256px top; }
#footerDonateLink { background-position:-288px top; width:64px; height:40px; }

#footerInfoLinks a { line-height:2; }

/* !Content */


/* ================================ */
/* !Working Rules */

.layoutBlock {
	position:relative; display:block;
	margin:0 auto;
	max-width:1024px;
}

#content {
	overflow:hidden; position:relative;
	margin:0 auto 10px auto;
	max-width:1024px;
	/*background:#fff;*/
	z-index:80;
	color:#4d4d4d; 
}

.postedDate {font-size: 90%; margin-top: 0;}
	
p.caption {
	font-size:14px; 
	line-height:1.3;
	color:#666666;
	font-style: italic;
	padding-right: 14px;
	}

#contentBody {
    position:relative;
	margin: 55px 15px 25px 15px;
	font-family: 'YRSA', serif;
    font-size:15px;
}

#contentBody.home {
	margin: 0px 0px 25px 0px;

}


.eventPageDate{font-family: "Oswald", sans-serif;
	font-size: 14pt;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 11pt;
	}
.eventListingDate{font-family: "Oswald", sans-serif;
	font-size: 11pt;
	}
.eventMore {font-family: Verdana; font-size: 8pt;}
.eventPageLocation{display: block;
	font-family: "Oswald", sans-serif;
	font-size: 18pt;
    font-weight: 300;
    letter-spacing: 1px;
	}
.eventPageUrl{}

.backto {color: #fe0018; 
	text-decoration: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	}


/* !50th anniversary mobile */

#mainFeature {
    overflow: hidden;
    padding-top: 10px;
    height: 230px;
    margin-bottom: 10px;

	}
	
#mainFeature.impactfeat {/*height: 120px;*/ margin-bottom: 0;}


#mainFeature.twoCol {border:none;
	}
#mainFeature .featureBg {position: absolute;
z-index: 1;
height: 230px;
width: 574px;
}

#mainFeature .featureText {position: absolute; 
	top: 10%; 
	left: 5%; 
	width: 90%; 
	text-align: center;
    z-index: 2;
	}
	
#mainFeature .featureText img {margin-bottom: 10px;
    width: 40px;
	height: 40px;
    z-index: 3;}
	
#mainFeature .featureText h2 {font: 21pt/23pt 'Yrsa', serif;
	text-transform: uppercase;
	color: #fff;
	margin:0;
	font-weight: bold;
    z-index:3;
    letter-spacing: 2px;
}


#mainFeature .featureText p {font: 10pt/12pt 'Yrsa', serif;
	color: #fff;
	margin-bottom: 15px;
    z-index: 3;
    letter-spacing: 1px;

}
#mainFeature .featureText .learn-more {font: 6pt 'Oswald', serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 2px #fff solid;
	padding: 5px 30px;
	color: #fff;
    z-index: 3;
	}
#mainFeature .featureText .learn-more:hover {color: #fff; }

#mainFeature.gallery .featureText {top:20%;}
#mainFeature.gallery .featureText h2 {font-size: 20pt; }
#mainFeature.gallery .featureText p {font-size: 10pt; line-height: 14pt;}

#mainPanels {padding-top: 10px;
    border-bottom: 1px solid #e8e8e8;
	margin-top: 10px;
    }
    
.panel {
overflow:hidden;
width:100%;
height:75px;
}
.panel:hover .back {
	opacity: 0;
	}
.panel a,.panel a:hover,.panel a:visited {color: #fff;} 
.panel .flipper .front img {visibility:hidden;}

.ourstory {background: url(/50/_images/_base/our-story-bg.png);
        background-size: 100%;
        margin-bottom: 10px;
        }
.impact {background: url(/50/_images/_base/impact-bg.png);
            background-size: 100%;
            margin-bottom: 10px;

}
.connect{background: url(/50/_images/_base/connect-bg.png);
            background-size: 100%;
}

#newsEvents {}

#mainEvents {padding-left: 10px;margin-top: 25px;}

#mainEvents h3 {font: 20pt 'Yrsa', serif;
	text-transform: uppercase;
	color: #fe0018;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
    letter-spacing: 2px;
	}

#mainEvents .item {
	border-bottom: 1px solid #ccc;
	margin-bottom: 11px;
	padding-bottom: 5px;
	}
#mainEvents .item.last {border-bottom: 0;}

#mainEvents .item a {display:block;
	position:relative; 
	vertical-align: middle;
	font: 12pt 'Yrsa', serif;
	min-height:50px;
	margin-bottom: 10px;
	padding:20px;
}

#mainEvents .item .eventTitle {
	min-height:40px;
	position:relative; 
	vertical-align: middle;
	font: 12pt 'Yrsa', serif;
	padding-top: 10px;
    color: #666;

}

#mainEvents .item:hover .eventTitle {color: #fe0018;}

#mainEvents .item .date {border: 2px solid #fe0018;
	padding: 2px 10px;
	text-align: center;
	float: left;
	box-sizing:border-box;
	width: 40px;
	height: 40px;
	margin-right: 17px;
	line-height:1;

	}

#mainEvents .item .date .month {
	font: 7pt 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #fe0018;
	margin: 0;
	line-height:1.2;
	text-align: center;
}

#mainEvents .item .date .day {
	font: 10pt 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #fe0018;
	display: block;
	margin: 0;
	line-height:1.2;
	text-align: center;

	}
	
#mainEvents .moreEvents {margin-top: 11px;
	font: 7pt 'Oswald', serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 35px;
	color: #fe0018;
	border: 2px solid #fe0018;
	text-decoration: none;
}

#mainEvents .moreEvents:hover {color: #fe0018;}



#mainNews {margin-top: 25px;}
#mainNews img {position: relative;
z-index: -2;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 filter: grayscale(100%);
}

#mainNews .newsTextbg {background: #fff;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    width: 85%;
    height: 85%;
    position: absolute;
    left: 8%;
    top: 7%;
	}

	
#mainNews .newsText {position: absolute; 
	top:1%;
	width: 80%;
	left: 10%;
	text-align: center;
	color: #fe0018;

}

#mainNews .newsText p {
	font: 10pt 'Yrsa', serif;
}



#mainNews .newsText p.featuredHeadline {
	visibility: hidden;
}
#mainNews .newsText h2 {font: 12pt/14pt 'Yrsa', serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #fe0018;
	}
	

	
#mainNews .newsText .learn-more {font: 7pt 'Oswald', serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-color: #fe0018;
	padding: 10px 40px;
	color: #fe0018;
    border: 2px solid #fe0018;
	}

#mainNews .newsText .learn-more:hover {color: #fe0018;	}

#mainNews.gallery .newsText {top: 0;
		margin-top: 5px;
}
#mainNews.gallery .newsText h2 {text-transform: none;
font: 25pt/23pt 'Yrsa', serif;
font-weight: bold;
}
#mainNews.gallery .newsText p {
	font: 11pt 'Yrsa', serif;
}
#mainNews.gallery .newsText .learn-more {visibility: visible;	}

#mainNews.gallery.photos .newsText {
    margin-top: -15px;}
#mainNews.gallery.photos .newsText h2 {text-transform: none;
font: 21pt/19pt 'Yrsa', serif;
font-weight: bold;}

#mainArchives {padding-top: 10px;}

#mainArchives .featureText {position: absolute; 
    top:0%;
	width: 80%;
	left: 10%;
	text-align: center;
	color: #fff;
    height: 100%;
    }

#mainArchives .featureText h2 {color: #fff;
    text-transform: uppercase;
    font: 16pt/23pt 'Yrsa', serif;
    font-weight: bold;
    letter-spacing: 2px;
    }
#mainArchives .featureText p {visibility:hidden;}

#mainArchives .see-more {
	visibility: hidden;
}

#mainNumbers {}
.number { 
	width: 100%;
	padding: 6%;
	border-bottom: 1px #d6d6d6 solid;
	text-align: left;
	}
	
.number.last {border: none;}

.count {color: #fe0018;
	font: 23pt 'Oswald', serif;
	vertical-align: middle;

}
.countTitle {display: block;
		font: 8pt 'YRSA', serif;
		padding-top: 10px;
		color: #808080;
		text-transform: uppercase;
		display:inline;
		margin-left: 10px;
		}



.more {
	display:block; margin:10px;
	font-style:italic;
	font-weight:normal;
	font-size:12px;
	text-align:right;
}

#breadcrumbs { display:none; 
	color: #999; 
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	margin-left: 15px;
	}
#breadcrumbs.open { display:block; }
#breadcrumbs .intro {
	display:block; border-bottom:1px solid rgba(0,0,0,0.1); padding:8px;
}
#breadcrumbs a {
	display:block;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.1); padding:8px;
    color:#999;
	line-height:1.1;
}
#breadcrumbs a:hover { background:#f4f4f4; color:#fe0018; }

#breadcrumbs .spacer { display:none; }

#breadcrumbsToggle {
	position:absolute; right:0; top:0;
	width:44px; height:44px;
	cursor:pointer;
}
#breadcrumbsToggle span {
	display:block;
	margin:2px auto;
	width:3px;
	height:3px;
	background:#999;
	border-radius:6px;
}
#breadcrumbsToggle span:first-child { margin-top:16px; }
#breadcrumbsToggle.open span { background:#67090c; }

/* Transitions */
#mainNav {
	-webkit-transition: all 0.25s linear 0.25s;
	-ms-transition:all 0.25s linear 0.25s;
	-o-transition:all 0.25s linear 0.25s;
	-moz-transition:all 0.25s linear 0.25s;
	transition:all 0.25s linear 0.25s;
}

#mainNav ul ul {
	-webkit-transition: all 0.25s linear 0.25s;
	-ms-transition:all 0.25s linear 0.25s;
	-o-transition:all 0.25s linear 0.25s;
	-moz-transition:all 0.25s linear 0.25s;
	transition:all 0.25s linear 0.25s;

}

.button {
	display:block;
	border:1px solid #999; border-color:rgba(0,0,0,0.1);
	padding:.25em !important;
	background:#eee; color:#999;
	font-size:12px;
	text-align:center;
	line-height:1;
	border-radius:2em;
}
.toggle {
	clear:both;
	margin:1em auto;
	max-width:140px;
}

#redBox {
    margin-top: 50px;
    width: 100%;
    height: 275px;
    background-color: #fe0018;
    text-align: center;
    color: #fff;
    }
#redBox .featureText {
    height: 80%;
    top: 10%;
    margin: 25px;
    padding: 0px;
    border: 1px solid #fff;
    }
#redBox .featureText h2 {color: #fff;
    font-size: 20px;}
    
#redBox .featureText .learn-more {font: 7pt 'Oswald', serif;
    text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px #fff solid;
	padding: 10px 40px;
	color: #fff;
    margin-top: 5px;
}

.fourCols a img {-webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
    }
    
.fourCols a:hover img {-webkit-filter: grayscale(0%);
   -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
    }
  
    
.fourCols h3 { font-weight: 500;
font-family: 'Oswald', sans-serif;
font-size: 9pt;
color:#fe0018;
letter-spacing: 1pt;
}

.fourCols, .fourCols p {font-size: 10pt;}

.fourCols.impactindex {border-top: 6px solid #fe0018;
	padding-top:5px;
	padding-bottom: 20px;
	}
	
.alphaList h2 {margin-bottom: 23px; margin-top: 25px; line-height: 25pt;}

.toolnav {font-family: Verdana;
    font-size: 9pt;
     line-height: 4pt;
     margin-bottom: 45px;}
    
.backto {float: left;line-height: 4pt;margin-bottom: 45px;}
.forwardto {float: right;line-height: 4pt;margin-bottom: 45px;}

.cycle-control { display:none; }

.cycle-control {
	cursor:pointer;
	color:#555;
}
.cycle-pager {
	clear:both;
	width:100%;
	text-align:right;
	line-height:10px;
}
.cycle-pager a {
	display:inline-block;
	margin:0 0 0 4px; width:8px; height:8px;
	background:#c0c0c0;
	border-radius:10px;
	cursor:pointer;
}
.cycle-pager span.cycle-pager-active,
.cycle-pager a.cycle-pager-active {
	color:#C92226 !important;
	background:#666;
}

.overlay {font-family: "Oswald", sans-serif;
    font-size: 10pt;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
    line-height: 15pt;
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #999;
}
.overlay span {display: block;
    font-family: 'YRSA', serif;
    letter-spacing: 0;
    text-transform: none;}

#profiles {margin-top: 25px;
  margin-bottom: 50px;
  border-bottom: 1px solid #ccc;
}
#profiles .fourCols h3 a{ font-weight: 700;
font: 13px 'Oswald', serif;
color:#333;
}

#profiles .fourCols h3 a:hover {color:#fe0018;}

#profiles .fourCols {margin-bottom: 25px;}
    
  

.mobileOnly { display:block; }
.desktopOnly { display:none; }

@media screen and (min-width:640px) {

	.mobileOnly { display:none; }
	.desktopOnly { display:block; }

	body {
		width:768px;
		min-width:768px;
	}
	
	table {
    	padding:0; width:100%;
    	border-collapse:collapse;
    	border-spacing:0;
    	margin:0;
   		}
   tr {
    	border-bottom: 0;
		}
    
    table.gsc-search-box tr {border:none;}
    
    #siteSearchForm {width: 22%;}
    
    #siteSearchForm input {
	display:block;
	margin:0; 
    border:0; 
    padding:none; 
    width:100%;
    border-radius:32px;
	outline:0;
	height:24px;
	font-size:9px;
	text-align:left;
	box-shadow:inset 1px 0 2px #999;
	-moz-box-sizing:border-box;
	} 
	
	#siteSearchForm input.gsc-search-button {
    width: 25px;
    text-indent: -9999px;
    background: transparent url(https://www.uwinnipeg.ca/_files/images/responsive-2014/searchicon-white.png) no-repeat;
    padding: 0px;
    height: 25px;
    border: 0;
    min-width: 25px;
    cursor: pointer;
    border-radius:0px;
    box-shadow: none;
    }

	#topBar {
		padding-top:26px; height:76px;
		background:#262626 url(https://www.uwinnipeg.ca/_files/images/responsive-2014/topBar.png) repeat-x center 26px;
		background-size:770px;
		box-shadow:0 1px 0 rgba(0,0,0,0.2);
	}
	#topBar .layoutBlock { padding:18px 0; }
	#audienceNav { display:block; position:absolute; left:0; top:0; right:0; }

	#audienceNav a {
		padding:0 16px;
		font-size:10px;
	}

	#topBar #audienceNav .layoutBlock { padding:0; }

	#siteLogo50 {
		float:left; margin:0; width:227px; height:47px; background:url(/50/_images/_base/uwinnipeg-50th.png) no-repeat left top;
		position:absolute; left:0; top:0;
		width:429px; height:76px;
		background-position:16px 16px;
	}

	#mobileNavLink,
	#siteSearchLink { display:none !important; }

	#siteSearchForm {
		float:right; margin:10px 14px 0 0; width:200px;
		background:none; box-shadow:none;
	}
	#siteSearchForm label { padding:0; }
	#siteSearchForm input { border:1px solid #BF1F24; font-size:12px; width: 100%; }
	#siteSearchForm input,
	#siteSearchForm button { opacity:1 !important; }
	#siteSearchForm button {
		overflow:hidden;
		position:absolute; right:0px; top:0px;
		margin:0; outline:0;
	}

	#secondaryNav { display:block; position:absolute; right:200px; top:24px; right:12px; top:40px; }
	#secondaryNav a { display:block; float:left; border-left:1px solid #fff; margin:8px 0; padding:0 .75em; font-size:12px; line-height:16px; }
	#secondaryNav a:first-child { border-left:0; }
	#secondaryNav a:hover { color:#000; }

	#siteSearchForm { margin:0; }
	#siteSearchForm #siteSearchButton { position:absolute; right:0; top:0; }
   
   
   
	#mainNav {
		display:block;
		box-shadow:0 0 2px rgba(0,0,0,.1);
	}
	#mainNav ul { overflow:visible; clear:both; border-bottom-width:0; background:#f2f2f2; 
	}
	#mainNav:first-child {border-left:1px solid #ccc;}
	#mainNav li { background:none; }

	#mainNav ul a {
		background:none !important;
		box-shadow:none !important;
	}

	#mainNav li.level1 { float:left; width:25%; height:36px; }
	#mainNav a.level1 {
		display:block; position:relative;
		border-left:1px solid #ddd; border-top:0; border-bottom:1px solid #ddd;
		padding:0 0 0 20px;
		height:36px;
		background:#f2f2f2 !important;
		z-index:15;
		box-shadow:0 1px 1px rgba(0,0,0,.1);
		font-size:12px; line-height:35px;
		font-family:Verdana,sans-serif;
		text-transform:uppercase;
	}
	#mainNav #mainNav新月直播,
	#mainNav #mainNav新月直播 a { border-left:0 !important; }
	#mainNav a.level1:before { border:0 !important; }

	#mainNav ul ul {
		overflow:hidden;
		display:block !important;
		position:absolute; left:0; top:36px; right:0;
		border-top-width:1px; border-bottom-width:1px;
		border-bottom:1px solid rgba(0,0,0,0.1);
		background:#f2f2f2; 
		margin:-16px 0 0 0; padding:8px 0; height:0;
		z-index:5;
	}
	#mainNav ul:hover ul,
	#mainNav li.level1:hover ul,
	#mainNav li:hover ul {
		display:block;
		margin:0; padding:8px 0; height:70px;

	}
	#mainNav ul li { background:none; }
	#mainNav ul ul a { border:0 !important; padding:0 0 0 20px; background:none !important; color:#707070; line-height:1.8; }
	#mainNav li a:hover { color:#fe0018; }
	
	#contentBody {
	margin: 55px 15px 50px 15px;
	}
    #contentBody.home {
	margin: 25px 0px 50px 0px;
	}
	
	.content-text hr {
	}
	
	.featureImage {/*max-width: 487px;*/
		float: left;
		margin-right: 50px;
		margin-bottom: 30px;
		}
		

	
	/* !50th anniversary 640px */

	#mainFeature {
        margin-top: 30px;
        padding-top: 0px;
        height: 410px;
        overflow: visible;
	}
	
	#mainFeature.impactfeat {/*height: 320px;*/ margin-bottom: 0;}

	
	#mainFeature .featureBg {
    height: 410px;
    width: 1024px;
    }
	
	#mainFeature .featureText img {margin-bottom: 15px;
	width: 65px;
	height: 65px;
	}

	#mainFeature .featureText {
	top: 20%; 
	left: 15%; 
	width: 70%; 
	}    
	
	#mainFeature .featureText .learn-more {visibility: visible;
	font: 7pt 'Oswald', serif;
	padding: 10px 40px;
    border: 2px solid #fff;
	}
	#mainFeature.gallery {margin-bottom: 25px;}
    
	#mainFeature.gallery .featureText {top: 35%;
    }

	#mainFeature.gallery .featureText h2 {font-size: 25pt;}
	#mainFeature.gallery .featureText p {font-size: 12pt; line-height: 16pt;}

        #mainFeature.photogallery {margin-bottom: 25px;
    padding-bottom: 25px;

    border-bottom: 1px solid #ccc;}

    #content #leftCol {width: 47%;float:left;
        font-size: 14pt;
        line-height: 20pt;}
    #content #leftCol h2 {margin-top: 0;font-size: 34pt; line-height: 38pt; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
    #content #rightCol {width: 47%;float:right;
    padding-right: 7px;}

    .fourCols {width:23%;
        margin-right: 2.6%;
        margin-bottom: 10px;
        float: left;
        overflow:hidden;
        }
     
    .fourCols:last-of-type, .fourCols.last, .fourCols:nth-child(4), .fourCols:nth-child(8), .fourCols:nth-child(12), .fourCols:nth-child(16), .fourCols:nth-child(20), .fourCols:nth-child(24), .fourCols:nth-child(28), .fourCols:nth-child(32), .fourCols:nth-child(36), .fourCols:nth-child(40), .fourCols:nth-child(44), .fourCols:nth-child(48), .fourCols:nth-child(52), .fourCols:nth-child(56), .fourCols:nth-child(60), .fourCols:nth-child(64), .fourCols:nth-child(68), .fourCols:nth-child(72), .fourCols:nth-child(86), .fourCols:nth-child(90) {margin-right: 0;}
    
    .fourCols.impactindex {margin-bottom: 20px;}
    
    .fourCols a img {max-height: 119px; overflow: hidden;}
    
    #redBox .featureText .learn-more {margin-top: 15px;
    line-height: 60px;
    }
    #redBox .featureText p {}
    #redBox .featureText h2 {color: #fff;
    font-size: 28px;}
    
    .overlay {bottom: 38px;
    left: 36px;}
	
	#mainFeature img {}

	#mainPanels {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #ccc;    
    padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
	}
	
	.panel {float: left; 
	overflow:hidden;
	width:246px;
	height: 178px;
	}
    .ourstory {background: none;}
	.impact {margin-left: 15px;
        background: none;}
	.connect{float: right;
        background: none;}
    .panel .flipper .front img {visibility: visible;}
	.panel .back {opacity: 0;
        }
    #newsEvents {margin-bottom: 25px;}

	#mainEvents {
		float:left;
		width: 48%;
		}

	#mainNews {float: right;
		width: 50%;
        right: -7px;
        }
		
	#mainNews .newsTextbg {
    left: 8%;
	}
		
	
	#mainNews .newsText {position: absolute; 
	top:5%;
	width: 70%;
	left: 15%;
	margin-top: 10px;
	}
	
	#mainNews .newsText h2 {font: 18pt/20pt 'Yrsa', serif;
	font-weight: bold;
	}
	
	#mainNews img {
	margin-left: 0;
	}
    #mainNews .newsText p {
    margin-bottom: 32px;  	
    }
	
	#mainNews .newsText p.featuredHeadline {
	font: 9pt 'Oswald', serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	visibility: visible;
	}

	#mainNews.gallery {float: left;
		width: 50%;}
		
	#mainNews.gallery .newsText {top: 0% !important;}
	
	#mainNews.gallery .newsText h2 {font: 32pt/30pt 'Yrsa', serif !important;
    font-weight: bold !important;
	}

	#mainNews.gallery .newsText .learn-more {visibility: visible;	}

    #mainNews.gallery.photos {
    float: left;
    margin-left: -10px;
    margin-bottom: 10px }
    
    #mainNews.gallery.photos .newsText {margin-top: 0; top: 60px;}

    #mainNews.gallery.photos:nth-child(odd) {margin-left: 10px;} 

    #mainNews.gallery.photos:last-child {margin-bottom: 100px;}


	#mainArchives {padding-top: 25px;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 25px;
	clear: both;}
    
    #mainArchives .featureText {position: absolute; 
    top:13%;
    width: 80%;
	left: 10%;
	text-align: center;
	color: #fff;
    }

    #mainArchives .featureText p {visibility:visible;
    margin-bottom: 28px;}


    #mainArchives .featureText h2 {
    font: 25pt/18pt 'Yrsa', serif;
    font-weight: bold;
    }

    #mainArchives .see-more {
	font: 7pt 'Oswald', serif;
	text-transform: uppercase;
	letter-spacing: 1px;
    border: 2px solid #fff;
	padding: 10px 37px;
	color: #fff;
    visibility: visible;
}
    #mainArchives .see-more:hover {color: #fff;}

	#mainNumbers {}
	.number {float: left; 
	width: 15.5%;
	padding: 4.7%;
	border-right: 1px #ccc solid;
	border-bottom: 0;
	text-align: center;
	}
	.count {
	font-size: 40pt;
	}
	.countTitle {
		font-size: 13pt;
		padding-top: 18px;
		display:block;
		margin-left: 0px;
		}
	
	



	/* end 50th */
	
	.landing table td {width: 30%;
	padding-right: 3%;}

	footer {
		padding:32px 1%;
	}
	footer .layoutBlock div {
		float:left;
		margin:0 0 2em 0;
		border:0; border-left:1px solid #696969;
		padding:0 2.2%;
		min-height:8em;
		text-align:left;
	}
	footer .layoutBlock div#footerAddress {padding: 0 8%;}
	
	footer .layoutBlock #footerCrest {width:191px; height:96px;
	background:url(/50/_images/_base/logo_footer.png) no-repeat left top;background-size: 50%;
	left: 0;
	}
	
	#footerInfoLinks a { line-height:1.4; }

	#content p { margin:.5em 0 1em 0; }

	#content h1 {
		font-size:2.5em;
		text-align:left;
	}
	#content h2.subtitle {
		font-size:1em;
		text-align:left;
	}

	#breadcrumbs { position:absolute; left:0; top:20px; display:block; margin:0 0;  }
	#breadcrumbs .intro,
	#breadcrumbs a,
	#breadcrumbs .spacer, #breadcrumbs p {
		display:inline-block; border:0; padding:0;
	}
	#breadcrumbs .intro { color:#999; }
	#breadcrumbs a:hover { background:none; color:#fe0018; }
	#breadcrumbs .spacer { color:#999; }


}

@media screen and (min-width:1024px) {

	body {
		width:100%;
		min-width:1024px;
	}

	#audienceNav a {
		padding:0 27px;
		font-size:11px;
	}

	#siteSearchForm { margin:10px 14px 0 0; }
	#siteSearchForm #siteSearchButton { position:absolute; right:0; top:0; }
	#siteSearchField {height:24px;}
	#secondaryNav { right:240px; top:24px; }
    

    footer {padding:32px 3%;}
	footer .layoutBlock div { padding:0 5%; }
	footer .layoutBlock div#footerAddress { padding-right:10.3%; }
	footer .layoutBlock div#footerInfoLinks {padding-right:0;}
	footer .layoutBlock #footerCrest {width:191px; height:96px; background-size: 132px 96px;
	}
	
	.profilecontent {float: left;
		width: 47%;}
	
	/* !50th anniversary extra-wide */

	#mainFeature {}
	
	#mainFeature.impactfeat {/*height: 410px; */margin-bottom: 30px;}

	
	#mainFeature .featureText img {margin-bottom: 25px;
	width: 75px;
	height: 75px;
	}

	#mainFeature .featureText {
	top: 14%; 
	left: 22.5%; 
	width: 55%; 
	}
	
	#mainFeature .featureText h2 {font-size: 36pt;
	margin:0;
    letter-spacing: 3px;
	}
	#mainFeature .featureText p {font-size: 13pt;
        margin-top: 25px;
        margin-bottom: 40px;
	}
	
	#mainFeature.gallery .featureText {top: 38%;}

	#mainFeature.gallery .featureText h2 {font-size: 35pt;}
	
	#mainFeature.gallery .newsText h2 {
    font: 32pt/30pt 'Yrsa', serif;
    font-weight: bold;
	}


	#mainFeature.gallery .featureText p {font-size: 12pt;}
	
	#mainPanels {}
	.panel {
	overflow:hidden;
	width:331px;
	height:240px;
	}
	.back {position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	}
	.back img {
	-webkit-transform:scale(1.0);
	transform:scale(1.0);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	}
	.back .text {position: absolute;
	width: 60%;
	color: #fff;
	top: 13%;
	left: 20%;
	text-align: center;
	opacity: 0.0;
	transition: all 0.7s ease;
	}	

	.back .text h3 {font: 14pt 'Yrsa', serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	}
	.back .text p {font: 9pt 'Yrsa', serif;
	}
	.back .text a.readmore {
	font: 7pt Verdana, Geneva, sans-serif;
	color: #fff;
	}
	.back .text a.readmore:hover {
	font: 7pt Verdana, Geneva, sans-serif;
	color: #fff;
	text-decoration: underline;
	}

	.front img {opacity: 100;
	}

	.panel:hover .front img {
	
	}

	.panel:hover .back {
	opacity: 1.0;
	transition: all 0.7s ease;
	}

	.panel:hover .back img {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	transition: all 0.7s ease;
	}
	.panel:hover .back .text {
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	opacity: 1.0;
	transition: all 0.7s ease;
	}


	#mainEvents {padding-left: 0px;
        margin-top: 0px;}

	#mainNews {margin-top: 0px;}
	
	#mainNews .newsTextbg {left: 5%;}
	
	#mainNews .newsText { 
	width: 65%;
	left: 17.5%;
	margin-top: 25px;
	}
	
	#mainNews.gallery .newsText {top:10% !important;}

	#mainNews .newsText h2 {font: 22pt/24pt 'Yrsa', serif;
	font-weight: bold;
    letter-spacing: 2px;
	}
	

	#mainArchives {}
    
    #mainArchives .see-more {margin-top: 15px;}

	#mainNumbers {}
	.number {}
    	
	#contentBody {
	margin: 55px 0px 50px 0px;
	}
    #contentBody.home {
    margin: 25px 0px 50px 0px;
	}
	
	.fourCols a img {max-height: 165px; overflow: hidden;}

	
	

	/* end 50th */
	

}

/* Extra wide layout > 1024px width */
@media screen and (min-width:1025px) {

	body {
		max-width:100%;
		width:100%;
		/* Show linen on extra wide screen*/
		box-shadow:inset 0 0 4px 1px rgba(0,0,0,0.2);
	}

	#mainNav { margin:0 auto 4px auto; }

}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	#topBar { background-image:url(https://www.uwinnipeg.ca/_files/images/responsive-2014/topBar-2x.png); }
	#footerCrest,
	#footerSocialLinks a,
	#footerDonateLink { background-image:url(https://www.uwinnipeg.ca/_files/images/responsive-2014/footer-icons.png); background-size:384px; }
}


#banners img { width:100%; max-height:100%; max-height:70%; }

#content .item p {
	margin:0;
	text-overflow:ellipsis;
}