/*zillah parent theme overides*/



/*Fonts ***********************************************************************/
.post-navigation .nav-links, .post-navigation .nav-links a, .comment-author .fn, .comment-author .fn a, .comment-metadata, .comment-metadata a, .comment-reply-title, .comments-title, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="button"], input[type="reset"], input[type="submit"], .button, .comment-respond label, label {font-family:'Titillium Web', Arial, Helvetica, sans-serif !important;}

/*change text alignemnet on input forms ***********************************************************************/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"] {text-align:left !important;}


/*PARENT THEME CONTAINERS THESE HAVE BEEN OVERWRITTEN TO FULL WIDTH*/
/***********************************************************************/

/*zillah container*/
.container, .content-inner-wrap {width:100% !important; max-width: 100% !important; padding:0 !important;}

/*zillah comments container*/
.comments-area-wrap {display:none !important; visibility:hidden !important; height:0 !important;}
.comments-area-wrap {max-width:100% !important; padding:0 !important;}
.comments-area-wrap .comments-area {max-width:1200px !important;}

.blog-post, .site-main > article.article, .search-page .site-main > article {margin-bottom:0px !important;}

/***********************************************************************/
/*PARENT THEME CONTAINERS THESE HAVE BEEN OVERWRITTEN TO FULL WIDTH*/


/*HEADER CHANGED TO IMPLEMENT PARENT JAVASCRIPT OVERIDE WITH NEW CLASS*/
/***********************************************************************/
.header-inner-top.overide {position:absolute;}
.header-inner-top.overide.fixed {position:fixed !important;}
.header-inner-top.overide {background-color:rgba(255, 255, 255, 0.9);}
.header-inner-top.overide.change-bg-opacity {background-color:rgba(249, 249, 249, 1);}
/**********************************************************************
/*HEADER CHANGED TO IMPLEMENT PARENT JAVASCRIPT OVERIDE WITH NEW CLASS*/

