/*
Theme Name: Peekaboo
Theme URI: http://themeforest.com/user/population2
Description: A simple and clean vibrant looking theme for daycare, preschool, and other small businesses. It comes with gallery and custom backgrounds.
Author: Population 2
Author URI: http://themeforest.com/user/population2
Version: 2.1

License: Regular License
License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/

*/
body.admin-bar {
	margin-top: 30px;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.5125em;
}

h3 {
	font-size: 1.1875em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	line-height: 1;
}

.post h2 a {
	color: #0082C0 !important;
}

.post h2 a:hover {
	color: #004e74 !important;
}

.post h4 a {
	color: #0082C0 !important;
}

.post h4 a:hover {
	color: #004e74 !important;
}

.search .post_meta {
	margin-bottom: 5px;
}

.search .post p {
	font-size: 13px;
	margin-bottom: 15px;
}

.bg-volume-1 {
	background-color: #b4dded;
	border: 5px solid #94c5d9;
}

.bg-volume-2 {
	background-color: #c8fa73;
	border: 5px solid #a2d746;
}

.bg-volume-3 {
	background-color: #FCEC83;
	border: 5px solid #EFDC63;
}

.bg-volume-4 {
	background-color: #E0D1E0;
	border: 5px solid #D0B2D0;
}

.bg-volume-5 {
	background-color: #BFD3E3;
	border: 5px solid #A1BDD3;
}

.bg-volume-6 {
	background-color: #FCD9B6;
	border: 5px solid #F3C699;
}

.italics {
	font-style: italic;
}

.current_page_ancestor>a {
	font-weight: bold;
}

.current_page_item>a {
	font-weight: bold;
}

/*ul.toc > li > ul > li > ul > li {
	display: none;
}*/


/*ul.toc .current_page_item ul,*/
/*ul.toc > li > ul li.current_page_ancestor li,
ul.toc > li > ul li.current_page_item li,
ul.toc > li > ul li.current_page_ancestor,
ul.toc > li > ul li.current_page_item {
	display: block;
}*/

/*blockquote {
	overflow: initial;
	background-image: url("/wp-content/themes/peekaboo/img/blockquote_bg.png");
	background-position: left 4px;
	background-repeat: no-repeat;
}*/
.sidebar-widget ul.toc {
	padding: 0;
}

.sidebar-widget ul.toc ul {
	padding: 0;
}

.sidebar-widget ul.toc li {
	padding: 0 0 0 20px;
	list-style: none outside none;
	background: url("/wp-content/themes/peekaboo/img/list-bullet.jpg") no-repeat left 7px;
}

.sidebar-widget ul.toc>li {}




.content ul,
.content ol {
	margin-left: 17px
}

.key-concept-title {
	font-weight: bold;
	padding: 4px;
	border-radius: 8px;
	float: right;
	border: 5px solid #94C5D9;
	background-color: #FFF;
}

.key-concept-content {}

.key-concepts-links {
	margin-bottom: 20px;
}

