/*
Theme Name: Libre
Theme URI: https://wordpress.com/themes/libre/
Description: A stylish, classic look for your personal blog or long-form writing site. The main navigation bar stays fixed to the top while your visitors read, keeping your most important content at hand, while three footer widget areas give your secondary content a comfortable home.
Version: 1.0.3
Author: Automattic
Author URI: http://wordpress.com/themes/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: libre
Tags: light, black, white, right-sidebar, two-columns, custom-background, custom-menu, custom-header, editor-style, full-width-template, responsive-layout, accessibility-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Libre is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*------------------------------------------------------------*/
/*----------------------- CUSTOM CSS -------------------------*/
/*------------------------------------------------------------*/




/*--------------------- TEMP CHINESE PAGE -------------------------*/

.post-68 .entry-title{
	display:none;
}

.post-68 #zhPage{
	margin:0;
}

#zhPage{
	display:flex;
	justify-content:center;
	align-items:center;
	color: #cc0922;
	height:200px;
	line-height:200px;
	vertical-align:middle;
}



/* COLORS */
/* red cc0922 */
/* blue 2759A3 */


/* ******************* GLOBALS ******************* */

html{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d8+0,000000+100&0.65+0,0+100 */

background: -moz-linear-gradient(top, rgba(216,216,216,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(216,216,216,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(216,216,216,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d8d8d8', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#header, #page > hr/*hr:first-of-type*/{ display: none; }

.site-main{zmargin-top:200px;} /* zed */

.site-footer{
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
.site-footer:before{ /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 50px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

.site-footer a{
	color:#09316D !important;
}

/* - Group Page - */

.GroupPageCategories{
	color:#cc0922;
}

.GroupPage h1, .GroupPageh1{
	text-align:center;
}

.GroupPageImg{
	display:block;
	margin:0 auto;
}

.GroupPageHr{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.homePageBlackBG{
	background:black;
	opacity:0.6;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}

.homePageBlackBG h1{
	color:white;
	text-shadow: 2px 2px 6px rgba(200, 200, 200, 1);
}

.blue{
	padding-bottom:10px;
	background:#2759A3;
	padding:5% 0 1% 22%;
	color:white;
}

.blue h2{
	color:white;
}

.blue ol{
	list-style-type: none;
	margin: 0; padding: 0;
}

#transBt{
	display:flex;
	justify-content:center;
}

#transBt a{
	text-decoration:none;
}

#EnBt, #ZhBt{
	display:block;
	margin:0 5%;
	border-radius:10px;
	padding-top:6px;
	background:#cc0922;
	color:white;
	height:40px;
	width:100px;
	text-align:center;
}


/* ******************* MOBILES ******************* */
@media screen and ( max-width: 400px ) {

.entry-header h1{
	display: none;
}

#logo{
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin-right: auto;
	margin-left: auto;
	width: 250px;
}

#logo img{
	max-width:250px;
}

#manuel{
	margin: 170px 0 50px 0;
}

#manuel ol{
	list-type: none;
	margin:0;
	padding:0;
}

#manuel ol li{
	display: inline-block;
	text-align: center;
	width: 32%;
	margin: 0 auto;
}

#manuel ol li a{
	color: #cc0922;
}

.main-navigation{
	text-align:center;
	font-size:1.4em;
}

.main-navigation li{
	background:#cc0922;
	margin:5% 0;
	padding:5%;
}

.main-navigation li a{
	color:white;
	display:block;
}

.menu-toggle{
	margin:150px auto 0 auto;
	color:#cc0922;
	border:0 none;
}

/* the menu vanished when the theme was updated - the theme is retired */
.entry-header{
/*	margin-top:40px; this code can be used again if the menu is put back on the website */
	text-align:center;
}

/* for an old design
.homePageBlackBG{
	display:inherit;
}
.homePageBlackBG h1{
	transform:scale(0.5);
}
*/

#harbImg{
	display: block;
	margin: 0 auto;
	width: 95%;
}

#tackImg{
	display: none;
}

.blue ol{
	font-size:0.8em;
	text-align: center;
	width:70%;
}

#InvestorsPage{
	padding:0 6%;
}

#LegalPage{
	text-align:center;
	padding-top:50px;
}

input[type='submit']{
	display:block;
	margin:0 auto;
	color:#cc0922;
	width:100px;
	border:2px solid;
	border-radius:10px;
}

table{
	table-layout:fixed;
}

