/*
Theme Name: Bloomy
Theme URI: https://www.bloompixel.com/wordpress-themes/bloomy/
Author: BloomPixel
Author URI: https://www.bloompixel.com/
Description: Bloomy is a clean, minimal, search engine optimized (SEO) and fast loading WordPress theme. It is lightweight theme that can make your website load blazingly fast. With support for page builders like Elementor, Beaver Builder, Visual Composer, it is possible to build any kind of website. It is also RTL & translation ready. Theme boasts other useful features like 3 header styles, featured posts slider, typography options, layout options and multiple footer column options. With such useful options and fast loading speed, it is perfect choice for building your awesome website. Check the demo here http://demo.bloompixel.com/bloomy/
Version: 1.0.11
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, left-sidebar, right-sidebar, custom-menu, custom-header, custom-logo, custom-colors, custom-background, featured-images, two-columns, theme-options, custom-background, footer-widgets, threaded-comments, translation-ready, rtl-language-support
Text Domain: bloomy
*/

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

	1. CSS Reset
	2. Framework (body, headings, links)
	3. Main Container
	4. Header
	5. Navigation
	6. Main Content (homepage, single)
	7. Comments
	8. Sidebar
	9. Footer
	10. Widgets

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

/* Joe - Using built in logo class to change the size of the logo */
img.custom-logo {
	width: 250px;
}

/*-----------------------------------------------------------------------------------*/
/*	1. CSS Reset
/*-----------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block }
ol, ul { 
	/*list-style:none; */ /* Would like the default dots - Joe*/
	list-style-position: inside !important;
	margin-bottom:20px; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del { text-decoration: line-through; }
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
img {
	-ms-interpolation-mode:bicubic;
	border:0;
	vertical-align:middle;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align: middle;
    max-width:100%
}
input[type="email"],
input[type="password"],
input[type="text"] {
    padding: 8px 10px;
}
input[type="submit"] {
    background: #ae8d59;
    border: 0;
    color: #fff;
    font-size: 12px;
    padding: 10px 20px;
}

.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }
.clearfix:after { clear: both; content: ""; font-size: 0;  height: 0; display: block; visibility: hidden; }


