/*
Theme Name: Identity-BOK
Theme URI: http://themeforest.net/user/themerain
Description: Created by ThemeRain
Author: ThemeRain
Author URI: http://themeforest.net/user/themerain
Version: 999.99
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

@import url(http://fonts.googleapis.com/css?family=Merriweather:700);
@import url(https://fonts.googleapis.com/css?family=Domine:400,700);
@import url(https://fonts.googleapis.com/css?family=Noticia+Text:700,400);

.homepage-quote { display: none; }
body.home .homepage-quote { display: block;  }
body.home .homepage-quote .widget-title { display: none; }
body.home .homepage-quote aside#text-3 { font-size: 3.3em;  text-align: center; margin-bottom: 1em;}
body.home .homepage-quote aside#text-3 span.quotesource { font-size: 50%; text-align: center; display: block;}
body.home .homepage-quote strong { color: #bb0000; }

button.menu-toggle { border: none !important; } 

.player640, .player480, .player320 { 
display: none;
}

.player640 { display: block; }

div.footer-wreaths { 
	margin-bottom: 20px; 
	display: inline-block; 
	text-align: center;
}

div.footer-wreaths:last-child { 
	margin-right: 0px;
}

div.wreath { 
	width: 144px; 
	height: 71px; 
}

div.wreath { 
	/*width: 240px; */
	/*height: 118px; */
	display: inline-block; 
	float: left; 
	margin-right: 12px; 
	margin-bottom: 10px; 
}

.site {
	margin-top: 30px !important;
	background-image: url(assets/images/pattern-1yu1-by-siteorigin-and-subtlepatterns.png);
	border-style: solid;
	border-width: 22px 22px 22px 32px; /* was 27px 27px 27px 38px;*/
	-moz-border-image: url(/wp-content/themes/identity/assets/images/border-pattern-002.png) 27 27 27 38 round;
	-webkit-border-image: url(/wp-content/themes/identity/assets/images/border-pattern-002.png) 27 27 27 38 round;
	-o-border-image: url(/wp-content/themes/identity/assets/images/border-pattern-002.png) 27 27 27 38 round;
	border-image: url(/wp-content/themes/identity/assets/images/border-pattern-002.png) 27 27 27 38 fill round;
	border-image-outset: 15px;
}

.site-logo a.logo-img {
	background-image:url(/wp-content/uploads/2015/04/bok-logo.png); 
	background-size: 100% 100%;
   display: block;
   max-width:940px;
   max-height:69px;
   width: auto;
   height: auto;
	opacity: 0.8;
}

div.site-logo { margin-bottom: 60px; } 

div.review {
	border-bottom: none;
	margin-bottom: 40px;
	clear:both;
	min-height: 110px;
}



/**
 * -----------------------------------------------------------------------------
 * Base
 * -----------------------------------------------------------------------------
 */

* {
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

body,
button,
input,
select,
textarea {
	font-family: "Domine", serif; /* bodyfont */
	font-size: 14px;
	line-height: 20px;
}

body {
	margin: 0;
	padding-bottom: 40px;
	background: url(assets/images/bgmat2.jpg) center top repeat #111418;
   background-attachment: fixed;
	color: #222222;
	word-wrap: break-word;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #d43925;
}

b,
strong {
	font-weight: 700;
}

blockquote {
	margin: 0 0 20px 0;
	padding: 0 20px;
	border-left: 4px solid #282930;
}

embed,
iframe,
object,
video {
	max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px 0;
	/*color: #f1f1f1;*/
	color: #bb0000;
	font-weight: 700;
}

h1 {
	font-size: 24px;
	line-height: 30px;
}

h2 {
	font-size: 20px;
	line-height: 24px;
}

h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 12px;
	line-height: 16px;
}

h5 {
	font-size: 10px;
	line-height: 13px;
}

h6 {
	font-size: 8px;
	line-height: 11px;
}

.page-sidebar h6 { font-size: 20px; line-height: 24px; }


hr {
	height: 1px;
	margin: 20px 0;
	border: 0;
	background-color: #282930;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
	border: 0;
	vertical-align: bottom;
}

p {
	margin: 0 0 20px 0;
}