td{
	border:1px dotted;
	width:120px;
	font-size:0.5em;
	text-align:center;
}

td img{
	width:0;
}

#transBt{
	margin-top:120px;
}

.site-footer{
	margin:-120px 0 120px 0;
	padding-top:50px;
}
} /* closes small mobiles media query */



/* ********************************** */
@media screen and ( min-width: 400px ) and ( max-width: 730px ) {

.entry-title{display:none;}

#logo{
	position:absolute;
	max-width:250px;
	top:0;
	right:0;
	left:0;
	margin-right:auto;
	margin-left:auto;
}

#manuel{
	margin-top: 170px;
}

#manuel ol{
	list-style:none;
	margin:0;
	padding:0;
}

#manuel ol li{
	display: inline-block;
	text-align: center;
	width: 32%;
}

#manuel ol li a{
	color: #cc0922;
}

.toggled{
	margin-top:50px;
}

.main-navigation{
	text-align:center;
	font-size:1.4em;
}

.main-navigation li{
	background:#cc0922;
	padding:5%;
	border-bottom:1px solid white;
}

.main-navigation li a{
	color:white;
	display:block;
}

.menu-toggle{
	color:#cc0922;
	float:right;
	margin-top:65px;
	border:none;
}

.toggled .menu-toggle{
	margin:17px 0 50px 0;
}

.entry-header{
	margin-top:80px;
}

.entry-header h1{
	text-align:center;
}



/* - Home Page - */

.homePageContent{
	margin: 30px 0 50px 0;
}

.homePageContent img{
	width:166px !important;
	margin-right:10px;
	float:left;
}

#tackImg{
	margin-top: -28px;
	height: 70px;
	float: right;
}

.homePageBlackBG{
	height:70px;
	margin-top:50px;
}

.homePageBlackBG h1{
	font-size:0.6em;
}

.blue{
	padding-bottom:10px;
	background:#2759A3;
	padding:5% 0 1% 22%;
	color:white;
	margin-right: 10px;
}

.blue h2{
	color:white;
}

.blue ol{
	list-style-type:disc;
	text-align: center;
	width: 66%;
}




/* - Contact Page - */

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{
	width:100%;
}

input[type="submit"]{
	display:block;
	margin:0 auto;
	color:#cc0922 !important;
}

table{
	width:80%;
	margin:0 auto;
	font-size:0.5em;
}

td{
	border:1px dotted;
	text-align:center;
	padding:30px 0 20px 0;
	position:relative;
}

td img{
	position:absolute;
	top:0;
	left:0;
}


/* - Other Pages - */

#InvestorsPage{
	padding:2% 5%;
}

#LegalPage{
	padding:8%;
	margin-top:100px;
}

#LegalPage h1{
	text-align:center;
}


/* - Footer - */

.site-footer{
	margin:-120px 0 120px 0;
	padding-top:50px;
}
} /* closes mobile media query */



/* ******************* TABLETS ******************* */
@media screen and ( min-width: 730px ) and ( max-width: 960px ) {

.site{
	margin-top:0 !important;
}
/*
.main-navigation{
	background:#cc0922;
	height:50px;
	border-radius:10px;
}

.main-navigation ul li a{
	color:white;
	font-size:2em;
	margin-left:2em;
}
*/
#logo{
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin-right: auto;
	margin-left: auto;
	zwidth:93%;
	zbackground:white;
	zborder-radius:10px;
	zbackground-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.33));
	zbox-shadow:1px 1px 2px grey,-1px -1px 3px grey;
}

#logo img{
	max-width:500px;
	display:block;
	margin:0 auto;
}

.content-area{
	margin-top:200px;
}

.entry-title{
	display:none;
}

#manuel{
	margin-top: 170px;
}

#manuel ol{
	list-style:none;
	margin:0;
	padding:0;
}

#manuel ol li{
	display: inline-block;
	text-align: center;
	width: 32%;
}

#manuel ol li a{
	color: #cc0922;
}

/* - Home Page - */

.homePageContent{
	margin-top: 40px;
}

.homePageContent img{
	max-width:45%;
	float:left;
	border-radius:10px;
}

#harbImg{
	margin-left: 3px;
}

#tackImg{
	height: 140px;
	margin: -27px 0 0 63px;
}

/*
.homePageBlackBG{
	float:right;
	max-width:45%;
	height:140px;
	border-radius:10px;
}

.homePageBlackBG h1{
	font-size:1.8em;
	margin-top:10px;
}*/

