/*
Theme Name: oddio-2017-01
Theme URI: http://oddiooverplay.com/
Author: OddioOverplay.com
Description: Core theme for OddioOverplay
Version: 1.0
Version Date: 2017-01-00
License: Creative Commons Attribution-NonCommercial
License URI: http://creativecommons.org/licenses/by-nc/3.0/
Text Domain: oo

OddioOverplay theme was constructed on the Underscores framework 
http://underscores.me/, (C) 2012-2015 Automattic, Inc.


CONTENTS
			1.0 Normalize Reset
			2.0 Typography
				2.1 Page
				2.2 Blockquote
			3.0 Elements
			4.0 Forms and Buttons
				4.1 Search Forms (non-header)
			5.0 Navigation
				5.1 Links
				5.2 Pagination
				5.3 Menus
				5.4 Scroll to Top
			6.0 Accessibility
			7.0 Alignments
			8.0 Clearings
			9.0 Divisions
				9.1 Header
				9.1.1 Header Search Bar
				9.2 Widgets
				9.3 Footer
			10.0 Content
				10.1 Blocks
				10.2 Catalogs
			11.0 Media
				11.1 Captions
				11.2 Galleries
			12.0 Additional Tweaks

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

		1.0 Normalize Reset  -- NO EDITS --

--------------------------------------------------------------*/
						html {
							font-family: sans-serif;
							-webkit-text-size-adjust: 100%;
							-ms-text-size-adjust:     100%;
						}

						body {
							margin: 0;
						}

						article,
						aside,
						details,
						figcaption,
						figure,
						footer,
						header,
						main,
						menu,
						nav,
						section,
						summary {
							display: block;
						}

						audio,
						canvas,
						progress,
						video {
							display: inline-block;
							vertical-align: baseline;
						}

						audio:not([controls]) {
							display: none;
							height: 0;
						}

						[hidden],
						template {
							display: none;
						}

						a {
							background: transparent;
						}

						a:active,
						a:hover {
							outline: 0;
						}

						abbr[title] {
							border-bottom: 0px dotted;
						}

						b,
						strong {
							font-weight: bold;
						}

						dfn {
							font-style: italic;
						}

						h1 {
							font-size: 2em;
							margin: 0.67em 0;
						}

						mark {
							background: #ff0;
							color: #000000;
						}

						small {
							font-size: 80%;
						}

						sub,
						sup {
							font-size: 75%;
							line-height: 0;
							position: relative;
							vertical-align: baseline;
						}

						sup {
							top: -0.5em;
						}

						sub {
							bottom: -0.25em;
						}

						img {
							border: 0;
						}

						svg:not(:root) {
							overflow: hidden;
						}

						figure {
							margin: 1em 40px;
						}

						hr {
							box-sizing: content-box;
							height: 0;
						}

						pre {
							overflow: auto;
						}

						code,
						kbd,
						pre,
						samp {
							font-family: monospace, monospace;
							font-size: 1em;
						}

						button,
						input,
						optgroup,
						select,
						textarea {
							color: inherit;
							font: inherit;
							margin: 0;
						}

						button {
							overflow: visible;
						}

						button,
						select {
							text-transform: none;
						}

						button,
						html input[type="button"],
						input[type="reset"],
						input[type="submit"] {
							-webkit-appearance: button;
							cursor: pointer;
						}

						button[disabled],
						html input[disabled] {
							cursor: default;
						}

						button::-moz-focus-inner,
						input::-moz-focus-inner {
							border: 0;
							padding: 0;
						}

						input {
							line-height: normal;
						}

						input[type="checkbox"],
						input[type="radio"] {
							box-sizing: border-box;
							padding: 0;
						}

						input[type="number"]::-webkit-inner-spin-button,
						input[type="number"]::-webkit-outer-spin-button {
							height: auto;
						}

						input[type="search"] {
							-webkit-appearance: textfield;
							box-sizing: content-box;
						}

						input[type="search"]::-webkit-search-cancel-button,
						input[type="search"]::-webkit-search-decoration {
							-webkit-appearance: none;
						}

						fieldset {
							border: 1px solid #c0c0c0;
							margin: 0 2px;
							padding: 0.35em 0.625em 0.75em;
						}

						legend {
							border: 0;
							padding: 0;
						}

						textarea {
							overflow: auto;
						}

						optgroup {
							font-weight: bold;
						}

						table {
							border-collapse: collapse;
							border-spacing: 0;
						}

						td,
						th {
							padding: 0;
						}

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

		2.0 Typography

