@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon-asterisk:before{content:"\002a"}
.glyphicon-plus:before{content:"\002b"}
.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-lock:before{content:"\e033"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-bookmark:before{content:"\e044"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-camera:before{content:"\e046"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-fire:before{content:"\e104"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-calendar:before{content:"\e109"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-bell:before{content:"\e123"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-wrench:before{content:"\e136"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-briefcase:before{content:"\e139"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-paperclip:before{content:"\e142"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-pushpin:before{content:"\e146"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
.glyphicon-cd:before{content:"\e201"}
.glyphicon-save-file:before{content:"\e202"}
.glyphicon-open-file:before{content:"\e203"}
.glyphicon-level-up:before{content:"\e204"}
.glyphicon-copy:before{content:"\e205"}
.glyphicon-paste:before{content:"\e206"}
.glyphicon-alert:before{content:"\e209"}
.glyphicon-equalizer:before{content:"\e210"}
.glyphicon-king:before{content:"\e211"}
.glyphicon-queen:before{content:"\e212"}
.glyphicon-pawn:before{content:"\e213"}
.glyphicon-bishop:before{content:"\e214"}
.glyphicon-knight:before{content:"\e215"}
.glyphicon-baby-formula:before{content:"\e216"}
.glyphicon-tent:before{content:"\26fa"}
.glyphicon-blackboard:before{content:"\e218"}
.glyphicon-bed:before{content:"\e219"}
.glyphicon-apple:before{content:"\f8ff"}
.glyphicon-erase:before{content:"\e221"}
.glyphicon-hourglass:before{content:"\231b"}
.glyphicon-lamp:before{content:"\e223"}
.glyphicon-duplicate:before{content:"\e224"}
.glyphicon-piggy-bank:before{content:"\e225"}
.glyphicon-scissors:before{content:"\e226"}
.glyphicon-bitcoin:before{content:"\e227"}
.glyphicon-btc:before{content:"\e227"}
.glyphicon-xbt:before{content:"\e227"}
.glyphicon-yen:before{content:"\00a5"}
.glyphicon-jpy:before{content:"\00a5"}
.glyphicon-ruble:before{content:"\20bd"}
.glyphicon-rub:before{content:"\20bd"}
.glyphicon-scale:before{content:"\e230"}
.glyphicon-ice-lolly:before{content:"\e231"}
.glyphicon-ice-lolly-tasted:before{content:"\e232"}
.glyphicon-education:before{content:"\e233"}
.glyphicon-option-horizontal:before{content:"\e234"}
.glyphicon-option-vertical:before{content:"\e235"}
.glyphicon-menu-hamburger:before{content:"\e236"}
.glyphicon-modal-window:before{content:"\e237"}
.glyphicon-oil:before{content:"\e238"}
.glyphicon-grain:before{content:"\e239"}
.glyphicon-sunglasses:before{content:"\e240"}
.glyphicon-text-size:before{content:"\e241"}
.glyphicon-text-color:before{content:"\e242"}
.glyphicon-text-background:before{content:"\e243"}
.glyphicon-object-align-top:before{content:"\e244"}
.glyphicon-object-align-bottom:before{content:"\e245"}
.glyphicon-object-align-horizontal:before{content:"\e246"}
.glyphicon-object-align-left:before{content:"\e247"}
.glyphicon-object-align-vertical:before{content:"\e248"}
.glyphicon-object-align-right:before{content:"\e249"}
.glyphicon-triangle-right:before{content:"\e250"}
.glyphicon-triangle-left:before{content:"\e251"}
.glyphicon-triangle-bottom:before{content:"\e252"}
.glyphicon-triangle-top:before{content:"\e253"}
.glyphicon-console:before{content:"\e254"}
.glyphicon-superscript:before{content:"\e255"}
.glyphicon-subscript:before{content:"\e256"}
.glyphicon-menu-left:before{content:"\e257"}
.glyphicon-menu-right:before{content:"\e258"}
.glyphicon-menu-down:before{content:"\e259"}
.glyphicon-menu-up:before{content:"\e260"}

/* ------ Global ------ */

/* ------ Buttons & Forms ------ */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 0;
    background: #e6e6e6;
    box-shadow: none;
    color: black;
    font-size: inherit;
    padding: 7px 10px 8px;
    text-shadow: none;
}
input[type="text"], input[type="email"], input[type="url"], 
input[type="password"], input[type="search"], textarea {
    border-radius: 0;
	font-weight: normal;
	font-size: 13px;
    padding: 5px 10px 4px;
    max-width: 100%;
}
.btn {
	border: 1px solid #e5e5e5;
	background: white;
    color: #45aaff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0;
}

#sidebar .btn-default {
	border: 1px solid #1e6561;
	background: #45aaff !important;
    color: #fff !important; width:100%;
}
#sidebar .btn-default:nth-child(2n) {
    margin-top: 20px;
}
.menu-search-form .inputgroup{
	font-size: 15px !important;
}
.menu-search-form .btn-default,
.custombtn { 
    color: #ffffff !important;
	border: none !important;
}
.btn-default {
	border: 1px solid #1e6561;
	background: #89e5a4;
    color: #1e6561 !important;
}
.btn-default:hover {
	background: #63c49b;
}
/* ------ Layout ------ */

#content {
    padding-right: 0;
    padding-left: 0;
}
.page-content, .entry-content, .entry-summary,
.container-fluid .hentry { margin: 0; }

.container-fluid .entry-header { padding: 20px 40px; }
.container-fluid .entry-content>section { padding: 30px 40px; }

#content { /*background-color: #e1e5ea;*/ } 
#sidebar { padding: 10px 30px 30px; overflow-y: auto; }
#primary { /*background-color: white;*/  padding: 0; }
#footer { background-color: #282a2b; }
#footer>.container { padding: 20px; }

#primary.col-sm-8 { float: right; }

/* ------ Header ------ */

#masthead { border-bottom: 1px solid #e7e7e7; }

.site-branding { 
	padding-top: 10px;
	padding-bottom: 10px;
} 
.site-branding h1, 
.site-branding h2{
    color: #289EA7 !important;
	font-size: 22px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-right: 40px;
}
.site-branding h2{ font-size: 18px; }

#masthead .widget_search { text-align: center; margin-bottom: 5px; }

#masthead .navbar-default h1.site-title { display: none; }

.navbar-default .navbar-collapse {
	width: 100%;
    text-align: center;
	background-color: white;
	position: relative;
    z-index: 1;
}
.navbar { 
	margin-bottom: 0; 
	border-radius: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	background-color: transparent;
	min-height: 40px;
}
.navbar-default .navbar-nav>li>a {
	font-size: 17px;
    padding: 10px 0;
    background-color: transparent;
	color: #289ea7;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
    color: #195f5d;
	border-color: #195f5d;
}

@media (min-width: 768px) {
	.site-branding { 
		text-align: left;
		padding-left: 210px;
		background-image: url("../images/logo.png");
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
	} 
	.site-branding h1 {	font-size: 28px; }
	.site-branding h2{ font-size: 22px; }
	
	.site-branding h1, .site-branding h2{
		padding-right: 0;
	}
	#masthead .widget_search {
		text-align: left;
		padding-top: 20px;
	}
	.navbar-default .navbar-collapse {
		float: right;
		width: auto;
	}
	.navbar-default .navbar-nav>li>a {
		margin-right: 30px;
		border-top: 3px solid transparent;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#masthead .widget_search {
		max-width: 90%;
	}
}
@media (min-width: 992px) {
	.site-branding { padding-left: 245px; }
	.site-branding h1 {	font-size: 34px; }
	.site-branding h2{ font-size: 26px; }
}
@media (min-width: 1200px) {
	.site-branding { padding-left: 190px; }
}
@media (max-width: 767px) {
	.navbar-default .navbar-toggle {
		position: absolute;
		top: -135px;
		right: 0;
	}
	.site-branding h2 {
		min-height: 38px;
	}
	.navbar-default {
		border: 0;
		height: 0;
		min-height: 0;
	}
}
/* ------ Sticky Header ------ */

@media (min-width: 768px) {
	#masthead { background-color: white; }

	#masthead,
	#masthead .navbar-default h1.site-title {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	#masthead.fixed {
		position: fixed;
		width: 100%;
		left: 0;
		top: -114px;
		z-index: 10;
		box-shadow: 0 0 20px rgba(0,0,0,0.1);
	}
	XXX.logged-in #masthead.fixed { top: -82px; }
}
@media (min-width: 992px) {
	#masthead.fixed .navbar-default h1.site-title { 
		float: left;
		padding-left: 30px;
		line-height: 43px;
		font-size: 24px;
		font-weight: bold;
		margin: 0;
		color: #289EA7 !important;
		display: block;
	}
	#masthead.fixed { top: -129px; }
	XXX.logged-in #masthead.fixed { top: -97px; }
}
@media (min-width: 1200px) {
	#masthead.fixed { top: -101px; }
	XXX.logged-in #masthead.fixed { top: -69px; }
}

/* -----  TARGETED MENU ------- 

343 main
2125 algorithm
2127 annotations
2126 atlas
2302 a-z
305 about
306 tutorial
308 contact

*/

.menu-item-305, #mobile-menu-item-305,
.menu-item-306, #mobile-menu-item-306,
.menu-item-308, #mobile-menu-item-308  { display: none !important; }

.page-id-15 .menu-item-305, .page-id-15 #mobile-menu-item-305, /* Home */
.page-id-15 .menu-item-306, .page-id-15 #mobile-menu-item-306,
.page-id-15 .menu-item-308, .page-id-15 #mobile-menu-item-308,
.page-id-145 .menu-item-305, .page-id-145 #mobile-menu-item-305, /* About */
.page-id-145 .menu-item-306, .page-id-145 #mobile-menu-item-306,
.page-id-145 .menu-item-308, .page-id-145 #mobile-menu-item-308,
.page-id-151 .menu-item-305, .page-id-151 #mobile-menu-item-305, /* Tutorial */
.page-id-151 .menu-item-306, .page-id-151 #mobile-menu-item-306,
.page-id-151 .menu-item-308, .page-id-151 #mobile-menu-item-308,
.page-id-157 .menu-item-305, .page-id-157 #mobile-menu-item-305, /* Contact */
.page-id-157 .menu-item-306, .page-id-157 #mobile-menu-item-306,
.page-id-157 .menu-item-308, .page-id-157 #mobile-menu-item-308   { display: block !important; }


.page-id-15 .menu-item-2125, .page-id-15 #mobile-menu-item-2125, /* Home */
.page-id-15 .menu-item-2127, .page-id-15 #mobile-menu-item-2127,
.page-id-15 .menu-item-2126, .page-id-15 #mobile-menu-item-2126,
.page-id-15 .menu-item-2302, .page-id-15 #mobile-menu-item-2302,

.page-id-145 .menu-item-2125, .page-id-145 #mobile-menu-item-2125, /* About */
.page-id-145 .menu-item-2127, .page-id-145 #mobile-menu-item-2127,
.page-id-145 .menu-item-2126, .page-id-145 #mobile-menu-item-2126,
.page-id-145 .menu-item-2302, .page-id-145 #mobile-menu-item-2302,

.page-id-151 .menu-item-2125, .page-id-151 #mobile-menu-item-2125, /* Tutorial */
.page-id-151 .menu-item-2127, .page-id-151 #mobile-menu-item-2127,
.page-id-151 .menu-item-2126, .page-id-151 #mobile-menu-item-2126,
.page-id-151 .menu-item-2302, .page-id-151 #mobile-menu-item-2302,

.page-id-157 .menu-item-2125, .page-id-157 #mobile-menu-item-2125, /* Contact */
.page-id-157 .menu-item-2127, .page-id-157 #mobile-menu-item-2127,
.page-id-157 .menu-item-2126, .page-id-157 #mobile-menu-item-2126,
.page-id-157 .menu-item-2302, .page-id-157 #mobile-menu-item-2302,

.page-id-189 .menu-item-2125, .page-id-189 #mobile-menu-item-2125, /* Algorithm */

.page-id-600 .menu-item-2127, .page-id-600 #mobile-menu-item-2127, /* Annotations */
.single-annotation .menu-item-2127, .single-annotation #mobile-menu-item-2127,

.page-template-page-atlas-php .menu-item-2126, .page-template-page-atlas-php #mobile-menu-item-2126,  /* Atlas */
.tax-morphological_category .menu-item-2126, .tax-morphological_category #mobile-menu-item-2126,
.tax-atlas_topic_category .menu-item-2126, .tax-atlas_topic_category #mobile-menu-item-2126,
.single-atlas_topic .menu-item-2126, .single-atlas_topic #mobile-menu-item-2126

 { display: none !important; }
 
 

/*----------- Other Elements -----------------*/

.credibility-footnotes {
    margin-top: 40px;
    padding: 20px;
}

/*----------- Algorithm Styles -----------------*/

#sidebar h4:first-child {
    margin-top: 0;
}
.page-template-page-algorithm-php #sidebar ul{ padding-left: 30px; }

.page-template-page-algorithm-php .entry-content>h1 {margin-top: 0; }

#algo {
max-width: 800px;
margin: 0 auto;
}

@media (max-width: 1000px) {
	.hexagon, .hexagon.threecol, .box  {
		background-size: cover;
		background-position: center center; 
	}
}

@media (max-width: 400px) {	
	#algo * { word-break: break-all; }
}

.box { 
display: block;
background-color:#45aaff;
padding: 20px 5% 20px;
color: #fff;
}
.box a { 
color: #0000ff;
}

.twocol { width: 45%; }
.threecol { width: 30%; }

.algoright {float: right; }

.rounded { border-radius: 30px; }

.hexagon {
width: 55%;
padding: 30px 13% 30px 7% !important;
background-color: transparent !important;
background-image: url("../images/hexagon.png");
background-position: center right;
background-size: cover;
background-repeat: no-repeat;
}

.hexagon.threecol {
min-height: 180px;
width: 35%;
padding: 30px 14% 30px 6% !important;
background-color: white;
background-image: url("../images/hexagon-narrow.png");
background-repeat: no-repeat;
}

.arrow-down-container {
    width: 45%;
    padding: 40px 5%;
    background-image: url("../images/arrow-down.png");
    background-position: center bottom;
	background-repeat: no-repeat;
}	

.arrow-down-container.threecol {
	 width: 30%;
	 padding: 40px 10%;
}

.arrow-down-container p{ 
color: black; font-size: 15px;
background-color: #efefef; padding: 5px 10px; text-align: center; }

/* ------ Atlas ------ */

.atlas-photo { 
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); 
width: 18%; margin: 1%; float: left;
position: relative;
height: 168px; /* 2 lines: 186px; */
background-repeat: no-repeat;
background-position: center bottom;
}

.atlas-photo p{ 
text-align: center;
font-size: 14px;
color: #333333;
padding: 3px 5px;
margin: 0;
line-height: 115%;
background-color: white;
}
.modal { overflow-y: scroll; }

.modal-title {
    font-size: 23px;
	display: inline;
}
.modal-body>img {
    max-width: 60%;
    float: left;
    margin: 0 20px 20px 0;
}

@media (max-width: 991px) {
	.atlas-photo { width: 31%;}
}
@media (min-width: 768px) {
	.modal-sm { width: 40%; }
	.modal-md { width: 60%; }
	.modal-lg { width: 95%; }
	.modal-dialog {
		margin-top: 60px;
	}
	.modal-md .modal-body {
		min-height: 468px;
	}
	.modal-lg .modal-body {
		min-height: 525px;
	}
}
.modal-dialog {z-index: 9999;}

/* ------ Sidebar ------ */

h3.widget-title { font-size: 20px; font-weight: bold; }

#sidebar h4 {
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
}
#sidebar>ul {
    margin: 0;
}
#sidebar .toggle-content ul {padding-left: 10px;}
#sidebar .toggle-content ul ul {padding-left: 20px;}
#menu-microscopy { margin-top: 20px; }