.blue{
	position:relative;
	top: 90px;
	border-radius:10px;
	box-shadow:1px 1px 2px grey,-1px -1px 3px grey;
}

.blue h2, .blue ol{
	margin-left:10%;
}

.blue ol{
	margin-bottom: 40px;
	text-align: center;
	width:45%;
}

#transBt{
	margin-top:190px;
}

.site-footer{
	display:flex;
	justify-content:center;
}

.site-footer p{
	font-size:0.7em;
	margin-top:35px;
}

/* Group Page | Investors Page */
.page-id-10, .page-id-8{
	padding: 0 30px;
}

#InvestorsPage{
	margin-top: 30px;
}

html{padding-bottom:150px;} /* this covers the translate button */

} /* closes tablet (720 - 870) media query */



/* ******************* DESKTOPS ******************* */

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

body{
	max-width:900px;
	margin:0 auto;
}

#logo{
	position:absolute;
	top:10px;
	width:900px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(248,248,248,0.5) 90%,rgba(255,255,255,0) 100%);
	box-shadow:1px 1px 2px grey,-1px -1px 3px grey;
	border-radius:10px;
}

#logo img{
	max-width:300px;
	margin:-15px 0 0 33px;
}

/* menu disappeared when theme updated - theme now retired
.main-navigation{
	width:900px !important;
	margin-top:55px;
	text-align:center;
	background:#cc0922;
	height:50px;
	border-radius:10px;
	box-shadow:1px 2px 1px grey,-1px -0.5px 3px grey; 
}

.main-navigation ul li a{
	color:white;
	font-size:2.2em;
	margin: 0 50px;
}*/

#manuel{
	position: absolute;
	top: 220px;
	width:900px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(248,248,248,0.5) 90%,rgba(255,255,255,0) 100%);
	box-shadow:1px 1px 2px grey,-1px -1px 3px grey;
	border-radius:10px;
}

/* here */

#manuel{
	margin-top: 3px;
	background: #cc0922;
}

#manuel ol{
	margin:0;
	padding:0;
	text-align: center;
}

#manuel ol li{
	display: inline-block;
	margin: 5px 80px;
}

#manuel ol li a{
	color: white;
	font-size: 1.4em;
	font-weight: bold;
}

/* NAV HOVER EFFECT */
.hover-effect {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.1s;
    transition-property: transform;
}

.hover-effect:hover,
.hover-effect:focus,
.hover-effect:active {
    transform: scale(1.4);
}

.site-main{
	width:900px;
	margin-top: 320px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(248,248,248,0.5) 90%,rgba(255,255,255,0) 100%);
	box-shadow:1px 1px 2px grey,-1px -1px 3px grey;
	border-radius:10px;
}

.entry-title{
	text-align:center;
	padding:40px 0 20px 0;
}

.homePageContent{
	margin:0 2%;
}

.homePageContent img{
	float:left;
	max-width:414px;
	zmargin-right:32px;
	border-radius:10px;
}

#harbImg{
	float: left;
	margin-left: 20px;
}

#tackImg{
	max-height: 177px;
	margin: -30px 0 0 63px;
}

.homePageBlackBG{
	height:176px;
	border-radius:10px;
}

.homePageBlackBG h1{
	font-size:1.8em;
}

.blue{
	margin: 120px 20px 50px 20px;
	padding-right:222px;
	text-align:center;
	border-radius:10px;
}

/* - Group Page - */

.GroupPage{
	padding:0 8%;
}

#aticLogo, #rmbPayLogo{
	display: block;
	margin: 0 auto;
	width: 35%;
}

/* - Investors Page - */

#InvestorsPage{
	padding:0 5%;
}

/* - Contact Page - */

.wpcf7-form{
	padding:0 10%;
}

.wpcf7-form input{
	width:100%;
}

.wpcf7-form input[type='submit']{
	display:block;
	margin:0 auto;
	color:#cc0922;
	width:100px;
	border:2px solid;
	border-radius:10px;
}

table{
	position:relative;
	left:90px;
	display:table;
	max-width:710px;
	margin:0 auto;
	text-align:center;
}

td{
	border:1px dotted;
}

td img{
	position:relative;
	left:15%;
}

.TableVertical{
	margin-top:25px;
}

/* LEGAL PAGE */

#LegalPage{
	padding:0 8%;
}

/* Translation Buttons */

#transBt{
	position:absolute;
	top:102px;
	left:65%;
}

