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

/*** GLOBAL STYLES ***/
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	color:#333333;
	position:relative;
}


/*** HEADER STYLES ***/
#header {
	height:2.7em; /*changed from 6.5em on Oct 15, 2015 for OWP */
}
#header .navbar-toggle {
	font-size:1.625em;
	color:#999;
	margin-right: 0;
	padding-right: 0;
}
#logo {
	width:13.875em;
	height:2.7em; /*changed from 3.438em on Oct 15, 2015 for OWP */
	margin:0.938em 0 0 0; /*changed from margin:1.5em 0 0 0; on Oct 15, 2015 for OWP */
	padding:0;
	float:left;
	background:url(/images/owp_logo.svg) top no-repeat;
	overflow:hidden;
	display:block;
	position:relative;
}
#logo img {
	width:100%;
	height:100%;
}
.old-ie #logo {
	width:222px;
	height:56px;
	margin:15px 0;
	padding:0;
	float:left;
	overflow:hidden;
	display:block;
	position:relative;
	background-image:url(/images/owp_logo.gif);
	background-position:top;
}
.old-ie #logo img {
	width:100%;
	height:100%;
}
#francais {
	width:9.5em;
	margin:1.6em 0 0 0; /*changed from 3.5em on Oct 15, 2015 for OWP */
	padding:0;
	font-size:0.75em;
	font:'Open Sans', Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:right;
	float:right;
	position:relative;
}
#francais a {
	color:#666666;
	text-decoration:none;
}
#francais a:hover {
	text-decoration:underline;
}
#francais img {
	width:2.063em;
	height:1em;
}
#francais p {
	margin:0.125em 0 0 0;
}
#francais p span {
	cursor:pointer;
}

/*** NAVIGATION STYLES ***/
.navbar {
	border:none !important;
}
.navbar-default {
    background-color: #EBEBEB;
    border-color: #EBEBEB;
}
.navbar-home {
    background-color: #f4f4f4;
    border:1px solid #ffffff !important;
}
.navbar-kids {
    background-color: #1DA3DB;
    border-color: #1DA3DB;
}
.navbar-toggle {
	float:right;
}
.navbar-nav > li > a {
	font-size:0.938em;
}
.navbar-default .navbar-toggle {
    border:none;
}
.navbar-kids .navbar-toggle, .navbar-home .navbar-toggle {
	border:none;
}
#search form {
	margin:0;
}
#search {
	width:11em;
	margin:0.125em 0 0 0;
	padding:0;
	color:#777777;
	background-color:#ffffff;
	border:1px solid #dfdfdf;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
.old-ie #search {
	height:auto;
}
.searchbar {
	width:9em;
	height:1.75em;
	margin:0 0 0 1em;
	padding:0;
	font-size:0.857em;
	color:#777777;
	background-color:transparent;
	vertical-align:middle;
	border:none;
	outline:none;
}
.old-ie .searchbar {
	width:9em;
	height:1.75em;
	margin:0;
	padding:0.25em 0 0 0;
	color:#777777;
	vertical-align:middle;
	border:none;
	outline:none;
}
.searchbtn {
	width:1em;
	padding:0;
	border:none;
	background-color:transparent;
	vertical-align:bottom;
}


/*** FOOTER STYLES ***/
#bottom {
	margin:0;
	padding:1.25em 0;
	border-top:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
}
#footer {
	color:#777;
	font-size:0.688em;
}
#footer a {
	color:#777;
}
.social {
	float: right;
}
.social-icons {
	text-align:right;
}
.social-icons li {
	width:26px;
	height:26px;
	margin:5px;
	vertical-align:top;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
}
.social-icons li a {
	width:26px;
	height:26px;
	display:block;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
}
.social-facebook {
	background: url(/images/social-facebook.gif) top no-repeat;
}
.social-facebook:active, .social-facebook:hover {
	background-position:bottom;
}
.social-twitter {
	background: url(/images/social-twitter.gif) top no-repeat;
}
.social-twitter:active, .social-twitter:hover {
	background-position:bottom;
}
.social-instagram {
	background: url(/images/social-instagram.gif) top no-repeat;
}
.social-instagram:active, .social-instagram:hover {
	background-position:bottom;
}
.social-youtube {
	background: url(/images/social-youtube.gif) top no-repeat;
}
.social-youtube:active, .social-youtube:hover {
	background-position:bottom;
}
.social-google {
	background: url(/images/social-google.gif) top no-repeat;
}
.social-google:active, .social-google:hover {
	background-position:bottom;
}
.social-pinterest {
	background: url(/images/social-pinterest.gif) top no-repeat;
}
.social-pinterest:active, .social-pinterest:hover {
	background-position:bottom;
}
.social-goodreads {
	background: url(/images/social-goodreads.gif) top no-repeat;
}
.social-goodreads:active, .social-goodreads:hover {
	background-position:bottom;
}
.socialmedia {
	width:26px;
	height:26px;
	margin:0 0.5em 0 0;
	padding:0;
}
.socialmedia a {
	width:26px;
	height:26px;
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-decoration:none;
}
a.twitter:link, a.twitter:visited {
	text-indent:-9000px;
	background-image:url(/images/socialmedia_sprites.gif);
	background-position:0px 0px;	
}
a.twitter:active, a.twitter:hover {
	text-indent:-9000px;
	background-position:0px 26px;	
}
a.facebook:link, a.facebook:visited {
	text-indent:-9000px;
	background-image:url(/images/socialmedia_sprites.gif);
	background-position:170px 0px;	
}
a.facebook:active, a.facebook:hover {
	text-indent:-9000px;
	background-position:170px 26px;	
}
a.google:link, a.google:visited {
	text-indent:-9000px;
	background-image:url(/images/socialmedia_sprites.gif);
	background-position:134px 0px;	
}
a.google:active, a.google:hover {
	text-indent:-9000px;
	background-position:134px 26px;	
}
a.youtube:link, a.youtube:visited {
	text-indent:-9000px;
	background-image:url(/images/socialmedia_sprites.gif);
	background-position:98px 0px;	
}
a.youtube:active, a.youtube:hover {
	text-indent:-9000px;
	background-position:98px 26px;	
}
a.pinterest:link, a.pinterest:visited {
	text-indent:-9000px;
	background-image:url(/images/socialmedia_sprites.gif);
	background-position:62px 0px;	
}
a.pinterest:active, a.pinterest:hover {
	text-indent:-9000px;
	background-position:62px 26px;	
}
a.goodreads:link, a.goodreads:visited {
	text-indent:-9000px;
	background-image:url(/images/socialmedia_sprites.gif);
	background-position:26px 0px;	
}
a.goodreads:active, a.goodreads:hover {
	text-indent:-9000px;
	background-position:26px 26px;	
}
.old-ie .list-inline > li {
	zoom:1;
    *display: inline;
	position:relative;
}
#copyright {
	margin:0;
	padding:0;
	color:#5b5b5b;
	background-color:#f5f5f5;
	text-align:center;
	position:relative;
}
#copyright p {
	margin:0;
	padding:2.5em 0;
	font-size:0.75em;
}

