/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://gorare.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       Richie Kastl
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/
body {
	font-family: 'source-sans-pro', 'sans-serif';
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'aw-conqueror-slab', 'serif';
}

a {
	color: #602713;
	transition:0.2s;
}
a:hover {
	color:#FCB712;
}
.clearfix{*zoom:1}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.single .post-thumbnail {
	display: none;
}
.single .post ul {
	margin-left:40px;
	font-size:19px;
}

p {
	font-size:19px;
	font-family: 'source-sans-pro', 'sans-serif';
}
.author-bio {
	font-size: 15px;
}
body {
	background: url('img/bg.jpg') #302019;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	font-size:16px;
}

body:before {
	background: #302019 !important;
}

@media screen and (min-width: 83.4375em) {
	body:before {
		box-shadow: 5px 5px 5px 5px #111;
		width: calc(47% - 250px);
		max-width: 400px;
	}
}

@media screen and (min-width: 90em) {
	body:before {
		width: calc(45% - 240px);
		max-width: 400px;
	}
}
@media screen and (min-width: 100em) {
	body:before {
		width: calc(40% - 240px);
		max-width:400px;
	}
} 

h1 {
	clear: none;
}
@media screen and (min-width: 50.375em) {
	h1, h2, h3, h4, h5, h6 {
		clear:both;
	}
}

.social-icons {
	margin:0;
}
.social-icons li {
    list-style-type: none;
    float: left;
    margin: 0 3%;
}
.single .share-links {
	text-align: center;
	padding-top:10px;
}
.single .social-title {
	margin-bottom:10px;
	margin-top:0;
}
.single .social-icons li {
	margin:0 2% 0 0;
	float:none;
	display: inline-block;
}
.single i.fa {
	margin: 0 2% 0 0;
    background: #302019;
    padding: 15%;
    width: 50px;
    height: 50px;
    text-align: center;
    float: none;
    display: block;
}
@media screen and (min-width: 84.875em) {
	.social-icons li {
		margin: 0 4.9%;
	}
	
}
.social-icons li a {
    text-decoration: none;
    border-bottom: none;
    font-size: 18px;
    color:#99634B;
}

#masthead {
	background: #302019;
}
.secondary {
	background: #302019;
	transform: translateY(300px);
	transition: 0.3s;
	-webkit-transition: 0.3s;
	height: 0;
	opacity: 0;
	position: relative;
	display: none;
}
.secondary-toggle:before {
  color: #FFF;
  font-size: 3em;
}
@media screen and (min-width: 59.6875em) {
	.secondary {
		opacity: 1;
		transform: translateY(0);
		position: static;
		display: block;
	}
}
.secondary.toggled-on {
	transition: 0.3s;
	z-index: 1;
	opacity: 1;
	height: auto;
	transform: translateY(0);
	position: static;
}
@media screen and (min-width: 59.6875em) {
	.hentry + .hentry, .page-header + .hentry, .page-header + .page-content {
		
	}
}
.hentry {
	box-shadow: 5px 5px 10px 3px #111; 
}
.comments-area {
	box-shadow: 5px 5px 10px 3px #111; 
}

.main-navigation .menu-item-description {
	color: #cccccc;
	display:none;
}
@media screen and (min-width: 38.75em) {
	.main-navigation {
  		margin-bottom: 0;
	}
}

.secondary a{
	color: #ffffff;
	font-size: 16px;
}
@media screen and (min-width: 59.6875em) { 
	.site-header {
		padding:0;
		margin:5% 0;
	}

	
}
@media screen and (min-width: 38.75em) {
	.secondary {
		margin: 0;
	}
}

.current-menu-item a {
	color: #FCB712;
}


.widget {
	background:none;
	width:100%;
	margin:8% 0;
	padding:0;
}

.widget-title {
	color: #99634B;
	font-family: 'aw-conqueror-slab', 'serif';
	margin:0;
}

.widget-area .widget_archive li, 
.widget-area .widget_categories li, 
.widget-area .widget_links li, 
.widget-area .widget_meta li, 
.widget-area .widget_nav_menu li, 
.widget-area .widget_pages li, 
.widget-area .widget_recent_comments li, 
.widget-area .widget_recent_entries li {
	padding: 0.3em 0;
}

