/*
Theme Name: The Ottawa Hospital
Theme URI: 
Description: The Ottawa Hospital custom Wordpress framework
Author: Vanaja Siva
Author URI: www.ottawahospital.on.ca
Version: 1.0
*/

/* =WordPress Core
-------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

body { font-family: /*"Open Sans", Arial, Helvetica, sans-serif;*/ roboto, sans-serif; /*background-color: #f3f3f3; font-size: 13px;*/  padding-bottom: 0px; margin: 0px; -webkit-text-size-adjust:none; min-width: 234px; font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1.5; color: #404040;
}
a, input { outline: none !important; }
input:focus, textarea:focus { background-color: #eee; border: 2px solid #265787; }

.callout-text-inner .callout-text a, a:visited  {color: #000; text-decoration:underline !important;}
.callout-text-inner .callout-text a:hover, a:focus {color: #000; text-decoration: none !important; }
.callout-text {color: #000;}

/***** Removing emptu UL element from the contact form 7 *****/

.wpcf7-form ul:empty { display: none; }

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*a {
  color: #295d90;
  text-decoration: dotted thin !important;
}

a:visited {
  color: #295d90;
 text-decoration: dotted thin !important;	
	
}

a:hover,<!--entry content ends here-->
a:focus,
a:active {
  color: #295d90;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}*/

/*a, a:visited { color: #002776; font-weight: 500; text-decoration: underline;}
a:hover, a:focus { color: #002776; text-decoration: underline !important; }*/
a:link, a:visited {
    text-decoration: underline;
    text-decoration-style: dotted;
	color: #002776; font-weight: 500;
 }
a, a:visited, a:active {
    text-decoration: none;
    color: #295D90; font-weight: 500;
}
a:hover, a:focus {
    text-decoration: underline;
    text-decoration-style: solid!important;
	color: #002776;
	/* for siteimprove is it clear which element has focus on the keyboard?
	color: #FFFFFF;
	background-color: #fdb933; */
	font-weight: 500;
    border-bottom: 0 0 2pt 1pt #274c7f!important;
}
a{
	background-color: transparent;
}
.toh-row-content .toh-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* padding: 10px; */
    width: 100%;
    max-width: 399px;
    background-color: #fff;
}
a:focus {
    border-bottom: 0 0 2pt 1pt #274c7f!important;
    
    text-decoration: none !important;
}
#prenavigation  a:focus{
	
    color: #ffffff;
    border: solid 2px  #fdb933 ;
	padding:8px; 
}
#footer a:link, #footer a:visited {
    text-decoration: underline;
    text-decoration-style: dotted;
	color: #002776; font-weight: 500;

}
#footer a:hover, #footer a:active {
    text-decoration: underline;
    text-decoration-style: solid;
	color: #002776; font-weight: 500;
}
a:focus { text-decoration: none !important; }
a.rose_bud_cherry {color:#8a224e !important; font-weight:800 !important;}
input:focus { box-shadow: 0 0 2pt 1pt #274c7f !important; }

#footer-accessibility a { color: #1e4569;}
 h2, .h2 /*new style*/
{  font-size: 2.5rem;
    font-family: montserrat,sans-serif;
    font-weight: 400;
    line-height: 1.11;
    margin: 0 0 .67em;
    color:#265787;
} 
/*h3 { color: #224f8b; } */


h2 a { text-decoration: underline;  }

h2, .entry-title{
	font-size: 2.5rem;
    font-family: montserrat,sans-serif;
    font-weight: 400;
    line-height: 1.11;
    margin: 0 0 .67em;
    color: /*#265787*/ #295d90;;
	padding-top: 10px;
}

/*h2, .entry-title{
	margin: 0px;
	padding-bottom: 20px;	
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px;
}*/
.h3, h3{
    font-size: 2.0rem;
    font-family: montserrat,sans-serif;
    font-weight: 400;
    line-height: 1.25;
    margin: 0 0 .67em;
    color: #007a4d;
	padding-top: 5px;
}
/*.h3, h3 { font-size: 16px; font-weight: 700; }*/
/*.h4, h4 { font-size: 17px; margin-top:-180px; padding-top: 180px }*/
.h5, h5{color: #404040;
    font-family: roboto,sans-serif;
	text-decoration: none !important;
    font-size: 1.4rem;
    line-height: 1.5;}

.h4, h4{color: #404040;
    font-family: roboto,sans-serif;
    font-size: 1.8rem;
    line-height: 1.5;
	font-weight: 700;
}


legend { font-size: 13px;  }
fieldset label { font-weight: normal; }

/*begin admin adjustment*/ 
#wpadminbar .quicklinks a.ab-item { display: inline-block;  }  
#wpadminbar .quicklinks .ab-sub-wrapper a.ab-item { display: block; }
/*end admin adjustment*/

/*Begin fix for HTML5 elements */
header, nav, main, footer, article, section, aside { display:block; }
/*End fix for HTML5 elements */

caption { color: #707372;}
.fig-caption { text-align: center; font-size: 12px; color:707372; line-height: normal;}
.wp-block-image figcaption {font-style: italic;
    background: #f0f0f0;
    padding: 10px 15px;
	margin-bottom: 25px !important;
margin-top: 0px !important}
.c-blue { color: #265787; }

.greybkg { background-color: #eee ;}
.bluebkgbox { margin-bottom: 10px; padding: 20px; background-color: #ccdee8; }
.bluebkgbox_wborder { border: 1px solid #000; margin-bottom: 10px; padding: 5px 15px; background-color: #ccdee8; } /*Quality and safety page*/
.bluebkgbox h2, .bluebkgbox_wborder h2, .bluebkgbox_wborder h3 { color: #222;  }

img, iframe { border: none; }  

.hidecontent { display: none; }

.textindentlabel { text-indent: -9999px; }

#clearheader { padding-top: 0px; height: 1px; width: 100%; display: block;} 

.homepageh1 { text-indent: -9999px; height: 0px;}

#pagewrap table { width: 100%; }
table td, table th { padding: 6px; /*border: 1px solid #000;*/ }
 
.table-noborder > thead > tr > th, 
.table-noborder  > tbody > tr > th, 
.table-noborder  > tfoot > tr > th, 
.table-noborder  > thead > tr > td, 
.table-noborder  > tbody > tr > td, 
.table-noborder  > tfoot > tr > td { border: 0px; }

.table-nopadding > thead > tr > th, 
.table-nopadding  > tbody > tr > th, 
.table-nopadding  > tfoot > tr > th, 
.table-nopadding  > thead > tr > td, 
.table-nopadding  > tbody > tr > td, 
.table-nopadding  > tfoot > tr > td { padding: 0px; }

.tableborder td { border: 1px solid #ccc;}


.img-homepage-adj img { margin-bottom: 20px; }
sub, sup {
    font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.wp-block-quote cite {font-size: 12px;}

/******* Splash Page *********/



#splashpage {
	background: #818285 url(images/structure/layout_u_splash_80w_1024h_1.png) repeat-x/*repeat-x 0 0*/;
	color: #585858;
	font: normal 13px/normal Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#splashpage h1 {
	/*background: transparent url(images/structure/SplashPage_v3_background2.jpg) no-repeat 50% 0;*/
	background: transparent url(images/structure/Splash_Page_2020.png) no-repeat 100% 0;
	height: 304px;
	margin: 0 0 230px;
	padding: 0;
	position: relative;
	top: 193px;
	 background-size: cover;
}
#splashpage h1 img {
		border: 0;
		left: 50%;
		margin-left: -472px;
		position: absolute;
		top: 70px;
	}

#splashpage .navigation {
	background: transparent url(images/structure/layout_u_dottedlines_20w_4h.gif) repeat-x 0 100%;
	height: auto !important;
	height: 73px;	
	margin: 0 auto;
	min-height: 73px;
	width: 944px;
}
	#splashpage .navigation .btn.lang.en, #splashpage .navigation .btn.lang.fr { 
		width: 200px; margin-left: 0px; 
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px ; 
		line-height: 20px;
		height: 40px;
		/*background-color: #265787;
		border-color: #fff;
		color: #fff;*/

	}

	#splashpage .navigation .btn.lang.en:hover, #splashpage .navigation .btn.lang.fr:hover,
	#splashpage .navigation .btn.lang.en:visited, #splashpage .navigation .btn.lang.fr:visited { 
		border-color: #122b40; 
		color: #fff;
		/*border-color: #265787;
		color:#265787;
		background-color: #fff;*/
	}

	#splashpage .navigation .btn.lang.fr { margin-left: 20px; }

		#splashpage .navigation .lang img { border: 0; }
	
	#splashpage .navigation .remember {
		margin-left: 120px;
		position: relative;
		float:right;
		border:0;
		top: -1px;
		vertical-align: middle; 
	}
		#splashpage .navigation .remember input { 
			position: relative;
			top: -1px;
			vertical-align: middle; 
		}


#splashpage .affiliatedwith_splash { float: right; }

/**************************/




/****************** Start Page styles *****************/

a.skipLink {
    position:absolute;
    left:-9999px;
    background:#fff;
    padding:5px 10px;
}
a.skipLink:focus, a.skipLink:active, a.skipLink:hover {
    left:0;
}






#main { padding-top: 25px; padding-left: 0px; padding-right: 0px; }

#main ul ul, #main ol ol { padding-top: 10px; }

#main a:focus { text-decoration: none;  }

.left-navigation { margin-bottom: 40px; }

.left-navigation a.previous_link {  background-image: url('images/structure/iconFolderUp.gif');  background-repeat: no-repeat; background-position: 10px 10px; padding-left: 40px; }



.left-navigation .submenu { 
	background-image: url('images/structure/TOH_mobile_submenu_btn.svg');  
	background-repeat: no-repeat; 
	background-size: 20px auto;
	background-position: 10px 8px;
	border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	padding: 3px 7px 3px 30px;
	margin-left: auto;
	margin-right: auto;
	font-size: 13px;
	text-align: center;
	width: 117px;
	height: 30px;
	margin-bottom:5px;
	margin-top: 5px;
	cursor: pointer;
	color: #274c7f;
	font-weight: 600;
}

/****************** End Page styles *****************/


.prenav_wrap { float: left; }

.menu-pre-menu-english-container, .menu-pre-menu-french-container { 
	background-color: /*#36598a*/ #1d466d;
	display:inline;
	padding: 2px 15px 6px 15px;
	border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	float: right; 
	clear: both;  
	text-align: right;

}

.menu-pre-menu-english-container ul, .menu-pre-menu-french-container ul { list-style-type: none; padding-left: 0px; }

.menu-pre-menu-english-container li, .menu-pre-menu-french-container li {
	float: right;
	padding-right: 20px;
}

.menu-pre-menu-english-container li:first-child, .menu-pre-menu-french-container li:first-child { padding-right: 0px;}

#mainpage-slide-fader, .pagetools  {

	margin-left: auto;
	margin-right: auto;
}

.menu-item-language-current { display: none; }

#affiliate_wrap {
	/*background-color: #f3f3f3;
	border-bottom: 1px solid #ccd5e1;*/
	padding-top: 3px;
	height: 25px;
}

#affiliate_links { margin-left: auto; margin-right: auto; }

#affiliate_links ul { float: right; margin: 0px;}

#affiliate_links ul li {
	float: left;
	list-style-type: none;
	margin-right: 2.5px;
}

#affiliate_links a {
	background-color: /*#e8e8e8*/ #fdb933;;
	color: /*#274c7f*/ #404040;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	font-size: /*12.5px*/ 1.2rem;
	padding-left: 10px; 
	padding-right: 10px;
	height: 22px;
	display:block;
	text-decoration: none;
	border-top: solid 2px #f3f3f3;
}



#affiliate_links a.current_nav, #affiliate_links a:hover, #affiliate_links a:focus  {
	background-color: /*#274c7f*/ #1d466d;
	color: #ffffff;
	border-top: solid 2px #406aa3;
}

#affiliate_links a:focus  { text-decoration: underline; }

#affiliate_links a:hover { text-decoration: none; }

#affiliate_links a.no_styles { background-color: transparent; color:transparent; border:none; margin-top:-1px; }

#toh_logo { padding-top: 28px; } 
#toh_logo a { width: 232px; height: 62px; display: block; }

#toh_logo img { width: 232px; }

#toh_logo .text { text-indent: -9999px; display: block; height: 0px;  }

#searchsubmit { background-color: #fff !important;   color: /*#274c7f*/ #295d90; border: none; line-height: 19px; }
#searchsubmit:focus { text-decoration: underline; }

#inner_header {
	width: 940px;
	height: 112px;
	margin: 0 auto;
	position: relative;
    z-index: 4;

}

#inner_header ul.menu li a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

#inner_header ul.menu li a:hover, #inner_header ul.menu li a:focus {
	text-decoration: underline;
	}

#searchform {
	float: right;
	padding-top: 26px;
	padding-bottom: 16px;
	clear:both;
}

