/*
 Theme Name:     Prenatal Information
 Theme URI:      http://www.educationprenataleontario.ca
 Description:    A custom theme for Health Nexus & Éducation Prénatale Ontario
 Author:         Bob Edmonds + CyberChimps
 Author URI:     http://electracommunications.ca, https://cyberchimps.com/
 Template:       responsivepro 
 Version:        1.0.1.0
 License: 		 GNU General Public License
 License URI: 	 license.txt
*/


/*@import url("../responsivepro/style.css");*/

/*Having the above standard line in causes the following:
At tablet or phone sizing (e.g. small viewports), the menus remain open (i.e. they do not collapse) and form one big long block all the time. */

/* =Theme customization starts here. Initially based on ASCY website.

-------------------------------------------------------------- */


/*START Setup */

.orange{background-color:#f99f1c;}

.orange-lite {background-color:#fcce8a;}

.green-lite {background-color: #d6e6e5;}

border-gray {border: 1px solid #E5E5E5;}

body {background-color:#dddddd;background-image: url("images/site-bkgd.png"); background-repeat:repeat-x;font-family: 'Open Sans', sans-serif!important;font-weight:400;}

/*a:link, a:visited{	color:#00578e;/*blue*/outline: 0;text-decoration: none;}
a:link, a:visited, a:active{	color:#00578e;/*blue*/outline: 0;text-decoration: none;}*/

.small {font-size:.8em;}

.small-cap {font-size:.8em; font-variant:small-caps;}

p .close-top {padding-top:0;padding-bottom:0; margin-top:0;margin-bottom:-20px;color:pink;}

a:hover, a:focus, a:active {color:#2984df!important;}

a.button, input[type="reset"], input[type="button"], input[type="submit"] {background:#d6e6e5;color:#00578e;border:1px solid #00578e; text-shadow:none;}

a.button:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	background-color: #006c67;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	border: 1px solid #00578e;
	box-shadow: none;
	color: white;
	filter: none;
}


#container { }

.site-description {}

#logo img {max-width: 960px;width: 100%;max-height:260px;height:100%; z-index:50;}

/*END Setup */


/* START menu*/

.menu {background-color:#aac747;background-image: none;}

.main-nav {font-family: 'PT Sans', sans-serif;font-weight:400;border-right: 1px solid #8ca43a;}

.js .main-nav .menu li li a {color:#FFF;}/* Color of collapsed menu item bkgd.*/

.js .main-nav .menu li a:hover, .js .main-nav .menu li li a:hover {background-color:#8ca43a!important;}/* Required for correct color response of dropdowns when viewed at small size*/

.menu li a {border-left: 1px solid #e1ebc0;border-right:1px solid #8ca43a;color:white; text-shadow: none;height:30px;padding:14px 13px 0px;margin:0px 0 0px;font-weight:400;font-size:16px; text-transform:none;background: rgba(18, 107, 187, 0.0) !important; line-height:17px; text-align:center; text-decoration:none;}

.menu .two-line a{font-size:14px; line-height:14px;padding-top: 10px;padding-bottom:4px;} /*Adjust for two-line menu items in French. */

.js .main-nav .menu li a:hover, a:focus, a:active {background-color:#8ca43a;color:white!important;}


.menu > li:first-child > a {border-left:1px solid #e1ebc0;clear:left;}

.menu > li:last-child > a {border-right:1px solid #e1ebc0;}

.menu li ul li{background-color:#035e5a!important;border:none;border-bottom:1px solid #9abace;}

.menu li li a{
	text-align:left;
	background-color:#8ca43a!important;
	font-size:14px;
	font-weight:400;
	padding:8px;
	color: #FFF;
}

.menu li li a:hover {
	background-color:#8ca43a!important;
	border:none;
	color: #FFF;
}

.menu li li:first-child > a:hover {border-top:1px solid #9abace;}/*Puts border on top of first dropdown item.*/

.top-menu {margin:0;float:left;position:relative;margin-bottom:-25px;border-right:1px solid #b3d9e4;}

.top-menu li a {
	color:#b8d5d9; text-shadow: none;
	height:30px;padding:14px 37px 0px;margin:0px 0 0px;
	font-weight:400;font-size:17px; text-transform:none; line-height:14px; text-align:center;
	background: none;
}
.top-menu li a:hover, a:active {color:white!important;}

/* START Google Custom Search*/

form.gsc-search-box {
    font-size: 11px!important;
    margin: 0px 0 -40px 0!important;
    width: 72%!important;
	height:30px;
	float:right!important; 
	position:relative!important;
	background-color:none;
}

table.gsc-search-box td.gsc-input {/*Wide rectangle around search box*/
	background-color:none;
	border:0px;
	width:75%!important;
}

.cse table.gsc-search-box td.gsc-input, table.gsc-search-box td.gsc-input {padding: 12px;margin-top:-35px;}

table.gsc-search-box td {/*Container for search box and button et al*/
    vertical-align: middle;background-color:none;border:0px;}

input#gsc-i-id1 {margin-top:-7px!important; font-size:12px;} /*Text input to search box*/

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2  {/*Search Button*/
	background-color: #8ca43a!important;
	color:white;
	margin:-2px 5px 0px -5px!important;
}

.gsc-webResult .gsc-result {border:1px solid #768c2d!important;} /*Search Results box borders changed from their default blue. */

/* END Google Custom Search*/

/* END menu*/

	
/* START SIDEBAR WIDGETS*/

#widgets {border-radius: 0px;margin: 0; background-color:#edcb76;background-color:tan;min-height:100%;}

.widget-wrapper { 
	padding: 0px;
	margin:0px -9px 0 0;
	border-radius:0;
	height:40px;
	text-align:center;
	color: black;
    background-image: url("images/tab-40.png");
	background-repeat:no-repeat;
	border:hidden;
	border-left:1px solid #b1944c;
	border-right:1px solid #b1944c;
	background-color:#edcb76;
}

#widgets .textwidget a {display: inline; font-weight:bold;}

.label {width:270px; height:22px; margin: 5px 23px;padding:3px 0px; background:white;text-transform:uppercase;font-size:0.95em;letter-spacing:-.07em;}

.coming {width:270px; height:22px; margin: 5px 23px;padding:3px 0px; background:#DEDEDE;font-size:11px;text-transform:none;font-weight:normal!important;}


	.widget-wrapper:first-child {		/*Inner shadow to match #content*/
		-webkit-box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);
	  	-moz-box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);
	     box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);}
	
/* Green folders - right side*/
	.green-widget{border-top: solid 10px #768c2d;}
	.green-widget a:link  {color: #768c2d;}
	.green-widget  a:visited{color: #768c2d;}
	.green-widget a:hover, a:active  {color: black!important;background-color:white;}
	
/* Leather folders - right side*/
	.leather-widget {border-top: solid 10px #c67533;}
	.leather-widget a:link {color: #c67533;}
	.leather-widget a:visited {color: #c67533;}
	.leather-widget a:hover, a:active {color: black!important;background-color:white;}

/*Sky folders - right side*/
	.sky-widget {border-top: solid 10px #2192b2;}
	.sky-widget a:link {color: #2192b2;}
	.sky-widget a:visited {color: #2192b2;}
	.sky-widget a:hover, a:active {color: black!important;background-color:white;}

/*Brown folders - right side*/
	.brown-widget {border-top: solid 10px #815030;}
	.brown-widget a:link {color: #815030;}
	.brown-widget a:visited {color: #815030;}
	.brown-widget a:hover, a:active {color: black!important;background-color:white;}

/*Red folders - right side*/
	.red-widget {border-top: solid 10px #b84244;}
	.red-widget a:link {color: #b84244;}
	.red-widget a:visited {color: #b84244;}
	.red-widget a:hover, a:active {color: black!important;background-color:white;}


.widget-title h3 {display:none;}

/* END SIDEBAR WIDGETS*/

/* START Home Page*/

#content-full { margin:0px;/*background-color:#cadd8e;*/}

.home-top {background-image: url("images/home-page_bkgd-top.jpg"); 
			background-repeat:no-repeat;
			height:252px;
			background-color:#cadd8e;
			padding: 1px 30px 0 45px;
			margin:-18px 0 0 0;
}

.home-top h2 {text-align:center;color: #97ba1c;padding-bottom:0;margin-bottom:-10px;}

.home-bottom {background-color:#cadd8e;padding: 20px 40px;background-color:#c9dc8b;/*light green*/}

.home-bottom .col-140 {background-image: url("images/folder.png");background-repeat:no-repeat;height:133px;padding:0;margin:0;width:20%;} 


.coming-soon{background-image: url("images/folder-coming.png")!important;background-image:none;background-repeat:no-repeat;height:133px;padding:0;margin:0;width:20%;} 


.folder{padding: 2% 1% 1% 1%;
		margin:1% 1% 1% 0%;
		background-image: url("images/folder.png");background-repeat:no-repeat;height:133px;
		height:11%; 
		width:13%;
		height:98px; 
		width:145px;
		float:left;
		position:relative;

}
.folder .title {
		padding: 8px 3px;
		margin: 5px 0px 0 0;
		border-radius:5%;
		border:1px solid white; 
		min-height:72px;
		font-family: 'Open Sans Condensed', sans-serif!important;font-weight:700;
		font-size:1.3em;
		line-height:1.0em;
		letter-spacing:-.01em; 
		color:white; 
		text-align:center; 
		text-transform:uppercase;
		color:white;		
		}
		
.folder .green {background-color:#768c2d;}
.folder .green a:visited {color:white;}

.folder .leather {background-color:#c67533;}
.folder .leather a:visited {color:white;}

.folder .sky {background-color:#2192b2;}
.folder.sky a:visited {color:white;}

.folder .brown {background-color:#815030;}
.folder .brown a:visited {color:white;}

.folder .red {background-color:#b84244;}
.folder .red a:visited {color:white;}
		
.folder a:link {color:white;background:none!important; text-decoration:none;}

.folder a:visited {color:white;background:none!important;}

.folder a:hover {color:#FFFF99!important;}

.folder a:active {color:white;background:none!important;}

.js .main-nav #responsive_current_menu_item {background:#9FBB43;} /*Changes responsive menu from default black.  */
/* END Home Page*/


/* START content areas. */

blockquote {border-width:0px!important;background-color:#FFF!important;}

#wrapper {margin:0px;padding:0;border:none;border-radius: 0px;background-color:#C9DC8B;/*Behind #content and #widgets*/
		/*Inner shadow to match #content*/
		-webkit-box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);
	  	-moz-box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);
	     box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);} 

#content-full.grid.col-940 {background-color:#c9dc8b;} /*Changes home page bkgd ONLY to green. Otherwise, #wrapper's 'folder tan' is the background color.*/

#content {margin: 0px 0px 0px 0; width:63%;padding:1% 1% 0 1%;/*top and left padding cause gremlin in cell version*/
		background-color:#c9dc8b;/*light green*/
		-webkit-box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);
	  	-moz-box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);
	     box-shadow: inset 0 7px 9px -7px  rgba(0,0,0,0.7);
}

.post-entry {background:white;}

.post-entry .text-box {min-height:800px;padding: 25px 20px 20px 25px;}

/*.post-entry */.text-box a{color:#00578e;/* BestStart blue*/}/* This causes a lot of grief to other a:link settings. */

#content ul li {list-style:square; line-height:1.8em;}

#content ul {padding-bottom:0; margin-bottom:0;}

#content ol li {line-height:1.8em;}

/* START special <ol> styling for References. Thank you: http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/*/

/* Was here, looked good, then I noticed that it only counted to 9. Everything after that was '1'.*/

/* END special <ol> styling for References */

/* Code from References: https://www.inspq.qc.ca/information-perinatale/fiches/soins-preventifs-et-de-sante */

/*#content ol {
  color: #303030;
  line-height: 1.3em;
  list-style-type: none;
}

#content ol li::before {
  background: #1c819a none repeat scroll 0 0;
  color: #fff;
  content: counter(list, decimal);
  counter-increment: list;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: -3em;
  margin-right: 1em;
  padding: 0.2em 0.6em;
  position: absolute;
  vertical-align: top;
}*/

/* END Code from References: https://www.inspq.qc.ca/information-perinatale/fiches/soins-preventifs-et-de-sante */


p { line-height:1.8em;}
	
h1 {font-family: 'Open Sans Condensed', sans-serif!important;font-weight:700;color:white;} /* home title green: color:#97ba1c;*/

h2 {font-family: 'Open Sans Condensed', sans-serif!important;font-weight:700;color:#15738e;} /* site-bkgd blue*//* #b1d6e0 site-bkgd blue -lighter */

h3 {font-family: 'Open Sans Condensed', sans-serif!important;font-weight:700;color:#83a216;} /* home title green - darker*/

h4 {font-family: 'Open Sans Condensed', sans-serif!important;font-weight:700;color:#126279;margin-top:0em;padding-top:0; line-height:normal;} /* site-bkgd blue - darker */

h5 {font-family: 'Open Sans Condensed', sans-serif!important;font-weight:700;color:#728d12;} /* site-bkgd green - darker  */

h6 {font-family: 'Open Sans Condensed', sans-serif!important;font-weight:700;color:#126279;} /* home title green - darker yet */

a:link, a:visited{color:#2984df;/* BestStart blue*/outline: 0;text-decoration: underline;}
a:hover, a:active{color:#2984df;/* BestStart blue*/outline: 0;text-decoration: underline;}

/*a:link, a:visited{	color:#00578e;outline: 0;text-decoration: none;}
a:link, a:visited, a:active{	color:#00578e;outline: 0;text-decoration: none;}*/

th, td {font-family: 'Open Sans', sans-serif!important;font-weight:400;} 



hr {border: 0; border-bottom: 1px dashed #15738e/* site-bkgd blue*/;background:/*#home title green:*/#97ba1c;}/* Can have a 'dashed' color, and an 'in-between-the-dashes' color by using 'background'. */

li {padding-bottom:0.6em;}

sup {font-size: 65%;}/* Decreases size of superscripted numbers. Default is 85%.*/

.acrobat-icon {float:right; position:relative; padding: 0 0 0px 15px; margin-top:-75px; margin-right:-5px; width:73px; height:75px;}

.button-link {
   border-top: 1px solid #96d1f8;
   background: #56b3ae;
   background: -webkit-gradient(linear, left top, left bottom, from(#007a76), to(#56b3ae));
   background: -webkit-linear-gradient(top, #007a76, #56b3ae);
   background: -moz-linear-gradient(top, #007a76, #56b3ae);
   background: -ms-linear-gradient(top, #007a76, #56b3ae);
   background: -o-linear-gradient(top, #007a76, #56b3ae);
   padding: 5px 10px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button-link:hover {
   border-top-color: #00588e;
   background: #00588e;
   color: #ccc;
   }
.button-link:active {
   border-top-color: #00588e;
   background: #00588e;
   }

/* END content areas. */



/* START Plugin Touchups*/

/* START WP TextResize styling*/

.wpTextResizeControls a {padding:10px;} /* Remainder of CSS for TextResize is in plugin folder > init.php. Style it there.*/

/* END WP TextResize styling*/


/* START Wordpress ToolTips*/

.qtip-content.qtip-content {background:#FFFFCC!important;}/*Background of tool tip.*/

.qtip-contentWrapper {border-color:#e8f2c6!important;} /* Left and right borders of tool tip.*/

.qtip-betweenCorners{background-color:#e8f2c6!important;}/* Top and bottom borders of tool tip.*/

.qtip-wrapper {background:none!important;} /*Outside square corners of tool tip. They show if not turned off. */

/* END Wordpress Qtip*/


/* START Olev Media Shortcodes: accordions, tabs etc. etc.*/

	.omsc-tabs a:link { text-align:center;padding:10px 5px 0px; font-size:14px;   -webkit-border-radius: 0px;-moz-border-radius: 0px;   border-radius: 0px;background:none;}
	.omsc-tabs a:visited {color:#00578e!important;}/* BestStart blue*/

	.omsc-toggle-title {color: #126279;font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;font-size: 1.0em;border: 1px solid #126279;} /*Olevmedia Shortcodes - modifies title to match H6 styles*/
	
	.omsc-in-accordion {border-bottom: 1px solid #126279!important;}/* Colours the bottom border of the individual accordion.*/
	
	.omsc-toggle-title:hover, .omsc-toggle.omsc-expanded .omsc-toggle-title {background: none repeat scroll #15738e;/* site-bkgd blue*/color: #FFFFFF;}/*Olevmedia Shortcodes - modifies title box for hover and open styles*/
	.omsc-toggle-inner {border: 1px solid #006C67;padding: .0em .5em 0.5em 0.6em;margin-top:-1.4em;}/*Olevmedia Shortcodes - modifies content box - darker and a matching blue, less padding.*/
	
	.omsc-toggle-inner p {padding-bottom:0em;line-height:1.8em;/*color:pink!important;*/}

	.omsc-one-half ul {margin-left:-1.5em;}
	
	.omsc-tabs-control li {border: 1px solid #2192b2;background:#e8f2c6;}
	
	.omsc-tabs-control li.omsc-active {border: 1px solid #2192b2;background:white;}
	
	.omsc-tabs-tabs {border: 1px solid #2192b2; border-top:0px;background:white;min-height:800px;margin-bottom:0px;}
	
	.omsc-custom-table/*.omsc-style-1 td */{background-color:#d6e6e5;border: 0px solid #FFF;}
	
	.omsc-custom-table.omsc-style-1 th {
		background-color:#728d12; /* home title green - darker yet */
		color:white;
		text-align:center;
		border-left:1px solid white;
		font-weight: bold;
		padding: 0.6em 0.5em;
	}
	
	.omsc-custom-table.omsc-style-1 th a{color:white;}
	
	.omsc-custom-table.omsc-style-1 th, .omsc-custom-table-wrapper.omsc-style-1 table th {
		background-color:#728d12; /* home title green - darker yet */
		color:white;
		border: 1px solid white;
		border-collapse:collapse;
		text-align:center;
		vertical-align:middle;
	}

	.omsc-custom-table.omsc-style-1 td, .omsc-custom-table-wrapper.omsc-style-1 table td {background-color:#dceaad;/*text-align:center*/;border: 1px solid white;}

	.omsc-custom-table.omsc-style-1 th, .omsc-custom-table-wrapper.omsc-style-1 table th a{color:white;}	

	.omsc-custom-table.omsc-style-1 td {
		background-color:#dceaad; /* home title green - light */
		color:black;
		border: 1px solid white;
		border-collapse:collapse;
		text-align:left;
		font-weight: normal;
		padding: 0.6em 0.5em;
	}
	.omsc-custom-table.omsc-style-1 tr:nth-child(2n) td, .omsc-custom-table-wrapper.omsc-style-1 table tr:nth-child(2n) td {background-color:#dceaad}
	
	.omsc-custom-table.omsc-style-1 tr:nth-child(2n) td, .omsc-custom-table-wrapper.omsc-style-1 table tr:first-child td {text-align:left;}
	
	.omsc-custom-table.omsc-style-1 td, .omsc-custom-table-wrapper.omsc-style-1 table td:nth-last-child(-n+2){text-align: center;}/* center aligns last two columns. http://stackoverflow.com/questions/20183392/how-to-right-align-last-two-columns-of-a-table-with-css*/
	
	 .omsc-custom-table.omsc-style-1 td, .omsc-custom-table-wrapper.omsc-style-1 table td:nth-last-child(-n+2) .td-left {text-align:left!important;}
	/*Class to left align little two column tables. NOT WORKING YET*/
	
	.td-left {text-align:left!important;}/* This simple one works. Put on each relevant <td>. */

	.td-small {font-size:0.8em;}
	
	.table-small  {font-size:0.8em; letter-spacing:-1px;}
	
	table .td-left {text-align:left!important;}
	
	.td-center {text-align:center!important;}
	
	.omsc-tabs-control li.omsc-active a:link, a:active {color:black!important;}
	
	.omsc-tabs-control li a {padding: 0.6em 0.2em 0.6em 0.9em;} /*tab text padding*/
	
	.omsc-box {
    border-radius: 3px;
    border-style: solid;
    border-width: 0;
    box-sizing: border-box;
    margin: 1em 0;
    padding: 1px 1em;
    position: relative;
}

	.omsc-box.omsc-with-icon {
    margin-top: 2em; /* Moves introductory box closer to top. Was 4em. Also moves boxea that surround tables.*/
}
	.omsc-box-title {text-align:center;}
	
	.omsc-box-inner {text-align:left; line-height:1.9em;padding: 0px;}
	
	.omsc-logos .omsc-logos-item {
		display: inline-block;
		padding: 0 1.0em 1.0em;
		margin-top:-.5em;
		text-align: center;
	}

/* END Olev Media Shortcodes: accordions, tabs etc. etc.*/

/* START Tabby Tabs Touchups*/

/*Box around tabs - default is white. Changed to hide it in page background color.*/
.responsive-tabs-wrapper {background:#C9DC8B;}

.responsive-tabs .responsive-tabs__list__item {padding: 12px 11px 12px 10px!important;}/* Adds 1px more paddding-right to fill out tab space. */

.tabbylink { text-decoration:underline;}

/* END Tabby Tabs Touchups*/

/* END Plugin Touchups*/


#footer-wrapper .grid.col-940 {background-color: #CADD8E;border-top:1px solid white;}

#footer {background-color: #CADD8E!important;padding:0 20px; width:920px;}

#pressrelease-link-217 {background-color:#c9dc8b;}

/* Search Results Touchups*/

#content-search.grid.col-620 {
margin: 0px;
width: 63%;
padding: 20px 10px 0px 30px;
background-color: #C9DC8B;
background-image: url("images/shadow_wrapper.png");
background-repeat: no-repeat;
}
#bsearchresults {/* If using Better Search, and 'Enable seamless integration' is turned off, this is the search result style. */
margin: 0px;
width: 60%;
padding: 20px 10px 0px 30px;
padding: 20px 0;
background-color: #C9DC8B;
background-repeat: no-repeat;
}