--------------------------------------------------------------*/
body,
textarea {
	font-family: 'Open Sans', san-serif;
	font-size: 14px;
	color: #625ea9;
	line-height: normal;
}
input,
select {
	font-family: 'Open Sans', san-serif;
	font-size: 14px;
	color: #003366;
	line-height: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #7773ce;
	-webkit-hyphens: none;
   -moz-hyphens: none;
	hyphens: none;
	margin-bottom: 10px;
}
p {
	margin-bottom: 1.5em;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
cite:before {
	content:'\0097';
}
blockquote {
}
address {
	margin: 0 0 1.5em;
}
pre {
	background-color: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background-color: #fff9c0;
	text-decoration: none;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
#colophon {
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 0;
}

/* 2.1 Page Typography ---------------------------------- */

.entry-title,
h1.entry-title {
	margin-bottom: 6px;
	padding: 12px 0px 6px 0px;
	font-size: 22px;
	border-bottom: 2px solid #7773ce;
}
.entry-title a,
.entry-title a:active,
.entry-title a:visited:hover {
	color: #8e44ad;
}
.entry-title a:hover {
	color: #da4453;
}
.entry-content a {
    text-decoration: none;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-bottom: 10px;
}
.entry-content h1 {
    font-size: 20px;
}
.entry-content h2 {
    font-size: 18px;
}
.entry-content h3 {
    font-size: 16px;
}
.entry-content h4 {
    font-size: 14px;
}
.entry-content h5 {
    font-size: 12px;
}
.entry-content h6 {
    font-size: 12px;
    font-style: italic;
}
.entry-content p,
.entry-content ul,
.entry-content ol {
    font-size: 14px;
    line-height: normal;
}
.entry-content blockquote p {
	font-size: 14px;
	line-height: normal;
}
.category-list {
	margin: 1.3em 0 1em;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
}
.category-list a {
	color: #333;
}
.category-list a:hover {
	color: #000000;
}
.entry-meta,
.entry-footer {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	line-height: normal;
}
.entry-meta {
	margin-bottom: 10px;
	padding: 0;
}
.entry-meta a {
	font-weight: 600;
}
.entry-footer ul {
    padding: 0px;
    margin: 0px;
    line-height: 1.5em;
    list-style-type: none;
}
.entry-footer li {
    display: inline-block;
    margin-right: 10px;
}
.entry-footer a {
}

/* 2.2 Blockquote Typography ---------------------------------------- */

blockquote {
    padding: 1em 1.5em 0;
    margin-bottom: 1em;
    font-style: italic;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}
blockquote em {
    font-style: normal;
}
blockquote cite {
    display: block;
    margin-top: 1em;
    margin-left: 60%;
    margin-bottom: 1em;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    line-height: 1.5em;
    text-align: left;
}
blockquote cite:before {
	content:'\2014';
	padding-right: 4px;
}
blockquote.alignleft {
    width: 50%;
    float: left;
    padding: 1em 0 0;
    margin-right: 2em;
}
blockquote.alignright {
    width: 50%;
    float: right;
    padding: 1em 0 0;
    margin-left: 2em;
}
blockquote.alignleft cite {
    text-align: left;
    margin-left: 0;
    margin-right: 40%;
}

/* Blockquotes Responsive --------------------------------------------- */
/* Set blockquotes to full width on smaller screens ------------------- */

@media screen and (max-width: 780px) {
    blockquote.alignleft,
    blockquote.alignright { width: 40%; }
}

@media screen and (max-width:600px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 1.5em 0;
    }
}


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

		3.0 Elements