/* FOOTER */

.site-footer{
	max-width:900px;
	border-color:#aaa;
	border-radius:10px;
	box-shadow:-0.5px -0.5px 1px grey, 1px 1.5px 1px grey;
	margin-bottom:20px;
}

.site-info p{
	font-size:0.9em;
	text-align:center;
	margin-top:5px;
}

} /* closes desktop media query */

/*------------------ END CUSTOM CSS -------------------------*/



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

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-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

small {
	font-size: 13px;
	font-size: .8125rem;
}

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;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.875em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: "Libre Baskerville", Libre, Georgia, Times, serif;
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Libre Baskerville", Libre, Georgia, Times, serif;
	font-weight: bold;
	margin: 0 0 .875em;
}
h1 {
	font-size: 29px;
	font-size: 1.8125rem;
	line-height: 1.3;
}
h2 {
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.3;
}
h3 {
	font-size: 18px;
	font-size: 1rem;
}
h4 {
	font-size: 14px;
	font-size: .875rem;
}
h5 {
	font-size: 13px;
	font-size: .8125rem;
}
h6 {
	font-size: 12px;
	font-size: .75rem;
}
p {
	margin-top: 0;
	margin-bottom: 1.75em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.75em 1.75em 2.25em;
	font-size: 18px;
	font-size: 1rem;
}

address {
	margin: 0 0 1.75em;
}

pre {
	font-family: "Libre Baskerville", Libre, Georgia, Times, serif;
	margin-bottom: 1.75em;
	max-width: 100%;
	overflow: auto;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 16px;
}