p:last-child {
	margin-bottom: 0;
}

pre,
code,
kbd,
samp,
var {
	font-family: monospace, serif;
}

pre {
	clear: both;
	overflow: auto;
	max-width: 100%;
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #282930;
	white-space: pre;
	white-space: pre-wrap;
}

small {
	font-size: 12px;
}

sub,
sup {
	height: 0;
	font-size: 12px;
	line-height: 0;
}

table,
th,
td {
	border: 1px solid #282930;
}

table {	
	width: 100%;
	margin-bottom: 20px;
	border-width: 1px 0 0 1px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
}

caption,
th {
	font-weight: 700;
}

th,
td {
	padding: 10px;
	border-width: 0 1px 1px 0;
}

ul,
ol {
	margin: 0 0 20px 20px;
	padding: 0;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

/* Form elements ---------------------*/

input,
textarea,
select,
button {
	max-width: 100%;
	margin: 0;
	border-radius: 0;
	font-size: 100%;
	-webkit-appearance: none;
}

input,
textarea {
	padding: 8px;
	border: 2px solid #1f2226;
	border-radius: 3px;
	background-color: #111418;
	color: #8c9094;
}

textarea {
	vertical-align: top;
	width: 100%;
}

input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
	padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button {
	cursor: pointer;
	padding: 10px 15px;
	border: 0;
	border-radius: 3px;
	background-color: #b09b8d;
	border: solid #7e6757 1px;
	color: #000;
	
}




button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover {
	background-color: #bb0000; /*#1f2226;*/
	color: #f1f1f1;
	border: solid #880000 1px;
}

/* Alignment -------------------------*/

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

.aligncenter {
	display: block;
	margin: 0 auto 20px auto;
	text-align: center;
}

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

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

.wp-caption {
	max-width: 100%;
}

.wp-caption .wp-caption-text {
	padding-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}

/* Twocolumn -------------------------*/

.twocolumn {
	position: relative;
	margin-bottom: 20px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 20px;
	-moz-column-gap: 20px;
	column-gap: 20px;
}

/* Gallery ---------------------------*/

.gallery {
	width: -webkit-calc(100% - -5px);
	width: calc(100% - -5px);
}

.gallery-item {
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 5px 5px 0;
}

.gallery-columns-1 .gallery-item {
	float: none;
	text-align: center;
}

.gallery-columns-2 .gallery-item {
	width: -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
}

.gallery-columns-3 .gallery-item {
	width: -webkit-calc(33.3% - 5px);
	width: calc(33.3% - 5px);
}

.gallery-columns-4 .gallery-item {
	width: -webkit-calc(25% - 5px);
	width: calc(25% - 5px);
}

.gallery-columns-5 .gallery-item {
	width: -webkit-calc(20% - 5px);
	width: calc(20% - 5px);
}

.gallery-columns-6 .gallery-item {
	width: -webkit-calc(16.7% - 5px);
	width: calc(16.7% - 5px);
}

.gallery-columns-7 .gallery-item {
	width: -webkit-calc(14.28% - 5px);
	width: calc(14.28% - 5px);
}

.gallery-columns-8 .gallery-item {
	width: -webkit-calc(12.5% - 5px);
	width: calc(12.5% - 5px);
}

.gallery-columns-9 .gallery-item {
	width: -webkit-calc(11.1% - 5px);
	width: calc(11.1% - 5px);
}

.gallery-caption {
	opacity: 0;
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin-right: 10px;
	padding: 8px 12px;
	background-color: rgba(17, 20, 24, .9);
	color: #8c9094;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
}

.gallery-caption a {
	color: #8c9094;
	text-decoration: underline;
}

.gallery-caption a:hover {
	text-decoration: none;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Lightbox --------------------------*/

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-error {
	color: #8c9094;
	padding: 20px;
	font-size: 12px;
	text-transform: uppercase;
	white-space: nowrap;
}

.fancybox-nav {
	z-index: 8040;
	cursor: pointer;
	height: 100%;
	position: absolute;
	top: 0;
	width: 40%;
	color: #8c9094;
}

.fancybox-nav:hover {
	color: #8c9094;
}

.fancybox-nav span {
	opacity: 0;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-color: rgba(17, 20, 24, .9);
	line-height: 40px;
	text-align: center;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
}

.fancybox-next  {
	right: 0;
}

.fancybox-next span {
	right: 10px;
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.fancybox-next span:before {
	font-family: FontAwesome;
	content: "\f105";
}

.fancybox-next:hover span {
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.fancybox-prev  {
	left: 0;
}

.fancybox-prev span {
	left: 10px;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

.fancybox-prev span:before {
	font-family: FontAwesome;
	content: "\f104";
}

.fancybox-prev:hover span {
	opacity: 1;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: rgba(17, 20, 24, 0.9);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

.fancybox-title {
	z-index: 8050;
	opacity: 0;
	position: absolute;
	bottom: 10px;
	left: 10px;
	margin-right: 10px;
	padding: 8px 12px;
	background-color: rgba(17, 20, 24, 0.9);
	color: #8c9094;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
}

.fancybox-title a {
	color: #8c9094;
	text-decoration: underline;
}

.fancybox-title a:hover {
	text-decoration: none;
}

.fancybox-skin:hover .fancybox-title {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Placeholder -----------------------*/

::-webkit-input-placeholder {
	color: #8c9094;
}

::-moz-placeholder {
	color: #8c9094;
	opacity: 1;
}

:-moz-placeholder {
	color: #8c9094;
}

:-ms-input-placeholder {
	color: #8c9094;
}

/* Clearing floats -------------------*/

.site-header:before,
.site-header:after,
.site-main:before,
.site-main:after,
.site-footer:before,
.site-footer:after,
.hentry:before,
.hentry:after,
.gallery:before,
.gallery:after,
.portfolio-area:before,
.portfolio-area:after,
.post-content:before,
.post-content:after {
	content: "";
	display: table;
}

.site-header:after,
.site-main:after,
.site-footer:after,
.hentry:after,
.gallery:after,
.portfolio-area:after,
.post-content:after {
	clear: both;
}

/**
 * -----------------------------------------------------------------------------
 * Site
 * -----------------------------------------------------------------------------
 */

.site {
	width: 940px;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 5px;
	box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
}

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

.site-header {
	position: relative;
	padding: 40px 0;
	background-image: url(assets/images/redmasthead-001.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: 10px;
	padding-bottom: 30px;
	border-radius: 8px;
}

/* Logo ------------------------------*/

.site-logo {
	/*float: left;*/
	margin-left: auto;
    margin-right: auto;
    width: 90%;
	
}

.logo-text {
	font-size: 28px;
	text-transform: uppercase;
}

/* Navigation ------------------------*/

.site-navigation .nav-menu {
	right: 0;
	top: 50%;
	margin-top: -10px;
	clear:both;
}

.site-navigation .current-menu-item > a {
	color: #bb0000;
}

.site-navigation ul {
	margin: 0;
}

.site-navigation li {
	list-style: none;
	position: relative;
	float: left;
	margin-left: 30px;
}

.site-navigation ul ul {
	z-index: 3;
	position: absolute;
	top: 35px;
	left: -999em;
	width: 140px;
	border: 1px solid #282930;
	border-radius: 3px;
	background-color: #111418;
	font-size: 12px;
}

.site-navigation ul ul:before {
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 15px;
	content: "";
}

.site-navigation ul ul a {
	display: block;
	margin: 0 20px;
	padding: 8px 0;
	border-bottom: 1px solid #282930;
}

.site-navigation li li:last-child > a {
	border-bottom: 0;
}

.site-navigation li li {
	float: none;
	margin: 0;
}

.site-navigation ul ul ul {
	top: -1px;
}

.site-navigation ul ul ul:before {
	display: none;
}

.site-navigation ul li:hover > ul {
	left: -20px;
}

.site-navigation ul ul li:hover > ul {
	left: 100%;
}

.site-navigation .menu-item-has-children > a:after {
	padding-left: 5px;
	font-family: "FontAwesome";
	content: "\f0d7";
}

.site-navigation ul ul .menu-item-has-children > a:after {
	content: "\f0da";
}

button.menu-toggle {
	display: none;
	position: absolute;
	top: 50%;
	right: 0;
	width: 40px;
	height: 40px;
	margin-top: -35px;
	padding: 0;
	line-height: 40px;
}

button.menu-toggle:after {
	font-family: "FontAwesome";
	content: "\f0c9";
	color: white;
}

/**
 * -----------------------------------------------------------------------------
 * Main
 * -----------------------------------------------------------------------------
 */

.site-main {
	width: 100%;
}

/**
 * -----------------------------------------------------------------------------
 * Page header
 * -----------------------------------------------------------------------------
 */

.page-header {
	margin-bottom: 40px;
	padding: 40px 0;
	border-top: 1px solid #282930;
	border-bottom: 1px solid #282930;
	text-align: center;
}

.page-title {
	margin-bottom: 18px;
	font-size: 30px;
	line-height: 44px;
}

.page-subtitle {
	margin-top: 6px;
	font-size: 20px;
	line-height: 24px;
}

.page-subtitle a {
	color: #8c9094;
}

.page-subtitle a:hover {
	color: #f1f1f1;
}

/**
 * -----------------------------------------------------------------------------
 * Page content
 * -----------------------------------------------------------------------------
 */

.page-content {
	float: left;
	width: 660px;
}

.page-template-template-full-width-php .page-content,
.page-template-template-portfolio-php .page-content,
.single-project .page-content,
.tax-project-category .page-content {
	width: 100%;
}

.type-page.has-post-content,
.single-project .type-project.has-post-content {
	margin-bottom: 40px;
}

/**
 * -----------------------------------------------------------------------------
 * Blog
 * -----------------------------------------------------------------------------
 */

.type-post,
.type-attachment {
	margin-bottom: 80px;
}

.post-thumbnail {
	margin-bottom: 20px;
}

.post-wrapper {
	position: relative;
	padding-left: 70px;
}

.post-wrapper .post-title {
	padding-top: 10px;
}

.post-wrapper .post-date {
	position: absolute;
	top: 0;
	left: 0;
	color: #f1f1f1;
	text-align: center;
}

.post-date-day {
	position: relative;
	z-index: 2;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #d43925;
	font-size: 24px;
	line-height: 50px;
}

.post-date-month {
	position: relative;
	top: -10px;
	width: 50px;
	height: 50px;
	padding-top: 12px;
	border-radius: 50%;
	background-color: #1F2226;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
}

.post-meta {
	margin-top: 20px;
}

.post-meta a {
	color: #8c9094;
}

.post-meta a:hover {
	color: #f1f1f1;
}

.post-meta span {
	margin-right: 20px;
}

.post-comments a:before {
	padding-right: 5px;
	font-family: FontAwesome;
	content: "\f0e6";
}

.post-categories:before {
	padding-right: 5px;
	font-family: FontAwesome;
	content: "\f097";
}

.post-tags {
	margin-top: 40px;
}

.post-tags a {
	position: relative;
	display: inline-block;
	margin: 2px 4px 2px 10px;
	padding: 0 10px;
	border-radius: 0 3px 3px 0;
	background-color: #1F2226;
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase;
}

.post-tags a:hover {
	background-color: #d43925;
	color: #f1f1f1;
}

.post-tags a:before {
	position: absolute;
	top: 0;
	left: -10px;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-right: 10px solid #1F2226;
	border-bottom: 12px solid transparent;
	content: "";
}

.post-tags a:hover:before {
	border-right-color: #d43925;
}

.post-tags a:after {
	position: absolute;
	top: 10px;
	left: -2px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #111418;
	content: "";
}

/**
 * -----------------------------------------------------------------------------
 * Portfolio
 * -----------------------------------------------------------------------------
 */

.portfolio-area {
	width: -webkit-calc(100% - -5px);
	width: calc(100% - -5px);
}

.portfolio-area .type-project {
	position: relative;
	float: left;
	margin: 0 5px 5px 0;
}

.portfolio-area .type-project.inactive {
	opacity: .1;
	pointer-events: none;
}

.portfolio-area .type-project.rainy_one {
	width: 184px;
}

.portfolio-area .type-project.rainy_two {
	width: 184px;
}

.portfolio-area .type-project.rainy_three {
	width: 373px;
}

.portfolio-area .type-project.rainy_four {
	width: 562px;
}

.overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(assets/images/overlay.png) center center no-repeat rgba(0, 0, 0, .5);
	box-shadow: rgba(0, 0, 0, 0.8) 0 0 60px inset;
}

.portfolio-area .type-project:hover .overlay {
	opacity: 0.8;
}

/* Filter ----------------------------*/

.filter-area {
	margin: 0 0 30px 0;
	text-align: center;
	text-transform: uppercase;
}

.filter-area a {
	display: inline-block;
	margin: 0 2px 4px 2px;
	padding: 6px 12px;
	border-radius: 3px;
}

.filter-area a:hover {
	background-color: #d43925;
	color: #f1f1f1;
}

.filter-area .active {
	background-color: #d43925;
}

/**
 * -----------------------------------------------------------------------------
 * Contact
 * -----------------------------------------------------------------------------
 */

.contact-form-success,
.contact-form-error,
.contact-form label.error {
	font-size: 12px;
	text-transform: uppercase;
}

.contact-form label {
	display: block;
}

.contact-form input[type="text"],
.contact-form input[type="email"] {
	width: 100%;
}

/**
 * -----------------------------------------------------------------------------
 * Comments
 * -----------------------------------------------------------------------------
 */

.comment-list {
	margin: 0;
}

.comment-list li {
	list-style: none;
}

.comment-body {
	position: relative;
	margin: 40px 0;
}

.comment-meta {
	margin-bottom: 20px;
}

.comment-author .avatar {
	float: left;
	margin-right: 20px;
}

.comment-author .says {
	display: none;
}

.comment-metadata {
	font-size: 12px;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #8c9094;
}

.comment-metadata a:hover {
	color: #f1f1f1;
}

.comment-metadata .edit-link:before {
	content: " • ";
}

.comment-awaiting-moderation {
	margin-top: 20px;
}

.comment-reply-link {
	display: inline-block;
	margin-top: 20px;
	padding: 0 10px;
	border-radius: 3px;
	background-color: #1F2226;
	font-size: 12px;
	line-height: 24px;
	text-transform: uppercase;
}

.comment-list .children {
	position: relative;
	margin: 0;
	padding-left: 40px;
	border-left: 1px solid #282930;
}

.comment-list .children .comment-body:after {
	position: absolute;
	top: 20px;
	left: -40px;
	width: 20px;
	height: 1px;
	background-color: #282930;
	content: "";
}

.comment-notes,
.form-allowed-tags {
	display: none;
}

.logged-in-as,
.no-comments {
	font-size: 12px;
	text-transform: uppercase;
}

.comment-form label {
	display: none;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.form-submit {
	margin-bottom: 0;
}

/**
 * -----------------------------------------------------------------------------
 * Navigations
 * -----------------------------------------------------------------------------
 */

/* Page navigation -------------------*/

.page-navigation a:hover {
	background-color: #1F2226;
}

.page-navigation .page-numbers {
	display: inline-block;
	padding: 10px 12px;
	border-radius: 3px;
}

.page-navigation .current {
	background-color: #1F2226;
	color: #f1f1f1;
}

/* Post navigation -------------------*/

.post-navigation {
	margin-bottom: 80px;
	border-top: 1px solid #282930;
}

.post-navigation a {
	display: block;
	padding: 12px 0;
	border-bottom: 1px solid #282930;
}

.post-navigation .nav-meta {
	display: block;
	color: #8c9094;
	font-size: 12px;
	text-transform: uppercase;
}

/* Project navigation ----------------*/

.project-navigation {
	overflow: hidden;
	margin-top: 80px;
	font-size: 12px;
	text-transform: uppercase;
}

.project-navigation-left {
	float: left;
}

.project-navigation-right {
	float: right;
	text-align: right;
}

/* Comment navigation ----------------*/

.comment-navigation {
	margin: 40px 0;
}

.comment-navigation .nav-previous a {
	margin-right: 10px;
}

/**
 * -----------------------------------------------------------------------------
 * Sidebars
 * -----------------------------------------------------------------------------
 */

/* Page sidebar ----------------------*/

.page-sidebar {
	float: right;
	width: 240px;
}

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

.widget {
	position: relative;
	margin-bottom: 40px;
}

.widget:after {
	position: absolute;
	bottom: -20px;
	width: 100%;
	height: 0.5px;
	background-color: #8c9094; /*#282930;*/
	content: "";
}

.widget:last-child:after {
	display: none;
}

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

.widget li > ul,
.widget li > ol {
	margin-left: 20px;
}

.widget-title {
	text-transform: uppercase;
}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
	margin-bottom: 10px;
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
	margin-bottom: 0;
}

.widget_categories li ul,
.widget_nav_menu li ul,
.widget_pages li ul {
	margin-top: 10px;
}

/* Calendar --------------------------*/

.widget_calendar table {
	margin-bottom: 0;
	text-align: center;
}

.widget_calendar caption {
	margin-bottom: 10px;
	text-align: left;
}

.widget_calendar td,
.widget_calendar th {
	padding: 5px;
}

/* Recent posts ----------------------*/

.widget_recent_entries .post-date {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}

/* Search ----------------------------*/

#post-0 .search-form {
	margin-top: 20px;
}

.screen-reader-text,
.search-submit {
	display: none;
}

.search-field {
	width: 100%;
}

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

.site-footer {
	position: relative;
	margin-top: 10px;
	padding: 20px 0;
	padding-top: 0px;
	border-top: none; /*1px solid #282930;*/
	/*color: #8c9094;*/
	color: #222222;
}

.footer-column {
	width: 48%;
	float: left;
}

.footer-column-last {
	width: 48%;
	float: right;
	text-align: right;
}

/**
 * -----------------------------------------------------------------------------
 * Animations
 * -----------------------------------------------------------------------------
 */

a,
input,
textarea,
button,
.post-tags a:before,
.portfolio-area .type-project,
.overlay {
	-webkit-transition: .2s;
	transition: .2s;
}

a, button { transition: none; 
-webkit-transition: none;
}


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

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

body.page-id-7  aside#text-3, body.page-id-13 aside#text-3 { font-size: 1.8em; }
body.home .homepage-quote aside#text-3 { font-size: 2.3em;  text-align: center; margin-bottom: 1em;}
body.home .homepage-quote aside#text-3 span.quotesource { font-size: 50%; text-align: center; display: block;}
aside#text-4 { font-size: 0.75em; }

.page-sidebar h6 {   font-size: 17px;   line-height: 21px; margin-bottom: 14px; }




.player480 { 
display: block;
}

.player640 { display: none; }

div.featured-image img { 
	border-top-left-radius: 8px; 
	border-top-right-radius: 8px; 
}


#menu-main-menu a { 
padding-left: 32px;
}

	div.wreath { 
		width: 110px; 
		height: 54px; 
		margin-right: 11px;
	}
	
	


	.site-logo a.logo-img {
		max-width:500px;
		max-height:37px;
	}
   
	.site-logo { margin-left: 30px; margin-right: 0px; margin-top: -5px;}
	
	div.site-logo { margin-bottom: 35px; } 	
	
	.site {
		width: 730px;
	}

	.site-navigation .nav-menu {
		z-index: 3;
		display: none;
		top: 100%;
		width: 100%;
		margin: 0;
		padding: 0 0px;
		border-radius: 0 0 3px 3px;
		background-color: none; /*#bcb6b0;*/
	}

	.site-navigation .nav-menu.toggled-on {
		display: block;
	}

	.site-navigation a {
		display: block;
		padding: 8px 0;
	}

	.site-navigation li {
		float: none;
		margin: 0;
		border-top: 1px dashed #666; /*1px solid #282930;*/
	}

	.site-navigation li:first-child {
		border-top: 0;
	}

	.site-navigation ul ul {
		position: static;
		width: 100%;
		padding-left: 20px;
		border: 0;
		border-top: 1px solid #282930;
		background-color: transparent;
		font-size: 12px;
	}

	.site-navigation ul ul:before {
		display: none;
	}

	.site-navigation ul ul a {
		margin: 0;
		border: 0;
	}

	.site-navigation .menu-item-has-children > a:after {
		display: none;
	}

	button.menu-toggle {
		display: block;
		margin-right: 30px;
		/*border: solid white 1px;*/
		background-color: transparent;
		font-size: 150%;
	}
	
	button.menu-toggle:hover {
		display: block;
		margin-right: 30px;
		/*border: solid white 1px;*/
		background-color: #333333;
		font-size: 150%;
	}

	.page-content {
		width: 490px;
	}

	.page-sidebar {
		width: 210px;
	}

	.portfolio-area .type-project.rainy_one {
		width: 142px;
	}

	.portfolio-area .type-project.rainy_two {
		width: 142px;
	}

	.portfolio-area .type-project.rainy_three {
		width: 289px;
	}

	.portfolio-area .type-project.rainy_four {
		width: 435px;
	}

	.fancybox-title {
		display: none;
	}

	.fancybox-nav span {
		opacity: 1;
	}

	.fancybox-next span,
	.fancybox-prev span {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	
	button.menu-toggle.toggled-on {
	 margin-top: 34px;
	 top: 0 !important;
	 z-index: 99;
	}

}

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

body.page-id-7  aside#text-3, body.page-id-13 aside#text-3 { font-size: 2.17em !important; }

body aside#text-3 { font-size: 2.3em;  text-align: center; margin-bottom: 1em;}
aside#text-3 { font-size: 2.17em !important; line-height: 120%; }
body aside#text-3 span.quotesource { font-size: 50%; text-align: center; display: block;}

.player480 { 
display: block;
}

.player320 { display: none; }
.player640 { display: none; }


	div.footer-wreaths { margin-top: 20px; } 

	div.wreath {
		width: 135px;
		height: 66px;
	
	}
	
	
	.site-logo a.logo-img {
		max-width:350px;
		max-height:26px;
	}

	div.site-logo { margin-bottom: 20px; } 	
	
	.site-logo { width: 70%;  margin-top: -18px;}
	
	button.menu-toggle { margin-top: -35px; margin-right: 20px; }
	button.menu-toggle:hover { /*margin-top: -25px;*/ margin-right: 20px; }

	button.menu-toggle.toggled-on {
	 margin-top: 12px;
	 top: 0 !important;
	 z-index: 99;
	}
	
	
	
	.site {
		width: 440px;
	}

	.page-content,
	.page-sidebar {
		float: none;
		width: 100%;
	}

	.widget {
		margin: 40px 0 0 0;
	}

	.portfolio-area .type-project.rainy_one {
		width: 143px;
	}

	.portfolio-area .type-project.rainy_two {
		width: 143px;
	}

	.portfolio-area .type-project.rainy_three {
		width: 291px;
	}

	.portfolio-area .type-project.rainy_four {
		width: 440px;
	}

	.footer-column,
	.footer-column-last {
		float: none;
		width: 100%;
		text-align: center;
	}

	.twocolumn {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width: -webkit-calc(100% - 5px);
		width: calc(100% - 5px);
	}

	.gallery-columns-2 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-8 .gallery-item {
		width: -webkit-calc(50% - 5px);
		width: calc(50% - 5px);
	}

	.gallery-caption {
		display: none;
	}

}

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




.player320 { 
display: block;
}

.player480 { display: none; }

.player640 { display: none; }

#menu-main-menu a { 
padding-left: 16px;
}

div.footer-wreaths { margin-top: 20px; } 

	div.wreath {
		width: 128px;
		height: 63px;
	
	}

div.review  { min-height: 145px; }
div.review a.readmore { display: none !important; }

	.site-logo a.logo-img {
		max-width:210px;
		max-height:16px;
		background-image: none;
	}

	div.site-logo { margin-bottom: 0px; } 	
	
	.site-logo { margin-top: -32px; margin-left: 15px; }
	
	.site-navigation {
	margin-top: 16.5px;
	}
	
	
	button.menu-toggle,
		button.menu-toggle:hover
	{ font-size: 100%; margin-right: 0px; /*margin-top: -35px;*/ border-radius: 0px; } 

	button.menu-toggle.toggled-on {
	 margin-top: 0px;
	 top: 0 !important;
	 z-index: 99;
	}
	
	
	
	.site {
		width: 280px;
	}

	.portfolio-area .type-project.rainy_one {
		width: 137px;
	}

	.portfolio-area .type-project.rainy_two {
		width: 137px;
	}

	.portfolio-area .type-project.rainy_three {
		width: 280px;
	}

	.portfolio-area .type-project.rainy_four {
		width: 280px;
	}

}

div.featured-image { margin-bottom: 15px; } 


.logo-img { display: none; }




#menu-main-menu li:first-child { 
/*margin-left: 5px;*/
}

#menu-main-menu a { font-size: 20px; 
font-family: 'Merriweather', serif;
font-weight: 700;

}