--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	 /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background-color: #003366;
	margin-bottom: 0;
	padding-bottom: 0;
	min-height: 900px;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
hr {
	background: #7773ce;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 20px 10px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 5px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
	font-style: italic;
}
img {
	height: auto; /* Ensure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
thead {
	background: #dedede;
}
th,
td {
	padding: 4px;
}
th {
	text-align: left;
}
tr {
	border-bottom: 1px solid #dedede;
}
.odd {
	background: #f0f0f0;
}
.sourced {
	color: #bbb;
	font-size: 70%;
	font-style: italic;
}
.sourced:before,
cite .sourced:before {
	content:'\2014';
	padding-right: 4px;
}

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

		4.0 Forms and Buttons

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

a.more-link {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	padding: 5px 16px;
	color: #fff;
	text-transform: uppercase;
	background: #7773ce;
	border: 1px solid #700000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
a:hover.more-link {
	color:white;
	background: #700000;
	border-color: #7773ce;
}
.action-button {
	margin: 0 auto;
	background: #ac92ec;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	padding: 10px;
	width: 200px;
	border: 1px solid #003366;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.29);
	-moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.29);
	box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.29);
}
.action-button:hover {
	background: #7773ce;
	border: 1px solid #8e44ad;
	color: #fff;
}
.action-button a,
.action-button a:hover,
.action-button a:active,
.action-button a:visited {
	font-weight: 600;	
	color: #fff;
	text-decoration: none;	
}
button,
input,
select,
textarea {
	font-size: 80%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
		select:before {
			content: "\0088div\0020class=\0022styled-select\0022\009B";
		}
		select:after {
			content: "\0088/div\009B";
		}
		.styled-select select {
		   background: transparent;
		   padding: 3px;
		   font-size: 12px;
		   line-height: normal;
		   border: 0;
		   border-radius: 0;
		   -webkit-appearance: none;
		}
		.styled-select {
			overflow: hidden;
			width: 16px;
			height: 16px;
			font-family: 'Fontawesome';
			color: #dedede;
			content: "\f078";
		}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
	padding: 5px 16px;
	color: #fff;
	text-transform: uppercase;
   background: #7773ce;
	border: 1px solid #4d4a85;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
   background: #4d4a85;
   border: 1px solid #7773ce;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
   border: 1px solid #7773ce;
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	font-family: 'PT Serif', serif;
	padding: 4px;
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

/*--------------------------------------------------------------
		4.1 Search Forms (non-header)
--------------------------------------------------------------*/

input[type="search"] {
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
}
.bodysearch-wrapper {
    z-index: 2;
    width: 100%;
}
.bodysearch {
    padding: 4px;
}
.bodysearch .search-field {
    float: right;
    padding: 4px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #dedede;
}
.error404 .search-submit,
.bodysearch .search-submit,
.bodysearch .search-submit { 
    display: inline-block; 
}

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

		5.0 Navigation

--------------------------------------------------------------*/
/*--------------------------------------------------------------
		5.1 Links
--------------------------------------------------------------*/
a {
	color: #4169e1;
	font-weight: bold;
	text-decoration: none;
}
a:focus,
a:hover,
a:active,
a:visited:hover {
	color: #8e44ad;
}
a:visited {
	color: #3d5b94;
}
a:focus {
	outline: none;
	text-decoration: none;
}
a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
		5.2 Pagination
--------------------------------------------------------------*/

.navigation.pagination {
	font-family: 'Open Sans', sans-serif;
}
.page-numbers,
.page-numbers.dots {
	margin-right: 6px;
	padding: 2px 4px;
	border: 1px solid	#4169e1;
	background: #dfe9fc;
}
.page-numbers:hover {
	background: #4169e1;
}
.page-numbers.current {
	background: #6e95dd;
}
.page-numbers.current:hover {
	background: #ffff75;
}
a.page-numbers,
a.page-numbers.dots {
	color: #4169e1;
	font-weight: bold;
	text-decoration: none;
}
a:hover.page-numbers {
    color: #6e95dd;
}
a:visited.page-numbers {
    color: #3d5b94;
}

/*--------------------------------------------------------------
		5.3 Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
		5.3.1 Primary Menu
--------------------------------------------------------------*/
.main-navigation {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    clear: both;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    background: #7773ce;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(60, 60, 60, 0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(60, 60, 60, 0.5);
    box-shadow: 0px 0px 4px 0px rgba(60, 60, 60, 0.5);
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	float: left;
	position: relative;
}
 .main-navigation a {
    display: block;
    padding: 10px 14px;
    font-size: 14px;
    text-decoration: none;
    line-height: 16px;
    color: white;
    font-weight: 700;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 36px;
	left: -999em;
	z-index: 99999;
	padding: 0;
	background: #4d4a85;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 10px;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {

}
.main-navigation li:hover > a {
    color: #fff;
    background: #4d4a85;
}
.main-navigation ul ul a:hover {
    background: #7773ce;
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
   color: #fff;
    background: #172340;
}
.main-navigation ul ul ul, 
.menu-toggle {
 	display: none;
}

/* RESPONSIVE PRIMARY MENU --------------------------------------- */

@media screen and (max-width: 600px) {
	
	 .menu-toggle {
		 display: block;
		 height: 30px;
		 padding: 5px 10px;
		 font-weight: normal;
		 font-size: 14px;
		 text-decoration: none;
		 line-height: 30px;
		 color: white;
	 }
 	.main-navigation button {
		border: 0px;
		border-radius: 0px;
		background: #7773ce;
 	}
	.main-navigation.toggled .nav-menu {
		display: block;
		border-top: 1px solid #ffffff;
	}
	.main-navigation ul {
      display: none;
      padding-left: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.main-navigation ul ul ul li {
		display: none;
 	}
	 .main-navigation li {
		 float: none;
		 background: #595959;
	 }
	 .main-navigation li a {
	 	padding: 10px;
	 }
	 .main-navigation li li a {
	 	padding-left: 20px;
	 }
	 .main-navigation li li li a {
	 	padding-left: 30px;
	 }
	 .main-navigation li:hover > a {
		 background: #303030;
	 }
	 .main-navigation ul ul {
		 position: relative;
		 top: inherit;
		 left: 0;
		 display: block;
		 float: none;
		 background: #303030;
		 -webkit-box-shadow: none;
		 -moz-box-shadow: none;
		 box-shadow: none;
	 }
	 .main-navigation ul ul a {
	 	width: 100%;
	 }
	 .main-navigation ul a:hover,
	 .main-navigation ul ul a:hover {
			background: #303030;
	}
	.main-navigation .current_page_ancestor,
	.main-navigation ul ul .current_page_parent,
	.main-navigation .current_page_item li:hover  {
		background: #595959;
	}
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_item > a:hover {
		color: #fff;
		background: #303030;
	}
}
/* end Responsive Main Nav ----------------------------------- */

/*--------------------------------------------------------------
 5.3.2  Home Menu
--------------------------------------------------------------*/
.menu-homemenu {
	 clear: both;
	 display: block;
	 position: relative;
	 float: right;
	 width: 100%;
	 max-height: 54px;
	 background: #003366;
	 padding: 0 20px;
}
.menu-homemenu ul {
	 float: right;
	 text-align: center;
	 list-style: none;
	 padding: 0px;
}
.menu-homemenu ul li {
	 position: relative;
	 display:  inline-block;
	 line-height: 50px;
	 vertical-align: bottom;
	 padding: 0px;
}
.menu-homemenu li a {
	 font-family: 'Open Sans', sans-serif;
	 font-size: 12px;
	 font-weight: 500;
	 text-transform: none;
	 font-style: italic;
	 -webkit-font-smoothing: antialiased;
	 color: #ddd;
}
.menu-homemenu li a:hover {
	color: #4a89dc;
}

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

	.menu-homemenu {
	   clear: both;
		width: 100%;
		margin-bottom: 0;
		min-height: 90px;
		padding: 0px;
	}
   #menu-homemenu ul {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding-top: 4px;
 	}
    #menu-homemenu li {
		display: inline-block;
		line-height: normal;
		padding: 0px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: 500;
		font-style: italic;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
   }
}
/*--------------------------------------------------------------
		5.3.3  Iconic Menu
--------------------------------------------------------------*/
.menu-iconic {
   clear: both;
   display: block;
   position: relative;
   float: right;
   width: 100%;
   max-height: 24px;
   background: #4169e1;
}
.menu-iconic ul {
   float: right;
   text-align: center;
   list-style: none;
	padding: 0px;
}
.menu-iconic ul li {
   position: relative;
   display:  inline-block;
   line-height: 14px;
   vertical-align: top;
   padding: 0px;
}
.menu-iconic li a {
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   font-weight: 500;
   text-transform: none;
   font-style: italic;
   -webkit-font-smoothing: antialiased;
   color: #cccccc;
}
.menu-iconic li a:hover {
	color: #6e95dd;
}

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

	.menu-iconic {
	   clear: both;
		width: 100%;
		min-height: 24px;
		max-height: 48px;
		padding: 0px;
	}
   #menu-iconic ul {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding-top: 4px;
 	}
    #menu-iconic li {
		display: inline-block;
		line-height: normal;
		padding: 0px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: 500;
		font-style: italic;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
   }
}
/*--------------------------------------------------------------
		5.3.4 Middle Footer Menu
--------------------------------------------------------------*/
.menu-middlefoot {
	 clear: both;
	 display: block;
	 position: relative;
	 float: right;
	 width: 100%;
	 max-height: 24px;
	 padding: 4px;
}
.menu-middlefoot ul {
	margin: 0 auto;
	text-align: center;
	list-style: none;
	padding: 0px;
}
.menu-middlefoot ul li {
	 position: relative;
	 display:  inline-block;
	 line-height: 26px;
	 vertical-align: top;
	 padding: 0px;
}
.menu-middlefoot li a,
.menu-middlefoot li a:active,
.menu-middlefoot li a:visited {
	 font-family: 'Open Sans', sans-serif;
	 font-weight: 500;
	 text-transform: none;
	 font-style: italic;
	 -webkit-font-smoothing: antialiased;
	 color: #d8adff;
;
}
.menu-middlefoot li a:hover {
	color: #4a89dc;
}
@media screen and (max-width: 600px) {

	.menu-middlefoot {
	   clear: both;
		width: 100%;
		min-height: 24px;
		max-height: 48px;
		padding: 0px;
	}
   .menu-middlefoot ul {
		display: block;
		margin: 0 auto;
		width: 100%;
		padding-top: 4px;
 	}
    .menu-middlefoot li {
		display: inline-block;
		line-height: normal;
		padding: 0px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: 500;
		font-style: italic;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
   }
}
/*--------------------------------------------------------------
		5.4 Scroll to Top
--------------------------------------------------------------*/