#menu-case-studies li a:before,
#menu-microscopy li a:before,
#menu-atlas-main li a:before,
#menu-main-menu-left li a:before,
#menu-full-annotation-list li a:before {
    position: absolute;
    font-size: 11px;
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    margin-left: -20px;
} 
#sidebar ul li a {
	line-height: 23px;
	padding: 0;
}
#sidebar ul li a:hover {
    color: #4eabf9;
	background-color: transparent;
}
.page-template-template-outline-php .topics-list a {
    font-size: 17px !important;
}
#morpho-list { margin-bottom: 30px; }

#morpho-list>li { 
list-style: outside upper-roman !important;
font-size:16px;
border-bottom: none !important;
padding-left: 5px !important;
}
#topic-list,
#morpho-list .decimal-list,
#morpho-list .decimal-list .children { margin-left: 0; padding-left: 20px !important;}

#morpho-list a:before { display: none; }

.list-toggle {
	display: inline-block;
	background-image: url('../images/toggle.jpg');
	background-position: center right;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-left: 6px;
}
.list-toggle.collapsed {
	background-position: center left;
}

#morpho-list .decimal-list>li { 
	list-style: inside lower-alpha !important;
	padding: 5px 0 0 !important;
	color: #459C82;
	border-bottom: none !important;
}
#morpho-list .decimal-list ul.children li.cat-item {  padding: 0; }