.widget p, 
.widget address, 
.widget hr, 
.widget ul, 
.widget ol, 
.widget dl, 
.widget dd, 
.widget table, 
.widget pre {
	margin-bottom:0.5em;
}

.newsletter input[type=email] {
	max-width: 55%;
	float:left;
	margin-right:5px;
}
.newsletter input[type=submit] {
	background:#99634B;
}

@media screen and (min-width: 59.6875em) {
	.main-navigation {
		margin:2% 0;
		padding:5% 0;
	}
}
@media screen and (min-width: 59.6875em) {
	.category .site,
	.archive .site {
		max-width: 1800px;
	}
}

.secondary .main-navigation .nav-menu li {
	border: none;
}

.main-navigation ul {
	border: none;
}

.main-navigation a {
	padding:0.3em 0;
}

.site-main {
	padding:1% 0;
}

.nav-links {
	box-shadow: 5px 5px 10px 3px #111;
}
.pagination .nav-links {
	height: 56px;
	font-size:14px;
}
.navigation.pagination {
	clear: both;
}
@media screen and (min-width: 77.5em) {
	.pagination .prev, .pagination .next {
		height: 56px;
	}
}

.secondary-toggle {
	top: 55%;
}
.secondary.toggled-on {
	    padding: 0 70px;
}
.single .entry-title {
	text-align: center;
	padding:8% 0;
}
.entry-content {
	font-size: 16px;
}
.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
	text-decoration: underline;
	border-bottom: 0;
	transition:0.2s;
}
.entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .pingback .comment-body > a:hover {
	color:#FCB712;
}
.page-header {
	margin: 0 6.7% 4% 0;
	padding: 2%;
	width:92%;
	background:#302019;
	border-left: 7px solid #99634B;
	box-shadow: none;
}
@media screen and (min-width: 72em) {
	.page-header {
		box-shadow: 5px 5px 10px 3px #111;
		margin: 0 6.7% 4% 5%;
	}
}

.page-header h1 {
	color: #99634B;
}
.entry-title {
	margin-bottom:10px;
	padding:1% 0;
}