/*** CAROUSEL STYLES ***/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
ul.carousel-inner.list-inline {
	margin-left:0;
	margin-right:0;
}
.carousel-indicators {
    bottom: -10px;
}
.carousel-indicators li {
	width:12px;
	height:12px;
    background-color: #ebebeb;
}
.carousel-indicators .active {
    width: 14px;
    height: 14px;
	border: 1px solid #c30f23;
}
.carousel-indicators .active {
    background-color: #e8132a;
}

/*** CONTENT STYLES ***/

@media screen and (min-width: 240px) and (max-width: 767px) {
/*** START ***/
	#header {
		height:3.375em;
		background-color: #EBEBEB;
	}
	.old-ie #header {
		height:5.625em;
	}

	#logo {
		width:222px;
		height:25px;
		margin:15px auto;
	}
	.old-ie #logo {
		width:222px;
		height:28px;
		margin:10px 0;
	}
	.navbar-default {
		min-height:1px !important;
		border:none !important;
	}
	.navbar-kids, .navbar-home {
		min-height:1px !important;
		border:none !important;
	}
/*
	#logo {
		width:50px;
		height:50px;
		margin:10px 0 0 0;
		background-position:0px -83px;
	}
	.old-ie #logo {
		width:222px;
		height:28px;
		margin:10px auto 0px auto;
		float:none;
		display:block;
	}
*/
	#francais {
		display:none;
		/* margin:2em 0 0 0; */
	}
	.old-ie #fracais {
		margin:1em auto 0 auto;
		display:block;
		text-align:center !important;
		float:none !important;
	}
	#search {
		float:none !important;
		margin:0em auto 1em 0em;
	}
	.headerclear {
		background-color: #EBEBEB;
	}
	#footer {
		height:auto;
		text-align:center;
		font-size:0.875em;
		background-color:#ffffff;
	}
	.social {
		float: none;
	}
	.nav li {
		text-align:left;
	}
	.navbar-nav > li > a {
		font-size: 1em;
	}
	.social-icons {
		text-align:center;
	}
/*** END ***/
}

@media screen and (min-width: 768px) and (max-width: 991px) {
/*** START ***/
	#header {
		height:3.5em;
	}
	#logo {
		width:222px;
		height:25px;
		margin:15px 0;
	}
	.navbar-default {
		min-height:1px !important;
		border:none !important;
	}
	.navbar-toggle {
		display:block;
	}
	/*.navbar-collapse.collapse {
		display: none !important;
	}*/
	.navbar-kids, .navbar-home {
		min-height:1px !important;
		border:none !important;
	}
	.old-ie #logo {
		width:222px;
		height:28px;
		margin:10px 0;
	}
	#francais {
		display:none;
		/* margin:1.75em 0 0 0; */
	}
	.navbar-nav > li > a {
		font-size:0.875em;
	}
	#search {
		width: 7.5em;
		float: none !important;
		margin: 0 auto 1em auto;
	}
	.searchbar {
		width:5.875em;
		margin:0 0 0 0.375em;
	}
	.old-ie #search {
		width:9em;
		height:2.375em;
		font-size:0.75em;
	}
	.old-ie .searchbar {
		width:7em;
		height:2.375em;
		padding-top:0.5em;
	}
	.old-ie .searchbtn {
		width:1.143em;
	}
	.headerclear {
		background-color: #EBEBEB;
	}
	.navbar-nav > li > a {
		font-size: 1em;
	}
	.social-icons {
		text-align:center;
	}
/*** END ***/
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
/*** START ***/
	#header {
		height:2.7em; /*changed from 5.5em on Oct 15, 2015 for OWP */
	}
	#logo {
		margin:0.938em 0 0 0;
	}
	#francais {
		margin:1.6em 0 0 0; /*changed from 3em on Oct 15, 2015 for OWP */
	}
	.navbar-nav > li > a {
		height:2.133em;
		padding-top: 0.267em;
		padding-bottom: 0;
	}
	#search {
		width:10em;
		height:1.75em;
	}
	.searchbar {
		width:8em;
	}
	.old-ie .searchbar {
		width:8em;
	}
/*** END ***/
}