abbr,
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 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 {
	zbackground: #fff; /* Fallback for when there is no custom background color defined. */
	word-wrap: break-word;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

blockquote {
	position: relative;
}
blockquote:before {
	content: "\201c";
	display: block;
	font-size: 72px;
	font-size: 4rem;
	line-height: 1;
	position: absolute;
		top: 0;
		left: -.6em;
}
blockquote blockquote {
	margin-right: 0;
}
blockquote.alignleft,
blockquote.alignright {
	max-width: 47%;
}
blockquote.alignleft,
blockquote.aligncenter {
	margin-left: 2em;
}
blockquote.alignright {
	margin-left: 3.5em;
}
.comments-area blockquote {
	font-size: 18px;
	font-size: 1rem;
}

.intro {
	font-style: italic;
	font-size: 23px;
	font-size: 1.4375rem;
}

hr {
	background-color: #404040;
	border: 0;
	height: 1px;
	margin-bottom: 1.75em;
}

ul,
ol {
	margin: 0 0 1.75em 0;
	padding-left: 1.75em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: .4375em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.75em 1.75em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.75em;
	width: 100%;
}


caption {
	font-weight: bold;
	padding: .4375em 0;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
label {
	font-style: italic;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#infinite-handle span {
	zborder: 0 none;
	zborder-bottom: 2px solid;
	background: transparent;
	zcolor: #404040;
	font-size: 18px;
	font-size: 1rem;
	font-weight: bold;
	padding: 0.21875em 0;
	transition: 0.2s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#infinite-handle span:hover {
	border-bottom-width: 4px;
	margin-bottom: -2px;
}

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-bottom-width: 4px;
	margin-bottom: -2px;
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	color: #404040;
	border: 0 none;
	border-bottom: 2px solid;
	box-sizing: border-box;
	font-size: 18px;
	font-size: 1rem;
	margin-right: -5px;
	padding: 0.21875em 0;
	transition: 0.2s;
	width: 100%;
}
input[type="file"] {
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-bottom-width: 4px;
	margin-bottom: -2px;
	color: #404040;
	outline: none;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*-- Layout */
.site {
	zmargin-top: 3.5em;
	padding: 0 1.75em;
}
.custom-background .site {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	z-index: 0;
}
.custom-background .site-header,
.custom-background .site-footer,
.custom-background .site-content {
	padding-left: 1.75em;
	padding-right: 1.75em;
}
.site-footer {
	clear: both;
	width: 100%;
}

/*-- Header */

.site-header {
	position: relative;
	padding-top: 1.75em;
}
.site-branding {
	max-width: 75%;
}
.custom-header {
	display: block;
	margin: 0 auto 1.75em;
}
.site-logo {
	clear: both;
	display: block;
	margin-bottom: 1.75em;
	max-width: 100%;
	max-height: 300px;
	width: auto;
	height: auto;
	transition: 0.2s;
}
.site-title {
	clear: none;
	display: inline-block;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 .4375em 0 0;
	vertical-align: baseline;
}
.singular .site-title {
	font-size: 29px;
	font-size: 1.8125rem;
}
.site-description {
	font-style: italic;
	vertical-align: bottom;
}

/*-- Posts */
.entry-title {
	font-size: 29px;
	font-size: 1.8125rem;
	margin: 0 0 .4375em;
}
.entry-meta,
.entry-footer {
	font-size: 14px;
	font-size: .875rem;
	font-style: italic;
}
.entry-meta {
	margin: 0 0 1.75em;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-meta a:active {
	text-decoration: underline;
}
.entry-meta:after,
.page-template-right-column-page-php.singular .entry-meta:after {
	border-top: 1px solid;
	content: "";
	display: block;
	margin-top: .875em;
	width: 25%;
}
.singular .entry-meta:after {
	width: 12.5%;
}
.single .entry-meta {
	margin-bottom: 3.5em;
}
.single .entry-meta span {
	margin: 0;
}
.blog .entry-meta span,
.archive .entry-meta span,
.search .entry-meta span,
.entry-footer span {
	clear: both;
	display: block;
	margin: 0 0 0.328125em;
	width: 100%;
}
.more-link {
	font-style: italic;
}
.page-header {
	margin: 0 0 3.5em;
}
.page-title {
	font-size: 29px;
	font-size: 1.8125rem;
}
.page-links {
	word-spacing: 3px;
}

/*-- Footer */

.site-footer {
	font-size: 14px;
	font-size: .875rem;
	zmargin: 5.25em 0 3.5em;
	padding-bottom: 5em;
}
.site-info {
	font-style: italic;
}
.site-info .sep {
	clear: both;
	display: block;
	visibility: hidden;
	width: 100%;
	height: 0;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #404040;
	text-decoration: none;
	transition: 0.2s;
}

a:visited {
	color: #404040;
}

a:hover,
a:focus,
a:active {
	color: #404040;
}

.textwidget a:hover,
.textwidget a:focus,
.textwidget a:active,
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active,
.comment-content a:hover,
.comment-content a:focus,
.comment-content a:active {
	border-width: 3px;
}

a.no-line {
	border: 0 none;
}

a:focus {
	outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	font-size: 14px;
	font-size: .875rem;
	width: 100%;
}
.main-navigation > div > ul {
	border-bottom: 2px solid #cc0922;
	padding-bottom: 1.75em;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	clear: both;
	display: block;
	position: relative;
	vertical-align: top;
	width: 100%;
}
.main-navigation a {
	border-bottom: 0 solid transparent;
	text-decoration: none;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
	border-bottom: 2px solid;
}
.main-navigation ul ul {
	padding-left: 1.75em;
}
.main-navigation ul ul a {
	border-bottom: 2px solid transparent;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
	display:block;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	border-top: 1px solid;
	border-bottom: 1px solid;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 3.5em;
	overflow: hidden;
	padding: .875em 0;
}
.site-main .post-navigation {
	font-size: 23px;
	font-size: 1.4375rem;
}
.comment-navigation .meta-nav,
.posts-navigation .meta-nav,
.post-navigation .meta-nav {
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 .4375em;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: right;
	margin-top: 0.875em;
}

/*--------------------------------------------------------------
# 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:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 1.4375rem .875rem;
	text-decoration: none;
	top: 37px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin: .875em 1.75em .875em 0;
}

.alignright {
	display: inline;
	float: right;
	margin: .875em 0 .875em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: .875em auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear: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,
.hentry:before,
.hentry:after,
.page-header:before,
.page-header:after,
.comment-body:before,
.comment-body:after {
	content: "";
	display: table;
}

.clear:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.hentry:after,
.page-header:after,
.comment-body:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	font-size: 14px;
	font-size: .875rem;
	margin: 0 0 3.5em;
	overflow: hidden;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}
.error404 .widget {
	margin-top: 1.75em;
}
.widget-title,
.widgettitle {
	font-size: 18px;
	font-size: 1rem;
	margin-bottom: .875em;
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget ul ul {
	padding-left: .875em;
}
.widget li {
	list-style: none;
	padding-top: .4375em;
}
.widget ul ul li:before {
	content: "-";
	display: inline-block;
	margin-left: -.875em;
	margin-right: .4375em;
}

/* Calendar */

.widget_calendar td {
	text-align: center;
}
.widget_calendar th {
	font-weight: bold;
}
td#prev {
	font-style: italic;
	text-align: left;
}
td#next {
	font-style: italic;
	text-align: right;
}

/* Recent Comments */
.widget_recent_comments a {
	font-style: italic;
}
.widget_recent_comments .comment-author-link,
.widget_recent_comments .comment-author-link a {
	font-style: normal;
	font-weight: bold;
}

/* Archives */
.widget .post-count {
	background: white;
	float: right;
	letter-spacing: 1px;
	padding-left: .4375em;
	position: relative;
	z-index: 1;
}
.widget_archive li,
.widget_categories li {
	position: relative;
}
.widget_categories ul ul li:before {
	display: none;
}
.widget_archive a,
.widget_categories a {
	background-color: white;
	padding-right: .4375em;
}
.widget_archive a:after,
.widget_categories a:after {
	border-bottom: 1px dotted;
	content: "";
	display: inline-block;
	position: absolute;
		left: 0;
		top: 18px;
	width: 100%;
	z-index: -1;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
	margin-left: 1px;
}

/* Search */
.widget_search .search-submit {
	display: none;
}

/* */
.widget_rss li {
	margin-top: .4375em;
	padding-top: .4375em;
}
.rsswidget {
	font-weight: bold;
}
.rss-date {
	display: block;
	font-style: italic;
	width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin-bottom: .4375em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.entry-content {
	margin: 0 0 3.5em;
}

.page-content {
	margin: 1.75em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.75em;
}

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

.comments-area {
	margin: 0 0 3.5em;
}
.comment-list {
	list-style: none;
	margin: 0 0 3.5em;
	padding: 0;
}
.comment-list .children {
	list-style: none;
}
.comment-content a,
.entry-content a {
	word-wrap: break-word;
}
.comment-meta {
	font-size: 14px;
	font-size: .875rem;
	font-style: italic;
	margin: 0 0 1.75em;
}
.comment .comment-meta:after {
	border-top: 1px solid;
	content: "";
	display: block;
	margin-top: .875em;
	width: 25%;
}
.comment .comment-metadata span {
	margin: 0 1.75em 0 0;
}
.comment-author {
	clear: both;
	display: block;
	font-size: 18px;
	font-size: 1rem;
	font-style: normal;
	font-weight: bold;
	position: relative;
}
.comment .avatar {
	float: left;
	margin-right: .875em;
}
.says {
	display: none;
}
.comment-list .comment {
	margin-top: 3.5em;
}
.bypostauthor {
	display: block;
}
.no-comments {
	font-size: 14px;
	font-size: .875rem;
	font-style: italic;
	margin: 1.75em 0;
}
#cancel-comment-reply-link {
	float: right;
}
.comment-form label {
	margin-right: .875em;
	width: 7em;
}
.form-allowed-tags,
.form-allowed-tags code {
	font-size: 13px;
	font-size: .8125rem;
}
.comment-subscription-form {
	margin-bottom: 0.4375em;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}
#infinite-footer {
	border: 0;
    z-index: 999;
}
#infinite-footer .container {
	background: rgba(255,255,255,0.9);
	padding: .4375em 0;
    position: relative;
    border-top: 0;
}
#infinite-footer .blog-credits {
	color: #404040;
	font-size: 14px;
	font-size: .875rem;
	font-style: italic;
}
#infinite-footer .blog-info a,
#infinite-footer .blog-credits a {
	color: #404040;
}
#infinite-footer .blog-info a:hover,
#infinite-footer .blog-credits a:hover,
#infinite-footer .blog-info a:focus,
#infinite-footer .blog-credits a:focus,
#infinite-footer .blog-info a:active,
#infinite-footer .blog-credits a:active {
	text-decoration: none;
}
#infinite-handle span {
	border-radius: 0;
}
.jetpack-video-wrapper {
	margin-bottom: 1.75em;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	max-width: 100%;
	padding: 0;
	margin-bottom: 1.75em;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	font-size: 14px;
	font-size: .875rem;
	font-style: italic;
	position: relative;
}
.wp-caption-text:after {
	border-top: 1px solid;
	clear: both;
	content: "";
	display: block;
	margin-top: .875em;
	padding-top: .875em;
	width: 25%;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.75em;
}