#scrolltotop {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 2px;
    bottom: 50px;
    display:none;
	 opacity: 0.8;
	 text-align: center;
}


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

		6.0 Accessibility

--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background: #f1f1f1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

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

		7.0 Alignments
		
--------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    text-align: center;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


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

 8.0 Clearings

--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
 content: "";
 display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
 clear: both;
}

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

 9.0 DIVISIONS

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

/*--------------------------------------------------------------
 9.1 Header
--------------------------------------------------------------*/

.header-image img {
	display: block;
	margin: 0 auto;
}

.header-background-image {
	background: no-repeat center;
	background-size: cover!important;
	-moz-background-size: cover!important;
	-webkit-background-size: cover!important;
}

.site-branding {
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
}
	.title-box {
		width: 600px;
		max-width: 75%;
		margin: 0 auto;
		padding: 20px;
		border: 4px double #efefef;
		background: #000000;
		background: hsla(0, 0%, 0%, 0.8);
		}

	.site-title,
	.site-title a,
	.site-title a:hover {
		font-family: 'PT Serif', serif;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: 700;
		text-transform: uppercase;
    	color: #fff;
		}

	.site-description {
		margin-top: -10px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 100;
		font-size: 12px;
		font-size: 1.2rem;
		font-style: italic;
		text-transform: none;
    	color: #fff;
		}