.key-concepts-links a {
	display: block;
	float: left;
	background-color: #ddd;
	padding: 4px 10px 4px 4px;
	border-radius: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.key-concepts-links .left {
	padding: 4px 10px 4px 4px;
	margin-bottom: 5px;
}

.search-filters ul li {
	list-style: none;
	line-height: 1;
}

.levels-selector {
	float: right;
	margin-top: 5px;
}

.search-filters label,
.levels-selector label {
	display: inline-block;
}

.search-filters input[type="checkbox"],
.levels-selector input[type="checkbox"] {
	display: none;
}

/*.search-filters input[type="checkbox"] + label em ,
.levels-selector input[type="checkbox"] + label em {*/
.search-filters input[type="checkbox"]+label:before,
.levels-selector input[type="checkbox"]+label:before {
	display: inline-block;
	float: left;
	/*background-image: url('/wp-content/themes/peekaboo/img/checkbox_unchecked.png');*/
	height: 26px;
	width: 26px;
	padding: 0;
	border: 2px solid #666;
	border-radius: 3px;
	font-family: "fontawesome";
	font-size: 22px;
	font-style: normal;
	font-weight: normal;
	speak: none;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	color: #0082C0;
	text-align: center;
	content: '';
}

.levels-selector input[type="checkbox"]+label:before {
	padding: 3px 0 0;
}

/*.search-filters input[type="checkbox"]:checked + label em,
.levels-selector input[type="checkbox"]:checked + label em {*/
.search-filters input[type="checkbox"]:checked+label:before,
.levels-selector input[type="checkbox"]:checked+label:before {
	/*background-image: url('/wp-content/themes/peekaboo/img/checkbox_checked.png');*/
	content: '\f00c';
}

.search-filters input[type="checkbox"]+label span,
.levels-selector input[type="checkbox"]+label span {
	display: block;
	float: left;
	padding: 6px;
}

.kc-priority-1 {
	background: none repeat scroll 0% 0% #E84C3D;
	color: #fff;
	padding: 2px;
	border-radius: 2px;
}

.kc-priority-2 {
	background: none repeat scroll 0% 0% #E77E22;
	color: #fff;
	padding: 2px;
	border-radius: 2px;
}

.kc-priority-0 {
	background-color: #ddd;
	padding: 2px;
	border-radius: 2px;
	display: none
}

.disabled.kc-priority-1 {
	background-color: #ddd;
}

.disabled.kc-priority-2 {
	background-color: #eee;
}

.disabled.kc-priority-0 {
	display: none
}

ul.kc-toc li,
ul.kc-toc li:last-child {
	padding: 4px;
}

ul.kc-toc li.priority-2 {
	display: none;
	background-color: rgba(255, 255, 255, 0.3);
}

.section-type-tag {
	background-color: #666;
	color: #fff;
	padding: 3px;
	border-radius: 2px;
	margin-right: 3px;
}

.section-type-tag-light {
	background-color: #eee;
	color: #4B7297;
	padding: 2px 4px;
	border-radius: 2px;
	margin-right: 3px;
	border: 1px solid #ddd;
	font-size: 13px;
}

#new-favorite-display {
	display: none;
}

.kc-toc .disabled>a {
	color: #999;
}

.breadcrumbs>.current_item,
.breadcrumbs>.current_item span {
	cursor: default;
	color: #333;
}

.widget_favorited_sections {
	border-color: #94DF8A;
}

.social-share-links {
	margin-bottom: 20px;
}

.social-share-links .left {
	padding: 6px 12px 6px 6px;
	margin: 2px;
}

.social-share-links a {
	display: block;
	float: left;
	margin: 2px;
}

.btn-twitter {
	background: #00acee;
	border-radius: 4px;
	padding: 6px 6px 6px 6px;
	color: #fff
}

.btn-twitter:link,
.btn-twitter:visited {
	color: #fff
}

.btn-twitter:active,
.btn-twitter:hover {
	background: #0087bd;
	color: #fff
}

.btn-facebook {
	background: #3b5998;
	border-radius: 4px;
	padding: 6px 6px 6px 6px;
	color: #fff
}

.btn-facebook:link,
.btn-facebook:visited {
	color: #fff
}

.btn-facebook:active,
.btn-facebook:hover {
	background: #30477a;
	color: #fff
}

.btn-googleplus {
	background: #e93f2e;
	border-radius: 4px;
	padding: 6px 6px 6px 6px;
	color: #fff
}

.btn-googleplus:link,
.btn-googleplus:visited {
	color: #fff
}

.btn-googleplus:active,
.btn-googleplus:hover {
	background: #ba3225;
	color: #fff
}


/*input[type="checkbox"] { display: none; }
input[type="checkbox"] + label:before {
    content: "";
    background: #999;
    height: 26px;
    width: 26px;
    display: inline-block;
    padding: 0 0 0 0px;
}   
input[type="checkbox"]:checked + label:before {
    content: "";
    background: #0080FF;
}*/
#download-options {
	margin-top: 10px;
}

#download-options a {
	display: block;
	padding: 10px;
	background: url("/wp-content/themes/img/c_download.png") no-repeat scroll 94% center #999;
	border-bottom: 3px solid #DE7A37;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	border-radius: 3px;
}