/*HEADER SEARCH FORM*/
.search-form input[type="search"] {/*border-bottom:1px solid #333 !important;*/ background:#F1F1F1 !important;}
.search-form input.search-submit {background:#333 !important; color:#FFF !important;}
.search-form input.search-submit:hover {background:#F1F1F1 !important; color:#333 !important;}

/*remove margin from lists*/
li > ul, li > ol {margin:0 !important;}

/*to top*/
.back-to-top {position:fixed; bottom:110px; right:1000px; border:none; margin:10px; background:#FFF; z-index:999; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;} /*the css right is set with javascript for the fade in*/
.back-to-top:hover {border:none;}
.back-to-top .to-top {font-size:25px; padding:5px 10px; display:block;}
.back-to-top:hover .to-top {color:#333;}

/*post category information*/
.blog-categories-container {padding:60px 0px 60px 00px !important;}
.blog-categories-container h2 {padding:0 20px 20px 20px;; text-transform: uppercase;}
.blog-categories-container li {padding:20px; margin:0 !important; text-transform: uppercase;}
.blog-categories h2, .blog-categories ul li {border-bottom: 1px solid #DDD; margin:10px 0; padding:5px 0;}
.blog-categories ul {max-height:300px; overflow-x:scroll;}
.blog-categories h2 {margin:0 0 30px 0; padding-bottom:15px;} /*the font size is h3 added in style.css and media-queries*/
/*.blog-categories ul li a {width:100%; display:block;}*/
.blog-categories ul li span {color:#333;}

/*Posts and comments ***********************************************************************/
article.blog-post {border-bottom:1px solid #DDD; display:flex; display:-webkit-flex; display:-ms-flexbox; flex:wrap ;}
article.blog-post .flex-one {width:50%; display:flex; display:-webkit-flex; display:-ms-flexbox; overflow:hidden;}
article.blog-post flex-one .flex-two {width:100%; display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column; overflow:hidden;}

/*post image*/
article.blog-post .blog-featured-image {min-height:450px; float:left; background-repeat: no-repeat; padding:0; margin:0; position:relative; overflow:hidden; background-size:cover; background-position:center center; display:block !important;}
article.blog-post .blog-featured-image .blog-featured-image-button {position:absolute; top:45%; width:100%; opacity:0; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out; cursor:pointer;}
article.blog-post .blog-featured-image:hover .blog-featured-image-button {opacity:1;}

/*post pagination/navigation generic*/
nav.post-navigation {max-width:1200px !important; margin:0 auto !important; float:none !important; padding:20px !important;}
.post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next {max-width:320px; /*border:1px solid #CCC;*/}
.post-navigation .nav-previous a, .post-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a {background:none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin:0;}
.post-navigation .nav-previous a span, .post-navigation .nav-next a span, .posts-navigation .nav-previous a span, .posts-navigation .nav-next a span {background:none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.post-navigation .nav-previous:hover a, .post-navigation .nav-next:hover a, .post-navigation .nav-previous:hover a span, .post-navigation .nav-next:hover a span, .posts-navigation .nav-previous:hover a, .posts-navigation .nav-next:hover a, .posts-navigation .nav-previous:hover a span, .posts-navigation .nav-next:hover a span {/*color:#333 !important;*/ background:none;}

/*post content*/
article.blog-post .blog-featured-image .blog-featured-image-button p {max-width:280px; text-align:center; border:1px solid #CCC; /*background:#FFF;*/ padding:10px; margin:0 auto; color:#333;}
.post-thumbnail-wrap {margin-bottom:0;}
article.blog-post div.entry-content {float:left; padding:20px 15% 20px 20px !important;}
.single-post-info .cat-links, .single-post-info .posted-on, .single-post-info .cat-links a, .single-post-info .posted-on a,.single-post-info .entry-date {clear:both; display:block; padding-bottom:0 !important; text-align:center; color:#FFF !important;}
.single-post-info .cat-links a {display:inline-block !important;}
.cat-links, .posted-on {clear:both; display:block; text-align: left; padding-bottom:0 !important;}
.entry-title-blog {margin-bottom:20px;}
.more-link {font-size:15px; border:1px solid #CCC; margin-bottom:40px; padding:10px;}
.site-main > article.blog-post, .site-main > article.search-post {margin:0 !important;}
.blog-post, .site-main > article.article, .search-page .site-main > article {padding:0 !important;}
article.post .entry-header, .wrapper.home-entry-header {padding:20px; /*border-bottom:1px solid #DDD;*/ /*margin-bottom:60px;*/}
.content-wrap {padding:0 !important;}
.page-title {text-align:left; padding:20px 0; margin:40px 0 20px 0; font-weight:normal !important; text-transform:uppercase !important;}
/*post pagination/navigation post landing*/
.posts-navigation {width:100%; position:relative; margin:0 !important;}
.posts-navigation .nav-links {max-width:1200px; padding:40px 20px; margin:0 auto !important; position:relative; display:block; overflow:hidden;}
.posts-navigation .nav-links .nav-previous {float:left;}
.posts-navigation .nav-links .nav-next {float:right;}
.posts-navigation .nav-links .nav-previous a, .posts-navigation .nav-links .nav-next a {width:100%; color:#333; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; font-size:14px; padding: 10px;}
.posts-navigation .nav-links .nav-previous a:before {content:"← "; display:inline-block; vertical-align:top; padding-right:5px; }
.posts-navigation .nav-links .nav-next a:after {content:" →"; display:inline-block; vertical-align:top; padding-left:5px;}

/*post pagination/navigation single posts*/
.post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a {width:100%; max-width:100%;}
.post-navigation .nav-links .nav-previous a:before {content:"← "; vertical-align: top;color:#333; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out;}
.post-navigation .nav-links .nav-next a:after {content:" →"; vertical-align: top; color:#333; transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out;}
/*.post-navigation .nav-links:hover .nav-previous a:before, .post-navigation .nav-links:hover .nav-next a:after {color:#333;}
*/

/*post entry date*/
.entry-date {color:#333;}


/*404 not found*/
section.search-pages {overflow:visible;}
.broken-grid .content-wrap {overflow:visible; margin:20px;}
.not-found {background:none !important;}
.page-header {border:none !important;}
.not-found .page-header, .not-found .page-title {text-align:left;}