#topic-list.children li.cat-item>a,
#morpho-list .decimal-list ul.children li.cat-item>a { color: #195F5E; }

.current-cat>a { color: #6895fd !important; }

#treatment-plans-list {
    font-weight: bold;
    margin-left: 0 !important;
}
#menu-main-menu-left li.current-menu-item a, 
#menu-case-studies li.current-menu-item a, 
#menu-microscopy li.current-menu-item a,
#menu-full-annotation-list li.current-menu-item a {
    color: #6895FD !important;
}
/* ------ Accordians  ------ */

.panel-default>.panel-heading {
    color: inherit;
    background-color: transparent;
}
.panel-title { 
	font-size: 21px; 
    padding-right: 25px;
	position: relative; 
}
.panel-title a { 
	display: inline; 
    font-weight: bold;
}
.panel-title a:after, .panel-title a.collapsed.in:after { 
    content: "-";
    float: right;
    background-color: #45aaff;
    color: white;
    padding: 0 7.5px 4px;
    line-height: 18px;
    font-weight: normal;
	position: absolute;
    right: 0;
    top: 0;
}
.panel-title a.collapsed { padding-bottom: 20px; }

.panel-title a.collapsed:after { 
    content: "+";
    background-color: black;
	padding: 2px 4.88px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body,
.panel-default>.panel-heading,
.panel-group .panel {
    border: 0;
	padding: 0;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	padding-bottom: 20px;
}
.panel-default>.panel-heading+.panel-collapse:focus {
	outline: 0;
}
#sidebar h4.panel-title {
	line-height: 22px;
    font-size: 22px;
    margin-bottom: 10px;
}
#sidebar h4.panel-title a {
    padding: 10px 0;
}
#sidebar .panel-title a:after { 
    top: 10px;
}
.single-case_studies .panel-heading {
	padding: 10px;
    background: #e1e5ea;
    color: black;
}
.single-case_studies .panel-title a.collapsed { padding-bottom: 0px; }

