/*---------------- homepage style --------------------- */
.homepage-banner {
    position: relative;
    color: white;
}

.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 10%;
    background: #252525;
    padding: 1em 1em 1em 1em;
    color: #fff;
    width: 43%;
}

#main-content .bottom-right h1, #main-content .bottom-right p{
	font-family:"DinWeb", sans-serif;
	font-size:2.2em;
	text-align:center;
	padding:1em 1em 0em 1em;
}

#main-content .bottom-right h1{
	margin-bottom:0.75em;
	line-height:1.3em;
}

#main-content .bottom-right p{
	margin-bottom:2em;
   font-size:1em;
}

#main-content .bottom-right p a{
   	padding:0.75em 2.5em;
   	background:#fff;
    color:#000;
 
}

#main-content .bottom-right p a:hover{
 text-decoration:none;
}

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 0;
    padding: 1em 1em 1em 1em;
    color: #fff;
    width:100%;
}


#main-content .bottom-left h1, #main-content .bottom-left p{
	font-family:"DinWeb", sans-serif;
	font-size:2em;
	text-align:center;
	padding:0.5em 0.5em;
}

#main-content .bottom-left h1{
	margin-bottom:0.75em;
	line-height:1em;
}

#main-content .bottom-left p{
	margin-bottom:5em;
	font-size:0.95em;
}

#main-content .bottom-left p a{
   	padding:0.75em 2.5em;
   	background:#fff;
    color:#000;
 
}

#main-content .bottom-left p a:hover{
 text-decoration:none;
}


/* Style for 24/7 emergency contact */

.background-Red{
	background-color:#40070f;
    height:100px;
}

/*---------------- global styles ---------------- */
.emergency-info ul, ul.emergency-info{
    background:#962831;
    padding-bottom:2em;
}

.emergency-info li a{
	color:#fff;
	padding-left:0.7em;
}

 ul.emergency-info li{
 	background:none;
 }

 #main-content .emergency-info h4{
    background:#962831;
    color:#fff;
    font-size:14px;
    margin-bottom: 0;
    padding: 2.25em 0em 0em 1.75em;
    text-transform:  uppercase;
    font-family: "DinWebBold", sans-serif;
    letter-spacing:  0.03em;
}

#main-content .emergency-info p{
    background:#962831;
    color:#fff;
	margin:0;
    padding:1em 2em 1.5em 1.75em;
    display:block;
}

#main-content .emergency-info p a{
	color:#fff;
	text-decoration:underline;
}

ul.healthService-list, .healthService-list ul{
	border: 1px solid #fff;
}

ul.healthService-list li{
	padding:0.3em 0 0.25em 0.8em;
	font-size:1.25em;
	font-family:"DinWeb", sans-serif;
}

#main-content .small h2{
    line-height: 33px;
    font-size: 14px;
    color: #111;
    text-transform: uppercase;
    font-familY: "DinWebBold", sans-serif;
    letter-spacing: 0.03em;  
}

.no-display {
    display: none;
}
/*--- alert box/pop up style overrides ---*/

.fancybox-close{
    background-image: url('/content/dam/sfu/students/health/ui/c-remove@1.5x.png');
    background-repeat:none;
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1;
}


.fancybox-iframe{
    width:100%;
    height:100%;
}

.fancybox-skin {
    position: relative;
    padding: 0;
    margin: 0;
    background: #bfbfbf;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}





}

/* --- listview workshop and events with no thumbnail display --- */

.workshopList li{
    list-style-type:none;
}

.workshopList p a {
	margin: 0;
	font-family: "DINWebMedium", sans-serif;
	font-size: 1.3125em;
	color: #61B1C5;
	text-decoration: none;
}
       
.workshopList li{
    list-style-type:none;
    }
    
.workshopList p a {
    margin: 0;
    font-family: "DINWebMedium", sans-serif;
    font-size: 1.3125em;
    color: #61B1C5;
    }


/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}


/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*---------------- homepage style --------------------- */
.homepage-banner {
    position: relative;
    color: white;
}


.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 60px;
    background:#252525e0;
    padding:1em 1em 1em 1em;  
    color:#fff;
    width:40%
}

#main-content .bottom-right h1, #main-content .bottom-right p{
	font-family:"DinWeb", sans-serif;
	font-size:2.2em;
	text-align:center;
	padding:1em 1em 0em 1em;
}

#main-content .bottom-right h1{
	margin-bottom:0.75em;
	line-height:1.3em;
}

#main-content .bottom-right p{
	margin-bottom:2em;
   font-size:1em;
}

#main-content .bottom-right p a{
   	padding:0.75em 2.5em;
   	background:#fff;
    color:#000;
 
}

#main-content .bottom-right p a:hover{
 text-decoration:none;
}




/*---------------- global styles ---------------- */

.emergency-info li a, .emergency-info li {
	color:#fff;
	padding-left:0.7em;
}


.emergency-info li a::before, .emergency-info li::before {
	color:#fff!important;
    margin-left:2.25em!important;
}

 #main-content .emergency-info h4{
    background:#962831;
    color:#fff;
    font-size:14px;
    margin-bottom: 0;
    padding: 2.25em 0em 0em 1.75em;
    text-transform:  uppercase;
    font-family: "DinWebBold", sans-serif;
    letter-spacing:  0.03em;
}

#main-content .emergency-info p{
    background:#962831;
    color:#fff;
	margin:0;
    padding:1em 2em 1.5em 1.75em;
    display:block;
}

#main-content .emergency-info p a{
	color:#fff;
	text-decoration:underline;
}

ul.healthService-list, .healthService-list ul{
	border: 1px solid #fff;
}

ul.healthService-list li{
	padding:0.3em 0 0.25em 0.8em;
	font-size:1.25em;
	font-family:"DinWeb", sans-serif;
}

#main-content .small h2{
    line-height: 33px;
    font-size: 14px;
    color: #111;
    text-transform: uppercase;
    font-familY: "DinWebBold", sans-serif;
    letter-spacing: 0.03em;  
}

.no-display {
    display: none;
}


/* --- listview workshop and events with no thumbnail display --- */

.workshopList li{
    list-style-type:none;
}

.workshopList p a {
	margin: 0;
	font-family: "DINWebMedium", sans-serif;
	font-size: 1.3125em;
	color: #61B1C5;
	text-decoration: none;
}
       
.workshopList li{
    list-style-type:none;
    }
    
.workshopList p a {
    margin: 0;
    font-family: "DINWebMedium", sans-serif;
    font-size: 1.3125em;
    color: #61B1C5;
    }





/* Top left text */
.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}


/* Centered text */
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}