#searchform .s, #searchpageform .s { 
	border: 0;
	width: 243px;
	height: 22px;
	padding-left: 10px;
	padding-bottom: 3px;
	font-size: 11px;
	border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
	border: 1.5px solid #dadada;
}

#searchform .s:focus, #searchpageform .s:focus { border: 1.5px solid #333;  }

#searchpageform { background-color: #eee; padding: 10px 15px; border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

#content .toptitle {
	font-size: 18px;
	font-style: italic;
}

.alignnone {
    /*margin: 5px 20px 20px 0;*/
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
   /* margin: 5px 20px 20px 0;*/
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}




.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 0.688em;
    line-height: 1.545em;
    margin: 0;
    padding: 0 4px 5px;
}


/************************Start RSS Button styles**************************************/

.btn.rss { text-decoration: none; background-image: url('images/social/icon_u_rss_15w_15h.png'); background-repeat: no-repeat; background-position: 10px 8px; padding-left: 30px;}

/**************************End RSS Button styles********************************/



.maxwidth600andcenter { max-width: 600px; margin-left: auto; margin-right: auto; display: block; }



/*************************************************************************/
/********************************* STARTPAGE TOOLS **********************/
/***********************************************************************/

.pagetools_wrap { width: 100%; background-color: #ffffff; padding-top: 5px; padding-bottom: 5px;}



.pagetools { height: 22px; padding: 0px; margin-top: -23px; position: relative; z-index: 1; }


.pagetools .dropdown, .pagetools .dropup { position: absolute; z-index: 1; }

.socialmediarightlinks, .landing-page-rightsidebar { font-size: 11.5px; font-weight: 600; line-height: 15px; text-align: center;}


body#fr .socialmediarightlinks {width: 238px; margin-left: -10px; font-size: 10.5px;}
body#fr .landing-page-rightsidebar {font-size: 10.5px;}


.socialmediarightlinks img { padding-top: 3px; }

.pagetools ul { margin-bottom: 0px;}

.pagetools li {
	background-image: none;
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
}

.pagetools a.bg { text-decoration: none; }
.pagetools a.bg,.pagetools a.addthis_button { cursor: pointer; height: 21px; }

.pagetools a:hover { text-decoration: none; }


  
.pagetools .textsize, .pagetools .sharethis, .pagetools .printpage { margin-top: -4px; height: 22px;}

.pagetools .textsize a.bg { padding-left: 8px; }
.pagetools .textsize a.bg img { width: 22px; height: 22px; }
.pagetools .sharethis a.addthis_button img { width: 12px; height: 13px; margin-top: -1px; margin-right: 2px;}

.pagetools .sharethis a.addthis_button { padding-left: 5px; }

.atm#at15s { margin-top: 20px; }
.pagetools .printpage a.bg { padding-left: 8px; border-right: 1px dotted #000; }
.pagetools .printpage a.bg img { width: 15px; height: 13px; margin-right: 3px; }

.pagetools .textsize a.bg, .pagetools .sharethis a.addthis_button, .pagetools .printpage a.bg {
	background-repeat: no-repeat;
	background-position: 6px 3px;
	padding-right: 10px;
	font-weight: 600;
	font-size: 13px;
	border-left: 1px dotted #000;
}

.pagetools .textsize a.bg:focus, .pagetools .sharethis a.addthis_button:focus, .pagetools .printpage a.bg:focus {
	text-decoration: underline;
}

					.pagetools li .dropdown {
						background-color: #fff;
						border: solid 3px #666;
						font-size: 12px;
						margin-left: -34px;
						padding: 10px 10px 15px;
						visibility: hidden;
						width: 255px;
					}
					.pagetools li .dropdown img { height: 34px; }

						.pagetools .dropdown li {
							color: #666;
							display: block;
							float: none;
							height: auto !important;
							line-height: 18px;
							margin: 5px 2px;
							min-height: 26px;
						}
							.pagetools .dropdown .hdr {
								font: bold 16px/1 Arial, Helvetica, sans-serif;
								margin-bottom: 10px;
								min-height: 0;
								padding-left: 0;
								margin: 5px 0px;
							}

							.pagetools .dropdown .fontsize { 
								background: url('images/structure/icon_u_textsize_26w_13h.gif');
								background-repeat: no-repeat;
								background-position: 6px 50%; 
							}
							.pagetools .dropdown .contrast { 
								background: url('images/structure/icon_u_contrast_26w_26h.gif');
								background-repeat: no-repeat;
								background-position: 6px 50%;
							}
							.pagetools .dropdown .print { 
								background: url('images/structure/icon_u_printer_20w_20h.gif');
								background-repeat: no-repeat;
								background-position: 10px 50%;
							}

							.pagetools .dropdown a {
								border-bottom: 0;
								font-size: 100%;
								text-decoration: none;
							}
								.pagetools .dropdown a:focus,
								.pagetools .dropdown a:hover { text-decoration: underline; }



/*.bg {
		background-color: transparent;
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		text-decoration: none;
		text-indent: -5000px;
	}*/


	.pagetools li:focus .dropdown, .pagetools li:hover .dropdown { visibility: visible !important; }

.atm-f, #navigation { box-sizing: unset; }

/*************************************************************************/
/********************************* END PAGE TOOLS ***********************/
/***********************************************************************/










/****************************************** SLIDER**********************/

#mainpage-slide-fader-wrap { 
	/*background-image: url('images/structure/slide-bkg.png');*/
	background-position: center 0;
	
	background-repeat: repeat-y;
	/*background-color: #e6e6e6;
	border-bottom: 2px solid #e7e7e7;*/
}

#mainpage-slide-fader .slide-fader-nav {
	padding: 0;
	margin: 0;
	width: 328px;
	float:left;
	list-style-type: none;
}

#mainpage-slide-fader .slide-fader-nav li a {
    border-bottom: 1px solid #bac0c0;
    color: #000;
    display: table-cell;
    font-size: 13px;
    height: 54.5px;
    line-height: 20px;
    min-height: 54.5px;
    padding: 5.5px 8px;
    text-decoration: none;
    vertical-align: middle;
    width: 328px;
}
#mainpage-slide-fader .slide-fader-nav li:last-child a { border-bottom: 0px;}
#mainpage-slide-fader .slide-fader-nav li:hover {background-color: /*#274c7f;*/ #1d466d; }
#mainpage-slide-fader .slide-fader-nav li a:hover {color: #fff; }

#mainpage-slide-fader .slide-fader-nav li.active { background-color: /*#274c7f;*/ #1d466d; }
#mainpage-slide-fader .slide-fader-nav li.active a {color: #fff;}

#mainpage-slide-fader .slide-fader-images { width: 612px; height: 273px; position: relative; display: block; top: 0; float:right; overflow: hidden;}

#mainpage-slide-fader .slide-fader-images img { width: 612px; height: auto;  }
#mainpage-slide-fader .slide-fader-images .slide-image { display: none;}
#mainpage-slide-fader .slide-fader-images .slide-image.current { display: block;}


#mainpage-slide-fader .slide-fader-images .slide-image .slide-link-wrap { 
	
	/*background: url('images/structure/learnmore_btn_bkg.png');*/
	/*position: relative; */
	width: 100%; height: 34px; display: block; /*top: -50px;*/position: absolute; bottom: 20px; margin-top: -50px; /*** to fix the postion for the Learn more button on new sliders. This happened on 22/06/2021 ***/
}

#mainpage-slide-fader .slide-fader-images .slide-image .slide-link { position: relative; }

#mainpage-slide-fader .slide-fader-images .slide-image .slide-link {
	height: 34px;
	display: block; 
	position: relative;
	float: right;
}

#mainpage-slide-fader .slide-fader-images .slide-image .slide-link {
	border-radius: 17px 0px 0px 17px;
	background-color: /*#0033A0*/ #1d466d;
	border-style: solid;
	border-color: #fff;
	border-width: 3px 0px 3px 3px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 4px 26px 4px 26px;
	font-size: 14px;
}
 
 
/****************************************** END SLIDER******************/


/*#patient-navigation-wrap { width: 730px; margin-left: auto; margin-right: auto;}*/
#patient-navigation-wrap { width: 940px; margin-left: auto; margin-right: auto; margin-top: 3rem;}

#patient-navigation-wrap a { margin-right: 20px; font-weight: 700; text-decoration: none; min-width: 150px; }
/*#patient-navigation-wrap a.nomargin { margin: 0px; }*/

/***************************************** START PATIENT NAVIGATION *****/


/************************NEWSROOM LINKS **********************/

#scrlContainer_wrap {
    position: relative;
   /* background-color: #e0e0e0;*/
    z-index: 1;
    padding-bottom: 5px;
}

#scrlContainer {
    border-bottom: 0px solid #FFFFFF;
    border-top: 0px solid #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 940px;
    margin-top: 0px;
	z-index: 7;
	color: #000000;
    font-size: /*15px*/ 1.8rem;
    padding: 15px 20px;
    line-height: 21px;
}

.newsroom-link { font-size: 13px; padding-right: 20px; padding-left: 0px !important; padding-top: 5px; }

