@charset "utf-8";
/* CSS Document */

/*
Theme Name: New Campus
Theme URI: 
Description: The Ottawa Hospital New Campus custom Wordpress framework
Author: Michael Michniewicz
Author URI: www.ottawahospital.on.ca
Version: 1.0
*/

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

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
body { font-family: roboto, sans-serif; font-size: 13px; padding-bottom: 0px; margin: 0px; -webkit-text-size-adjust:none; min-width: 234px; }

a, input { outline: none !important; }
input:focus, textarea:focus { background-color: #eee; border: 2px solid #265787; }

a, a:visited { color: #1e4569; text-decoration: underline; }
a:hover, a:focus { color: #1e4569;  }

b, strong { font-weight: 500; }

/*a:focus { box-shadow: 0 0 2pt 1pt #274c7f !important; text-decoration: none !important; } */

input:focus { box-shadow: 0 0 2pt 1pt #274c7f !important; }

#footer-accessibility a { color: #1e4569;}

h2, h3 { color:#295d90; font-weight: 400;  letter-spacing: 1px;} 
h2 a { text-decoration: underline;  }

h3.cam-quote{color:#fff;
margin: 1em 0;
    padding-left: 1.5em;
    border-left: 2px solid #fff;
    text-align: left;
    font-size: 2.0em;
    line-height: 1.5em;
    font-family: "Roboto", sans-serif;
    font-weight: 300;

}
@media screen and (min-width: 1024px) {
 h3.cam-quote {
    font-size: 2.4em;
  }
}

h2, .entry-title{ margin: 0px; padding-bottom: 18px; font-size: 3.0em; padding-top: 10px; line-height: 1.11em; }

h2.faqtitle { font-size: 2.154em; }
h2.faqtitle a { text-decoration: none; color: /*#005c99*/#295d90;background-image: url('images/structure/FAQ_arrow_open.png'); background-repeat: no-repeat; background-position: left center;  padding-left: 70px; height: auto; width: 100%; display: block; line-height: 2.9375em/*47px*/; line-height: 2.375em/*38px*/; padding-bottom: 5px; padding-top: 5px; }
h2.faqtitle a:hover { color: #0165a7;  }
h2.faqtitle a.collapsed { background-image: url('images/structure/FAQ_arrow_closed.png');  }

.faqcontent p, .faqcontent .columnsp { padding-left: 72px; }
.faqcontent ul { font-size: 22px; font-weight: 300; color: #707382; padding-left: 142px; }

.h3, h3 { font-size: 2.5em; padding-bottom:15px;}

.showie8 { display: none; } 

.greenc { color: #006600; }
.orangec { color: #9e2100; }
.bluec { color: #265787; }

.topnewsitem_innerwrap { position: relative; }
.topnewsitem_img img{ width: 100%; height: auto; }
.topnewsitem_desc_wrap { max-width: 854px; }
.topnewsitem_desc { color: #fff; background-color: #295d90; display: inline-block; height: auto; top: 165px; position: absolute; width: 355px; padding: 28px; border: 2px solid #fff; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px ; }
.topnewsitem_plus_graphic { margin-top: -26px; }
.topnewsitem_plus_graphic img { margin-left: -66px; margin-top: -45px; margin-bottom: -20px; width: 75px; height: 75px;  }

.topnewsitem_title { font-size: 18px; }

#pagewrap p, #pagewrap p.lead, .location_map_bottom_content p.lead  { color: /*#717171*/#707372; }

#pagewrap p.lead, .location_map_bottom_content p.lead { font-size: 2.308em; line-height: 1.5em/*40px*/; padding-top: 5px; /*new*/font-weight: 360; padding-bottom:40px;  }

.errorpage h2 { font-size: 1.846em; }
#pagewrap .errorpage p { font-size: 1.231em;  }

legend { font-size: 1.000em;  }
fieldset label { font-weight: normal; }

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

caption { color: #000; }

.c-blue { color: #274c7f; }

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



.feature { padding-top: 75px; }
.feature p { color: #717171; font-size: 24px; font-weight: 300;  line-height: 2.0625em/*33px*/;  }

#pagewrap table { width: 100%; }


table td, table th { padding: 6px; }
 
.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;}




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

.mainmenu { display: inline-block;}
.mainmenu { padding-right: 18px; height: 15px; }

#prenavigation { padding-top: 10px; }
.wpml-ls { float: right; padding-left: 22px;  }
.wpml-ls a, a.leavealegacy { text-decoration: none; }
.wpml-ls a { color: #fff; font-weight: 400; font-size: 15px; letter-spacing: 1px; }

a.leavealegacy { margin-top: -5px; border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #be4d00; color: #fff; padding: 4px 18.5px; font-size: 15px; }




.c900 { padding-top: 8px; padding-left: 0px; padding-right: 0px; max-width: 900px;   }

.section900 { max-width: 900px; }

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

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


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


.prenav_wrap { float: left; }

.menu-pre-menu-english-container, .menu-pre-menu-french-container { float: 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; }

.wpml-ls-current-language { display: none; }
.wpml-ls-legacy-list-vertical a { margin-top: -5px; }

#toh_logo { float: left; padding-top: 12px; padding-bottom: 15px; } 
#toh_logo a { display: block; }

#toh_logo img { width: 375px; height: 85px;}

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


/*******************************************************/
/*****************Begin Search Styles*******************/
/*******************************************************/


a.search {/* background-image: url('images/structure/Search_Icon.png');  background-repeat: no-repeat; text-indent: -9999px;*/ display:block; background-size: 80%; width: 26px; height: 26px;  float: right; }
.se-color{color:#fff;font-size: 18px;margin-top: 3px;}

#searchsubmit { background-color: #efefef !important; color: #274c7f; font-weight: 500; border: none; line-height: 1.1875em/*19px*/; }
#searchsubmit:focus { text-decoration: underline; }

#searchform_wrap { float:right; clear: right; padding-bottom: 0px; padding-top: 10px; }

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

/*****************************************************/
/*****************End Search Styles*******************/
/*****************************************************/

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

.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.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.846em !important; line-height: 1.0625em/*17px*/; margin: 0;  padding: 0 4px 5px; }



/****************************************************************/
/************************ Start Page 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 { font-size: 11.5px; font-weight: 600; line-height: 0.9375em/*15px*/; text-align: center;}

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

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

/*****************************************************************/
/************************** End Page Tools ***********************/
/*****************************************************************/




/************************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; padding: 15px 20px; line-height: 1.3125em/*21px*/; }

#homepagenews_wrap { padding-top: 130px;  }
#homepagenews_e_wrap { padding-left: 13px; padding-right: 13px;  }

#homepagenews { max-width: 1024px; margin-left: auto; margin-right: auto; position: relative; background-color: #fff; margin-top: -10%; position: relative; }
.homepagenews_top { background-color: /*#005c99*/#1d466d; padding: 20px; }
.homepagenews_top h2, .homepagenews_top p { color: #fff; }
.homepagenews_top h2 { padding-bottom: 26px;  }
.homepagenews_top p { padding: 0px 108px; margin-bottom: 30px;  }
#pagewrap .homepagenews_top p.lead { color: #ffffff; } 

.homepagenews_bottom { border-left: 1px solid #005c99; border-bottom: 1px solid #005c99; border-right: 1px solid #005c99; margin-bottom: 30px; padding: 30px 25px 20px 65px; }

.newsroom-link { font-size: 13px; padding-left: 15px; padding-right: 43px; border-left: 1px solid #006bb4; }
.newsroom-link img { max-width: 155px; width: 100%; height: auto; margin-bottom: 10px;  }
.newsroom-link a { color: #265787; text-decoration: none; }
.newsroom-link a:hover { text-decoration: underline;  }

.newsroom-date, .newsroom-date:hover { color: #646767; text-decoration: none; width: 100%; display: inline-block; } 


.homepagenews_bottom .viewall_btn { text-align: center; padding-top: 35px; clear: both; padding-bottom: 5px; width: 100%; display: block; padding-right: 75px; }
.homepagenews_bottom .viewall_btn .btn { border: 1px solid #005c99; color: /*#005c99*/#295d90;  background: transparent; padding: 8px 40px; font-size: 18px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px ; }

.tagcloud { text-align: center; }


#homepagelocation_wrap{ background-color: #70b9c6; /*margin-top: 100px; */ }
.homepagelocation {  max-width: 1050px; margin-left: auto; margin-right: auto; padding-top: 30px; padding-bottom: 30px;  }
.homepagelocation h2 { color: #fff; font-weight: 300; line-height: 3.375em/*54px*/; padding-top: 20px;  }
.homepagelocation h2 strong { font-weight: 400; }


.homepagelocation_map { margin-left: auto; margin-right: auto; display: block; -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.47);
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.47); }

.homepagelocation_map_wrap { top: -200px; width: 100%; display: block; position:relative;  padding-left: 13px; padding-right: 13px; margin-bottom:-200px; }

.location_map_bottom_content_wrap { margin-left: 13px; margin-right: 13px; padding-bottom: 30px; }

.location_map_bottom_content { max-width: 1024px; margin-left: auto; margin-right: auto; border-left: 1px solid #74c458; border-right: 1px solid #74c458; border-bottom: 1px solid #74c458;  padding: 83px 64px 64px 64px;  }



/******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*******************/



/*************************************Start Join the Discussion **************************/
#jointhediscussion_wrap { padding-bottom: 80px; padding-top: 80px;  }
.jointhediscussion_content {  max-width: 1024px; margin-left: auto; margin-right: auto; position: relative;  margin-top: -21.5%; position: relative; }
 
.jointhediscussion_content_top { padding: 30px 50px 20px 50px; }
.jointhediscussion_content_top h2 { color: #fff; font-size: 34px; font-weight: 300; line-height: 2.25em/*36px*/; padding-top: 38px;  }
.jointhediscussion_content_top h2 strong { font-weight: 400; }

.jointhediscussion_content_bottom { border-left: 1px solid #ee971c; background-color: #fff; border-right: 1px solid #ee971c; border-bottom: 1px solid #ee971c; padding: 50px;  }
/*************************************End Join the Discussion **************************/


/*layout styling*/

#pagewrap { padding-bottom: 78px; position: relative; background-color: #fff;     background-image: url(images/structure/bkg_img_graphic.png); background-position: right -322px top 680px; background-size: 80%; background-repeat: no-repeat;  }

#pagewrap.bkggleft { background-image: url(images/structure/bkg_img_graphic_left.png); background-position: left -400px top 256px; }

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

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

.footerwidget { padding-bottom: 20px; }

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

#header {  background-color: #295d90; }

.inner_header_wrap { padding-left: 50px; padding-right: 50px; position: relative; }


#pagetitle_wrap .featured_top,  #pagetitle_wrap .featured_bottom, .jointhediscussion_content_top {   /*background-color: #ed8a00; background-image: url('images/structure/Orange_header_bkg.png');*/  }

#pagetitle_wrap .featured_top { margin-left: 10%; height: 48px; margin-top: 50px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; background-repeat: repeat-y; }
#pagetitle_wrap .featured_bottom { position: relative; margin-left: 10%; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; background-repeat: repeat-y; padding-left: 62px; margin-bottom: 108px; min-height: 108px; }


/***************************************************/
/************* Start Color styles*******************/
/***************************************************/
#pagetitle_wrap.green .featured_top,  #pagetitle_wrap.green .featured_bottom { background-color: #6bb952; background-image: url('images/structure/Green_header_bkg.png'); }
#pagetitle_wrap.blue .featured_top,  #pagetitle_wrap.blue .featured_bottom { background-color: #005c99; background-image: url('images/structure/Blue_header_bkg.png'); }
#pagetitle_wrap.lightblue .featured_top,  #pagetitle_wrap.lightblue .featured_bottom { background-color: #4fb4ce; background-image: url('images/structure/LightBlue_header_bkg.png'); }
/***************************************************/
/************* End Color styles*******************/
/***************************************************/


#pagetitle_wrap .featured_bottom .row { width: 100%; padding-top: 8px; padding-bottom: 12px; }

#pagetitle_wrap .featured_bottom .btn { position: absolute; bottom: 25px; background: transparent; color: #fff; font-size: 22px; border: 1px solid #fff; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px ; padding: 10px 8px; }
#pagetitle_wrap .featured_bottom h2,   #pagetitle_wrap .featured_bottom p { color: #fff; }

#pagetitle_wrap .featured_bottom p { font-size: 18px; line-height: 1.5em/*24px*/; }
#pagetitle_wrap .featured_bottom h2 { padding-bottom: 7px; font-size: 36px; font-weight: 400; line-height: 3.0625em/*49px*/; letter-spacing: .3px;  }

#pagetitle_wrap .featuredimage img { width: 100%; height: auto;  }

.featuredimage { /*max-height: 300px;*/ overflow: hidden; }

#pagetitle h1 { float: left; display: block; font-size: 52px; font-weight: 400; color: #fff; padding-top: 8px; padding-bottom: 12px;}
#pagetitle ul { display: inline-block; margin-bottom: 0px; padding-left: 24px;  }
#pagetitle ul li { list-style-type: none; float: left; margin-bottom: -4px; }
#pagetitle ul li:hover { background-image: url('images/structure/header-title-hover-bkg.png'); }
#pagetitle ul li a { color: #ffffff; padding: 0 18px;  line-height: 6.375em/*102px*/;  float: left; font-size: 24px;  text-decoration: none; padding-top: 5px;  }
 

body#fr #pagetitle ul li a { font-size: 17px;  } 
body#fr #pagetitle h1  { font-size: 40px; }

.post img { height: auto; }

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

#pagewrap .entry-post-format p, #pagewrap .entry-post-format ul li { font-size: 1.462em; }
 
#pagewrap .entry-post-format table p { font-size: 1.000em; }
#pagewrap .entry-post-format ul li  { color: #707372; }

/*********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 { float: right; z-index: 2; padding-top: 8px; clear: right; }
#navigation ul { margin: 0; padding: 0;  }
#navigation ul li { float: left; list-style-type: none; padding-right: 24px; }
#navigation ul li:last-child { padding-right: 0px; }
#navigation ul ul li { width: auto; }

#navigation ul li a   { color: #fff; font-size: 16px; outline: medium none; text-decoration: none; width: auto; font-weight: /*400*/500; }


#navigation ul li:hover a, #navigation ul li:focus a { color: #70b9c6;  }

#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: #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: 1.0625em/*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 Sub Navigation Menu Styles  ***********************/
/***************************************************************************************/
.subnavigation { background-color: #E3E3E3; }

ul.submenu-links { display: table; margin-left: auto; margin-right: auto; list-style-type: none; margin-bottom: 5px; margin-top: 3px; }
ul.submenu-links li { float: left; padding-right: 44px; font-size: 25px; }
ul.submenu-links li a {text-decoration: none; }
/***************************************************************************************/
/***************************** End Sub Navigation Menu Styles  ***********************/
/***************************************************************************************/

/***************************************************************************************/
/************************* 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 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 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 **************************/
/***********************************************************************/

.footerlogo { max-width: 330px; } 


#footer { width: 100%; background-color: /*#363636*/#295d90;  padding-top: 20px; padding-bottom: 20px; margin-top: 0px; margin-bottom: 8px;   }

#footer a { color: #fff; }

.footer_wrapper { padding-left: 50px; padding-right: 50px; 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%; }


.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;  padding: 0;  position: absolute; width: 1px; }


/*************************Subscribe Styles **********************************/


#mc_embed_signup_wrap { margin-left: 15px; margin-right: 15px; padding-bottom: 52px;  }


#mc_embed_signup_scroll h2 { font-weight: 300 !important; color: #fff; margin: 0px !important; line-height: 1.75em/*28px*/; font-size: 23px !important; }
#mc_embed_signup_scroll h2 strong { font-weight: 500; }
#mc_embed_signup { padding-top: 46px; padding-bottom: 46px; background-color: /*#005c99*/#70b9c6; max-width:1024px;  padding-right: 54px; padding-left: 54px; margin-top: -205px; position: relative; margin-left: auto; margin-right: auto; }

#mc_embed_signup .mc-field-group { width: 100% !important; }

#mc_embed_signup .indicates-required, #mc_embed_signup .asterisk { color: #fff !important; }

#mc_embed_signup .indicates-required { width: 100%; text-align: right; padding-right: 18px; }


#mc_embed_signup.margintop30 { margin-top: 30px; }
#mc_embed_signup_wrap.paddingbottom20  { padding-bottom: 20px; }

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { color: #CD0202 !important; background-color: #ffffff !important; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #265787;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #265787;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #265787;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #265787;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #265787;
}


#mc-embedded-subscribe, .newcamputformbtn { font-weight: 400 !important; font-size: 22px; min-width: 103px; display: block !important; border: 1px solid #fff !important; background: transparent !important; color: #fff !important; border-radius: 7px !important; -moz-border-radius: 7px !important; -webkit-border-radius: 7px !important;  }
.mc-embedded-subscribe-wrap { display: inline-block; padding-left: 14px;  }

.newcamputformbtn {  margin-left: auto !important; margin-right: auto !important;  }
#mc_embed_signup .mc-field-group input, .contactformwrap .wpcf7-form-control-wrap input { text-indent: 12px !important; line-height: 1.875em/*30px*/; color: #000; min-height: 36px; }
#mc_embed_signup .mc-field-group input { width: 100%;  }
#mc_embed_signup_scroll { padding-bottom: 34px;  }
/*************************Subscribe Styles **********************************/

.affiliatedwith { margin-top: 12px; } 

/*** @subsection Social Networks for TOH */
.social { overflow: hidden; position: relative; float: left; }
.social h2 { color: #fff; padding-top: 0px; font-size: 17px; font-weight: 400; padding-bottom: 8px; line-height: normal; }

.social .navigation { list-style-type: none; padding-left: 0;}

.social.svg a { width: 48px; height: 48px; }

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

.social a.youtube { background-image: url('images/social/youtube_icon.png'); }

.social a.facebook { background-image: url('images/social/facebook_icon.png');}

.social a.twitter { background-image: url('images/social/twitter_icon.png');}


/*** @subsection Links for Sharing and Donating*/



#menu-footer-menu, #menu-footer-menu-french{ padding: 0; float: left; }
#menu-footer-menu li, #menu-footer-menu-french li { list-style-type: none; margin-right: 10px;  font-size: 14px; margin-bottom: 3px;}
#menu-footer-menu li a, #menu-footer-menu-french li a { text-decoration: underline; }
#menu-footer-menu li a:hover, #menu-footer-menu-french li a:hover { text-decoration: none; }

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





/************************************************************************/
/************************* Start Timeline styles ************************/
/************************************************************************/

.timeline { position: relative; max-width: 476px; margin: 0 auto; padding-bottom: 40px; margin-top: 50px; }
.timeline h2, .timeline_bottom h2 { font-size: 19px; padding: 0px; color: #333; line-height: 2.25em/*36px*/; padding-top: 10px; }
#pagewrap .timeline p.lead, #pagewrap .timeline_bottom p.lead { font-size: 14px;  font-weight: 400; line-height: 1.5em/*24px*/; padding-top: 0px; }
#pagewrap .timeline p, #pagewrap .timeline_bottom p  { font-size: 12px; line-height: 1.125em/*18px*/; margin: 0px; color: #333; } 

.timeline h2.timelinec_first { color: #295d90; }

.timelinec_first::after { content: ''; width: 25px; height: 15px; display: block; background-image: url('images/timeline/Timeline_blue_arrow.png'); margin-left: 18px;  }

.timeline::before { content: ''; width: 13px; height: 13px; background-color: #000; border: 4px solid #000;  display: block; margin-left: auto; margin-right: auto; border-radius: 50%; z-index: 1; }
.timeline::after { content: '';  position: absolute;  width: 1px; background-color: #000; top: 0;  bottom: 0; left: 50%;  margin-left: -1px; }
 
/* Container around content */
.timelinecontainer { padding: 10px 30px; padding-top: 51px;  position: relative; background-color: inherit; width: 50%; }
.timelinecontainer .t_icons a { height: 84px; width: 108px; float: left; margin-top: -13px;  }
.timelinecontainer.right .t_icons a { margin-left: -165px; }
.timelinecontainer.left .t_icons a { margin-right: -165px; float: right; }

.timelinecontainer .t_icon1 a {background-image: url('images/timeline/Timeline_stage1.png'); background-repeat: no-repeat; }
.timelinecontainer .t_icon2 a {background-image: url('images/timeline/Timeline_stage2.png'); background-repeat: no-repeat; }
.timelinecontainer .t_icon3 a {background-image: url('images/timeline/Timeline_stage3.png'); background-repeat: no-repeat; }
.timelinecontainer .t_icon4 a {background-image: url('images/timeline/Timeline_stage4.png'); background-repeat: no-repeat; }
.timelinecontainer .t_icon5 a {background-image: url('images/timeline/Timeline_stage5.png'); background-repeat: no-repeat; }

/* The circles on the timeline */
.timelinecontainer::after { content: ''; position: absolute; width: 21px; height: 21px; right: -10px;  background-color: #fff; background-image: url('images/timeline/Timeline_light-blue_dot.png'); background-repeat: no-repeat; background-position: 3px; border: 1px solid #000; top: 68px; border-radius: 50%; z-index: 1; }

.timelinecontainer.tlorange::after { background-image: url('images/timeline/Timeline_orange_dot.png'); }
.timelinecontainer.tlgreen::after { background-image: url('images/timeline/Timeline_green_dot.png'); }
.timelinecontainer.tlbabyblue::after { background-image: url('images/timeline/Timeline_baby-blue_dot.png'); }
.timelinecontainer.tlblue::after { background-image: url('images/timeline/Timeline_main-blue_dot.png'); }

.timelinecontainer.left { left: 0; }
.timelinecontainer.right { left: 50%; }

.timelinesection_content { display: none; }


/* Add arrows to the left container (pointing right) */
/*.timelinecontainer.left::before { content: " "; height: 0; position: absolute; top: 68px; width: 0; z-index: 1; right: 30px; border: medium solid #000; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #000; }
*/
/* Add arrows to the right container (pointing left) */
/*.timelinecontainer.right::before { content: " "; height: 0; position: absolute; top: 68px; width: 0; z-index: 1; left: 30px; border: medium solid #000; border-width: 10px 10px 10px 0; border-color: transparent #000 transparent transparent; }
*/
/* Fix the circle for containers on the right side */
.timelinecontainer.right::after { left: -11px; }

/* The actual content */
.timelinecontent { position: relative; }


.timeline_bottom { width: 280px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 90px;  }

/* Media queries - Responsive timeline on screens less than 600px wide */
@media all and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline { width: 255px; max-width: 100%; padding-bottom: 0px; }
  .timeline h2 { font-size: 16px; }
 

  .timeline::before { position: absolute; left: 7px; }
  .timeline::after { left: 14px; }
  .timelinecontainer { width: 100%; padding-left: 60px; padding-right: 0px; padding-top: 20px; }
  .timelinecontainer::after { top: 38px; }
  .timelinecontainer::before { left: 60px; border: medium solid #000; border-width: 10px 10px 10px 0;  border-color: transparent #000 transparent transparent; }
  .timelinecontainer.left::after, .timelinecontainer.right::after { left: 3px; }
  .timelinecontainer.right { left: 0%; }

  .timelinecontainer .t_icons { display: none; }

  .timelinec_first::after { /*display: none;*/ }

  .timeline_bottom { width: 255px; margin-left: auto; margin-right: auto; text-align: left; float: none; padding-bottom: 40px; margin-bottom: 40px; }

   #pagewrap .timeline p, #pagewrap .timeline_bottom p { font-size: 12px; line-height: 1.125em/*18px*/; }
   #pagewrap .timeline p.lead, #pagewrap .timeline_bottom p.lead { font-weight: 500; font-size: 13px; margin-bottom: 0px; }

  .timeline_bottom_completion_img { margin-left: -17px; width: 60px; height: 74px; margin-bottom: -53px !important; }

  /*.timelinesection_content { display: block !important; height: auto !important; }*/

  .timelinecontent div, .timeline_bottom div { width: auto; }

  .timelinecontent div img { margin-left: 15px; margin-bottom: 15px; padding-bottom: 0px; } 

  .timeline_bottom div img { margin-top: -10px; }
  .timeline_bottom div  { width: 100%; padding-left: 60px; }

  .timeline_hide_mobile { display: none; }

}

/************************************************************************/
/************************* End Timeline styles ************************/
/************************************************************************/








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

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

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






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

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


#myCarousel p { font-size: 24px; }

#myCarousel.info { padding-top: 46px;  }
#myCarousel.info .item { font-size: 24px; color: #707372; font-weight: 300; line-height: 2.5625em/*41px*/; }
#myCarousel-control.info .carousel-control.left, #myCarousel-control.info .carousel-control.right {  background-repeat: no-repeat; position: relative; height: 67px; width: 67px; display: inline-block; opacity: 1; filter: alpha(opacity=100); }

/*#myCarousel-control.info .carousel-control.left:hover, #myCarousel-control.info .carousel-control.right:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}*/

#myCarousel-control.info { text-align: center;   padding-bottom: 60px; padding-top: 30px; }
#myCarousel-control.info .carousel-control.left { background-image: url('images/structure/carousel_arrow_left.png'); margin-right: 45px;   }
#myCarousel-control.info .carousel-control.right { background-image: url('images/structure/carousel_arrow_right.png'); }



#mc_embed_signup p.lead { color: #fff; font-size: 28px; font-weight: 300;}

#mc_embed_signup_scroll p { font-size: 22px;  }
#mc_embed_signup p { color: #fff;  }

#mc_embed_signup textarea { text-indent: 11px !important; padding-top: 10px; }


.jointhediscussion_img img, .topnewsitem_img img { width: 100%; }

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

.floatleft { float:left; }


.nopadding { padding: 0px; }
.nopaddingleft {padding-left: 0px; }
.nopaddingright {padding-right: 0px;}

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding15 { padding: 15px; }
.padding20 { padding: 20px; }
.padding25 { padding: 25px; }
.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; }
.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; }
.paddingtop65 { padding-top: 65px; }
.paddingtop70 { padding-top: 70px; }
.paddingtop75 { padding-top: 75px; }
.paddingtop80 { padding-top: 80px; }

.paddingbottom5 { padding-bottom: 5px; }
.paddingbottom10 { padding-bottom: 10px; }
.paddingbottom15 { padding-bottom: 15px; }
.paddingbottom20 { padding-bottom: 20px; }
.paddingbottom25 { padding-bottom: 25px; }
.paddingbottom30 { padding-bottom: 30px; }
.paddingbottom35 { padding-bottom: 35px; }
.paddingbottom40 { padding-bottom: 40px; }
.paddingbottom45 { padding-bottom: 45px; }
.paddingbottom50 { padding-bottom: 50px; }
.paddingbottom55 { padding-bottom: 55px; }
.paddingbottom60 { padding-bottom: 60px; }
.paddingbottom65 { padding-bottom: 65px; }
.paddingbottom70 { padding-bottom: 70px; }
.paddingbottom75 { padding-bottom: 75px; }
.paddingbottom100 { padding-bottom: 100px; }

.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;}
.nomargintop { margin-top: 0px; }
.nomarginbottom { margin-bottom: 0px; }
.nomarginright{ margin-right: 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; }
.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; }

.margintopnone { margin-top: 0px; }
.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; }
.margintop80 { margin-top: 80px; }
.margintop90 { margin-top: 90px; }
.margintop110 { margin-top: 110px; }
.margintop140 { margin-top: 140px; }

.negmarginleft1 { margin-left: -1px; }
.negmarginleft2 { margin-left: -2px; }
.negmarginleft3 { margin-left: -3px; }
.negmarginleft4 { margin-left: -4px; }
.negmarginleft5 { margin-left: -5px; }


.borderright { border-right: 1px solid #ccc; }
 
.maxwidth175 { max-width: 175px; }

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

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

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

.whitebkg { background-color: #fff;}

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



.getintouchimgwrap { padding-top: 75px; }

/***************************************************************/
/********************** 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*******************/
/***********************************************************************/


.mobile_nav_tab { display: none !important; }
#myCarousel.popitems .carousel-inner .item, #myCarousel.popitems .carousel-inner .item.active { padding: 10px; min-height: 235px; display: block; width: 23.5%; margin-right: 1.5%; float: left; border: 1px solid #eee; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px ;  background-color: #fff; }
#myCarousel.popitems .carousel-inner .item img { margin-bottom: 5px;  margin-left: auto; margin-right: auto;}
#myCarousel.popitems .carousel-inner .item a { padding: 16px; display: block; text-decoration: none; }
#myCarousel-control.popitems .carousel-control, #myCarousel.popitems .carousel-indicators { display: none; }



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

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

.visible-mobile, .visible-tablet { display: none;} 

.hide-mobile {display: block;}

.nopadding-desktop { padding: 0px;}



/*******************************************************************/
/***************** Start Larger than Tablet styles *****************/
/*******************************************************************/
@media screen and (min-width: 1200px) {
	#homepagelocation_wrap.locationstyle h2 { font-size: 32px;  }
	#homepagelocation_wrap.locationstyle h2 strong { font-size: 45px; }
	#navigation { display: block !important; }

	#pagewrap p { font-size: 1.846em;  font-weight: 300; }

	#mc_embed_signup_wrap p { font-size: 1.000em; font-weight: 400; }
}
/*******************************************************************/
/****************** End Larger than Tablet  styles *****************/
/*******************************************************************/





/*******************************************************************/
/********************** Start Tablet styles ************************/
/*******************************************************************/

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


	#navigation { padding-bottom: 12px; display: none; width: 100%; position: absolute; top: 118px; right: 0px; z-index:999; height: auto; background-color: #ffffff; -webkit-box-shadow: 0px 8px 11px 0px rgba(0,0,0,0.33); -moz-box-shadow: 0px 8px 11px 0px rgba(0,0,0,0.33); box-shadow: 0px 8px 11px 0px rgba(0,0,0,0.33);}
	#navigation .container { padding: 0px;}
	
	#navigation ul { padding-left: 10px; padding-right: 10px; padding-top: 35px; float: left; width: 100%;}
	#navigation ul li { width: 100%; text-align: left; border-left: 0px; border-right: 0px;   height: auto; margin-bottom: 6px; }
	#navigation ul li:hover { border-left: 0px; border-right: 0px;}
	#navigation ul li:hover > ul { display: none;}
	#navigation ul li a { color: #295d90; 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 { position: absolute; right: 30px; top: 46px; }
	.mobile_nav_btn img { width: 39px;}

	.mobile_nav_close_btn { float: right; padding-top: 2px; padding-right: 32px; }
	.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 ul li:last-child { border-right: 0px;}

 	.visible-tablet { display: block; }

 	.mainmenu { height: auto; }



	#pagetitle h1, body#fr #pagetitle h1  { font-size: 2.308em; margin-top: 6px; padding-left: 36px; padding-bottom: 0px; margin-bottom: 0px; padding-bottom: 10px;  }

	#pagetitle ul li a, body#fr #pagetitle ul li a { font-size: 1.231em; line-height: 3.625em/*58px*/;  }
	#pagetitle_wrap .featured_bottom { padding-left: 0px;  }
	
	#pagetitle_wrap .featured_bottom h2, #pagetitle_wrap .featured_bottom p { padding-left: 40px; }
	
	.jointhediscussion_content_innerwrap { margin-left: 40px; margin-right: 40px;  }

	#pagetitle_wrap .featured_bottom {  min-height: 64px; }

	h2.faqtitle { font-size: 1.538em; padding-bottom: 0px; }
	h2.faqtitle a { background-size: 4%; font-size: 1.538em; padding-left: 46px; line-height: 1.5625em/*25px*/; font-weight: 400; }
	.faqcontent p, .faqcontent .columnsp { padding-left: 47px; }

 
	#footer { margin-top: 10px; }
	#pagetitle_wrap .featured_bottom {  padding-top: 0px;  margin-bottom: 55px;   }


	.inner_header_wrap { padding-left: 38px; padding-right: 70px; }
	
	#toh_logo img { width: 315px; height: 71px; }

	#pagetitle_wrap .featured_top { height: 34px; margin-top: 8px; }

	.faqcontent ul { padding-left: 60px; font-size: 16px;  }

	.inner_header_wrap { padding-top: 22px; }

	#prenavigation { padding-top: 25px; }

	#pagetitle_wrap .featured_top, #pagetitle_wrap .featured_bottom { margin-left: 40px; }

	#pagetitle_wrap .featured_bottom h2 { font-size: 24px; line-height: 2em/*32px*/; padding-top: 5px; padding-bottom: 8px; }

	#pagetitle_wrap .featured_bottom p { font-size: 14px; line-height: 1.0625em/*17px*/; margin-bottom: 1px;  }

	#pagetitle_wrap .featured_bottom .btn {  font-size: 16px; padding: 5px 8px; } 

	#toh_logo { padding-top: 8px; padding-bottom: 0px; float: none; display: inline-block;}

	#searchform_wrap { position: absolute; }

	h2, .entry-title { font-size: 2.308em; line-height: 2.5625em/*41px*/; }
	
	
	.c900 { padding-left: 80px; padding-right: 80px; width: 100%; }

	.h3, h3 { font-size: 1.692em;  line-height: 1.8125em/*29px*/;  margin-bottom: 2px; }
	#pagewrap p { font-size: 1.231em; line-height: 1.5 !important; font-weight: 400; }

	#pagewrap p.lead, .location_map_bottom_content p.lead { font-size: 1.538em; line-height: 1.625em/*26px*/; font-weight: 300; }

	.homepagelocation, .homepagelocation_map_wrap { padding-left: 40px; padding-right: 40px; padding-top: 34px; }
	
	.homepagelocation_map_wrap { top: -254px; margin-bottom: -254px; }

	#homepagenews_wrap { padding-top: 88px; }

	.topnewsitem_plus_graphic img { width: 50px; height: 50px; margin-left: -46px; margin-top: -29px; }
	.topnewsitem_desc { top: 105px; }

	.homepagelocation h2  { font-size: 20px; line-height: 2em/*32px*/;  }
	.homepagelocation h2 strong { font-size: 26px; }

	.topnewsitem_title { font-size: 12px; }

	#homepagenews_e_wrap { padding-left: 40px; padding-right: 40px; }

	.homepagenews_top p { padding: 0px;  }

	.topnewsitem_desc { width: 260px; padding: 20px; }

	.topnewsitem_desc_wrap.container { width: 100%; margin:0; padding-left: 100px; padding-right: 100px; }

	.homepagenews_top h2 { padding-bottom: 16px; padding-top: 5px; }

	.homepagenews_top { padding-bottom: 8px; }

	.homepagenews_bottom { padding: 30px 40px 40px 40px ; }

	.newsroom-link { padding-right: 15px;  }

	.homepagenews_bottom .viewall_btn .btn { padding: 5px 21px; font-size: 15px; }

	#homepagenews_e_wrap { padding-bottom: 72px;  }

	.footer_wrapper { padding-left: 40px; padding-right: 40px; }

	a.search { position: relative; top: 6px; left: 39px; float: left; }
		.se-color{
    position:relative;
    top:-6px;
    left: 10px;
    float: left;
    color: #295d90;
font-size:18px;
}

	#searchform_wrap { position: absolute; z-index: 9999; left: 70px; padding-top: 18px;}
	/*#searchform { padding-left: 46px; padding-top: 8px;  }*/

	#mc_embed_signup_wrap { margin-left: 42px; margin-right: 42px;  }

	.nopaddinglefttabletdown { padding-left: 0px;  }
	.nopaddingrighttabletdown { padding-right: 0px;  } 

	#mc_embed_signup p.lead { font-size: 20px; }
	#mc_embed_signup_scroll p { font-size: 14px; line-height: 1.25em/*20px*/; }

	.newcamputformbtn { margin-top: 33px;  }

	.wpcf7 hr { margin-top: 30px; }

	.footerlogo { max-width: 278px; padding-top: 32px; }

	.getintouchimgwrap { padding-top: 30px; }

	.right-inner-content { padding-left: 0px; }

	.section900 { width: 100%; }

	.location_map_bottom_content_wrap { margin-left: 40px; margin-right: 40px; padding-bottom: 124px; }

	.jointhediscussion_content_top h2 { font-size: 20px; line-height: 1.625em/*26px*/; }
	.jointhediscussion_content_top h2 strong { font-size: 30px; }

	.jointhediscussion_content_bottom { padding: 40px; }

	#mc_embed_signup .mc-field-group input, .contactformwrap .wpcf7-form-control-wrap input { min-height: 24px;  }
} 

/*******************************************************************/
/************************ End Tablet styles ************************/
/*******************************************************************/



/*******************************************************************/
/***************** Start Larger than Mobile styles *****************/
/*******************************************************************/

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

	

	#myCarousel.popitems .carousel-inner { overflow: unset; }
	#myCarousel.popitems .carousel-inner .item.transition {
	    -webkit-transform: scale(1.08); 
	    -moz-transform: scale(1.08);
	    -o-transform: scale(1.08);
	    transform: scale(1.08);
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(170,170,170,1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(170,170,170,1);
		box-shadow: 0px 0px 10px 0px rgba(170,170,170,1);
	}

}

/*****************************************************************/
/***************** End Larger than Mobile styles *****************/
/*****************************************************************/




/*******************************************************************/
/********************** Start Mobile styles ************************/
/*******************************************************************/

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

	#pagewrap .entry-post-format p, #pagewrap .entry-post-format ul li { font-size: 1.077em; }
 	
 	#pagewrap .entry-post-format h2 { padding-bottom: 10px; }
	#pagewrap .entry-post-format p { line-height: 1.1875em/*19px*/; }


	#pagetitle h1, body#fr #pagetitle h1   { font-size: 1.231em; width: 100%; }

	#pagetitle ul,  #pagetitle ul li,  #pagetitle ul li a { width: 100%;  }
	#pagetitle ul { padding-left: 0px; padding-bottom: 6px;  }
	#pagetitle ul li { float: left; clear: both;}
	#pagetitle ul li a, body#fr #pagetitle ul li a { font-size: 0.923em; line-height: 1.875em/*30px*/; padding-top: 0px; }

	.mobile_nav_btn { right: 11px; top: 17px;  }
	.inner_header_wrap { padding-left: 13px; padding-right: 13px;  }
	#pagetitle_wrap .featured_top { height: 12px;  }

	#pagetitle_wrap .featured_top, #pagetitle_wrap .featured_bottom { margin-left: 13px; }

	#pagetitle_wrap .featured_bottom {  min-height: 35px; }
	#pagetitle_wrap .featured_bottom h2 { font-size: 16px; line-height: 1.125em/*18px*/;  }

	#pagetitle_wrap .featured_bottom p { font-size: 12px; line-height: 1.0625em/*17px*/;  }

	
	.section900 { padding-left: 0px; padding-right: 0px;  }
	h2, .entry-title { /*font-size: 16px;*/ font-weight: 500; line-height: 1.25em/*20px*/;  padding-bottom: 0px; }

	.h3, h3 {  font-size: 14px;  font-weight: 500; }

	#pagewrap { padding-bottom: 10px; }
	#pagewrap p { font-size: 1.000em; }
	#pagewrap p.lead { font-size: 1.000em; line-height: 1.25em/*16px*/; font-weight: 400;  margin-bottom: 11px; }

	.feature { padding-top: 34px; }
	.feature p { font-size: 12px; font-weight: 400; line-height: 1.25em/*16px*/; }

	#pagetitle_wrap .featured_bottom .row { margin-bottom: 14px; }

	#homepagelocation_wrap {  margin-top: 7px;  }

	.location_map_bottom_content_wrap { margin-left: 13px;  margin-right: 13px; padding-bottom: 51px; }

	.homepagelocation { padding-top: 18px; padding-bottom: 158px;   }

	.homepagelocation h2 { line-height: 0.9375em/*15px*/; font-size: 12px;  padding: 0px; }
	.homepagelocation h2 strong { font-size: 16px; line-height: 1.1875em/*19px*/;  }

	.nopaddingleftmobile { padding-left: 0px;  }
	.nopaddingrightmobile { padding-right: 0px;  } 

	#homepagenews_wrap { padding-top: 19px; }

	#homepagenews_e_wrap { padding-left: 13px; padding-right: 13px;  }
	.topnewsitem_desc { display: none; }

	#homepagenews { margin-top: -76px; }
	.homepagenews_top { padding: 22px 14px 16px 14px; }
	.homepagenews_top h2 { padding-bottom: 8px; padding-top: 0px; }
	.homepagenews_top p {  padding: 0px;  margin-bottom: 0px; }


	.homepagenews_bottom { padding: 30px 8px 20px 8px; } 

	.newsroom-link { border-left: 0px; padding-left: 0px; padding-right: 5px; margin-bottom: 24px;  padding-right: 5px; padding-left: 5px; }
	.homepagenews_bottom .viewall_btn { padding-right: 10px;  }

	.newsroom-link a { max-width: 156px; margin-left: auto; margin-right: auto; display: block; }

	.homepagenews_bottom .viewall_btn { padding-top: 0px;  }

	.homepagenews_bottom .viewall_btn .btn { padding: 4px 17px; font-size: 16px;  }

	.social{ padding: 0px;  }

	.footer_wrapper { padding-left: 13px; padding-right: 13px;  }

	#prenavigation { width: 100%; padding-top: 0px; }

	.wpml-ls { padding-left: 0px;  }

	a.leavealegacy { padding: 4px 12.5px; }

	.wpml-ls-legacy-list-vertical a { padding: 6px 0 0 0 !important; }

	#footer .row {  margin-right: -11px; margin-left: -13px; }

	.homepagelocation { padding-bottom: 95px; padding-left: 0px;  padding-right: 0px;}
	.homepagelocation_map_wrap { top: -130px; margin-bottom: -130px; padding-left: 13px; padding-right: 13px; }

	#pagetitle h1, #pagetitle ul li a, body#fr #pagetitle h1  {  padding-left: 13px; }
	#pagetitle h1, body#fr #pagetitle h1  { margin-top: 0px; padding-bottom: 7px;  }
	#pagetitle_wrap .featured_bottom { padding-top: 0px;  }	

	#pagewrap p.smallmobile { font-size: 10px; line-height: 0.875em/*14px*/; }

	#jointhediscussion_wrap { padding-top: 30px; padding-bottom: 0px; }
	
	.jointhediscussion_content_top { padding-bottom: 25px; padding-top: 18px; padding-left: 40px; padding-right: 40px; }
	.jointhediscussion_content_top h2 { font-size: 12px; line-height: 1.125em/*18px*/; font-weight: 300; padding-top: 10px; }
	.jointhediscussion_content_top h2 strong { font-size: 16px;  }

	.jointhediscussion_content_bottom { margin-top: -10px;  padding: 30px 15px; }
	#pagewrap .jointhediscussion_content_bottom p { font-size: 12px; line-height: 1.3125em/*21px*/; }
	.paddingbottom15mobile  { padding-bottom: 15px;  }

	.myCarousel-control.popitems { display: none; }

	#mc_embed_signup_scroll { padding-bottom: 18px; margin-left: -13px; }
	#mc_embed_signup_scroll h2 { font-weight: 300; line-height: 1.1875em/*19px*/; font-size: 12px !important; padding: 0px; color: #ffffff; }

	
	#mc_embed_signup .mc-field-group input { margin-top: -9px;  }

	.paddingbottom20mobile { padding-bottom: 20px; }

	.inner_header_wrap { padding-top: 0px; }

	


	#myCarousel.popitems .carousel-inner .item, #myCarousel.popitems .carousel-inner .item.active {  width: 47%; margin-bottom: 15px; } 
	#myCarousel.popitems .carousel-inner .item img { max-height: 174px; padding-bottom: 4px; }

	#myCarousel.popitems .carousel-inner .item a { padding: 8px; font-size: 10px; color: #265787; font-weight: 500; }

	#myCarousel.popitems .carousel-inner .item, #myCarousel.popitems .carousel-inner .item.active { margin-right: 3%; }


	h2.faqtitle { font-size: 14px; padding-bottom: 0px; }
	h2.faqtitle a { background-size: 3%; font-size: 14px; padding-left: 30px; line-height: 1.3125em/*21px*/; font-weight: 400; }
	.faqcontent p, .faqcontent .columnsp { padding-left: 30px; }

	.faqcontent ul { padding-left: 60px; font-size: 12px;  }
	#pagewrap .faqcontent p { font-size: 14px; }



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

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


	.maxwidth68mobile { max-width: 68px; }

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

	.c900 { padding-top: 0px; padding-left: 13px; padding-right: 13px; }

	#pagetitle_wrap .featured_bottom { margin-bottom: 22px;  }
	.pagetools { margin: 0px; }

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





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

	#toh_logo { padding-top: 12px; padding-bottom: 10px; }
	#toh_logo a { height: auto; width: auto; }
	#toh_logo img {width:220px; height: 50px;} 

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

	

	
	

	.newsroom-link { position: relative; display: block !important; left: 0px; font-size: 12px; font-weight: normal; line-height: 1.25em/*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, .news-letter { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
	
	.pagetools li .dropdown { right: 0px; width: 100%; max-width: 248px;}

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

	.wpml-ls-legacy-list-vertical a span { font-size: 12px; font-weight: 500; }

	#pagetitle_wrap .featured_bottom h2, #pagetitle_wrap .featured_bottom p { padding-left: 13px; }

	#pagetitle_wrap .featured_bottom .btn { position: relative; bottom: 0px; margin-left: 28px;  }

	#pagetitle_wrap .featuredimage img { width: 110%; max-width: 110%; margin-left: -8%;}

	/******** 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 ********/


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

	.entry-content iframe { width: 100%; height: 250px; max-width: 560px; }

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




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


	#navigation { top: 86px; }
	#navigation ul { padding-top: 28px;  }

	.mobile_nav_close_btn { padding-right: 16px; }
		a.search { top: 15px; left: 14px; position: absolute; }
	.se-color{
    top:-10px;
    left:10px;
    position:absolute;
    color:#295d90;
font-size:18px;

}

	#searchform_wrap { top: 41px; left: 37px; }
	#searchform { width: 210px; }

	#mc_embed_signup_wrap { margin-left: 13px; margin-right: 13px;  }

	#mc_embed_signup { margin-top: -60px; padding-right: 20px; padding-left: 20px;  padding-bottom: 38px;}

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

	#mc_embed_signup p.lead { font-size: 16px;  font-weight: 400; line-height: 1.0625em/*17px*/; }
	#mc_embed_signup_scroll p { font-size: 12px; }

	#mc_embed_signup .mc-field-group input, .contactformwrap .wpcf7-form-control-wrap input {  text-indent: 6px !important; line-height: 1.125em/*18px*/; }

	#mc_embed_signup textarea { text-indent: 5px !important; padding-top: 3px; }

	.newcamputformbtn { margin-top: 26px; }

	.mc-embedded-subscribe-wrap { display: block; margin-left: auto; margin-right: auto; width: 106px; padding-left: 0px; }

	.paddingbottom10mobile { padding-bottom: 10px; }

	#mc_embed_signup_wrap.nomarginmobile { margin: 0px; }
	.nomarginmobile { margin: 0px; }
    
	.nopaddingtopmobile { padding-top: 0px; }
	.paddingtop5mobile { padding-top: 5px; }
	.paddingtop10mobile { padding-top: 10px; }
	.paddingtop15mobile { padding-top: 15px; }
	.paddingtop20mobile { padding-top: 20px; }
	.paddingtop25mobile { padding-top: 25px; }
	.paddingtop30mobile { padding-top: 30px; }

	.location_map_bottom_content { padding: 36px 18px 36px 18px; }

	#myCarousel.info { padding-top: 5px; }

	#myCarousel .carousel-inner { text-align: center; margin-bottom: 13px; }
	#myCarousel .carousel-inner .item img { margin-left: auto; margin-right: auto; margin-bottom: 10px; }
	#myCarousel .carousel-inner .item p { font-size: 12px; line-height: 1.3125em/*21px*/; }

	#myCarousel-control.info { text-align: center; padding-bottom: 40px; padding-top: 10px; }
	#myCarousel-control.info .carousel-control.left, #myCarousel-control.info .carousel-control.right { background-size: 100%; height: 40px; width: 40px; }
	#myCarousel-control.info .carousel-control.left { margin-right: 24px; }

	#footer { padding-top: 0px; }
	.footerlogo { max-width: 172px; padding-bottom: 22px; padding-top: 29px; }
	#menu-footer-menu li a, #menu-footer-menu-french li a { font-size: 12px;  }
	#menu-footer-menu li, #menu-footer-menu-french li { margin-bottom: 0px; }

	.jointhediscussion_content_innerwrap { margin-left: 15px; margin-right: 15px;  }
}

/*******************************************************************/
/********************** End Mobile styles ************************/
/*******************************************************************/


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

@media screen and (max-width: 350px) { 
	#inner_header ul.menu li a { font-size: 8px; float: left;}
	body#fr .socialmediarightlinks { width: 215px; }
	.mobile_vertical_img { height: 150px; width: auto;}
}


.h4, h4 { font-size: 17px; margin-top:-180px; padding-top: 180px }

.btn-primary, .btn-default { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px ; line-height: 1.0625em/*17px*/; padding-left: 12px; padding-right: 12px; font-weight:bold; }

.btn-primary {background-color: #295d90 !important; }
.btn-default {background-color: #eee; color: #222; }

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

.btn-primary:hover  { background-color: #295d90;}
.btn-default:hover { background-color: #fff; }

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

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




/*******************************************/
/************ Start Print Styles ***********/
/*******************************************/

@media print {
body { font-size: 17px; } 
a[href]:after { content: none !important; }
#affiliate_links ul li, #searchform, #navigation, .menu-pre-menu-english-container, .menu-pre-menu-french-container, #toh_logo img.hideonprint, .social { 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***************/

/********* Home page video *********/
.video-thumb{display: block;
    position: relative;
    cursor: pointer;
margin-left: auto;
    margin-right: auto;
 
}
.video-thumb {   width: 100%;
    max-width: 100%;
    height: auto;
	}
.screen-reader-text{
border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
	word-wrap: normal !important}
embed,
iframe,
object {
  max-width: 100%;
}
.video-thumb:after {
  font-family: 'Font Awesome 5 Free';
  content: '\F144';
  font-size: 40px;
  color: #ff0c00;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.toh-youtube-video-inner {
    max-width: 560px;
	margin: 0 auto;}
/********* TOH Card ********/
.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;*/
}
.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;
    width: 100%;
    max-width: 399px;
    background-color: #fff;
	    padding-bottom: 15px;
}
.h-100 {
    height: 100%!important;
}
.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: 12px;
    -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);
}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.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: 400;
    font-size: 1.6rem;
    line-height: 1.5em;
    padding-bottom: 5px;
    text-decoration: none;
    color: #295d90;
}
.toh-card .toh-card-inner img {
    height: auto;
    max-width: 100%;
    border-radius: 5px;
}
.toh-card-text p{font-size:16px;}

.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*/ #002776 !important;
color: #fff !important;
border-color:#002776 !important;
padding: 10px 30px;
	font-size: 1.6rem; line-height: 1.5em; font-family: roboto; font-weight: 700; text-decoration: none; 
}
.pagination-next a:hover{background-color: #fff !important; border: 2px solid #002776 !important; color:#002776 !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*/ #002776 !important;
color: #fff !important;
border-color:#002776 !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 #002776 !important; color:#002776 !important;}

.check-point-nl{font-size: 22px;
    font-weight: 300;
    color: #707372;
    padding-left: 142px;
}

/*home page donate button*/
.vc_btn3-container.vc_btn3-center {
    text-align: center;
}
.tohnc-button.tohnc_btn.endeavour  {background-color: #295d90;
    border-color: #295d90;
    color: #ffffff;
}

/******* Hero Wrap Banner ******/
	.toh-hero-wrap{    min-height: 500px;
    padding-top: 60px;
    /*margin-left: 6.94444444%;*/
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;}
	
	.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 {
    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-title.endeavour, .toh-hero-title.celery, .toh-hero-wrap .toh-hero-inner .toh-hero-title.eminence, .toh-hero-title.celery, .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;
  }
.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.sapphire {
    background-color: #002776;
			}
		}
	@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;
  }

}

.fig-caption { text-align: center; font-size: 12px; color:707372; line-height: normal;}

/*.news-letter {color:#fff;
	text-align: center;
	 font-weight: 600;
	font-size: 2.0rem;
}*/
.news-letter {position: relative; float: left; }
.news-letter h2 { color: #fff; padding-top: 0px; font-size: 17px; font-weight: 400; padding-bottom: 15px; line-height: normal;}


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

.cp_nl img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
	text-align: center;
}
img[Attributes Style] {
    width: 400px;
    aspect-ratio: auto 400 / 77;
    height: 77px;
}