#distrify-player-3900 .dock { display: none !important; } 



div.review span.source {
font-weight: bold;
display: block;
margin-top: 5px;
margin-bottom: 15px;
}

div.review a.readmore {
	border: none;
	padding: 0px;
	margin-bottom: 10px;
	display: block;
	max-width: 200px;
	float: right;
}

a.sourcelogo {
background-color: white;
width: 97px;
height: 97px;
display: block;
float: right;
margin-left: 15px;
}

a.sourcelogo.age {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/04/age.png);
	background-size: 100% 100%;
}

a.sourcelogo.empire {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2016/01/empire.png);
	background-size: 100% 100%;
}

a.sourcelogo.filmink {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/04/flmink.png);
	background-size: 100% 100%;
}

a.sourcelogo.cinefile {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/04/cinefile.png);
	background-size: 100% 100%;
}


div.wreath.w1 {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/05/wreath1.png);
	background-size: 100% 100%;

}
div.wreath.w2 {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/05/wreath2.png);
	background-size: 100% 100%;
}
div.wreath.w3 {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/05/wreath3.png);
	background-size: 100% 100%;
}
div.wreath.w4 {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/05/wreath4.png);
	background-size: 100% 100%;
}
div.wreath.w5 {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/05/wreath5.png);
	background-size: 100% 100%;
}
div.wreath.w6 {
	background-image: url(http://www.beyondourken.com.au/wp-content/uploads/2015/05/wreath6.png);
	background-size: 100% 100%;
}


.site-navigation #menu-main-menu.toggled-on a:hover {
background-color: red;
color: white;
background-image: url(assets/images/redmasthead-001.jpg);
background-size: 100%;
-webkit-filter: grayscale(1); 
      -webkit-filter: grayscale(100%); 
      -moz-filter: grayscale(100%);
      filter: gray; 
      filter: grayscale(100%);
}