/*-----------------------------------------------------------------------------------*/
/*	2. Framework
/*-----------------------------------------------------------------------------------*/
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;
}
/* Joe - Added to change text color */
.elementor-widget-text-editor {color: #2d2d2d}

body {
	background:#f9f9f9;
	line-height:1;
	color:#585858;
	/* joe - change font size from 14 to 16 */
	font:16px/24px "Muli", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
	color:#f7e1be;
	outline:none;
	text-decoration:none;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
a:hover { 
	color:#f7e1be;
	text-decoration: underline;
}
::-moz-selection {
    background: #222;
    color: white;
    text-shadow: none;
}
::selection {
    background: #222;
    color: white;
    text-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
	color:#00854A;
	font-family:'Muli', serif !important;
    line-height:1.3;
	margin-bottom:15px;
	font-weight:400;
}
h1 { font-size:28px }
h2{ font-size:24px }
h3 { font-size:22px }
h4 { font-size:20px }
h5 { font-size:18px }
h6 { font-size:16px }
p { margin-bottom: 25px }
blockquote {
	font-family:"Georgia",serif;
	font-size:14px;
	font-style:italic;
	padding:20px 30px;
}
em, i, cite { font-style: italic; }
strong { font-weight: 700; }
img, video, object, embed {
	height: auto;
	max-width: 100%;
}
caption, th, td { text-align: left }
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub { bottom:-3px }
sup { top:-4px }
.uppercase { text-transform:uppercase}
.textcenter { text-align:center }
.last { margin-right:0 !important }


/*-----------------------------------------------------------------------------------*/
/*	3. Main Container
/*-----------------------------------------------------------------------------------*/
.main-container {
	overflow:hidden;
	width:100%
}
.main-wrapper {
	margin:0 auto 0;
	width:1170px;
}
.container {
	margin:0 auto;
	width:1170px
}

/*-----------------------------------------------------------------------------------*/
/*	4. Header
/*-----------------------------------------------------------------------------------*/
.main-header {
    background:#fff;
	margin:0 auto;
    position: relative;
	width:100%;
    -webkit-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
    -moz-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
    box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
}
.author .main-header {
    box-shadow: none;
}
.logo-wrap {
	padding:20px 0;
}
.header-1 .logo-wrap {
    float: left;
}
.header-2 .logo-wrap {
    text-align: center;
}
.tagline {
    color:#5c5c5c;
	display:block;
	font-size:18px;
    text-transform:uppercase;
}
.logo {
	display: inline-block;
    font-family: 'Cinzel',serif;
	font-size: 32px;
    font-weight: 700;
	line-height: 36px;
	margin: 0;
	max-width: 100%
}
.logo a { color:#f7e1be }
.social-links { 
    float:right;
    margin-left: 20px; 
}
.header-2 .social-links {
    float: left;
    margin-left: 0;
}
.social-links a {
	color: #b8b8b8;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 31px 0 !important;
    position: relative;
	width: 34px;
	text-align: center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.header-search {
	float: right;
	margin: 20px 0 0 20px;
    max-width: 20%;
	position: relative;
}

/* Featured Section */
.featured-section {
	margin: 30px auto;
	max-width: 100%;
    overflow: hidden;
	width: 100%
}
.featuredslider {
	margin:0 auto;
    max-width:100%;
	position:relative
}
.featuredslider .featured-thumbnail { margin-bottom:0 }
.owl-carousel .owl-item {
    float:left;
    position:relative
}
.featuredslider .featured-content {
    background: rgba(255,255,255,0.9);
    left: 50%;
    min-width: 570px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}
.featuredslider .post-inner {
    padding: 30px 40px;
}
.featured-cats {
    color: #000;
    display:inline-block;
    font-size: 13px;
    font-weight: 700;
    margin:0 0 12px;
    padding:0 0 8px;
    position: relative;
    text-transform: uppercase;
}
.featured-cats:before {
    background: #f7e1be;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px;
}
.featured-cats span {
    display:inline-block;
    vertical-align:text-bottom
}
.featuredslider .read-more {
    background: #f7e1be;
    border-radius: 30px;
    color: #ae8d59;
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    float: none;
    text-transform: uppercase;
    padding: 8px 30px;
}

/*-----------------------------------------------------------------------------------*/
/*	5. Navigation
/*-----------------------------------------------------------------------------------*/
.menu, .menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav-menu {
	float:right;
    font-size:12px;
    font-weight:700;
	max-width:100%;
    text-transform:uppercase;
}
.header-2 .nav-menu {
    float: none;
    display: inline-block;
}
.nav-menu span {
    display:inline-block;
    margin:18px 0
}
.nav-menu .menu ul {
	background: #fff;
	position: absolute;
    padding: 10px 0;
    text-align: left;
	top: -999em;
	width: 180px; /* left offset of submenus need to match (see below) */
}
.nav-menu .menu ul li { width:100% }
.nav-menu .menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.nav-menu .menu a {
	display:block;
	position:relative
}
.nav-menu .menu-item-description {
    display: block;
    margin: 0
}
.nav-menu .menu li:hover ul {	
	left:0;
	top:60px; /* match top ul list item height */
	width:180px;
	z-index:1000
}
.nav-menu ul.menu li:hover li ul { top:-999em }
.nav-menu ul.menu li li:hover ul {
	border:0;
	padding:0;
	left:180px; /* match ul width */
	top:0px
}
.nav-menu ul li {
	display:inline-block;
	float:none;
	list-style:none;
	position:relative;
    vertical-align:middle
}
.header-2 .main-nav {
    text-align: center;
}
.main-nav a {
	color: #fff !important;
	/* Joe - Menu item colors to white for */
	color: #404040;
	display: block;
    padding: 26px 12px
}
.main-menu { 
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}
.menu-two { 
    border-top: 1px solid #F6F9FC;
    border-bottom:none; 
}
.menu-three {
    border-bottom: 1px solid #F6F9FC;
    border-top:none;
}
.header-1 .menu li ul li a,
.main-menu .menu li ul li a {
	border:0;
	padding:10px 20px;
	line-height:18px
}
.main-nav .menu-item-has-children > a {
	padding-right:24px;
	z-index:20
}
.main-nav .sub-menu .menu-item-has-children > a { padding-right:20px }
.main-nav .menu-item-has-children > a:after {
	content:"\f107";
    font-family:'FontAwesome';
    font-size:14px;
    margin-top:-11px;
	position: absolute;
	top: 50%;
	right: 8px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.main-nav .sub-menu .menu-item-has-children > a:after {
    content:"\f105";
	right:10px
}
.nav-menu .menu-item-has-children:hover > a:after { transform:rotate(180deg )}
.menu-btn.fa { display:none }
#close-button {
	padding:15px 0;
	text-align:center
}
#close-button .fa {
	color:#fff;
	cursor:pointer;
	font-size:22px
}
.st-container {
	position:relative;
	overflow:hidden
}
.menu-pusher {
    left: 0;
	position:relative;
	height:100%;
	width:100%;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
.mobile-menu {
	display:none;
	position:fixed;
	left:-300px;
	overflow-y:auto;
	visibility:hidden;
	width:300px;
	height:100%;
	background:#212121;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
.stickymenu {
    background:#fff;
    border-top:0;
    border-bottom:1px solid rgba(0, 0, 0, 0.08);
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:100
}

/*-----------------------------------------------------------------------------------*/
/*	6. Main Content
/*-----------------------------------------------------------------------------------*/
.main-content {
	clear:both;
	margin:30px auto 0;
	max-width:100%;
}
.main-content #page {
	float:left;
	margin:0;
	max-width:100%;
	padding:0;
	width:1170px;
}
.content-area {
    margin-right:2%;
    width:74.6%;
    float:left
}
.content {
    margin-bottom:40px; 
    position:relative
}
.post header,
.attachment header {
	clear: both;
	overflow: hidden;
    text-align: center
}

/*---[ Different Layout Styles ]---*/
.bclayout .content-area {
    float: right;
    margin-left: 2%;
    margin-right: 0
}
.flayout .content-area {
    margin:0;
    width:100%
}

/*---[ Homepage ]---*/
.title {
    margin-bottom: 10px
}
.title a {
    color: #525252
}
.entry-title a {
    color: #000
}
.entry-title {
    color: #111;
    font-size: 36px;
	font-weight: 400;
	margin-bottom: 15px;
    word-wrap: break-word
}
.single-title { margin-bottom:20px }
.page-title {
	font-size: 26px;
	margin: 0 0 20px;
    text-align: center;
}
.featured-thumbnail {
	display:block;
    overflow:hidden;
	width:100%;
    position: relative;
}
.featured-thumbnail img {
	float:left;
	width:100%;
	height:auto;
}
.featured-single { margin-bottom:20px }
.featured-single img { float:left }
.post-content {
    color: #878787;
	font-size: 14px;
	line-height: 1.8;
}
.post-inner {
    padding: 30px 20px;
}
.single-content .post-meta {
    margin-bottom:20px;
}
.post-meta {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    margin: 0 0 10px;
    padding: 0 0 20px;
}
.post-meta:before {
    background: #f7e1be;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px;
}
.relatedposts .post-meta:before {
    display: none;
}
.post-meta span {
    margin:0 5px 0 0;
	position:relative;
}
.meta span {
    margin:0 2px 0 0;
	position:relative;
}
.post-meta > span:after,
.meta > span:after {
    content: '-';
    margin-left: 4px;
    position: relative;
}
.meta > span:after {
    margin-left: 2px;
}
.post-meta > span:first-child:after,
.post-meta > span:last-child:after {
    display: none;
}
.single .relatedposts .post-meta > span:first-child:after {
    display: inline-block;
}
.meta > span:last-child:after {
    display: none;
}
.post-meta .post-cats {
    display: block;
    margin: 0;
    text-transform: uppercase
}
.post-meta span:last-child:before { display:none }
.post-meta .post-comments span {
	border:none;
	margin:0;
	padding:0;
    float:none; 
}
.post-meta a,
.post-meta time { color:#777; }
.post-cats a {
    color: #000;
    font-weight: 700;
}
.post-meta .post-author {
    text-transform: capitalize;
}
.read-more {
    text-align: center;
}
.read-more a {
    background:#f7e1be;
    border-radius:20px;
    color:#ae8d59; 
    display:inline-block;
    font-size:12px;
    font-weight:700;
	margin:0;
	overflow:hidden;
    padding:8px 30px;
    text-align:center;
    text-transform:uppercase;
    vertical-align:middle
}
.read-more a:hover {
    background:#262626;
	color:#fff
}

/* Gallery */
.gallery { margin-bottom:20px }
.gallery:after {
	clear:both;
	content:"";
	display:block
}
.gallery-item {
	float:left;
	margin:0 4px 4px 0;
	overflow:hidden;
	position:relative
}
.gallery-columns-1 .gallery-item { max-width:100% }
.gallery-columns-2 .gallery-item {
	max-width:48%;
	max-width:-webkit-calc(50% - 4px);
	max-width:        calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
	max-width:32%;
	max-width:-webkit-calc(33.3% - 4px);
	max-width:        calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
	max-width:23%;
	max-width:-webkit-calc(25% - 4px);
	max-width:        calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
	max-width:19%;
	max-width:-webkit-calc(20% - 4px);
	max-width:        calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
	max-width:15%;
	max-width:-webkit-calc(16.7% - 4px);
	max-width:        calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
	max-width:13%;
	max-width:-webkit-calc(14.28% - 4px);
	max-width:        calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
	max-width:11%;
	max-width:-webkit-calc(12.5% - 4px);
	max-width:        calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
	max-width:9%;
	max-width:-webkit-calc(11.1% - 4px);
	max-width:        calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right:0
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear:left
}
.gallery-caption {
	background-color:rgba(0, 0, 0, 0.7);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:   border-box;
	box-sizing:        border-box;
	color:#fff;
	font-size:12px;
	line-height:1.5;
	margin:0;
	max-height:50%;
	opacity:0;
	padding:6px 8px;
	position:absolute;
	bottom:0;
	left:0;
	text-align:left;
	width:100%;
}
.gallery-caption:before {
	content:"";
	height:100%;
	min-height:49px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.gallery-item:hover .gallery-caption { opacity:1 }
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display:none }
.featuredslider.loading {
	background:#fff url(images/loading.gif) no-repeat center center;
	border:1px solid #e3e3e3;
	overflow:hidden;
	height:100px;
}
.loading { display:none }
.hentry {
    background: #fff;
    float: left;
    margin-bottom: 30px;
	position: relative;
    width: 48.5%;
    -webkit-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
    -moz-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
    box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
}
.hentry.page {
    width: 100%
}
article.post:first-child {
    width: 100%;
}
article.post:nth-child(2n) {
    clear: left;
    margin-right: 3%;
}

/*---[ Single ]---*/
.full-width { margin-top:15px }
.full-width .content {
	margin:0 0 30px;
	padding:0
}
.error404 .page-content header { margin:0 3% }
.error-page-content {
	padding:30px;
	text-align:center;
    width: 100%
}
.error-head {
	border-bottom:1px solid #ccc;
    height:1px;
    margin-top:15px;
    margin-bottom:20px;
    position:relative;
}
.error-head span {
	background:#fff;
	padding:0 20px;
	position:relative;
	top:-14px
}
.error-text {
	color:#f7e1be;
	font-size:230px;
	line-height:200px;
	margin-bottom:30px
}
.error-page-content .search-submit {
    display: none;
}
.full-width .single-page-content {
	margin:0;
	width:96%
}
.full-width header { margin:0 2% }
.page-links { margin-bottom:20px }
img.size-full, 
mg.size-large,
img.wp-post-image {
	height:auto;
	max-width:100%;
}
article img.right,
article img.alignright,
.wp-caption.alignright {
	display:block;
	float:right;
	margin:0.4em 0 1em 1.5em;
}
article img.aligncenter,
article img.alignnone {
	display:block;
	clear:both
}
article img.left,
article img.alignleft,
.wp-caption.alignleft {
	display:block;
	float:left;
	margin:0.5em 1.5em 1em 0;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	/*color:#757575;*/ /* joe - Font color darker and padding away from picture */
	color: #464646;
	padding-top: 7px;
	/* joe - change font size from 11 to 13 */
	font-size:13px;
	font-style:italic;
	line-height:20px;
}
.wp-caption {
	max-width: 100%
}
.alignleft { float:left }
.alignright { float:right }
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
article figure {
    margin-bottom: 25px;
}
.entry-content table {
	border-bottom:1px solid #e5e5e5;
	margin-bottom:20px;
	width:100%
}
.entry-content th {
	padding:6px 10px 6px 0;
	text-transform:uppercase
}
.entry-content td,
.entry-content th {
	border-top:1px solid #e5e5e5;
	padding:8px 20px
}
.entry-content th {
	background:rgba(0,0,0,0.04)
}
.entry-content dl { margin:0 30px }
.entry-content dt { font-weight:700 }
.entry-content dd { margin:0 0 20px }
.entry-content ul {
	list-style: disc;
}
.entry-content ol {
	list-style: decimal;
	margin-bottom: 20px
}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ul,
.entry-content ol ol { margin-bottom:0 }
.entry-content li {
	margin-left:22px;
	position:relative
}
.entry-content address { margin-bottom:20px }
.entry-content code { font-family:Consolas,Monaco,Lucida Console,monospace }
.entry-content pre {
	border:1px solid #e5e5e5;
	margin-bottom:20px;
	padding:20px;
	overflow:auto
}
.post dl.gallery-item { margin:0 }
.entry-content blockquote {
	border-left:2px solid;
	font-size:16px;
	margin:10px 0 30px;
	padding:0 30px
}
.post-navigation .post-nav-links  {
	float:left;
	position:relative;
    width:50%;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.post-navigation a {
	color:#000;
    display:block;
	font-size:17px;
    /*font-family: 'Playfair Display';*/ /* Joe - Use default font */
	line-height:26px;
}
.next-prev-title {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 15px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
    float: left;
    width: 50%;
	overflow:hidden;
	position:relative;
	z-index:10
}
.post-navigation .nav-next {
    padding:30px 0 30px 30px;
    text-align:right;
}
.post-navigation .nav-previous {
    border-right:1px solid #eaeaea;
    padding:15px 30px 15px 0;
    text-align:left; 
}
.post-navigation img {
    width: auto;
    border-radius: 50%;
}
.single-tags {
    margin-left:124px;
    display:none
}
.single-section,
.comment-respond {
    border-top: 1px solid #eaeaea;
    padding: 30px 25px;
}

/*---[ Breadcrumbs ]---*/
.breadcrumbs {
    border-top: 1px solid #f0f3f5;
    color: #333;
    font-size: 12px;
    padding: 20px 0;
}
.breadcrumbs a { color: inherit }
.breadcrumb-separator {
    margin: 0 5px;
}

/*---[ Author Box ]---*/
.author-box {
    overflow:hidden;
    text-align: center;
}
.author-box-avtar {
    margin:0 0 25px;
}
.author-info p { margin-bottom:18px }
.author-box h4 { margin:0 }
.author-box h5 {
	font-size:18px;
	line-height:26px;
    text-transform:uppercase
}
.author .author-box h5 {
    font-size: 12px;
    font-weight: 700;
}
.total-post,
.articles-count {
    background: #f7e1be;
    border-radius: 3px;
    color: #ae8d59;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
}
.author-box img {
	margin:0;
    border-radius:50%
}
.author-info-container {
	margin-left:0;
	overflow:hidden
}
.author-info {
	overflow:hidden;
}
.author-desc-box {
    background: #fff;
    border-top: 1px solid #f6f9fc;
    box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 0.5);
    margin: 0 0 40px;
    overflow: hidden;
    padding: 25px;
}
.author-box .widget-title:before { border:0 }
.author-desc-box .author-box-content {
	overflow:hidden
}

/*---[ Related Posts ]---*/
.relatedposts ul {
	margin: 0;
	padding: 0;
}
.relatedposts li {
	float:left;
	list-style:none;
    margin:0 2% 30px 0;
    width:32%
}
.relatedposts li:nth-child(3n) {
    margin-right: 0
}
.relatedposts li:nth-child(3n+1) {
    clear: left;
}
.relatedposts .post-meta {
    margin: 0;
    padding: 0;
}
.relatedthumb {
	margin-bottom: 15px
}

/*---[ Post Navigation ]---*/
.navigation {
	clear:both;
	display:block;
    margin-bottom:30px;
    margin-left:130px; 
}
.post-navigation {
    margin-bottom: 0;
    margin-left: 0
}

/*---[ Pagination ]---*/
.pagination,
.norm-pagination {
	clear:both;
    text-align:center
}
.single .pagination {
    margin:15px 0 20px
}
.norm-pagination {
    padding:10px 0 0
}
.norm-pagination .nav-previous a { float:left }
.norm-pagination .nav-next a { float:right }
.pagination span,
.pagination a {
	color:#333;
	display:inline-block;
	margin:0 10px 0 0;
	padding:5px 11px;
}
.pagination a,
.pagination span {
	background:#fff;
	border:1px solid #e3e3e3;
	color: #828282
}
.pagination .current,
.pagination a:hover {
	background: #ae8d59;
	border: 1px solid #ae8d59;
	color: #fff
}

/*---[ Archive ]---*/
.page-heading {
    background: #fff;
    border-top: 1px solid #f6f9fc;
    text-align: center;
    padding: 50px 0;
    -webkit-box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 1);
    -moz-box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 1);
    box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 1);
}
.archive-title {
    font-family: 'Muli';
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.taxonomy-description p {
    margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------------*/
/*	7. Comments
/*-----------------------------------------------------------------------------------*/
.comment-left,
.comment-right {
    vertical-align:top;
}
.comment-right {
    width:100%;
}
#comments .avatar {
	float:left;
    border-radius:50%;
	margin-bottom:10px;
	margin-right:25px
}
ol.commentlist {
	position:relative;
	overflow:hidden;
}
.commentlist li.comment,
.commentlist li.pingback {
	float:left;
	list-style:none;
	margin:0;
	width:100%;
}
.comment-author { color:#a7a7a7; }
.commentlist li.pingback .comment-body { padding:0 0 20px }
.commentlist .comment-body {
	border-bottom:1px solid #eee;
	margin:0 0 30px;
	padding: 0 0 20px;
}
.commentlist > li:last-child  .comment-body {
    border:0;
    padding:0
}
.commentlist .children {
	float: left;
	margin-left: 95px;
	margin-bottom: 0;
}
.commentlist .children li {
	margin:0;
	position:relative;
	width:100%;
}
.fn {
    color:#171717;
	font-size:14px;
	font-style:normal;
    font-weight:bold;
    margin-right:6px;
}
.fn a { color:inherit }
.comment-meta {
    color:#878787;
    display:block;
	font-size:11px;
    font-weight:400;
    margin-bottom:15px; 
}
.comment-meta i { margin-right:3px }
.comment-meta a { color:#999 }
.commentBody { overflow:hidden }
.bypostauthor {}
.reply {
    font-size: 11px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
}
.comment-reply-link {
    color: #000;
}
#reply-title {
	font-size:16px;
	line-height:20px;
	margin:0;
	text-transform: uppercase
}
.comment-form {
	margin: 15px 0 0
}
.comment-form p {
	margin:0 0 18px;
	position:relative
}
.comment-form p label {
	color:#c8c8c8;
	font-size:14px;
	text-transform:uppercase
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
    width: 32%;
    margin-right: 2%;
    float: left;
}
.comment-form .comment-form-url {
    margin-right: 0
}
.comment-form .comment-form-author input,
.comment-form .comment-form-email input,
.comment-form .comment-form-url input {
    width: 100%
}
.comment-form .comment-form-comment {
	clear: both;
	overflow: hidden;
	width: 100%;
}
.comment-form input,
.comment-form textarea {
	border:1px solid #E7E7E7;
    background:#fff;
    color: #878787;
	display:block;
	font-size:14px;
    font-weight:500;
	padding:14px 10px
}
.comment-form textarea {
    width: 100%
}
.comment-form .required {
    color: #dc0413
}
.comment-form .form-submit {
    clear: both;
    margin: 0;
}
.comment-form .submit {
    border: none;
    background: #f7e1be;
    border-radius:0; 
    color:#ae8d59;
    cursor:pointer;
    font-size:12px;
    font-weight:800;
    padding:15px 30px;
    text-transform:uppercase;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    transition:all 0.25s linear;
}
.comment-form .submit:hover {
	background: #ae8d59;
    color: #fff
}


/*-----------------------------------------------------------------------------------*/
/*	8. Sidebar
/*-----------------------------------------------------------------------------------*/
.sidebar {
	float:left;
	margin:0 0 30px;
	width:23.4%;
}
.sidebar a {
	color:#333;
}
.widget {
	margin-bottom:20px;
	overflow:hidden;
}
.widget-title {
	font-size:12px;
	font-weight:bold;
    font-family:'Muli';
	margin-bottom:20px;
    position:relative;
    text-align:center;
    text-transform:uppercase;
}
.section-heading {
	font-size:28px;
	font-weight:700;
    margin:0 0 25px;
    position:relative;
    text-align: center
}
.widget ul { margin:0 }
.widget li {
	list-style:none;
	margin:0 0 10px
}
.widget ul.children {
	padding-left:20px
}
.widget ul.children li:last-child {
	border-bottom:0;
	padding-bottom:0
}
.cat-count {
    color:#9F9F9F;
    float:right;
    font-style:italic
}
.sidebar-widget {
	background:#fff;
	list-style:none;
	margin-bottom:25px;
	padding:20px;
	position:relative;
    -webkit-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
    -moz-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
    box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1);
}
.sidebar-widget a {
    color:#525252
}
.sidebar-widget li:last-child {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0
}
.widget .menu li { float:none }
.widget ul li ul li {
	border-bottom:none;
	margin-top:10px;
	margin-bottom:0
}

/*-----------------------------------------------------------------------------------*/
/*	9. Footer
/*-----------------------------------------------------------------------------------*/
.footer {
    background: #00854a; /*Joe - changed for the theme #fff; */
	color:#777;
	clear:both;
}
.footer a {
	color: #fff; /* Joe - Font color changed for darker background */
	/*color:#333;*/
}
.footer a:hover {
	color: #fff !important; /* Joe - Font color changed for darker background */
	/*color:#333;*/
}
.footer-widgets {
	border-bottom: 1px solid #eee;
}
/* Joe - Changing footer */
.footer-widgets .contact_information { color: #fff; }
.footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5{
	color: #fff;
}

.footer-widgets,
.copyright {
    box-sizing:border-box;
	margin:0 auto;
	max-width:1170px;
	width:96%;
}
.footer-widget { float:left }
.footer-widget .widget-title {
    text-align: left;
}
.footer-columns-4 .footer-widget {
	margin:0 2% 0 0;
	width:23.5%;
}
.footer-columns-3 .footer-widget {
	margin:0 2% 0 0;
	width:32%;
}
.footer-columns-2 .footer-widget {
	margin:0 2% 0 0;
	width:49%;
}
.footer-columns-1 .footer-widget {
	margin:0;
	width:100%;
}
.footer-widget .textwidget img {
    margin-bottom: 20px;
}
.footer-widget .textwidget p {
    color:#999;
    font-size:15px;
}
.footer-widget .widget { 
    border-top: 2px solid #F4F4F4;
    margin:30px 0;
    padding: 20px 0 0;
    
}
.footer-widget .textwidget {
    font-size:15px;
    color:#999;  
    text-align: center;
}
.footer-widget .widget li { border-bottom-color:rgba(0, 0, 0, 0.1) }
.copyright-inner {
	margin:0 auto;
	max-width:1170px;
	padding:0;
	width:100%;
}
.copyright-text {
	padding:20px 0;
    text-align:center
}
.back-to-top {
	cursor:pointer;
    position:fixed;
    bottom:2em;
    right:25px;
    text-decoration:none;
    color:#000000;
    background:#F5F5F5;
    font-size:18px;
    padding:10px 15px;
    display:none;
    -webkit-transition: background 0.25s linear;
	 -moz-transition: background 0.25s linear;
		  transition: background 0.25s linear;
}
.back-to-top:hover { background-color:rgba(135, 135, 135, 0.50); }
.back-to-top .icon-angle-up {
	color:#000;
	font-size:24px
}

/*-----------------------------------------------------------------------------------*/
/*	10. Widgets
/*-----------------------------------------------------------------------------------*/
/*---[ Author Info Widget ]---*/
.author-info-widget { text-align:center }
.author-avatar {
    display:block;
    margin-bottom:20px
}
.author-avatar img { border-radius:50% }
.author-info-widget h4 {
    font-size:24px;
    font-weight:700;
    margin:0;
    position:relative;
    text-transform:uppercase
}
.author-info-widget .author-description { margin-top:20px }

/*---[ Recent Posts ]---*/
.recent-posts-widget {
	clear:both;
	padding:0
}
.category-posts,
.recent-posts {
	margin:0 !important;
	padding:0;
}
.category-posts li,
.recent-posts li {
    border:0;
	list-style:none;
	overflow:hidden;
}
.widgetthumb {
	float:left;
	margin:4px 10px 10px 0;
	width:100%
}
.thumbnail {
	float:left;
	margin-right:10px;
	position:relative;
	max-width:27.5%;
	width:65px
}
.thumbnail-big {
	float:none;
	margin:0 0 10px;
	max-width:100%;
	width:100%
}
.widget .info { overflow: hidden }
.widgettitle {
	display:block;
	font-size:17px;
    /*font-family:'Playfair Display'; */ /* Joe - Use default font */
	line-height:21px;
    margin-bottom:4px;
}
.meta {
    color:#777;
	display:block;
	font-size:11px;
    text-transform: capitalize;
}
.meta a { color:#777 }
.widget .meta a {
    font-weight:inherit;
}

/*---[ Search Form ]---*/
.searchform {
	padding:0;
	position:relative;
	width:100%
}
.searchform fieldset { color:#888 }
.s {
    border: 0;
    box-shadow: 0 0 1px 0 #a1a1a1 inset;
	color: #777;
	float: left;
	height: 35px;
	margin: 0 2.5% 0 0;
	outline: 0;
	padding: 10px 0 10px;
    text-indent: 10px;
	width: 85.5%
}
.search-button {
    background:#f7e1be;
    border:0;
    color:#fff;
    cursor:pointer;
    display:block;
    float:left;
    font-size:14px;
    height:35px;
    min-width:13px;
    position: relative;
    padding:0;
    text-transform:uppercase;
    width:12%;
    -webkit-transition:all 0.25s linear;
    -moz-transition:all 0.25s linear;
    transition:all 0.25s linear;
}
.search-button:hover { background: #000 }
.widget .search-submit { display:none }
.header-search .searchform {
	background:transparent;
	float:right;
	padding:0;
	width:100%
}
.header-search .searchform i {
	position:absolute;
	top:18px;
	right:10px;
	z-index:10
}
.header-search .searchform fieldset { border:0 }
.search .search-submit {
    display: none
}
.header-search .s {
	background:#222121;
	color:#b8b8b8;
    display:none;
	float:left;
    margin:0;
	padding:11px 0;
    position:absolute;
    right:35px;
	z-index:99;
    max-width:200px;
    width:200px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.header-search .search-button { display:none }
.header-search .search-submit { 
	background-color:transparent;
	color:#000;
    display:block;
    cursor:pointer;
    float:right;
    padding:12px 9px 12px 9px;
	position:relative;
}
.header-search .search-button:hover { background-color:transparent }

/*---[ Tags ]---*/
.sidebar .tagcloud { overflow:hidden }
.tagcloud a {
	background:#F5F5F5;
	border:0;
	color:#777 !important;
	display:block;
	float:left;
	font-size:12px !important;
	margin:0 4px 4px 0;
	padding:5px 12px 5px 12px;
	position:relative;
	text-transform:lowercase;
}
.tagcloud a:hover {
	background:#F7E1BE;
	color:#ae8d59;
}

/*---[ Calendar Widget ]---*/
#wp-calendar {
	background:#f3f3f3;
	width:100%
}
#wp-calendar caption,
#wp-calendar th,
#wp-calendar td {
	text-align:center
}
#wp-calendar th {
	background:#f3f3f3;
	padding:10px 0;
}
#wp-calendar td {
	background:#fff;
	padding:5px 0;
}
#wp-calendar tbody td a {
    display: block;
    background:#F7E1BE;
	color:#ae8d59;
}
#wp-calendar caption {
	background:#f7e1be;
	color:#ae8d59;
	font-size:14px;
	padding:10px 0;
	text-transform:uppercase
}
#wp-calendar tfoot a {
	font-weight:700;
	text-transform:uppercase
}
#wp-calendar tfoot tr td {
	padding-left:10px;
	text-align:left
}
#wp-calendar td#today,
#wp-calendar td#today a { color:#fff !important }

/*---[ Contact Form 7 ]---*/
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 textarea {
	background:#f2f2f2;
	border:1px solid rgba(0,0,0,0.1);
	padding:8px 10px
}
.wpcf7-submit {
	background:#262626;
	border:0;
	color:#fff;
	cursor:pointer;
	font-weight:700;
	padding:8px 16px;
	text-transform:uppercase
}
.wpcf7-submit:hover { background:#000 }

/* Widget Slider */
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
}
.owl-height {
    transition: height 500ms ease-in-out 0s;
}

/* Direction Nav */
.owl-nav .owl-next,
.owl-nav .owl-prev {
    background:rgba(255,255,255,0.9);
    border-radius: 50%;
    cursor:pointer;
	display:inline-block;
	font-size:30px;
	margin:0;
	padding:8px 5px;
	position:absolute;
	text-align:center;
    top:50%;
    transform: translateY(-50%);
	width:46px;
	z-index:10;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.owl-nav .owl-prev { left:10px }
.owl-nav .owl-next { right:10px }

/*-----------------------------------------------------------------------------------*/
/*	11. Accessibility
/*-----------------------------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}