#download-options a:hover {
	background-color: #F79F72;
}

/*.volume-img-editors {
	
}
.volume-info {
	float: left; max-width: 430px; margin: 5px; margin-top: 0px;
}
.volume-img {
	float: left; max-width: 200px; font-size: 13px; margin: 5px; margin-top: 0px;
}
.volume-editors {
	
}
.volume-info-wide {
	float: left; max-width: 720px; margin: 10px;
}
.volume-img-wide {
	float: left; max-width: 200px; font-size: 13px; margin: 10px; 
}
 
*/
.volume-img-editors {
	font-size: 13px;
	margin-bottom: 20px;
}

.volume-info {}

.volume-img {}

.volume-editors {}

.volume-info-wide {
	margin: 10px 0;
}

.volume-img-wide {
	margin: 10px 0;
	text-align: center;
}

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

	.volume-img-editors {}

	.volume-img {
		float: left;
		width: 49%;
		margin-right: 2%;
	}

	.volume-editors {
		float: left;
		width: 49%;
	}

	.volume-info {
		clear: both;
	}

	.volume-info-wide {
		float: left;
		width: 73%;
	}

	.volume-img-wide {
		float: left;
		width: 25%;
		margin-right: 2%;
	}
}

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

	.volume-img-editors {
		float: left;
		margin-bottom: 20px;
		width: 32%;
		margin-right: 3%;
	}

	.volume-img {
		float: none;
		width: auto;
		margin-right: 0;
	}

	.volume-editors {
		float: none;
		width: auto;
	}

	.volume-info {
		float: left;
		width: 65%;
		clear: none;
	}

	.volume-info-wide {
		width: 75%;
	}

	.volume-img-wide {
		width: 22%;
		margin-right: 3%;
	}

}

.tree-arrow {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ddd;
}

a.show-more {
	position: relative;
	display: block;
	margin-top: 20px;
	padding: 7px;
	font-weight: 600;
	text-align: center;
	background-color: #f3f2f2;
}

a.show-more span {
	position: absolute;
	top: 3px;
	right: 100px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: url('/wp-content/themes/peekaboo/img/arrow-down.png') no-repeat center center;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;

	overflow: hidden;
}

a.show-more span.rotate {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);

}

a.tooltips,
span.tooltips {
	position: relative;
	display: inline;
}

a.tooltips span,
span.tooltips span {
	position: absolute;
	width: 200px;
	padding: 10px;
	color: #FFFFFF;
	background: #000000;
	/*height: 30px;
  line-height: 30px;*/
	text-align: left;
	visibility: hidden;
	border-radius: 6px;
	font-size: 12px;
}

a.tooltips span:after,
span.tooltips span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 11%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-top: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}

a:hover.tooltips span,
span:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	bottom: 30px;
	left: 15%;
	margin-left: -10px;
	z-index: 999;
}

/*.breadcrumbs > *:before {
content: none;
}*/
.breadcrumb {
	margin: 0 0 15px 15px;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
}

.breadcrumb a {
	color: #9F9F9F;
}

.breadcrumb a:hover {
	color: #c9c9c9;
	text-decoration: none;
}

.box-grey {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.8em 0.8em 0;
	border-radius: 4px;
	margin-bottom: 0.8em;
}

.box-white {
	border: 1px solid #000;
	padding: 0.8em 0.8em 0px;
	border-radius: 4px;
	margin-bottom: 0.8em;
}

.oval {
	width: 50%;
	margin: 0 auto;
	border-radius: 50% 50%;
	border: 1px solid #000;
	padding: 10% 5%;
	text-align: center;
}

table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
	line-height: 1.5;
}

table.table-white {
	border: 1px solid #000 !important;
	table-layout: fixed;
}

table.table-white caption {
	border: 1px solid #000 !important;
	border-bottom: 0 none !important;
	color: #000;
	font-weight: bold;
}

table.table-white tfoot {
	font-weight: bold;
}