.single-case_studies .panel-default { margin-bottom: 20px; }

.single-case_studies .post-content p { margin-bottom: 10px; }

/* ------ Tables ------ */

.fusion-table.table-1 {
    margin-bottom: 20px;
	    max-width: 100%;
		overflow-y: scroll;
}
.table {
  border-color: #e5e4e3;
}
.table > thead > tr > th,
.table > tbody > tr > th {
  padding: 20px;
  font-weight: bold;
}
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px 20px;
}
.table > tfoot > tr > td {
  font-weight: bold;
}
.table-1 table {
  border: 1px solid#dcdcdc;
  background-color: #fff;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.table-1 table th {
  border: 1px solid #dcdcdc;
  background: #f6f6f6;
  padding: 20px;
}
.table-1 tr:nth-child(even) {
  background: #f6f6f6;
}
.table-1 tr td {
	vertical-align: text-top;
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
}
.table-2 table th {
  padding-top:20px;
}
.table-2 tr td {
  border-top: 1px solid #dcdcdc;
  padding: 5px 0px;
}

/* ------ Footer ------ */

#footer .widget {	
    color: #8C8989;
	font-size: 12px;
    text-align: center;
	margin-bottom: 0;
}
#footer .widget a { color: #BFBFBF; }

#smoothup {
    border-radius: 3px;
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.3) url(../images/arrow-white.svg) center center no-repeat;
		-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}