.gallery-item {
	display: inline-block;
	padding: 0.4375em;
	margin: 0;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

@media screen and ( min-width: 45em ) {
	.site-logo {
		max-width: 300px;
	}
	.menu-toggle {
		display: none;
	}
	.main-navigation > div > ul {
		border: 0;
		padding-bottom: 0;
	}
	.main-navigation li {
		clear: none;
		display: inline-block;
		width: auto;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation ul ul {
		background: white;
		float: left;
		margin-left: -0.875em;
		padding: 0 0.875em;
		position: absolute;
			top: 1.75em;
			left: -999em;
		text-align: left;
		width: 180px;
		z-index: 99999;
	}
	.main-navigation ul ul li {
		padding: 0.4375em 1.75em 0.4375em 0;
		position: relative;
		margin: 0;
		width: 180px;
	}
	.main-navigation ul ul .current_page_item > a,
	.main-navigation ul ul .current-menu-item > a {
		border-bottom: 0;
	}
	.main-navigation ul > li.menu-item-has-children,
	.main-navigation ul > li.page_item_has_children {
		margin-right: 2.625em;
	}
	.main-navigation ul > li.menu-item-has-children > a:after,
	.main-navigation ul > li.page_item_has_children > a:after {
		content: "\203A";
		display: block;
		transform: rotate(90deg);
		font-size: 23px;
		font-size: 1.4375rem;
		line-height: 1;
		margin-top: -3px;
		position: absolute;
			top: 14%;
			right: -.75em;
	}
	.main-navigation ul ul > li.menu-item-has-children,
	.main-navigation ul ul > li.page_item_has_children {
		margin-right: auto;
	}
	.main-navigation ul ul > li.menu-item-has-children > a:after,
	.main-navigation ul ul > li.page_item_has_children > a:after {
		transform: rotate(0deg);
		top: 12%;
	}
	.main-navigation ul ul a {
		display: inline;
		margin: 0;
		position: relative;
	}
	.main-navigation ul ul ul {
		left: -999em;
		top: 0;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}
	.site {
		margin-top: 5.25em;
	}
	.site-header {
		margin-bottom: 2.5em;
	}
	.site-branding {
		max-width: 100%;
	}
	.error404 .widget-areas .widget-area {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.error404 .widget-areas .widget-area:last-of-type {
		margin-right: 0;
	}
	.footer-widgets > div {
		width: 100%;
	}
	.footer-widgets > div:nth-child(1):nth-last-child(3) {
		float: left;
		width: 40%;
		margin-right: 5%;
	}
	.footer-widgets > div:nth-child(2):nth-last-child(2),
	.footer-widgets > div:nth-child(3):nth-last-child(1) {
		float: left;
		width: 25%;
		margin-right: 5%;
	}
	.footer-widgets > div:nth-child(1):nth-last-child(3):last-of-type,
	.footer-widgets > div:nth-child(2):nth-last-child(2):last-of-type,
	.footer-widgets > div:nth-child(3):nth-last-child(1):last-of-type {
		margin-right: 0;
	}
	.footer-widgets > div:nth-child(1):nth-last-child(2),
	.footer-widgets > div:nth-child(2):nth-last-child(1) {
		float: left;
		width: 47%;
		margin-right: 6%;
	}
	.footer-widgets > div:nth-child(1):nth-last-child(2):last-of-type,
	.footer-widgets > div:nth-child(2):nth-last-child(1):last-of-type {
		margin-right: 0;
	}
	h1,
	.singular .entry-title {
		font-size: 47px;
		font-size: 2.9375rem;
		margin: 0 0 0.4375em;
	}
	.site-title {
		font-size: 47px;
		font-size: 2.9375rem;
	}
	h2,
	.singular.page-template-right-column-page-php .entry-title {
		font-size: 29px;
		font-size: 1.8125rem;
		margin: 0 0 0.4375em;
	}
	h3 {
		font-size: 23px;
		font-size: 1.4375rem;
	}
	h4 {
		font-size: 18px;
		font-size: 1rem;
	}
	h5 {
		font-size: 14px;
		font-size: .875rem;
	}
	h6 {
		font-size: 13px;
		font-size: .8125rem;
	}
	.entry-footer span {
		clear: none;
		display: inline;
		margin: 0 1.75em 0 0;
	}
	.site-info {
		text-align: right;
	}
	.site-info .sep {
		clear: none;
		display: inline;
		margin: 0 .4375em;
		visibility: visible;
		width: auto;
		height: auto;
	}
	.hentry {
		margin-bottom: 3.5em;
	}
	.comment-navigation .nav-previous,
	.posts-navigation .nav-previous,
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		margin-top: 0;
		width: 50%;
	}
	blockquote {
		font-size: 23px;
		font-size: 1.4375rem;
		margin-left: 3.5em;
	}
	blockquote.alignleft {
		margin-left: 3em;
	}
	blockquote:before {
		font-size: 129px;
		font-size: 8.0625rem;
		left: -.6em;
	}
}

@media screen and ( min-width: 55em ) {
	.site {
		margin: 7em auto 0;
		width: 50em;
		padding: 0;
	}
	.custom-background .site {
		width: 53.5em;
	}

/* breaker 


	.sticking .site-header {
		width: 50em;
	}
	.custom-background.sticking .site-header {
		width: 53.5em;
	}
	.sticking .site-description {
		display: none;
	}*/
	.sticking .site-logo {
		clear: none;
		display: inline-block;
		margin-bottom: 0;
		margin-right: 0.4375em;
		max-width: 150px;
		max-height: 50px;
		vertical-align: middle;
	}/*
	.sticking .site-content {
		padding-top: 1.75em;
	}
end breaker	*/

	.singular .content-area {
		float: left;
		margin: 0 -25% 0 0;
		width: 100%;
	}
	.singular .site-main {
		zmargin: 0 32% 0 0;
	}
	.singular .site-content .widget-area {
		float: right;
		overflow: hidden;
		width: 25%;
	}
	.page-template-fullwidth-page-php .site-main,
	.page-template-right-column-page-php .site-main {
		margin: 0 auto;
	}
	#infinite-handle span,
	.infinite-loader {
		margin-left: 32%;
	}
	.blog .entry-header,
	.archive .entry-header,
	.search .entry-header,
	.page-template-right-column-page-php .entry-header,
	.page-title,
	.search-no-results .page-header,
	.error404 .page-header {
		float: left;
		width: 25%;
		z-index: 99;
	}
	.archive .page-header .vcard {
		clear: both;
		display: block;
		width: 100%;
	}
	.no-taxonomy-description.archive .page-header .vcard {
		clear: none;
		display: inline;
		width: auto;
	}
	.no-taxonomy-description .page-title,
	.error404 .page-title {
		width: 100%;
	}
	.blog .entry-content,
	.archive .entry-content,
	.search .entry-summary,
	.search .entry-content,
	.page-template-right-column-page-php .entry-content,
	.taxonomy-description,
	.search-no-results .page-content,
	.error404 .page-content {
		float: right;
		margin: 0 0 1.75em;
		width: 68%;
	}
	.blog .entry-meta > span,
	.archive .entry-meta > span,
	.search .entry-meta > span,
	.page-template-right-column-page-php .entry-meta > span {
		clear: both;
		display: block;
		width: 100%;
	}
	blockquote.alignleft,
	blockquote.aligncenter {
		margin-left: 0;
	}
}

@media screen and ( min-width: 70em ) {
	.site {
		margin: 7em auto 0;
		width: 62em;
		padding: 0;
	}
	.custom-background .site {
		width: 65.5em;
	}
	.site-branding {
		display: inline-block;
		width: 49.5%;
		transition: 0.3s;
		vertical-align: bottom;
	}

	.site-description {
		clear: none;
		display: inline;
		line-height: 1.3;
		margin: 0 0 3.5em;
		vertical-align: baseline;
	}


	.main-navigation {
		display: inline-block;
		width: 50%;
		vertical-align: middle;
	}
	.main-navigation li {
		display: inline-block;
		margin-right: 0;
	}
	.main-navigation ul > li.menu-item-has-children,
	.main-navigation ul > li.page_item_has_children {
		margin-right: .875em;
	}
	.comment .comment-content {
		float: right;
		width: 70%;
	}
	.comment .comment-meta {
		float: left;
		width: 25%;
	}
	.comment .comment-metadata span {
		clear: both;
		display: block;
		margin: 0 0 0.4375em;
	}
	.comment .comment-metadata span.comment-author {
		margin-bottom: 0;
	}
	.comment .avatar {
		float: none;
		margin: 0;
		max-width: 44px;
		height: auto;
		position: absolute;
			top: 4px;
			left: -4em;
	}
}
@media screen and ( min-width: 80em ) {
	.site,
	.site-header { /* sticking removed */
		width: 68em;
	}
	.custom-background .site,
	.custom-background/* sticking removed */ .site-header {
		width: 71.5em;
	}
}