.flexbox .category .site-main {
	display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox; 
	display: -webkit-flex;
	display: flex; 
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.category .entry-title,
.archive .entry-title {
	font-size:20px;
	font-size:2rem;
}

.category article,
.archive article {
	max-width:510px;
	height: auto;
	margin: 20px auto !important;
	float: none;
}
@media screen and (min-width: 87.875em) {
	.category article,
	.archive article {
		max-width:450px;
		margin: 0 0 60px 40px !important;
		float: left;
	}
}
@media screen and (min-width: 93.125em) {
	.category article,
	.archive article {
		max-width:480px;
		margin: 0 0 60px 40px !important;
		float: left;
	}
}
@media screen and (min-width: 102.0625em) {
	.category article,
	.archive article {
		max-width:510px;
		min-height: 800px;
		margin: 0 0 60px 60px !important;
		float: left;
	}
}
/* puts sidebar on right */
@media screen and (min-width: 59.6875em) {

	.site-content {
		float: left;
		margin-left: 0px;
		width: 70.5882%;
	}
	
	.sidebar {
		float: right;
		right:0;
		margin-right: 0px;
		max-width: 413px;
		width: 29.4118%;
		position: absolute !important;
		padding:2%;
	}
	
	body:before {
		right: 0;
		left:auto;
	}
	
	.site-footer {
		margin: 0 0 0 6.1%;
	}
 
}

@media(max-width: 954px) {
	.sidebar {
		margin-bottom:10px;
	}
}

.entry-footer {
	background: none;
	padding:3% 10%;
}

.site-main {
	padding:0;
}
@media screen and (min-width: 73em) {
	.site-main {
		padding:1% 0;
	}
}

.home .main-post {
	max-width: 800px;
	margin: 0 auto;
	box-shadow: 5px 5px 10px 3px #111;
}
.home .main-post-title {
	background:#302019;
	padding:10px;
	color:#99634B;
}
.home .main-post article {
	margin:0;
	box-shadow: none;
}
.home .main-post .post-thumbnail {
	margin-bottom:0;
}
.home .main-post .post-thumbnail img {
	width: 100% !important;
}
.home .main-post .entry-header {
	padding: 2% 0 0 0;
	text-align: center;
}
.home .main-post .entry-title {
	font-size:24px;
	margin-bottom: 10px;
	text-align: left;
	padding:1% 10%;
}
.home .main-post .entry-content {
	padding-bottom:10px;
}

.home .categories {
	margin: 20px auto;
	background:#fff;
	clear: both;
	overflow: hidden;
	max-width: 800px;
	box-shadow: 5px 5px 10px 3px #111;
}
.home .categories .category-title {
	border-bottom:3px solid #302019;
	background:#302019;
	padding:10px 10px;
	font-size:16px;
}
.home .categories .category-title h3 a{
	color:#99634B;
	background:#302019;
	font-size:1.2em;
}
.home .categories .category-title p {
	color:#eee;
	font-size: 16px;
	margin-bottom: 0;
}
.home .categories .categories-centerer {
	max-width: 800px;
	margin:0 auto;
}
.home article.category {
	/*max-width:310px;
	float: left;*/
	margin:1% 10% 10%;
	box-shadow: none;
}
@media screen and (min-width: 72em) {
	.home article.category {
		max-width: 384px;
		float:left;
		margin: 0% 1% 3% 1%;
		padding:1%;
		height:450px;
	}
}
.home article.category .post-thumbnail {
	margin-bottom:1em;
}
.home article.category .entry-header {
	padding: 0;
}
.home article.category .entry-title {
	font-size: 16px;
	margin-bottom: 0;
}
.home article.category .entry-content {
	color:#111;
	font-size:14px;
	padding:0;
}
.home article.category .entry-content .date {
	color:#555;
	font-size:12px;
	margin-bottom:10px;
}

/**********************************************
***********************************************
***********************************************
	Newsletter
***********************************************
***********************************************
**********************************************/
.jpibfi_container p span{
	font-size:19px !important;
}
.newsletter table, .newsletter tr, .newsletter td, .newsletter th {
    display: inline;
    border: none;
}
/**********************************************
***********************************************
***********************************************
	IE
***********************************************
***********************************************
**********************************************/
body.IE9, .IE9 button, .IE9 input, .IE9 select, .IE9 textarea,
body.IE8, .IE8 button, .IE8 input, .IE8 select, .IE8 textarea {
	font-size:1em !important;
}

body.IE9 .secondary {
	margin-left:0;
} 
body.IE8 .secondary {
	display: none;
}
body.IE9 .secondary.toggled-on, body.IE8 .secondary.toggled-on {
	display: block;
}
body.IE9 .secondary.toggled-on a, body.IE8 .secondary.toggled-on a {
	color:#111 !important;
}


/**************************************************
***************************************************

RPA Popup

***************************************************
***************************************************/

.top-layer {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.3);
		z-index: 1000;
		height: 100%;
		width: 100%;
	}
	.top-layer-bg {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.3);
		z-index: 1001;
		height: 100%;
		width: 100%;
	}
	.top-layer-inner {
		background: #fff;
		width: 45%;
		min-width:300px;
		margin: -260px auto;
		position: relative;
		top: 50%;
		padding: 25px;
		text-align: center;
		z-index: 1002;
	}
	.top-layer-inner .close {
		color: #000;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
		opacity: 1;
		font-size: 30px;
	}
	.top-layer.disabled {
		display: none;
	}
	.top-layer .rpa-callout {
		padding:0;	
	}
	
	.top-layer .show {
		display: inline !important;	
	}
	@media(max-width:979px) {
		.top-layer .app-buttons {
			position: relative;	
		}
		.top-layer .app-buttons .app-button {
			position: absolute;
			top: -65px;
			right: 40px;	
		}
		.top-layer .app-buttons .apple.app-button {
			right:30px;	
		}
		.top-layer-b.top-layer .app-buttons .app-button {
			top:0;
			right:0;
			position:relative;
		}
	}
	
	@media(max-width:755px) {
		.top-layer-inner {
			min-width:300px;
			margin:-100px auto;	
			padding:10px;
		}
		.top-layer .app-buttons .app-button {
			position: absolute;
			top: -50px;
			right: 10px;	
		}
		.top-layer .app-buttons .app-button.apple {
			right:0;	
		}
		
	}
	
	@media(max-height:519px) {
		.top-layer-inner {
			margin-top:-25%;	
		}
	}