.post-content {
	background-color: rgba(255,255,255, 0.3);
	border-radius: 8px;
	font-family: "Domine",serif; /*body */
    font-size: 90%;
    line-height: 2em;
    padding: 15px;
    text-align: justify;
}

div.featured-image img { 
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px; 
}



body.home h1.page-title { display: none; }

body.home .post-content { background-color: transparent; padding: 0px; text-align: left; }


h2 { color: black; }

aside#text-3 {
font-family: 'Noticia Text', serif;
font-size: 2em;
line-height: 1.1em;
margin-bottom: 2em;
}
aside#text-3 span.quotesource { display: block; font-weight: 700; font-size: 80%; line-height: 1.1em; margin-top: 0.8em;}


aside#text-4 { margin-bottom: 1.5em; }
aside#text-4 .textwidget { font-size:1.12em; line-height:160%; }



a.itunes-button { 
background-image: url(/wp-content/themes/identity/assets/images/available-on-itunes.png);
display: inline-block;
background-position: -4px;
width: 130px;
height: 55px;
background-repeat: no-repeat;
background-size: 100%;
}

a.itunes-button-block { 
background-image: url(/wp-content/themes/identity/assets/images/available-on-itunes.png);
display: block;
background-position: -4px;
width: 110px;
height: 45px;
background-repeat: no-repeat;
background-size: 100%;
}

aside#text-3 h6.widget-title { display: none; }
aside#text-3 strong { font-weight: 700; color: #bb0000; }