.site-branding a {
    text-decoration: none;
    color: #fff;
}

/* Responsive Header Title Box ------------------------------- */
@media screen and (max-width: 600px) {
    .site-branding { padding: 0; }

    .title-box {
        max-width: 100%;
        margin: 0;
        padding: 10px;
        border: none;
    }
}

/*--------------------------------------------------------------
		9.1.1 Toggle Header Search Bar
-------------------------------------------------------------- */

.main-navigation .search-form {
	position: relative;
}

.main-navigation .search-field {
	height: 24px;
	width: 0px;
	border: none;
	cursor: pointer;
	margin-right: 20px;
	padding-left: 4px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	background: none;
}

.main-navigation .search-field:focus {
	background: #ffffff;
	border: 1px solid #dfbdff;
	cursor: text;
	outline: 0;
	width: 230px;
}

.search-form
.search-submit {
	display:none;
}

/*--------------------------------------------------------------
		9.2 Widgets
--------------------------------------------------------------*/

.widget {
	margin-bottom: 1em;
   word-wrap: break-word;
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   text-decoration: none;
}

.widget ul,
.widget ol {
   margin: 0px;
   border:0px;
   list-style: none outside none;
}

.widget li {
	padding: 4px 0px;
	border-bottom: 1px solid #aaaaaa;
}