.newsroom-link a { color: #1b4061;}


.tagcloud { text-align: center; }


/******Begin Newsroom Pagination*****************/
div.pagination {
	clear: both;
	display: table; 
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 10px;
}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #274c7f;
	border-color: #274c7f;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/*****************End Newsroom Pagination*******************/

/********************* END NEWSROOM LINKS **********************/


/******************** LATEST UPDATES ***********************/

.latest-updates { padding-left: 0px !important; padding-right: 0px !important;}
.latest-updates h2, .latest-updates h4  { font-weight: 600; }
.latest-updates h4 { padding-left: 5px; padding-right: 5px; margin-top: 0px; padding-top: 0px;}
.latest-updates-1, .latest-updates-2, .latest-updates-3 {
    background-color: #f7f7f7;
    background-position: right bottom;
    background-repeat: no-repeat;
    min-height: 210px;
    border-top: 1px solid #d7d5d5;
    padding-left: 5px; 
    padding-right: 5px;
    padding-top: 15px;
    position: relative;
    font-size: 13px;
    line-height: 22px;
}

.latest-updates table { width: 100%;}
	
.latest-updates-1 { background-image: url('images/homepage/layout_u_femalepatient_129w_123h.jpg'); }
.latest-updates-2 { background-image: url('images/homepage/layout_u_femalenurse_96w_129h.jpg'); }
.latest-updates-3 { background-image: url('images/homepage/photo_u_familyshot_97w_128h.jpg'); }

.latest-updates-learn-more { position: absolute; bottom: 5px;}

/******************** LATEST UPDATES ***********************/



/* =End WordPress Core
-------------------------------------------------------------- */



/************ BEGIN WPML STYLES ********/

.lang_sel_sel { display: none !important; }
#lang_sel_list { float: right; clear: both; position: relative; }

/***********  END WPML STYLES *******/


/*layout styling*/

#pagewrap { padding-bottom: 0px; position: relative; background-color: #fff; }

#sidebar .widgettitle a, .widgettitle{ color: #000 !important; padding-top: 10px; }

.footerwidget .widgettitle { color: #ccc !important; }

.footerwidget { padding-bottom: 20px; }

#main { min-height: 340px; }

#sidebar h2 { font-size: 19px; }

#header {
    background-color: #fff;
    display: block;
    height: auto;
    width: 100%;
    z-index: 2;
	top: 0px;
	/*background-image: url('images/structure/layout_u_header_bkg.jpg'); */
    background-repeat: repeat-x;
    
    position: relative;
    background-position: 0px 25px;
}


#breadcrumbs, #pagetitle { position: relative; }

#breadcrumbs h2, #pagetitle h2 { margin: 0px;  }

#pagetitle_wrap { border-bottom: 1px solid #ddd; padding-top: 14px; padding-bottom: 5px;}

#pagetitle h1 { font-size: 24px; font-weight: 700; margin: 0px; font-family: roboto, sans-serif; color: #3f4242;}

#breadcrumbs_wrap { padding-top: 8px; border-bottom: 1px solid #ddd; height: auto;}

#breadcrumbs_wrap, #pagetitle_wrap { background-color: #ECECEC; position: relative; z-index: 1;}

#breadcrumbs .nav-tabs { border: none; width: auto; float: left; max-width: 706px; position: relative; z-index: 3; font-size: 11px; line-height: 24px; color: #000; }

#breadcrumbs .nav-tabs li:last-child { margin-right: 5px; }

#fr #breadcrumbs .nav-tabs { max-width: 650px; }

#breadcrumbs .nav > li:first-child a { padding-left: 0px;}

#breadcrumbs .nav > li > a { padding: 2px 6px; font-size: 12px; color: #000; text-decoration: underline; }
#breadcrumbs .nav > li > a:hover, #breadcrumbs .nav > li > a:focus, #breadcrumbs .nav > li.active > a { text-decoration: none; cursor: pointer; }
#breadcrumbs .nav > li.active > a:focus { text-decoration: underline; }

.post img { height: auto; }

/*********Begin post styles*************/
.featuredimage img, .entry-content iframe  { margin-left: auto; margin-right: auto; display: block; }
/*********End post styles*************/

fieldset { border: medium none; padding: 0; }

#content { float: left; position: relative; }

#content .css_table_class caption { font-size: 24px; font-weight: bold; padding-bottom: 15px; padding-top: 30px; }
.meta, .category_posted_by, .post-meta-info { font-size: 12px; }

.wp_wunderground caption { font-size: 17px; font-weight: bold; padding-bottom: 10px; }

#sidebar li { list-style-type: none; padding-bottom: 20px; }


#navigation { position: relative; z-index: 2; background-color: /*#274c7f #295d90;*/ #265787; border-bottom: 1px solid #ccc; display: block; height: 68px; top: 0; }
#navigation ul { margin: 0; padding: 0; margin-left: auto; margin-right: auto; }
#navigation ul li { float: left; height: 59px; list-style-type: none; border-left: 1px solid #437ece; }
#navigation ul li { width: 134px; line-height: 18px; text-align: center;  }
#navigation ul ul li { width: auto; }
#navigation ul li:last-child { border-right: 1px solid #437ece; }

#navigation ul li a { color: #fff; display: block; font-size: 13.5px; height: 68px; outline: medium none; text-decoration: none; width: auto; padding-top: 10px; padding-bottom: 10px; padding-left: 24px; padding-right: 24px; font-weight: 600; }

body#fr #navigation ul li a{ font-size: 13px; }

#navigation ul li:hover a, #navigation ul li:focus a { color: /*#224f8b*/ #295d90; background-color: #f3f3f3; text-decoration: none !important; }
#navigation ul li a:focus { text-decoration: underline; }

#navigation ul li:hover { border-left: 1px solid #898d8d ; }
#navigation ul ul li:hover { border: 0; }
#navigation ul li:hover > ul { display: block; }

body#en #navigation ul ul li, body#fr #navigation ul ul li { height: auto; width: 100%; text-align: left; }
body#en #navigation ul ul li a, body#fr #navigation ul ul li a { color: /*#224f8b*/ #265787; padding: 6px 14px; height: auto; border-bottom: solid 1px #ccc; font-weight: normal; font-size: 13px; }

#navigation ul ul li { padding-top: 0px; border-left: 0; display: table; }

body#en #navigation ul ul ul li a, body#fr #navigation ul ul ul li a { font-weight:normal; font-size: 13px; line-height: 17px; height: 26px; max-width: 190px; padding: 0px; display: table-cell; vertical-align: middle; }

#navigation ul ul li a:hover  { text-decoration: underline; }
#navigation ul ul li:last-child { border-right: 0; }

#navigation .sub-menu { float:left;  display: none; background-color: #f3f3f3; border-bottom: 1px solid #437ece; border-left: 1px solid #437ece; border-right: 1px solid #437ece; margin-left: -1px; width: 200px; }
#navigation .sub-menu .sub-menu { border: none; margin: 0px !important; padding-top: 0; padding-bottom: 0; }
#navigation .sub-menu ul { display: block; padding-left: 20px !important; width: auto !important; position: relative;  clear: both;}
	
#navigation ul.sub-menu li { float:left; }
#navigation ul ul ul.sub-menu li { float: none; height: auto; }

.sub-menu-blocks { float: left; padding-right: 45px; padding-top:2px;}

.contactform { list-style-type: none; padding-left: 0px; }
.contactform li { padding-bottom: 10px;	}


/***************************************************************************************/
/************************* Start Contact Form 7 Style adjustments***********************/
/***************************************************************************************/
.wpcf7-form input.wpcf7-text, .wpcf7-form textarea { width: 100%; }

/***************************************************************************************/
/************************* End Contact Form 7 Style adjustments***********************/
/***************************************************************************************/

#commentsText { width: 90%; height: 150px; }

.grntext { color: #25da3d; }

.wp-smiley { width: auto !important; }

.feedburneremailinput input { margin-bottom: -5px; margin-top: -5px; width: 190px; }

.comment { padding-bottom: 20px; }



/*************************************************/
/********** start left navigation style **********/
/*************************************************/

.left-navigation ul { border-top: dotted 1px #878787; }
.left-navigation ul li { list-style-type: none;} 

.left-navigation ul li a { width: 100%; padding: 8px 10px 8px 10px; border-bottom: dotted 1px #878787; display: block; line-height: 19px; font-size: 14px; font-weight: 600; text-decoration: none; }
.left-navigation ul li a:hover { background-color: #f3f1ef; color: #404040; }
.left-navigation ul li a:focus { text-decoration: underline; }


/*************************************************/
/************* end left navigation style *********/
/*************************************************/



/*************************************************/
/******** start right inner content style ********/
/*************************************************/

.right-inner-content { padding-bottom: 40px; padding-right: 0px;}
/*.right-inner-content li { margin-bottom: 15px; }*/

/*************************************************/
/******** end right inner content style ********/
/*************************************************/




/****************************************************************************/
/************************Start Landing Page styles **************************/
/****************************************************************************/

.centre-inner-content { padding-bottom: 20px;}

#landing-page-featured-content { max-width: 523px; width: 100%; padding-bottom: 20px; margin-left: auto; margin-right: auto; }
#landing-page-featured-content .nav { background-image: url('images/structure/landingpage/layout_u_rotatortabs_940w_100h.gif'); background-repeat: no-repeat; background-position: -2px -2px; padding: 0px 7px 3px 7px; }
#landing-page-featured-content .nav li { margin: 0px; width: 24.25%; margin-left: 1%; text-align: center; font-size: 12px; font-weight: 600; padding-top: 4px;} 
#landing-page-featured-content .landingpage_navtab5 li { width: 19.2% }

#landing-page-featured-content .nav li:first-child { margin-left: 0; }
#landing-page-featured-content .nav li.active, #landing-page-featured-content .nav li:focus, #landing-page-featured-content .nav li:hover { background-image: url('images/structure/landingpage/layout_u_rotatortabarrow_940w_21h.png'); background-repeat: no-repeat; background-position: center 1px; margin-top: -15px; padding-top: 19px;  }

#landing-page-featured-content .nav li span {  font-size: 11px; font-weight: 700; display: block; height: 64px; background-image: url('images/structure/landingpage/layout_u_rotatortabnormal_940w_63h.gif');  background-repeat: no-repeat; padding: 6px 4px 4px 4px; }
#landing-page-featured-content .nav li a { text-decoration: none; padding-right: 2px; border-radius: 0px; margin: 0px; background-color: transparent; background-image: url('images/structure/landingpage/layout_u_rotatortabnormal_940w_63h.gif'); background-repeat: no-repeat; padding: 0px; padding-right: 1px; border: none; color: #8a224e;}

#landing-page-featured-content .nav li.active span, #landing-page-featured-content .nav li:focus span, #landing-page-featured-content .nav li:hover span { cursor: pointer; background-image: url('images/structure/landingpage/layout_u_rotatortabcurrent_940w_63h.gif');  }
#landing-page-featured-content .nav li.active a, #landing-page-featured-content .nav li:focus a, #landing-page-featured-content .nav li:hover a { background-image: url('images/structure/landingpage/layout_u_rotatortabcurrent_940w_63h.gif'); background-repeat: no-repeat; background-position-x: right; color: #002776; }


#landing-page-featured-content .tab-pane { color: #fff;}
#landing-page-featured-content .tab-content { height: 229px; background-color: #000;}
#landing-page-featured-content .tabpanel_image {position: absolute; max-width: 518px; }
#landing-page-featured-content .tabpanel_content { position: relative; top: 0px; float: right; width: 290px;  padding-right: 12px; color: #002776}
#landing-page-featured-content .tabpanel_title { font-weight: 600; padding-top: 8px; padding-bottom: 10px; font-size: 19px; color: #002776}
#landing-page-featured-content .tabpanel_text { font-size: 12.5px; line-height: 18.75px; font-family: roboto, sans-serif;}
#landing-page-featured-content .tabpanel_link { float: right; /*text-decoration: underline;*/ }

.landingpage-box {display:flex; margin-bottom:20px;}
.landingpage-feature { 
	padding: 0px !important;
	padding-bottom: 10px;
	background-color: #efefef;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border-right: 10px solid #fff;
	flex:1;
}

.landingpage-feature.qs-bkg {  background-image: url('images/structure/landingpage/feature_u_qualityandsafety_126w_101h.jpg'); background-position: bottom right; background-repeat: no-repeat; }
.landingpage-feature:last-child { margin: 0px; }

.landingpage-feature h3 { 
	background-color: /*#6d523b;*/ #8a224e; margin: 0px; color: #fff; 
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	padding: 12px 8px 9px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	font-family: montserrat, sans-serif;
}

.landingpage-feature p { font-size: 0.781em; padding: 0px 10px 0px; } 
.landingpage-feature ul { padding-right: 10px;}

.landingpagewidget { padding-bottom: 15px; height: 115px; }

.feature_callout { background-color: #f3f1ef; padding: 15px; margin-bottom: 15px; flex:1;}
.feature_callout h3 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 0px; }
.feature_callout ul { padding-left: 15px; }
.feature_callout-box {display: flex;}

#landing-page-featured-content .feature_callout { border-right: 10px; }
#landing-page-featured-content .feature_callout:last-child { border-right: 0px; }
/****************************************************************************/
/************************* End Landing Page styles **************************/
/****************************************************************************/
 



/***********************************************************************/
/************************ Start Archive Styles *************************/
/***********************************************************************/

.archive_styles { font-size: 13px; }
.archive_styles a { text-decoration: underline; }
.archive_styles p { margin-bottom: 20px; }
.pagination-prev { float: left;}
.pagination-next { float: right;}

/***********************************************************************/
/************************ End Archive Styles ***************************/
/***********************************************************************/




/***********************************************************************/
/************************ Start Footer Styles **************************/
/***********************************************************************/

#footer-accessibility { /*border-bottom: 1px solid #d3d3d3;*/ /*background-color: #ccdee8;*/ padding-bottom: 10px; padding-top: 18px;  text-align: center;   margin-top: 15px;}

.footer-brake { border-bottom: 1px solid #1d4662; height: 1px; width: 100%; margin-top: 10px ; }

#footer { width: 100%; background-color: #d1e8ff; padding-bottom: 10px; }

.footer_wrapper { margin-left: auto; margin-right: auto; color: white; min-height: 120px; background-repeat: no-repeat; background-position: bottom; }

.uOttawa_footer_img { width: 244px; height: 48px;}

.clearblock { clear: both; display: block; height: 0px; width: 100%; }

.affiliatedwith { margin-top: 12px; } 

/*** @subsection Social Networks for TOH */
.social { overflow: hidden; position: relative; float: left; /*padding-top: 10px;*/ padding: 10px 10px 14px; background-color: #fff; -webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px; }
.social .navigation { list-style-type: none; padding-left: 0;}

.social.svg a { background-image: url('images/structure/sprite_e_wrapper3.svg'); background-size: 620px 25px; }

.social li { color: #494949; font-size: 17px; font-weight: bold; line-height: 25px; margin: 0 6px 0 0; float: left; }
.social li a { text-indent: -5000px; display: block;  }

/*.social a { background-image: url('images/structure/sprite_e_wrapper3.png'); background-size: 620px 25px; }*/

.social a.youtube { background-position: 0px 0px; width: 72px; }
.social a.youtube:focus,
.social a.youtube:hover { background-position: -308px 0px; }

.social a.facebook { background-position: -72px 0px; width: 83px;}
.social a.facebook:focus, 
.social a.facebook:hover { background-position: -378.5px 0px; }

.social a.twitter { background-position: -155px 0px; width: 76px; }
.social a.twitter:focus,
.social a.twitter:hover { background-position: -461px 0px; }

.social a.instagram { background-position: -235px 0px; width: 76px; }
.social a.instagram:focus,
.social a.instagram:hover { background-position: -541px 0px; }

/*** @subsection Links for Sharing and Donating*/
.takeaction {
	background-color: #fff;
	padding: 10px 0 14px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	_white-space: nowrap;
	_width: 100px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	float: right;
	border-style: solid;
	border-color: #ddd;
	border-width: 0px 1px 1px 1px;
}

.takeaction .navigation { padding: 0; margin: 0;}

.takeaction ul li { float: left; list-style-type: none; }

.takeaction a { color: /*#555555*/ #1d466d; display: inline; line-height: normal; padding: 8px 14px; font-size: 14px; font-weight: 600; text-decoration: none; zoom: 1; }
#fr .takeaction a { font-size: 12px; }
.takeaction li:first-child a { border-right: dotted 1px #878787; }

.takeaction a:focus, .takeaction a:hover { color: #333333; }

/*** @subsection Copyright and Privacy-related Information */
.copyright { /*background-image: url('images/structure/layout_u_dottedlines_20w_4h.gif'); background-repeat: repeat-x;*/ color: #404040; font-size: 1.3rem; line-height: normal; margin-top: 14px; float: left; }
.copyrightwrap { margin-top: 13px; }
.copyright a { color: #4d4944; }

#menu-footer-menu, #menu-footer-menu-fr { padding: 0; float: left; margin-top: 5px;}
#menu-footer-menu li, #menu-footer-menu-fr li { list-style-type: none; float: left; margin-right: 10px;}
#menu-footer-menu li a, #menu-footer-menu-fr li a {/* text-decoration: underline;*/ }
#menu-footer-menu li a:hover, #menu-footer-menu-fr li a:hover { text-decoration: none; }

/************************************************************************/
/************************ End Footer Styles *****************************/
/************************************************************************/




/************************************************************************/
/************************ Start Map Styles ******************************/
/************************************************************************/

.map_cancerprogram { width: 100%; height: 460px; }
.map_rehabcentre { width: 100%; height: 270px; }
#fr .map_cancerprogram { height: 474px;}

/************************************************************************/
/************************ End Map Styles ********************************/
/************************************************************************/




/************************************************************************/
/************************ Start History Page Styles *********************/
/************************************************************************/

#timeline_wrap {font-family: Roboto, sans-serif; }
#timeline_wrap h1, #timeline_wrap h2, #timeline_wrap h3 { color: #32598c;  }
#timeline_wrap h1 { font-size: 32px; margin-top: 21px; margin-bottom: 21px; }
#timeline_wrap h2 { font-size: 26px; }
#timeline_wrap h3 { margin-top: 18px; margin-bottom: 18px; font-size: 19px; border-bottom: 0px; }

.timeline { /*min-width: 400px;*/ }
.timeline, .timeline .timeline-item, .timeline .timeline-item .info { width: 100%; }

.timeline p, .timeline ul { max-width: 400px; }
#timeline_wrap p.small { font-size: 0.75em; }
.timeline ul { margin: 0px; padding-left: 20px; }
 
.timeline .timeline-item .year.century { font-size: 24px; color: #5d7abb; }

.timeline .timeline-item .info, .timeline .timeline-item .year { color: #444;  display: block; float:left; }

.timeline .timeline-item .info { word-wrap: break-word; width: 72%; margin-left: -2px; padding: 0 0 40px 35px; border-left: 4px solid #aaa; font-size: 14px; line-height: 21px; }
.timeline .timeline-item .year { min-width: 58px; margin-top: -10px; background-image: url("images/history/background_date_selection.jpg"); background-size: 35%; background-position: right 14px; background-repeat: no-repeat; font-size: 20px; font-weight: bold; width: 22%; }

.timeline .timeline-item .marker, .timeline .timeline-item .marker .dot { display: block; background-color: #fff; border-radius: 100px; float: right; z-index: 2000; position: relative; }

.timeline .timeline-item .marker { border: 4px solid #aaa; height: 25px; width: 25px; margin-right: -14px; margin-top: -36px; }
.timeline .timeline-item .marker .dot { border: 3px solid white; height: 17px; width: 17px; background-color: #5d7abb; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2); }

/************************************************************************/
/************************ End History Page Styles ***********************/
/************************************************************************/



/************************************************************************/
/********************* Start Directions Page Styles ***********************/
/************************************************************************/

.campuslist { background-color: #f7f7f7; border-bottom: dotted 1px #adadad; border-top: dotted 1px #adadad; margin: 18px 0 18px 0; padding: 9px 0 5px 7px; position: relative; }
.campuslist li { list-style-type: none; padding-left: 6px; }
.campuslist a { display: block; line-height: 14px;  padding: 8px 16px 10px 2px; zoom: 1; text-decoration: none; }
.campuslist a.doubleline { padding: 1px 16px 4px 2px; }

.campuslist .current, .campuslist li:hover { background: transparent url('images/structure/layout_u_campusselector_500w_32h.png'); background-repeat: no-repeat; }

.campuslist .current a, .campuslist li:hover a { background: transparent url('images/structure/layout_u_campusselector_500w_32h.png'); background-position-x: right; background-repeat: no-repeat; color: #575757; }

/************************************************************************/
/********************* End Directions Page Styles ***********************/
/************************************************************************/




/**************************************************************************************************/
/************Start Departments, Programs, Clinics and Services Landing Page Styles*****************/
/**************************************************************************************************/

.select2 { width: 70% !important; }
.dpcstabs li a{ padding: 10px 24px;}
.dpcstabs li:first-child a{ padding: 10px 20px;}

.alphaindex { padding: 0px; padding-top: 20px;}
.alphaindex .prev { border-right: dotted 1px #878787; margin-right: 2px; padding-right: 0px; }

.alphaindex li { float: left; zoom: 1; list-style-type: none; }
.alphaindex a { background-color: #eaeaea; display: block; font-weight: bold; margin-right: 2px; padding: 0 4px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0px !important; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li { width: 100%; }
#select2_search { width: 100% !important; padding: 0 5px; margin: 0px; height: 29px; }


@media screen and (max-width: 939px) { 
	.dpcs_wrap { padding-left: 15px; padding-right: 15px; padding-bottom: 20px; } 
	.dpcstabs li a, .dpcstabs li:first-child a { padding: 4px 8px; }
}

/***********************************************************************************************/
/***********End Departments, Programs, Clinics and Services Landing Page Styles****************/
/*********************************************************************************************/



/****************************************************/
/************Start Campus Maps Styles****************/
/***************************************************/

#campusmaps ul { padding-left: 0px;}
#campusmaps li { margin-bottom: 0px;}


#campusmaps li.pdf {  background: transparent url('images/structure/icon_u_pdf_16w_16h.gif');  padding-left: 24px; }
#campusmaps li.bluearrow{ background: transparent url('images/structure/icon_u_bluearrow_5w_8h.gif');  background-position: 2px center; padding-left: 12px;  }
#campusmaps li.pdf, #campusmaps li.bluearrow { margin-bottom: 5px; background-repeat: no-repeat; list-style-type: none; }
#campusmaps .nav li { margin-bottom: -1px; }
#campusmaps .nav li a { text-decoration: none; }


@media screen and (max-width: 939px) { #campusmaps .nav { padding-top: 10px; } #campusmaps embed { width: 100%; } #campusmaps .nav li a { padding: 7px 8px; font-size: 11px; } }

@media screen and (max-width: 600px) { #campusmaps embed {display: none;} }


@media screen and (max-width: 340px) { 
	 
	 #campusmaps .nav li { width: 100%; }
	 #campusmaps .nav li a { border: 1px solid #ddd; }
}

/****************************************************/
/************End Campus Maps Styles****************/
/***************************************************/



/****************************************************/
/************Start Contact Page Styles****************/
/***************************************************/



#main .relatedlinks h3 { font-size: 13.5px; height: 36px; }

#main .relatedlinks.links1 ul { background: url('images/structure/layout_u_femalepatient_129w_123h.jpg'); background-color: #f7f7f7;  background-repeat: no-repeat; background-position: right bottom;}
#main .relatedlinks.links2 ul { background: url('images/structure/layout_u_femalenurse_96w_129h.jpg'); background-color: #f7f7f7; background-repeat: no-repeat; background-position: right bottom;}
#main .relatedlinks.links3 ul { background: url('images/structure/photo_u_familyshot_97w_128h.jpg'); background-color: #f7f7f7; background-repeat: no-repeat; background-position: right bottom; }
#main .relatedlinks ul { /*height: 180px;*/ padding-left: 0px; border-bottom: dotted 1px #878787; border-top: dotted 1px #878787; }
#main .relatedlinks ul li { padding-right: 15px; padding-left: 10px; margin-bottom: 0px; margin-right: 5px; list-style-type: none;  background: url('images/structure/icon_u_brownarrow_15w_14h.png'); background-repeat:no-repeat; background-position:right center; }
#main .relatedlinks ul li { border-bottom: dotted 1px #878787; }
#main .relatedlinks ul li:last-child  { border-bottom: 0px; }

#main .relatedlinks ul li:hover {  background: url('images/structure/icon_u_bluearrow_15w_14h.png'); background-repeat:no-repeat; background-position:right center;   }
#main .relatedlinks ul li a { font-size: 12px; text-decoration: none;}



/****************************************************/
/************End Contact Page Styles****************/
/***************************************************/



/***********************************************************/
/*******************Begin Comments styling *****************/
/***********************************************************/

#comments { padding-top: 20px; }

#comments .comment-intro { border-bottom: 1px #444 dotted; border-width: 2px;  padding-bottom: 10px; margin-bottom: 15px; }

#commentform #author, #commentform #email { margin-left: 10px; }

/*#respond.comment-respond { display: none; }*/

/***********************************************************/
/*******************End Comments styling *******************/
/***********************************************************/


/***********************************************************/
/*******************Begin YIMC styling *********************/
/***********************************************************/
.YIMC_banner { margin-left: auto; margin-right: auto; display: block; }

.addthis_inline_share_toolbox_title { float: left; color: #265787; font-weight: 600; font-size: 13px; }
.addthis_inline_share_toolbox { clear: none !important; float: left; padding-left: 7px; width: auto; min-height: 40px; min-width: auto; }
.foundation_banner { margin-left: auto; margin-right: auto;  width: 287px; height: 205px; display: block; } 


/***********************************************************/
/*******************End YIMC styling ***********************/
/***********************************************************/


/***********************************************************/
/************Begin Physician Directory styling *************/
/***********************************************************/
.ui-selectmenu-button { width: 100% !important; }
/***********************************************************/
/**************End Physician Directory styling *************/
/***********************************************************/


/******************************************************************/
/********************** BEGIN STRUCTURE CSS **********************/
/****************************************************************/

.fw600 { font-weight: 600; }

.fontsize12 { font-size: 12px;}
.fontsize13 { font-size: 13px;}
.fontsize14 { font-size: 14px;}

.border1 { border: 1px solid #000;}
.border2 { border: 2px solid #000;}

.float-left { float: left; }
.float-right { float: right; } 

.borderright10 { border-right: 10px solid #fff;}
.noborder { border: 0px; }

hr{margin-top: 10px;
    margin-bottom: 10px;
   border: 1px dashed #8c8b8b;}
hr.white{margin-top: 10px;
    margin-bottom: 10px;
   border: 1px dashed #fff;}

.floatleft { float:left; }
.text-left {text-align:left;}

.nomargin { margin: 0px; }
.nomargintop { margin-top: 0px; }
.nomarginbottom { margin-bottom: 0px; }
img.nomarginbottom { margin-bottom: 0px; }

.nopadding { padding: 0px !important; }
.nopaddingleft {padding-left: 0px !important; }
.nopaddingright {padding-right: 0px !important;}
.nopaddingbottom {padding-bottom: 0px !important;}

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding30 { padding: 30px; }



.paddingtop1 { padding-top: 1px; }
.paddingtop2 { padding-top: 2px; }
.paddingtop3 { padding-top: 3px; }
.paddingtop4 { padding-top: 4px; }
.paddingtop5 { padding-top: 5px; }
.paddingtop10 { padding-top: 10px; }
.paddingtop15 { padding-top: 15px; }
.paddingtop20 { padding-top: 20px; }
.paddingtop21 { padding-top: 21px; }
.paddingtop22 { padding-top: 22px; }
.paddingtop23 { padding-top: 23px; }
.paddingtop24 { padding-top: 24px; }
.paddingtop25 { padding-top: 25px; }
.paddingtop30 { padding-top: 30px; }
.paddingtop35 { padding-top: 35px; }
.paddingtop40 { padding-top: 40px; }
.paddingtop45 { padding-top: 45px; }
.paddingtop50 { padding-top: 50px; }
.paddingtop55 { padding-top: 55px; }
.paddingtop60 { padding-top: 60px; }


.paddingbottom5 { padding-bottom: 5px; }
.paddingbottom10 { padding-bottom: 10px; }
.paddingbottom15 { padding-bottom: 15px; }
.paddingbottom20 { padding-bottom: 20px; }
.paddingbottom21 { padding-bottom: 21px; }
.paddingbottom22 { padding-bottom: 22px; }
.paddingbottom23 { padding-bottom: 23px; }
.paddingbottom24 { padding-bottom: 24px; }
.paddingbottom25 { padding-bottom: 25px; }
.paddingbottom26 { padding-bottom: 26px; }
.paddingbottom27 { padding-bottom: 27px; }
.paddingbottom30 { padding-bottom: 30px; }
.paddingbottom31 { padding-bottom: 31px; }
.paddingbottom32 { padding-bottom: 32px; }
.paddingbottom33 { padding-bottom: 33px; }
.paddingbottom34 { padding-bottom: 34px; }
.paddingbottom35 { padding-bottom: 35px; }
.paddingbottom36 { padding-bottom: 36px; }
.paddingbottom37 { padding-bottom: 37px; }
.paddingbottom38 { padding-bottom: 38px; }
.paddingbottom39 { padding-bottom: 39px; }
.paddingbottom40 { padding-bottom: 40px; }
.paddingbottom45 { padding-bottom: 45px; }
.paddingbottom50 { padding-bottom: 50px; }
.paddingbottom55 { padding-bottom: 55px; }
.paddingbottom60 { padding-bottom: 60px; }
.paddingbottom120 { padding-bottom: 120px; }
.paddingbottom150 { padding-bottom: 250px; }

.paddingright5 { padding-right: 5px; }
.paddingright10 { padding-right: 10px; }
.paddingright15 { padding-right: 15px; }
.paddingright20 { padding-right: 20px; }
.paddingright25 { padding-right: 25px; }
.paddingright30 { padding-right: 30px; }
.paddingright35 { padding-right: 35px; }
.paddingright40 { padding-right: 40px; }
.paddingright45 { padding-right: 45px; }
.paddingright50 { padding-right: 50px; }
.paddingright55 { padding-right: 55px; }
.paddingright60 { padding-right: 60px; }



.paddingleft5 { padding-left: 5px; }
.paddingleft10 { padding-left: 10px; }
.paddingleft15 { padding-left: 15px; }
.paddingleft20 { padding-left: 20px; }
.paddingleft25 { padding-left: 25px; }
.paddingleft30 { padding-left: 30px; }
.paddingleft35 { padding-left: 35px; }
.paddingleft40 { padding-left: 40px; }
.paddingleft45 { padding-left: 45px; }
.paddingleft50 { padding-left: 50px; }
.paddingleft55 { padding-left: 55px; }
.paddingleft60 { padding-left: 60px; }


.nomargin { margin: 0px; }
.nomarginleft { margin-left: 0px; }
.nomarginright{ margin-right: 0px; }
.nomargintop { margin-top: 0px; }

.marginright5 { margin-right: 5px; }
.marginright10 { margin-right: 10px; }
.marginright15 { margin-right: 15px; }
.marginright20 { margin-right: 20px; }
.marginright25 { margin-right: 25px; }
.marginright30 { margin-right: 30px; }
.marginright35 { margin-right: 35px; }
.marginright40 { margin-right: 40px; }
.marginright45 { margin-right: 45px; }
.marginright50 { margin-right: 50px; }
.marginright55 { margin-right: 55px; }
.marginright60 { margin-right: 60px; }



.marginleft5 { margin-left: 5px; }
.marginleft10 { margin-left: 10px; }
.marginleft15 { margin-left: 15px; }
.marginleft20 { margin-left: 20px; }
.marginleft25 { margin-left: 25px; }
.marginleft30 { margin-left: 30px; }
.marginleft35 { margin-left: 35px; }
.marginleft40 { margin-left: 40px; }
.marginleft45 { margin-left: 45px; } 
.marginleft50 { margin-left: 50px; }
.marginleft55 { margin-left: 55px; }
.marginleft60 { margin-left: 60px; }


.marginbottom5 { margin-bottom: 5px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom15 { margin-bottom: 15px; }
.marginbottom20 { margin-bottom: 20px; }
.marginbottom21 { margin-bottom: 21px; }
.marginbottom22 { margin-bottom: 22px; }
.marginbottom23 { margin-bottom: 23px; }
.marginbottom24 { margin-bottom: 24px; }
.marginbottom25 { margin-bottom: 25px; }
.marginbottom30 { margin-bottom: 30px; }
.marginbottom35 { margin-bottom: 35px; }
.marginbottom40 { margin-bottom: 40px; }
.marginbottom45 { margin-bottom: 45px; }
.marginbottom50 { margin-bottom: 50px; }
.marginbottom55 { margin-bottom: 55px; }
.marginbottom60 { margin-bottom: 60px; }

.margintop5 { margin-top: 5px; }
.margintop10 { margin-top: 10px; }
.margintop15 { margin-top: 15px; }
.margintop20 { margin-top: 20px; }
.margintop21 { margin-top: 21px; }
.margintop22 { margin-top: 22px; }
.margintop23 { margin-top: 23px; }
.margintop24 { margin-top: 24px; }
.margintop25 { margin-top: 25px; }
.margintop30 { margin-top: 30px; }
.margintop35 { margin-top: 35px; }
.margintop40 { margin-top: 40px; }
.margintop41 { margin-top: 41px; }
.margintop42 { margin-top: 42px; }
.margintop43 { margin-top: 43px; }
.margintop44 { margin-top: 44px; }
.margintop45 { margin-top: 45px; }
.margintop50 { margin-top: 50px; }
.margintop55 { margin-top: 55px; }
.margintop60 { margin-top: 60px; }


.negmarginleft1 { margin-left: -1px; }
.negmarginleft2 { margin-left: -2px; }
.negmarginleft3 { margin-left: -3px; }
.negmarginleft4 { margin-left: -4px; }
.negmarginleft5 { margin-left: -5px; }
.negmargintop25 { margin-top: -25px; }
.negmargintop10 { margin-top: -10px; }
.borderright { border-right: 1px solid #ccc; }
 
.maxwidth175 { max-width: 175px; }


.center-video, .center-table, .center-content { margin-right: auto; margin-left: auto; }

/*iframe.img-responsive {height: 169px;}*/
 
.videoandtextcentermobile iframe { padding-top: 15px; width: 100%; height: 220px; max-width: 360px; padding-bottom: 5px;}

.responsivevideo iframe { padding-top: 15px; width: 100%; height: 320px; max-width: 740px; padding-bottom: 5px;}

.whitebkg { background-color: #fff;}

.contactpagelink_block { background-color: #f7f7f7; padding-top: 15px; padding-bottom: 15px; border: 2px solid #777; }

/***************************************************************/
/********************** END STRUCTURE CSS **********************/
/***************************************************************/



/***********************************************************************/
/********************* Start Blank Form Template styles*****************/
/***********************************************************************/

#blankformpage { background-color: #fff; }
.container-fluid { max-width: 1200px; }
.blanformpage_top { padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 10px; padding-top: 20px; }

.blanformpage_top h1 { padding-top: 20px; }

.blanformpage_bottom { font-size: 14px;  }
#blankformpage_logo { padding-top: 28px; }
#blankformpage_logo .text { text-indent: -9999px; display: block; height: 0px; }


/*#blankformpage .screen-reader-response { border: 2px solid orange; padding: 5px;  }*/

@media screen and (max-width: 939px) {  
	.blanformpage_top h1 { margin-top: 0px; }  
}

/***********************************************************************/
/********************* End Blank Form Template styles*******************/
/***********************************************************************/



/*********************************************************/
/**********Media queries and bootstrap restyles***********/
/*********************************************************/

a.btn-primary, a.btn-default { text-transform: none; text-decoration: none; white-space: normal; }

.visible-mobile { display: none;} 
.hide-mobile {display: block;}



.nopadding-desktop { padding: 0px;}

@media screen and (min-width: 940px) {  
	#navigation { display: block !important;} 
	.mobile_nav_tab { display: none !important; }
	.left-navigation ul.submenu-links { display: block !important;}
}

 
@media screen and (max-width: 939px) { 

	.clearboth_mobile { clear: both; }
	
	.videoandtextcentermobile, .responsivevideo { text-align: center; }
    .videoandtextcentermobile iframe, .responsivevideo iframe { margin-left: auto; margin-right: auto; height: 200px; }
 
	.nopaddingmobile { padding: 0px; }
	.nopaddingleftmobile { padding-left: 0px;}


	.adjpaddingmobile, #scrlContainer_wrap { padding-left: 15px; padding-right: 15px; }

	#scrlContainer { width: 100%; }

	.pagetools .textsize { display: none; }

	/*iframe.img-responsive {height: 169px;}*/

	#affiliate_links ul li:first-child { width: 100%; }
 	 

	.left-navigation ul.submenu-links { display: none;}
	.visible-mobile { display: block; }
	.hide-mobile { display: none; }
	.nopadding-desktop, .right-inner-content { padding-left: 15px; padding-right: 15px;}
	.mobile_vertical_img { height: 300px; width: auto;}

	.nomargintop-mobile {margin-top: 0px;}
	.margintop5-mobile { margin-top: 5px;}
	.paddingbottom10-mobile { padding-bottom: 10px;}

	#main { padding-top: 0px; }

	
	.pagetools { margin: 0px; }

 
	.takeaction { width: 100%; border: 0px; border-radius: 0px; }

	/*********************************************************/
	/***************Begin Page Mobile Styles *****************/
	/*********************************************************/
	#pagewrap .left-navigation ul { border: none;}
	.left-navigation a.mobilize_prev { font-size: 13px; width: 117px; margin-left: auto; margin-right: auto; border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 1px solid #d7d7d7; padding-top: 6px; padding-bottom: 6px; padding-right: 5px; padding-left: 32px; line-height: 16px; text-align: center; margin-top: 5px; margin-bottom: 5px; background-position: 13px 6px;}

	.left-navigation a.mobilize_prev:hover { background-color: #fff; color: #274c7f; }

	/*********************************************************/
	/*****************End Page Mobile Styles *****************/
	/*********************************************************/

	

	/*********************************************************/
	/****************Begin Post Mobile Styles*****************/
	/*********************************************************/

	.entry-content iframe { width: 100%; height: 250px; max-width: 560px; }
	.featuredimage img { max-height: 100%;  max-width: 100%; height: inherit !important;}

	/*********************************************************/
	/*****************End Post Mobile Styles******************/
	/*********************************************************/




	/*********************************************************/
	/***********Begin Landing Page Mobile Styles *************/
	/*********************************************************/

	.landingpage-feature { border-left: 15px solid #fff; border-right: 15px solid #fff; }
	.landingpage-feature, .landingpage-feature:last-child, .feature_callout { margin-left: auto; margin-right: auto; max-width: 524px !important; margin-bottom: 15px;}

	.landing-page-rightsidebar { max-width: 460px; margin-left: auto; margin-right: auto; }


	.right-featured-content { padding-bottom: 15px; }
	.centre-inner-content { padding-bottom: 0px;}


	#landing-page-featured-content .tab-content { height: auto; }
	#landing-page-featured-content .tabpanel_content { background-color: #0f3165; width: 100%; padding-left: 12px; padding-right: 12px; padding-top: 12px; padding-bottom: 20px; color: #fff !important; }
	#landing-page-featured-content .tabpanel_link { color: #fff !important; }
	#landing-page-featured-content .tabpanel_image { position: relative; width: 100%; height: auto; max-width: none;}
	#landing-page-featured-content .tabpanel_title { position: absolute; right: 0px; margin-top: -30%; width: 50%; text-align: center; font-family: montserrat, sans-serif;}
	#landing-page-featured-content .tab-pane { float: left; } 
	.nav-tabs { clear: both; }

	.centre-inner-content { padding: 0px; }

	/*******************************************************/
	/***********End Landing Page Mobile Styles *************/
	/*******************************************************/



	/*******************************************************/
	/***********Begin YIMC Page Mobile Styles **************/
	/*******************************************************/
	.YIMC_banner  { width: 100%; max-width: 335px; }
	/*******************************************************/
	/***********End YIMC Page Mobile Styles ****************/
	/*******************************************************/



	/*****Begin Mobile Splash Page Styles******/
	#splashpage {
		background: none;
		border-top: 20px solid #274c7f;
	}
	#splashpage .navigation { width: 100%; padding-top: 14px; min-height: auto; text-align: center; background: none;}
	#splashpage h1 { 
		top: 0px; 
		
		background: transparent url(images/structure/SplashPage_v5_background2_mobile2.jpg);

		background-repeat: no-repeat; 
		background-position: top right;
		background-size:100%;
		height: auto;
		margin: 0px; 
		padding-bottom: 5%;
	}
	#splashpage h1 img { left: 0px; top: 5%; width: 55%; max-width: 479px; height: auto; margin-left: 10px; position: relative;}

	#splashpage .navigation .lang img { width: 120px; height: auto; margin-left: 1px; margin-right: 1px;}
	#splashpage .navigation .en.lang.btn, #splashpage .navigation .fr.lang.btn {  
		margin-top: 10px; 
		width: 150px; margin-left: 0px; 
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px ; 
		line-height: 8px;
		height: 30px;
		font-size: 16px;
	}
	#splashpage .navigation .fr.lang.btn { margin-left: 5px; }

	#splashpage .affiliatedwith_splash {float: none;  }
	#splashpage .affiliatedwith_splash img {width: 200px; height: auto; }
	/*****End Mobile Splash Page Styles******/


	/************************************************************/
	/***********Begin Mobile Directions Page Styles**************/
	/************************************************************/
	
	.campuslist { 
		background-color: transparent; 
		border: none;
		margin: 0px;
		padding-left: 20px;
		padding-right: 10px;
	}

	.campuslist li { list-style-type: disc; padding: 0px; }

	.campuslist .current, .campuslist li:hover, .campuslist .current a, .campuslist li:hover a { background: none; }

	.campuslist a { padding: 0px; }

	/************************************************************/
	/***********End Mobile Directions Page Styles**************/
	/************************************************************/
	
	.container { width: 100%;}

	/*#header { height: 172px; }*/
	

	#affiliate_links { padding-left: 3px; padding-right: 3px;}
	#affiliate_links ul { float: left; padding-left: 0px; }
	#affiliate_wrap {height: 46px;}

	#affiliate_links a { font-size: 12.5px; }
	body#fr #affiliate_links a {font-size: 11.5px;}

	#toh_logo img {width: 140px;} 



	#inner_header { padding-left: 0px; padding-right: 0px; width: 100%; height: 128px; }

	#toh_logo { padding-top: 12px; padding-left: 15px; padding-right: 15px; }
	#searchform { margin-top: 5px; width: 100%; max-width: 500px;  float: none; top: 54px; padding-top: 0px; padding-bottom: 0px; position: absolute; padding-left: 12px; padding-right: 90px;}
	body#fr #searchform { padding-right: 112px; }

	#searchform .s { width: 100%; float: left; margin-right: 5px; }

	#searchpageform .s { width: 100%; margin-bottom: 5px; }

	#searchsubmit { margin-right: -75px;}
	

	body#fr #searchsubmit { margin-right: -108px;}

	

	.menu-pre-menu-english-container, .menu-pre-menu-french-container { padding: 8px 15px 10px 15px; border-top: 1px solid #437ece; width: 100%; position: absolute; top: 90px; display: block; border-radius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
	.menu-pre-menu-english-container ul, .menu-pre-menu-french-container ul { float: left; margin-bottom: 0px;}

	#navigation { max-width: 305px;  display: none; width: 80%; position: absolute; top: 46px; right: 0px; z-index:999; height: auto; background-color: #f3f3f3; border-left: 1px solid #437ece; border-top: 1px solid #437ece; border-bottom: 1px solid #437ece;}
	#navigation .container { padding: 0px;}
	
	#navigation ul { padding-left: 12px; padding-right: 12px;}
	#navigation ul li { width: 100%; text-align: left; border-left: 0px; border-right: 0px; border-top: 1px solid #a4a4a4;  height: auto;}
	#navigation ul li:hover { border-left: 0px; border-right: 0px;}
	#navigation ul li:hover > ul { display: none;}
	#navigation ul li a { color: #265787; float: left; height: auto; padding-left: 2px; padding-right: 0px;}
	body#fr #navigation ul li:first-child a { padding-left: 2px; padding-right: 2px; }

	.mobile_nav_btn { float: right; padding-top: 20px; padding-right: 15px;}
	.mobile_nav_btn img { width: 27px;}

	.mobile_nav_close_btn { float: right; padding-top: 10px; padding-right: 15px; }
	.mobile_nav_close_btn img { width: 15px; height: 15px; }
	.mobile_nav_tab { display: block; float: right !important; width: 20px !important; height: 20px !important; background:  url(images/structure/mobile_nav_tab_close.svg); background-repeat: no-repeat;  padding: 0px !important; margin-top: 8px;}

	.mobile_nav_tab.open {  background:  url(images/structure/mobile_nav_tab_open.svg); background-repeat: no-repeat; }

	#navigation .sub-menu { width: 100%; float: none; border: 0px;}
	body#en #navigation ul ul li a, body#fr #navigation ul ul li a { width: 100%; border: 0px; padding: 6px 2px; margin: 0px;}
	#navigation ul ul li:hover { border-top: 1px solid #a4a4a4;}
	#navigation .menu { min-width: 185px; max-width: 305px; padding-top: 35px;}
	#navigation ul li:last-child { border-right: 0px;}



	#patient-navigation-wrap { text-align: center; width: 100%; }
	#patient-navigation-wrap a { margin: 0px; min-width: 227px; } 

	

	.newsroom-link { position: relative; display: block !important; left: 0px; font-size: 12px; font-weight: normal; line-height: 20px; }
	#fr .newsroom-link { left: 0px;}


	.socialmediarightlinks { width: 215px; margin-left: auto; margin-right: auto; }
	/*.socialmediarightlinks a { text-decoration: none; }*/

	body#fr .socialmediarightlinks { width: 245px; margin-left: auto; margin-right: auto; }

	.mobile-img img { width: 100%; max-width: 335px; height: auto; }


	.affiliatedwith img { width: 100%; max-width: 244px; height: auto; margin-left: auto; margin-right: auto; display: block; }

	.social { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }

	
	.copyright { padding-left: 15px; padding-right: 15px; } 

	.pagetools li .dropdown { right: 0px; width: 100%; max-width: 248px;}

	.pagetools ul { padding-bottom: 5px; float: right; padding-left: 0px; }
	

	

	/******main page billboard**********/
	#mainpage-slide-fader .slide-fader-images { width: 100%; height: auto; background-color: #121212;} 
	#mainpage-slide-fader .slide-fader-nav {  width: 100%; }
	#mainpage-slide-fader .slide-fader-nav li {display: none; }
	#mainpage-slide-fader .slide-fader-nav li a {display: block; height: auto;}

	#mainpage-slide-fader .slide-fader-nav li.active {display: block;}
	#mainpage-slide-fader .slide-fader-nav li.active a {display: block;}


	#mainpage-slide-fader .slide-fader-images .slide-image { text-align: center; }
	#mainpage-slide-fader .slide-fader-images img { width: 100%; max-width: 740px; }
	#mainpage-slide-fader .slide-fader-nav li a {width: 100%; pointer-events: none; cursor: default;}
	#mainpage-slide-fader .slide-fader-images .slide-image .slide-link-wrap { /*top: 0px;*/ margin-top: -42px; margin-bottom: 8px;}/*** Removed the top: 0px; to show the learn more button on mobile on 22/06/2021 ***/

	/******end main page billboard**********/



	/******** Begin Content page mobile styles ********/
	#main .relatedlinks { padding-right: 15px; max-width: 554px; margin-left: auto; margin-right: auto; }
	#main .relatedlinks h3, #main .relatedlinks ul { height: auto; }
	#main .relatedlinks.links1 ul, #main .relatedlinks.links2 ul, #main .relatedlinks.links3 ul {background: none; background-color: #f7f7f7; }
	#main .relatedlinks.links3 ul { margin-bottom: 20px; }
	#main .relatedlinks ul li { padding-top: 5px; padding-bottom: 5px; } 

	/******** End Content page mobile styles ********/
}

@media screen and (max-width: 518px) { 
	#landing-page-featured-content .nav li { width: 49%; margin: 0px 0.5%; }
	#landing-page-featured-content .nav li:first-child { margin-left: 0.5%; }
	#landing-page-featured-content .nav { background-repeat: repeat-y; background-position: 0px 8px; }
}



@media screen and (max-width: 450px) { #inner_header ul.menu li a { font-size: 9px; }  }


@media screen and (max-width: 350px) { 
	#landing-page-featured-content .tabpanel_title { margin-top: -44%; }
	
	#inner_header ul.menu li a { font-size: 8px; float: left;}
	.menu-pre-menu-english-container, .menu-pre-menu-french-container { padding: 11px 15px 13px 15px ;}
	.menu-pre-menu-english-container li, .menu-pre-menu-french-container li { padding-right: 11px;}


	
	.takeaction { padding: 0px;  }
	.takeaction ul li { width: 100%; text-align: center; }
	.takeaction a { text-align: center; width: 100%; display: block; padding: 10px 34px 10px; }
	.takeaction ul li:first-child a { border-right: 0px; border-bottom: dotted 1px #878787; }

	body#fr .socialmediarightlinks { width: 215px; }

	.mobile_vertical_img { height: 150px; width: auto;}

	.tabpanel_title { margin-top: -41%;}
	#landing-page-featured-content .nav li a { 
		font-size: 9px; 
		/*white-space: pre-wrap; 
	    white-space: -moz-pre-wrap; 
	    white-space: -pre-wrap;   
	    white-space: -o-pre-wrap;  
	    word-wrap: break-word; */
	}
}


/*.btn-primary, .btn-default {
border-radius: 10px;

-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
line-height: 17px;
padding-left: 12px;
padding-right: 12px;*/
/*text-transform: uppercase;*/
/*font-weight:bold;
}*/

.btn-primary {background-color: /*#274c7f*/ #1d466d !important; }
.btn-default {/*background-color: #eee;*/ color: #404040; background-color: #fdb933;/* box-sizing: border-box; */width: 100%; webkit-transition: color .3s,background-color .3s,border-color .3s;transition: color .3s,background-color .3s,border-color .3s; cursor: pointer; border-radius: 10px; border: 2px solid #fdb933;}

.btn-primary:visited { color: #fff; }
.btn-default:visited { color: /*#222;*/ #404040; }

.btn-primary:hover  { background-color: /*#2e5388*/ #295d90;}

.btn-default:hover { background-color: #fff; border: 2px solid #fdb933; }

.btn-warning {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px ;
background-color: /*#F3D03E*/ #fdb933 !important;
color: #000 !important;
border-color:transparent !important;
padding: 10px 25px;
}

/*.btn-primary:hover {
background-color: #F3D03E;

}*/

/**********End media query and bootstrap styles*********/


/************Begin Print Styles***********/


@media print {
body { font-size: 17px; } 
a[href]:after { content: none !important; }
/*#affiliate_links, #affiliate_wrap { width: 232px; height: 62px; margin: 0px; float: right;}
#inner_header { width: 232px; height: 62px; float: left;  }*/
#affiliate_links ul li, #searchform, #navigation, .left-navigation, #breadcrumbs_wrap, .menu-pre-menu-english-container, .menu-pre-menu-french-container, #toh_logo img.hideonprint, .social, .takeaction  { display: none; }
#affiliate_links ul li:first-child { display: block; margin-top: 40px;}
#affiliate_wrap, #pagetitle_wrap { border-bottom: 0px; }
.right-inner-content { width: 100%; padding: 0px; }
#toh_logo img.hidecontent { display: block; margin-top: -80px; margin-left: -20px; }
#header { height: auto; }
#pagetitle h1 { font-size: 30px; }
h2, .entry-title { font-size: 24px;  }
#footer-accessibility { text-align: left; }
#footer { border: none; }
#footer-accessibility div { padding: 0px; }
}


/************End Print Styles***********/





/***********Begin Rating plugin styles***************/

#pagewrap .rw-ui-container .rw-report-link, #pagewrap .rw-ui-container .rw-report-link:hover { display: none !important; }

#en .rw-ui-tooltip, #fr .rw-ui-tooltip { 
	display: none !important; left: -1000px !important; background: transparent !important; 
}
/***********End Rating plugin styles***************/

/***********Begin Back to top Button Style***************/
a.back-to-top {
display: none;
width: 35px;
height: 35px;
text-indent: -9999px;
position: fixed;
z-index: 999;
right: 20px;
bottom: 80px;
background: rgba(48, 87, 142, 1) url('images/up-arrow.png') no-repeat center 43%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
transition: all 0.2s ease-in-out 0s;
outline: 0; }

a:hover.back-to-top {
background-color: rgba(0, 51, 160, 1);
}
.btn-blue {color: #ffffff !important; background-color: #265787; webkit-transition: color .3s,background-color .3s,border-color .3s; transition: color .3s,background-color .3s,border-color .3s; cursor: pointer; border-radius: 20px; border: 2px solid #265787; padding: 5px 30px; font-size: 1.6rem; line-height: 1.5; font-family: roboto; font-weight: 700; text-decoration: none; display: inline-block; margin: 10px 0 10px 0}
.btn-blue:hover{ background-color: #fff; border: 2px solid #265787; color: #265786 !important; }
.btn-blue a{color: #fff !important;}

.contact-text-inner.toh-blue {
    background-color: #265787;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /*margin-left: 1%;*/
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 20px 20px 20px 20px;
}
.contact-text {color:#fff;}
.contact-text-inner.toh-blue .contact-text a {
    color: #fff;
    text-decoration: underline !important;
}

.email-btn {background-color: #fff;
    border-color: #fff;
    color: #265787;webkit-transition: color .3s,background-color .3s,border-color .3s; transition: color .3s,background-color .3s,border-color .3s; cursor: pointer; border-radius: 20px; border: 2px solid #265787; padding: 5px 30px; font-size: 1.6rem; line-height: 1.5; font-family: roboto; font-weight: 700; text-decoration: none; display: inline-block;}
.email-btn:hover{ background-color: #265787; border: 2px solid #fff; color: #fff !important; }

.btn_yellow {background-color: #fdb933;
    color: #000; webkit-transition: color .3s,background-color .3s,border-color .3s; transition: color .3s,background-color .3s,border-color .3s; cursor: pointer; border-radius: 20px; border: 2px solid #fdb933; padding: 5px 30px; font-size: 1.6rem; line-height: 1.5; font-family: roboto; font-weight: 700; text-decoration: none; display: inline-block;  margin-top: 30px;}

.btn_yellow:hover{ background-color: #fff; border: 2px solid #fdb933; color: #000 !important; }

.btn_jelly_bean {
    border-radius: 10px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #3e7d98 !important;
    color: #fff !important;
    border-color: transparent !important;
    padding: 10px 30px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: roboto;
    font-weight: 700;
    text-decoration: none;
}
.btn_jelly_bean:hover { background-color: #fff !important; border: 2px solid #3e7d98 !important; color:#3e7d98 !important;}
.btn_celery {
    border-radius: 10px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #5F7029 !important;
    color: #fff !important;
    border-color: transparent !important;
    padding: 10px 30px;
    font-size: 1.8rem;
    line-height: 1.5;
    font-family: roboto;
    font-weight: 700;
    text-decoration: none;
}
.celery{background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #5F7029;}

.btn_celery:hover { background-color: #fff !important; border: 2px solid #5F7029 !important; color:#5F7029 !important;}
.btn_endeavour {border-radius: 10px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #295d90 !important;
    color: #fff !important;
    border-color: transparent !important;
    padding: 10px 30px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: roboto;
    font-weight: 700;
    text-decoration: none;
}

.btn_endeavour:hover { background-color: #fff !important; border: 2px solid #295d90 !important; color:#295d90 !important;}

p.btn_endeavour{margin-bottom: 20px;}
.btn_glacier_blue{border-radius: 10px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #70b9c6 !important;
    color: #fff !important;
    border-color: transparent !important;
    padding: 10px 30px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: roboto;
    font-weight: 700;
    text-decoration: none;
}
.btn_glacier_blue:hover { background-color: #fff !important; border: 2px solid #70b9c6 !important; color:#70b9c6 !important;}

.toh_button{border-radius: 10px;
    cursor: pointer;
    border-radius: 20px;
    color: #fff !important;
    border-color: transparent !important;
	 background-color: #000 !important;
    padding: 10px 30px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: roboto;
    font-weight: 700;
    text-decoration: none;}





h3.callout-text-inner-title{color: #000}
/*URL for print screen*/
@media print{
   a:after{content:" (" attr(href) ") ";}
}

/*open in a new window */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1, 1, 1, 1);
  border: 0;
  white-space: nowrap;
}
.border-blue {
	border: 2px solid #002776; /*min-height: 100px; border-radius: 15px;*/ padding: 20px 10px 20px 10px; margin-bottom: 30px; height: auto;
}
.border-grey{border: 2px solid #707372; /*min-height: 100px; border-radius: 15px;*/ padding: 20px 10px 20px 10px; margin-bottom: 30px; height: auto;}

.last-updated {font-style: normal; font-size: 1.0em; color: #BC3C42; padding-top: 15px; margin-top:135px}


/****** TOH Team Card *****/

.toh-tc {
	 position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 1.25rem;
    padding: 10px;
   /* margin: 0 10px 0 10px;*/
    /* border-radius: 8px; */
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}
	.toh-tc-body {
-ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;}

.toh-tc-title{color: #295d90 !important;  display: block;
    font-family: 'Roboto', sans-serif; line-height: 1.3;}

.toh-tc .toh-tc-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.toh-tc-text {font-size:1.2rem;}

.toh-tc-row{
display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  margin-left: -15px;
    margin-right: -15px;}

/****** Emergency Alert Box ******/
.emer-alert-inner.supernora{    
	background-color: #fdb933;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /*margin-left: 1%;*/
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 20px;}
.supernora {color: #fdb933;}
h3.emer-alert-inner-title{color: #000;}
.emer-alert-text {font-family: roboto,sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
	   color: #000;  
}
@media screen and (min-width:1024px){p.emer-alert-text{font-size:1.7rem; }}

/****** CSS style for Education REgistration Page *******/
.intro-title1{
	color:#295d90;
	font-size: 4rem;
	font-weight: 700;
	text-align: center;
}
.intro-title2{
	color: #707372;
	font-size: 3rem;
	text-align: center;
}
.date-align-left{
	float: left;
	padding-left:10px;
	text-align:center;
	font-weight:700;
}
.date-align-right{
	float: right;
	padding-right: 10px;
	text-align:center;
	font-weight:700;
}
.float-container-clear{
	clear: both
}
.cost-edit1{
	text-align:center;
	font-weight: 700;
}

/*Departments and Healthy Tomorrows Card style*/
h2.article-title {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 3.0rem;
    padding: 20px 0 20px 0;
    color: #3E7D98;
}
@media screen and (min-width: 1024px){
h2.article-title  {
    font-size: 4.6rem;
}
}
	.toh-row{    margin-left: -12%;
    margin-right: -12%;}
.toh-row:after {
    clear: both;
}	
	
	.toh-col-container{    padding-left: 0;
    padding-right: 0; width:100%;}
	
.toh-col-container .toh-col-inner{box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;}

h3.toh-ht-main-title{
font-size: 3rem;
    text-align: center;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    color: #295d90;
    margin: 0;
    margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  h3.toh-ht-main-title {
    font-size: 4.6rem;
  }
}

	.toh-row-content{    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  justify-content: center; /*bring the box to the center*/}

.toh-row-content .toh-card{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	  /*padding: 10px;*/
    width: 100%;
    max-width: 399px;
		background-color: #fff;}

/*@media screen and (min-width: 1000px){

.toh-row-content .toh-card {
    width: 33.33333%;
}
}*/
/*@media screen and (min-width: 600px){

.toh-row-content .toh-card {
    width: 50%;
}
	}
*/
@media screen and (max-width: 767px){
.toh-row-content .toh-card {
    margin-bottom: 40px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}
}

.toh-row-content .toh-card .toh-card-inner{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.toh-row-content .toh-card .toh-card-inner.active {
  -webkit-box-shadow: 0 0 30px 0 rgba(62, 125, 152, 0.4);
          box-shadow: 0 0 30px 0 rgba(62, 125, 152, 0.4);
}

	.toh-card-text{
	    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.5/*1.375*/;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}	
	

.toh-row-content .toh-card .toh-card-inner img{	height: auto;
    max-width: 100%;
		    border-radius: 5px;
		}
	.toh-card-body {display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    padding-bottom: 1px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;}


.toh-card-title{    padding-top: 20px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.3;
    padding-bottom: 5px;
    text-decoration: none;
    color: #295d90;}
/**** New tags style***/
.toh-card .toh-card-inner .toh-card-body .tag-name {
    color: #3E7D98;
    font-family: montserrat,sans-serif;
    font-weight: 600;
    display: inline-block;
    padding-top: 12px;
    font-size: 1.2rem;
    line-height: 0.5;
    text-decoration: none;
    text-transform: uppercase;
}
	
	.toh-tag{color:#3E7D98; font-weight: 600;}
	
.tag-bkg{
    background-color: /*#265787*/ #70B9C6;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /* margin-left: 1%; */
    margin-top: 2%;
    margin-bottom: 2%;
  padding: 20px 20px 20px 20px; color: #fff;
	text-transform: uppercase;
    font-size: 1.4rem;

}
	.tag-title a{color: #fff;}


.tag-title{
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-bottom: 20px;
  font-size: 1.4rem;
	color:#707372
}

.my-tags ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}

@media screen and (min-width: 768px) {
 .my-tags ul {
    margin: 0 0 40px;
  }
}

.my-tags ul li {
  display: inline-block;
  margin-right: 15px;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .my-tags ul li {
    margin-bottom: 25px;
  }
}

.my-tags ul li a {
  text-decoration: none;
  padding: 5px 10px;
  border: 1px dashed #4A4A4A;
  color: #4A4A4A;
  border-radius: 5px;
  font-size: 1.4rem;
  font-family: 'Roboto', sans-serif;
}

@media screen and (min-width: 768px) {
 .my-tags ul li a {
    padding: 10px 15px;
  }
}

.my-tags ul li a:hover {
  color: #fff;
  border: 1px solid #3E7D98;
  background-color: #3E7D98;
}

.my-tags ul li.active a {
  color: #fff;
  font-size: 1.6rem;
  padding: 9px 10px;
  border: 1px solid #3E7D98;
  background-color: #3E7D98;
}

.my-tags ul li.active a:after {
  content: 'x';
  margin-left: 10px;
}

.single-tag {

  margin: 0 0 10px;
  padding: 0;
}

@media screen and (min-width: 768px) {
 .single-tag {
    margin: 0 0 40px;
  }
}
.single-tag a{ text-decoration: none;
  padding: 5px 10px;
  border: 1px dashed #4A4A4A;
  color: #4A4A4A;
  border-radius: 5px;
  font-size: 1.4rem;
  font-family: 'Roboto', sans-serif;}

.single-tag a:hover{  color: #fff;
  border: 1px solid #3E7D98;
  background-color: #3E7D98;}

@media screen and (min-width: 768px) {
 .single-tag a {
    padding: 10px 15px;
  }
}

.single-tag-inner{margin-bottom: 30px;}

/**@media screen and (min-width: 768px) {
 .single-tag-inner {
    margin: 0 auto;
	 padding:0;
  }
}*/

/********* tag style ends here *******/

/********* Healthy Tomorrows Landing Page Style **********/
	.toh-callout-wrap .toh-callout-inner{padding: 40px 3% 40px 3%;
    text-align: center;
    overflow: auto;}
	
	.toh-callout-wrap .toh-callout-inner .toh-callout-title.jelly_bean{color: #3E7D98;}
	
	.toh-callout-wrap .toh-callout-inner h2.toh-callout-title{font-size: 3.0rem;
    background-color: transparent;}
@media screen and (min-width: 768px) {
  .toh-callout-wrap .toh-callout-inner h2.toh-callout-title {
    font-size: 4.0rem;
  }
}

@media screen and (min-width: 1240px) {
.toh-callout-wrap .toh-callout-inner h2.toh-callout-title {
    font-size: 4.6rem;
  }
}

.view-all {padding-bottom: 30px;}

/*.ht-articles-wrapper {
width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto
}
.ht-articles-wrapper .ht-articles-inner {
     padding-top: 20px;
    margin: 0 auto;
}*/

/*********** Healthy Tomorrow's home page form box and disclaimer text **********/
/*.form_wrap, .disclaimer_wrap{
	margin: 0 -500%;
padding: 0 500% !important;
}*/
.form_wrap.full_width{margin-left: 0;
  padding: 10px 7.98611111% 10px;
}
@media screen and (min-width: 768px) {
	.form_wrap.full_width{
	margin-left: -15%;
		margin-right: -15%;
    padding: 0px 13.88888889% 0px 15%;
	border-top-left-radius: 6px;
}
}
.disclaimer_wrap.full_width{margin-right: 0;
  padding: 10px 7.98611111% 10px;
}
@media screen and (min-width: 768px) {
	.disclaimer_wrap.full_width{
	margin-left: -15%;
		margin-right: -15%;
    padding: 0px 13.88888889% 0px 15%;
    border-bottom-right-radius: 6px;
}
}

.jelly_bean{background-color:#3e7d98;}
.rolling_stone{background-color:#707372;}

.form_inner, .disclaimer_inner{    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;  
}

h3.form_text, h3.disclaimer_text{    color: #fff;
    margin: 1em 0;
    padding-left: 1.5em;
    text-align: center;
    font-size: 2.8rem;
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
    font-weight: 300;}
h3.disclaimer_text {font-size: 2.0rem}
h3.form_text a{color:#fff !important;}
h3.form_text a:hover{color:#fff !important;}

@media screen and (min-width: 1024px){
h3.form_text{
	font-size: 3.6rem;
	}
}

@media screen and (min-width: 1024px){
h3.disclaimer_text{
	font-size: 2.6rem;
	}
}
/*********** Healthy Tomorrow's home page form and disclaimer text **********/
.news-header {padding: 20px 0 20px 0}
h2.news-header-title{
  font-size: 2.8rem;
  text-align: center;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #295d90;
  margin: 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
 h2.news-header-title {
    font-size: 4.6rem;
  }
}

/********** home page top 3 HEalthy Tomorrows Story display **********/
.ht-cards-wrap{ 
margin-bottom: 0px;
  position: relative;
 /* margin: 0 6.94444444%;*/
	
}
@media screen and (min-width: 768px) {
	.ht-cards-wrap{margin-top: 6.94444444%;}
}
.ht-cards-wrap .ht-cards-inner{ 
overflow: hidden;
  padding: 64px 20% 40px;
 /* padding-top: 20px;
  margin: 0 auto;*/

}
@media screen and (min-width: 768px) {
  .ht-cards-wrap .ht-cards-inner {
    margin-left: -15px;
    margin-right: -15px;
	  padding-top:20px;
  }
}
.ht-cards-wrap .ht-cards-inner h2.ht-cards-title {
  font-size: 2.8rem;
  text-align: center;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  color: #295d90;
  margin: 0;
  margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
  .ht-cards-wrap .ht-cards-inner h2.ht-cards-title {
    font-size: 4.6rem;
  }
}

/******* HTs text box ********/
.text-box-blue {background-color:#265787;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    margin-left: 1%;
    margin-top: 2%;
    margin-bottom: 2%;
    padding: 20px 20px 20px 20px; color:#fff;}
.text-box-blue h3{color: #fff !important; }
.text-box-blue p {color:#fff;}
.text-box-blue a{color:#fff;}
/******* Hero Wrap Banner ******/
.eminance{
color: #723c7d
}
.jelly_bean {
color: #3e7d98
}
.endeavour {
color: #295d90;		   
}
.celery {
color: #a6be4b;		   
}
.sapphire {
color: #002776;		   
}
.cardinal {
color: #c60c30;	   
}
.glacier_blue {
color: #70b9c6;	   
}
.rose_bud_cherry {
color: #8a224e;	   
}
.watercourse {
color: #007a4d;	   
}

	.toh-hero-wrap{    min-height: 500px;
    padding-top: 60px;
    margin-left: 6.94444444%; /*** added ***/
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
	margin-right: 6.94444444%; /*** added ***/
}
	
	.toh-hero-wrap .toh-hero-inner{margin-top: 100px;
    background-color: #ffffffad;
    padding: 45px 25px 45px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 55%;
    min-width: 589px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: /*200px*/100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  /* border: 1px solid #ffffffad;*/}
	   
.toh-hero-wrap .toh-hero-inner .toh-hero-title.jelly_bean {
    color: #3e7d98;
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.endeavour {
color: #295d90;		   
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.eminence {
color: #723c7d;		   
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.celery {
color: #a6be4b;		   
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.sapphire {
color: #002776;		   
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.cardinal {
color: #c60c30;	   
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.glacier_blue {
color: #70b9c6;	   
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.rose_bud_cherry {
color: #8a224e;	   
}
.toh-hero-wrap .toh-hero-inner .toh-hero-title.watercourse {
color: #007a4d;	   
}
	   
.toh-hero-wrap .toh-hero-inner .toh-hero-title {
    font-size: 3.5rem;
    display: inline-block;
    line-height: 1.125;
    margin: 0;
	background-color: transparent;
	}
@media screen and (min-width: 768px){
.toh-hero-wrap .toh-hero-inner .toh-hero-title {
    font-size: 5.5rem;
	 
}
	}

@media screen and (min-width: 1240px){
.toh-hero-wrap .toh-hero-inner .toh-hero-title {
    font-size: 6.5rem;

}
	}
h1.bold, .h1-bold {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 6.5rem;
    line-height: 1.11;
    margin: 0 0 0.67em 0;
	color: #265787;	}
	
	   @media screen and (max-width: 767px) {
  .toh-hero-wrap .toh-hero-inner .toh-hero-title.jelly_bean, .toh-hero-wrap .toh-hero-inner .toh-hero-title.endeavour, .toh-hero-title.celery .toh-hero-wrap .toh-hero-inner .toh-hero-title.eminence, .toh-hero-wrap .toh-hero-inner .toh-hero-title.sapphire {
    text-align: center;
    width: 100%;
    color: #ffffff;
  }
	}
  @media screen and (max-width: 767px) {
	  .toh-hero-wrap .toh-hero-inner .toh-hero-title.rose_bud_cherry, .toh-hero-wrap .toh-hero-inner .toh-hero-title.watercourse{
    text-align: center;
    width: 100%;
    color: #ffffff;
  }
	}
  @media screen and (max-width: 767px) {
	  .toh-hero-wrap .toh-hero-inner .toh-hero-title.sapphire{
    text-align: center;
    width: 100%;
    color: #ffffff;
  }
	}

		@media screen and (max-width: 767px) {
  .toh-hero-wrap {
    background-image: none !important;
    margin-left: 0;
    min-height: auto;
    padding-top: 0;
	  width: 100%; /*** added ***/
  }
.toh-hero-wrap.jelly_bean {
    background-color: #3e7d98;
			}
.toh-hero-wrap.endeavour {
    background-color: #295d90;
			}
.toh-hero-wrap.eminence {
    background-color: #723c7d;
			}
.toh-hero-wrap.celery {
    background-color: #a6be4b;
			}
.toh-hero-wrap.cardinal {
    background-color: #c60c30;
			}
.toh-hero-wrap.glacier_blue {
    background-color: #70b9c6;
			}
.toh-hero-wrap.rose_bud_cherry{ 
	background-color: #8a224e;
			}
.toh-hero-wrap.sapphire {
    background-color: #002776;
			}
.toh-hero-wrap.watercourse {
    background-color: #007a4d;
			}			
		}
	@media screen and (max-width: 939px){
 .toh-hero-inner {
    /*!text-align: center;*/
    width: 100%;

	}
		}
@media screen and (max-width: 767px) {
  .toh-hero-wrap .toh-hero-inner {
    max-width: none;
    min-width: auto;
    width: 100%;
    min-height: auto;
    height: auto;
    margin-top: 0;
    /*background-color: #723C7D;*/
 background-color: transparent;
    padding: 30px 15px;
    border: none;

  }

  .toh-hero-wrap .toh-hero-inner .toh-hero-title br {
    display: none;
  }

} 

.pagination-nav {padding:50px 0 80px 0;}
.pagination-next a{
border-radius: 10px;
/*webkit-transition: color .3s,background-color .3s,border-color .3s; transition: color .3s,background-color .3s,border-color .3s;*/ cursor: pointer; border-radius: 20px;
background-color: /*#F3D03E*/ #3E7D98 !important;
color: #fff !important;
border-color:#3E7D98 !important;
padding: 10px 30px;
	font-size: 1.6rem; line-height: 1.5; font-family: roboto; font-weight: 700; text-decoration: none; 
}
.pagination-next a:hover{background-color: #fff !important; border: 2px solid #3E7D98 !important; color:#3E7D98 !important;}


.pagination-prev a{
border-radius: 10px;
/*webkit-transition: color 300ms,background-color 300ms,border-color 300ms; transition: color 300ms,background-color 300ms,border-color 300ms;*/ cursor: pointer; border-radius: 20px;
background-color: /*#F3D03E*/ #3E7D98 !important;
color: #fff !important;
border-color:#3E7D98 !important;
padding: 10px 30px;
	font-size: 1.6rem; line-height: 1.5; font-family: roboto; font-weight: 700; text-decoration: none; 
}
.pagination-prev a:hover{background-color: #fff !important; border: 2px solid #3E7D98 !important; color:#3E7D98 !important;}

/******* Hero Wrap Banner ends here ******/


/*********** Donate button **********/

	
.donate-text-inner.toh-donate {
    background-color: /*#265787*/ #70B9C6;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /* margin-left: 1%; */
    margin-top: 2%;
    margin-bottom: 2%;
   /* padding: 20px 20px 20px 20px;*/
		
    padding: 50px 13.88888889% 120px 6.94444444%;
}
	p.donate-text {
    font-family: roboto,sans-serif;
    font-weight: 300;
    font-size: 2.0rem;
    color: #fff;
}
@media screen and (min-width: 1024px){
p.donate-text{
	font-size: 2.6rem;
	}
}
	.donate-btn {background-color: #fff; border-color: #fff; color: #000000 !important; webkit-transition: color .3s,background-color .3s,border-color .3s; transition: color .3s,background-color .3s,border-color .3s; cursor: pointer; border-radius: 20px; padding: 5px 30px; font-size: 1.6rem; line-height: 1.5; font-weight: 700; text-decoration: none; display: inline-block; margin-top:20px;}
.donate-btn:hover{ background-color: #70B9C6; border: 2px solid #fff; color: #000000 !important; }
	
	@media screen and (max-width: 939px){
.donate-text-inner.toh-donate {
    padding: 50px 13.88888889% 40px 6.94444444%;
		} }
	.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	img{	height: auto;
    max-width: 100%;
		}
	
/*************** Donate Button ends ******************/
/******** Donation Button **********/
.donate-text-inner.toh-donate {
    background-color: /*#265787*/ #70B9C6;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /* margin-left: 1%; */
    margin-top: 2%;
    margin-bottom: 2%;
   /* padding: 20px 20px 20px 20px;*/
		
    padding: 50px 13.88888889% 120px 6.94444444%;
}
	p.donate-text {
    font-family: roboto,sans-serif;
    font-weight: 300;
    /*font-size: 2.5rem;*/
		 font-size: 2.3rem;
    color: #000;
}
	.donate-btn {background-color: #fff; border-color: #fff; color: #000 !important; /*webkit-transition: color .3s,background-color .3s,border-color .3s; transition: color .3s,background-color .3s,border-color .3s;*/ cursor: pointer; border-radius: 20px; padding: 5px 30px; font-size: 1.6rem; line-height: 1.5; font-weight: 700; text-decoration: none; display: inline-block; margin-top:20px;}
.donate-btn:hover{ background-color: #70B9C6; border: 2px solid #fff; color: #000 !important; }
	
	@media screen and (max-width: 939px){
.donate-text-inner.toh-donate {
    padding: 50px 13.88888889% 40px 6.94444444%;
		} }
	.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
	img{	height: auto;
    max-width: 100%;
		}
/******** End Donation Button **********/

/** Intro text HT landing page **/
@media screen and (min-width:1240px){.toh-callout-text p.intro-text2{font-size:3.2rem}}
.toh-callout-text .intro-text2 {
    font-family: roboto,sans-serif;
    font-weight: 300;
    font-size: 2.0rem;
    text-align: center;
}

/***** Table of Content Style ******/
#toc_container {
    background: #d9dad0 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    margin-bottom: 1em;
    padding: 20px;
    width: auto;
}

.toc_title {
    font-weight: 700;
    text-align: center;
}
/********* text link button and box *********/
 .toh-text-inner.jelly_bean   {background-color: #3e7d98;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    /* margin-left: 1%; */
    margin-top: 2%;
    margin-bottom: 2%;
	 padding: 20px 20px 20px 20px;}
.toh-text-inner .toh-text{color:#fff;}
.toh-text-link {background-color: #fff;
    border-color: #fff;
    color: #3e7d98 !important;  webkit-transition: color .3s,background-color .3s,border-color .3s; transition: color .3s,background-color .3s,border-color .3s; cursor: pointer; border-radius: 20px; border: 2px solid #3e7d98; padding: 5px 30px; font-size: 1.6rem; line-height: 1.5; font-family: roboto; font-weight: 700; text-decoration: none; display: inline-block;}
.toh-text-link:hover{ background-color: #3e7d98; border: 2px solid #fff; color: #fff !important; }

.news-letter {color:#fff;
	text-align: center;
	 font-weight: 600;
    font-size: 2.0rem;
}

/******** Media and text *******/
.wp-block-media-text__content {padding-left: 0 !important; padding-right: 20px !important; }
.wp-block-media-text .wp-block-media-text__media {padding-right:20px !important;}
.wp-block-separator {color: #ddd;}
.wp-block-embed__wrapper iframe{width:100%; height: 400px;}
.wp-block-embed figcaption{
    font-style: italic;
    background: #f0f0f0;
    padding: 10px 15px;
    margin-bottom: 25px;
}
/**** Stretegic plan page****/

h2.has-background {background-color:#002776; padding:20px; width:230px; }

.h-50{height: 50%!important;}
.h-40{height: 40%!important;}
.h-25{height: 25%!important;}
.h-30{height: 30%!important;}
.h-35{height: 35%!important;}
.h-150{height: 150%!important;}
.height{height:230px;}

/*
	GPS Payments: Form Styling
*/
.hppTargetIframe {
  width: 100%;
  min-height: 100vh;
}

.gpsResponseLabel {
	font-weight: bold;
}

.gpsResponseContainer {
	margin-top: 20px;
}

.gpsResponseSubContainer {
	font-size: 18px;
	padding: 15px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
}

.gpsResponseItem {
	margin-bottom: 12px;
}

.gpsResponseLinkContainer {
	margin-top: 20px;
}

.gpsSubtext {
	font-size: 14px;
}

.gpsLogo {
	max-width: 250px;
}

#gpsForm {
	display: none;
}

#gpsForm.showForm {
	display: block;
}

.gpsForm .wpforms-confirmation-container-full {
	background: none;
  margin-bottom: 12px;
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	border: none;
}
/*** Patient Safety Conference ***/
.wp-block-cover h2.has-background{width:770px;
      top: 45%;
    position: absolute;
    left: -.10%;
padding: 1.25em 1.375em;}

/*** stackable accordion ***/
.wp-block-stackable-column .stk-block-column .stk-column .stk-block {background-color:#ddd;}