table.table-white tr td {
	border: 1px solid #000 !important;
}

table.table-white tr td.dashed-left {
	border-left: 4px dashed #000 !important;
}

table.table-white tr td.col-border {
	border-right: 2px solid #000 !important;
	border-left: 2px solid #000 !important;
}

table.table-white tr td.col-border-top {
	border-right: 2px solid #000 !important;
	border-left: 2px solid #000 !important;
	border-top: 2px solid #000 !important;
}

table.table-white tr td.col-border-bottom {
	border-right: 2px solid #000 !important;
	border-left: 2px solid #000 !important;
	border-bottom: 2px solid #000 !important;
}

table.table-white tr:nth-of-type(2n) {
	background-color: #FFF;
}

table.table-white img.stretch {
	width: 100%;
	height: 100%;
}

.bold {
	font-weight: bold;
}

.bg-grey {
	background-color: #D3D3D3;
}


table.table-diagonal tr td {
	border: 1px solid #000 !important;
}

table.table-diagonal .line {
	background-image: url("/wp-content/themes/peekaboo/img/diagonal.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%, auto;
	position: relative;
	height: 50px;
}

table.table-diagonal .align-top {
	vertical-align: top;
}

table.table-diagonal .line .bottom {
	position: absolute;
	bottom: 6px;
	left: 24px;
}

table.table-diagonal .line .top {
	position: absolute;
	top: 6px;
	right: 24px;
}

table.table-bold tr td {
	border: 1px solid #000 !important;
}

table.table-bold tr td.bold-left {
	border-left: 2px solid #000 !important;
}

table.table-bold tr td.bold-right {
	border-right: 2px solid #000 !important;
}

table.table-bold tr td.bold-left-top {
	font-weight: bold;
	border-top: 2px solid #000 !important;
	border-left: 2px solid #000 !important;
}

table.table-bold tr td.bold-right-top {
	font-weight: bold;
	border-top: 2px solid #000 !important;
	border-right: 2px solid #000 !important;
}

table.table-bold tr td.bold-left-bottom {
	border-bottom: 2px solid #000 !important;
	border-left: 2px solid #000 !important;
}

table.table-bold tr td.bold-right-bottom {
	border-bottom: 2px solid #000 !important;
	border-right: 2px solid #000 !important;
}




table.table-white-no-rl {
	border: 0 none !important;
}

table.table-white-no-rl caption {
	border: 0 none !important;
	border-top: 2px solid #000 !important;
	color: #000;
	font-weight: bold;
}

table.table-white-no-rl thead,
table.table-white-no-rl tfoot {
	border-top: 2px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	font-weight: bold;
}

table.table-white-no-rl tr td {
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
}



table.table-white-no-cell {
	border: 0 none !important;
}

table.table-white-no-cell caption {
	border-top: 1px solid #000 !important;
	border-bottom: 0 none !important;
	color: #000;
	font-weight: bold;
}

table.table-white-no-cell thead tr td {
	border-top: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
	color: #000;
	font-weight: bold;
}

table.table-white-no-cell tbody tr td,
table.table-white-no-cell tfoot tr td {
	border: 0 none !important;
}

table.table-white-no-cell ul {
	margin: 0;
	padding: 0;
}

table.table-white-no-cell ul li {
	float: left;
	border: 1px solid #000;
	border-right: 0;
	height: 20px;
	width: 19%;
	list-style: none;
}

table.table-white-no-cell ul li:last-child {
	border-right: 1px solid #000;
}

table.table-middle {
	max-width: 400px;
	margin: 0 auto;
	border: 1px solid #000 !important;
}

table.table-middle caption {
	border: 1px solid #000 !important;
	border-bottom: 0 none !important;
	color: #000;
	font-weight: bold;
}

table.table-middle tfoot {
	font-weight: bold;
}

table.table-middle tr td {
	border: 1px solid #000 !important;
}

table.table-double {
	table-layout: fixed;
}

table.table-double tr th {
	border: 1px solid #000 !important;
	border-left: 3px double #000 !important;
	border-bottom: 3px double #000 !important;
}

table.table-double tr th:first-child {
	border-left: 1px solid #000 !important;
}

table.table-double tr td {
	border: 1px solid #000 !important;
	border-left: 3px double #000 !important;
	border-left: 3px double #000 !important;
}

table.table-double tr td:first-child {
	border-left: 1px solid #000 !important;
}

table.table-double .top {
	border-top: 3px double #000 !important;
}

table.table-portrait {
	border-spacing: 10px;
	border-collapse: separate;
	border: 0 none !important;
}

table.table-portrait tr td {
	border: 1px solid #000 !important;
	padding: 6px;
}

table.table-arrows {
	border: 0 none;
	border-collapse: separate;
	border-spacing: 10px;
}

table.table-arrows tr td {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

table.table-arrows tr th {
	text-align: center;
	color: #FFF;
}

.box-left {
	max-width: 300px;
	position: relative;
	margin: 0 0 30px;
	border: 1px solid #000;
	padding: 60px 0;
	text-align: center;
}

.box-middle {
	max-width: 300px;
	position: relative;
	margin: 0 auto 30px;
	border: 1px solid #000;
	padding: 60px 0;
	text-align: center;
}

.box-right {
	float: right;
	width: 100%;
	max-width: 300px;
	position: relative;
	margin: 0 0 30px;
	border: 1px solid #000;
	padding: 60px 0;
	text-align: center;
}

.box-left strong,
.box-middle strong,
.box-right strong {
	font-size: 40px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.newsletter-form {
	width: 600px;
	margin: 0 auto;
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	.top-bar-section li a:not(.button) {
		padding-right: 8px;
		padding-left: 8px;
	}

	.top-bar-section .has-dropdown>a::after {
		margin-right: 5px;
	}

	.top-bar-section .has-dropdown>a {
		padding-right: 20px !important;
	}
}

@media only screen and (max-width: 767px) {
	.newsletter-form {
		width: auto;
	}

	.newsletter_title {
		margin-bottom: 10px;
	}
}

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

 timeline styles

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

/*.path-container {
	position:relative;
	margin-top: 50px;
	margin-bottom: 70px;
}

.path-container .path-box {
	max-width: 300px;
	position:relative;
	margin: 0px auto 30px;
	padding: 20px;
	border: 1px solid #CCC;
	background-color:#fff;
	z-index: 2;
	text-align: center;
}
.path-container .path-item {
	z-index:2;
}
.path-container .path-item h1 {
  text-align: center;
  margin-bottom: 70px;
}

.path-container .path-text {
  padding:20px;
}

.path-container .path-item h3 {
  margin-bottom: 10px;
  line-height: 1.15;
}

.path-container .path-item p {
  font-size: emCalc(16px);
  line-height: 1.7;
  margin-bottom: 25px;
}

.path-container .path-item a {
  font-weight: bold;
  font-size: emCalc(14px);
}
.path-container .past .large-5 {
	background-color: #eee;
}

.path-container .path-item.past .circle{
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
.path-container .path-item.past .circle:hover {
	-webkit-filter: none;
	filter: none;
}

.path-container .path-item .circle {
  background-color: #fff;
  border: 2px solid #ccc;
  padding:3px;
  background-size: 156px 156px;
  border-radius: 50%;
  width: 156px;
  height: 156px;
  position: relative;
  margin-bottom: 60px;
  z-index: 2;
}

.path-container .path-item .circle.small-circle {
  width: 80px;
  height: 80px;
  left: 29px !important;
}
.path-container .path-item .circle-right.small-circle {
  right: 26px !important;
  left: auto !important;
}

.path-container .path-item .circle .img {
	display: block;
	background-size: cover;
	height: 100%;
	border-radius: 50%;
}
.path-container .path-item .circle .icon {
	display: block;
	height: 100%;
	border-radius: 50%;
	background-color:#eee;
	padding: 15px 0 0;
	text-align: center;
	color:#0082C0;
}
.path-container .path-item .circle .icon i {
	font-size: 40px;
	width: 40px;
	height: 40px;
}
.path-container .path-item .circle.circle-left {
  left: -9px;
}

.path-container .path-item .circle.circle-right {
	right: -12px;
}

.path-container .line {
	background: #ddd;
	width: 2px;
	bottom: 0;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 0;
	
}



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

 medium timeline styles

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

/*@media only screen and (max-width: 800px) and (min-width: 768px) {

  .line {
    display: none !important;
  }

  .large-5.columns.path-text {
    width: 70%;
    right: 0;
    margin-left: 15px;
  }

  .path-item .large-7 {
    width: 25%;
  }

  .push-5 {
    left: 0;
    float: right;
  }

  .circle-right {
    float: left;
    right: 0px !important;
  }

  .circle-left {
    left: 0px !important;
  }

}



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

  .path-container {
    text-align: center;
  }

  .path-container .circle  {
    top: 0;
    right: 0;
    left: 0;
    float: none;
    margin-bottom: 30px !important;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .path-container .circle.small-circle   {
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    float: none !important;
    margin-bottom: 30px !important;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

}*/
.path-container {
	position: relative;
	margin-top: 50px;
	margin-bottom: 70px;
}

.path-container .path-box {
	max-width: 300px;
	position: relative;
	margin: 0px auto 30px;
	padding: 20px;
	border: 1px solid #CCC;
	background-color: #fff;
	z-index: 2;
	text-align: center;
}

.path-container .path-item {
	z-index: 2;
}

.path-container .path-item h1 {
	text-align: center;
	margin-bottom: 70px;
}

.path-container .path-text {
	padding: 10px 10px 50px;
	width: 40%;
}

.path-container .path-text.flow-left {
	margin-right: 80px;
}

.path-container .path-text.flow-right {
	float: right;
}

.path-container .path-item h3 {
	margin-bottom: 10px;
	line-height: 1.15;
}


.path-container .path-item p {
	font-size: emCalc(16px);
	line-height: 1.7;
	margin-bottom: 25px;
}

.path-container .path-item a {
	font-weight: bold;
	font-size: emCalc(14px);
}

.path-container .path-item.past .circle {
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.path-container .path-item.past .circle:hover {
	-webkit-filter: none;
	filter: none;
}

.path-container .path-item .circle {
	background-color: #fff;
	border: 2px solid #ccc;
	padding: 3px;
	background-size: 156px 156px;
	border-radius: 50%;
	width: 156px;
	height: 156px;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -78px;
}

.path-container .path-item .circle.small-circle {
	width: 80px;
	height: 80px;
	margin-left: -40px;
	/*  left: 29px !important;*/
}

/*.path-container .path-item .circle-right.small-circle {
  right: 26px !important;
  left: auto !important;
}*/

.path-container .path-item .circle .img {
	display: block;
	background-size: cover;
	height: 100%;
	border-radius: 50%;
}

.path-container .path-item .circle .icon {
	display: block;
	height: 100%;
	border-radius: 50%;
	background-color: #eee;
	padding: 15px 0 0;
	text-align: center;
	color: #0082C0;
}

.path-container .path-item .circle .icon i {
	font-size: 40px;
	width: 40px;
	height: 40px;
}

/*.path-container .path-item .circle.circle-left {
  left: -9px;
}

.path-container .path-item .circle.circle-right {
	right: -12px;
}*/

.path-container .line {
	background: #ddd;
	width: 2px;
	bottom: 0;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	margin-left: -1px;

}




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

	.path-container .line {
		left: 80px;
		margin-left: 0;
		display: block;
	}

	.path-container .path-box {
		/*margin: 0px 55px 30px;
	max-width: none;*/
	}

	.path-container .path-text {
		width: auto;
		max-width: 70%;
		margin-left: 180px;
	}

	.path-container .circle {
		position: absolute;
		left: 3px !important;
		margin-left: 0 !important;
	}

	.path-container .circle.small-circle {
		position: absolute;
		left: 40px !important;
		margin-left: 0 !important;
	}

	.path-container .path-text.flow-left {
		margin-right: 0;
	}

	.path-container .path-text.flow-right {
		float: none;
	}

}



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

	.path-container {
		text-align: center;
	}

	.path-container .path-text {
		width: 100%;
		padding: 10px 20px 50px;
	}

	.path-container .path-text p {
		text-align: left;
	}

	.path-container .line {
		display: none;
	}

	.path-container .path-text.left,
	.path-container .path-text.right {
		float: none;
		width: 100%;
		margin: 0 auto;
	}

	.path-container .circle {
		/*top: 0;
    right: 0;
    left: 0;
    float: none;
    margin-bottom: 30px !important;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;*/
		margin: 0 auto 10px;
		position: relative !important;
	}

	.path-container .circle.small-circle {
		/*top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    float: none !important;
    margin-bottom: 30px !important;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;*/
	}

	.path-container .path-text.flow-left {
		margin-right: 0;
	}

	.path-container .path-text.flow-right {
		float: none;
	}


}

#gallery-wrapper {
	min-height: 100px;
}

figcaption {
	font-family: Georgia, serif;
	font-style: italic;
	margin-bottom: 20px;
	font-size: 14px;
	text-align: center;
}

.language-selector {
	float: right;
	font-size: 12px;
	padding: 4px 8px;
}

.c_keyconcept h3 a,
.c_download h3 a,
.c_print h3 a,
.c_ebook h3 a,
.c_bookmark h3 a {
	line-height: 0.9;
}

.links {
	border-top: dotted 2px #fff;
	padding-top: 7px;
	margin-top: 10px;
}

.links h5 {
	font-weight: 400;
	font-family: arial, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.links p {
	font-size: 14px;
	color: #fff;
	padding: 0 20px 0 20px;
	font-family: arial, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
}

.links p a {
	text-decoration: underline;
}

.toc a img {
	margin: 2px 0 3px 5px;
}

.toc a.pdf {
	z-index: 100;
	width: 30px;
	height: 15px;
	background-image: url('/wp-content/themes/peekaboo/img/pdf-icon.png');
	margin: 0 0 0 3px;
	display: inline-block;
	vertical-align: middle;
}

.overview span.title {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: auto;
}

.overview li .menu-box {
	display: table !important;
	width: 100%;
	padding: 10px 15px !important;
}

.cookies-bar {
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #ddd;
	padding: 10px 0 0;
}

.cookies-bar h5 {
	color: #fff;
}

.cookies-bar p {
	font-size: 12px;
}

#logo {
	position: relative;
}

.beta-icon {
	position: absolute;
	right: 10px;
	top: 62px;
	background-color: rgb(204, 0, 0);
	font-size: 14px;
	color: #fff;
	padding: 0 3px;
	border-radius: 3px;
}

.related-material {
	background-color: #81c4e6;
	font-size: 16px;
	margin: 20px 0;
}

.related-material h4 {
	color: #fff;
	font-size: 25px;
	border-bottom: 3px dotted white;
}

.related-material ul.toc li {
	background: url(/wp-content/themes/peekaboo/img/bullet-arrow-7.png) no-repeat left 5px;
}

.related-material ul.toc li {
	background: none;
	padding: 0 0 0 0;
}

.related-material ul.toc li span {
	color: #fff;
}

.section-container.vertical-tabs>section>.title {
	position: inherit !important;
	width: 100% !important;
}

.section-container.vertical-tabs>section.active {
	padding-left: 0;
}

[data-section='vertical-tabs']>section>.content {
	min-height: 220px !important;
}


.breadcrumb-navigation,
.breadcrumb-navigation a {
	color: #555;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}

.breadcrumb-navigation a:hover {
	color: #000;
}

.campaign {
	/* line-height: 125%; */
	margin: 5px 5px;
	padding: 15px 35px;
	border-radius: 4px;
	font-size: 15px;
	background: url(/wp-content/themes/peekaboo/img/bullet-arrow-default.png) #f9f9f9 no-repeat 15px 17px;
	color: darkgrey;
}

.campaign:hover {
	background: url(/wp-content/themes/peekaboo/img/bullet-arrow-default.png) #f3f3f3 no-repeat 15px 17px;
}