.widget li ul,
.widget li ol {
	margin-top: 0;
}

.widget li li { 
	margin-left: 2px;
}

/* Ensure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Widgets: Secondary  --------------------------------------------------- */

#secondary,
#secondary.widget-area {
 	background: none;
 	padding-top: 80px;
}
#secondary .widget {
	display: block;
	float: left;
	width: 100%;
	margin: 4px 0px 20px 0px;
	padding: 10px 10px 16px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	background: #ebebeb;
}

#secondary .widget-title {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #2f313d;
    border-bottom: 2px solid #2f313d;
}

#secondary .widget-title a {
 	color: #2f313d;
 	font-weight: 600;
}

#secondary .widget a:active,
#secondary .widget a:hover {
 	color: #6e95dd;
}

#secondary .widget a:visited {
}
                
/* Search widget */
.widget_search .search-submit {
	display: none;
}

/* Widgets: Footer ------------------------------------------------------ */

.footer-widgets {
	margin: 0 auto;
	padding: 0 20px;
}

.footer-widgets .widget {
   float: left;
   width: 320px;
   margin: 0 30px 20px 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
   color: #b8b8b8;
}

.footer-widgets a,
.footer-widgets a:visited {
	color: #6e95dd;
	font-weight: 600;
	text-decoration: none;
}

.footer-widgets a:focus,
.footer-widgets a:hover,
.footer-widgets a:active,
.footer-widgets a:visited:hover {
	color: #9c4040;
	font-weight: 600;
	font-style: italic;
}

.footer-widgets a:focus {
	outline: thin dotted;
}

.footer-widgets a:hover,
.footer-widgets a:active {
	outline: 0;
}

.footer-widgets .widget-title,
.footer-widgets .widget-title a {
   color: #ebebeb;
	font-weight: 600;
}

.footer-widgets h1.widget-title {
	font-size: 14px;
}

/* Footer widgets responsive */
@media screen and (max-width: 879px) {
   #footer-widgets { width: 100%!important; }

    .footer-widgets .widget {
     float: none;
     width: 100%;
     margin: 0 0 30px;
   }
}

/*--------------------------------------------------------------
		9.3 Footer
--------------------------------------------------------------*/

.site-footer {
	clear: both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #003366;
}
.site-footer a:hover {
	color: #7773ce;
}
#supplementary {
	background: #003366;
	width: 100%;
}
.site-info {
	font-size: 90%;
	color: #d6d6d6;
	text-align:center;
}
#middle-footer {
	padding: 4px;
	margin:0px auto;
}
.aliens {
	max-width:460px;
	max-height: 149px;
	padding: 0;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.aliens img, .aliens table, .aliens tr, .aliens td {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}


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

		10.0 Content

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

.page {
	background: #fff;
}
.hentry {
	margin: 0 0 1.5em;
}
.byline {
	display: none;
}
.byliner {
	margin-top: -6px;
	font-family: Fredoka One;
	font-size: 200%;
	font-style: italic;
	font-weight: bolder;
	text-align: center;
	color: #4b7be7;
}
.page-content,
.entry-content,
.entry-summary {
	margin-top: 10px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-title {
	font-size: 22px; 
}


/*--------------------------------------------------------------
				10.1 Blocks
--------------------------------------------------------------*/

.textblock {
	float: left;
	margin: 0 10px 10px 0; 
	padding: 10px; 
	min-height: 300px;
	border: 0px solid #dfbdff; 
}
.infobox {
	float: left;
	margin: 10px 10px 10px 0; 
	padding: 10px; 
	width: 280px; 
	min-height: 300px;
	color: #4b7be7;
	border: 2px solid #4b7be7; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.infoboxflat {
	margin: 50px; 
	padding: 20px; 
	width: 80%; 
	color: #4b7be7;
	border: 2px solid #4b7be7; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
@media screen and (max-width: 700px) {
	.infoboxflat {
	margin: 6px; 
	padding: 6px; 
	width: 100%; 
	color: #4b7be7;
	border: 2px solid #4b7be7; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
}
.infobox p, .infoboxflat p {
	text-align: left;
	font-size: 90%;
}
.infobox ul, .infobox ol, .infoboxflat ul, .infoboxflat ol {
	margin: 0;
	padding: 10px;
	font-size: 85%;
}
.infobox li, .infoboxflat li {
	margin: 0;
	padding-bottom: 5px;
}
.noborbox {
	float: left;
	margin: 10px; 
	padding: 10px; 
	width: 280px; 
	height: 300px;
	border: 0; 
}
.noborwide {
	float: left;
	margin: 10px; 
	padding: 10px; 
	max-width: 600px; 
	min-height: 300px;
	border: 0; 
}
.noborbox p {
	margin-right: auto;
	margin-left: auto;
	width: 250px;
	text-align: center;
}
.vidbox {
	float: left;
	margin: 10px; 
	padding: 10px; 
	width: 500px;
	min-height: 250px;
	border: 0px solid #dfbdff; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
}
.rightbox {
	float: right;
	margin: 10px; 
	padding: 10px; 
	width: 280px; 
	min-height: 300px;
	border: 2px solid #dfbdff; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
}
.rightbox p {
	font-size: 90%;
	text-align: left;
}
.squidgy p {
	font-size: 90%;
	text-align:center;
}
.plainbox {
	float: left;
	margin: 10px; 
	padding: 6px; 
	min-width: 180px;
	max-width: 300px; 
	min-height: 300px;
	border: 2px solid #dfbdff; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
	-webkit-box-shadow: 3px 3px 5px 0px #bebebe;
}
.frontbox {
	display: block;
	min-height: 250px;
	background: none;
   padding: 10px;
   border: 2px solid #dfbdff;
   transition: all 0.3s ease 0s;
   color: #606060;
}

/* Blocks Responsive --------------------------------------------- */

@media screen and (max-width: 1300px) {
   .infobox, .noborbox, .noborwide, .rightbox, .vidbox { 
	float: none;
   width: 100%;
	margin: 0;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: 0
   }   
}

/*--------------------------------------------------------------
				10.2 Catalogs
--------------------------------------------------------------*/

.catalogs {
}
.grid { 
		float: left;
		width: 220px;
		height: 270px;
		margin: 5px auto;
		padding: 2px;
		font-family: sans-serif;
		font-size: 11px;
		text-align: center;
		border-bottom: 1px solid #eee;
		background-color: none;
}				
.grid img {
		height: 200px;
		width: 200px;
		padding: 2px;
		margin-top: 10px;
		border: 0;
		background-color: #e9ebf2;
		-moz-box-shadow: 2px 2px 3px 3px #bebebe;
		-webkit-box-shadow: 2px 2px 3px 3px #bebebe;
		box-shadow: 2px 2px 3px 3px #bebebe;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d4d4')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d4d4');				
}
.picdiv {
	margin: 0 auto; padding:10px; max-width: 1260px;
}
.leapgrid { 
		float: left;
		max-width: 310px;
		max-height: 160px;
		margin: 0 auto;
		padding: 2px;
		background-color: none;
}
.leapgrid img { 
		max-width: 300px;
		max-height: 150px;
}


/*--------------------------------------------------------------
		
		11.0 Media
		
--------------------------------------------------------------*/

/* Ensure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
		11.1 Captions
--------------------------------------------------------------*/

.captions {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.captions img {
	display: block;
	margin: 0 auto;
}
.captions-text {
	text-align: center;
	padding: 4px;
	font-size: 11px;
	font-family: 'Open Sans', sans-serif;
}

/*--------------------------------------------------------------
		11.2 Galleries
--------------------------------------------------------------*/

.site-main .catalog {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.site-main .catalog-item {
    position: relative;
    max-width:100%;
    float: left;
    margin-right: 3%;
    margin-bottom: 2rem; 
}
.catalog-caption {
	margin: 0 auto;
   width: 100%;
   padding-top: 4px;
	padding-left:6px;
	font-family: sans-serif;
	font-size: 11px;
	text-align:center;

}
.catalog-item:hover .catalog-caption {
    opacity: 1;
}
.site-main .catalog img {
	max-width: 100%;
	height: auto;
	display: block;
	border:0px solid #b7c7de;
	padding:3px;
	margin:5px auto;
	background-color:#e9ebf2;
	-moz-box-shadow: 2px 2px 3px 3px #bebebe;
	-webkit-box-shadow: 2px 2px 3px 3px #bebebe;
	box-shadow: 2px 2px 3px 3px #bebebe;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d4d4')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d4d4');				  
}
/*
	SHADOWS. The components of each <shadow> are interpreted as follows:
	 The first length is the horizontal offset of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.
	 The second length is the vertical offset. A positive value offsets the shadow down, a negative one up.
	 The third length is a blur radius. Negative values are not allowed. If the blur value is zero, the shadow's edge is sharp. Otherwise, the larger the value, the more the shadow's edge is blurred. See below.
	 The fourth length is a spread distance. Positive values cause the shadow shape to expand in all directions by the specified radius. Negative values cause the shadow shape to contract. 
*/

.gallery-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
	font-size: 85%;
}

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

 12.0 Additional Tweaks

--------------------------------------------------------------*/
#scrolltotop {
    width: 30px;
    height: 30px;
    position: fixed;
    right: 25px;
    bottom: 25px;
    display:none;
}

.photo-border {
	display: block;
	padding: 10px;
	margin:5px;
	border: 1px solid #b7c7de;
	background-color:#e9ebf2;
	-moz-box-shadow: 2px 2px 3px 3px #bebebe;
	-webkit-box-shadow: 2px 2px 3px 3px #bebebe;
	box-shadow: 2px 2px 3px 3px #bebebe;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d4d4')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#d4d4d4');				  
}