/* ================= Blog Page =================================================== */


/* General Layout----------------------------------------------------------------*/

.page-blog {margin-top: 40px;}

.page-blog .page-intro {display:block;padding-bottom:20px;}

.page-blog .page-item {border-width: 1px; border-bottom-style: solid;}
.page-blog .page-item {border-color: rgba(0,0,0,0.2);}
.page-blog .page-item {padding:40px 0;}
.page-blog .col-md-8 .page-item:first-of-type {padding-top:0;}

.page-blog .article-img {}
.page-blog .article-author {padding:0 0 15px 0;text-align:left;display:block;font-size:13px;}
.page-blog .article-teaser {}

.page-blog .col-btn.center {text-align: center;margin-top: 20px;}

.page-blog .caps {text-transform: uppercase;}

.page-blog .article-author >span:last-of-type:before {font-family: 'FontAwesome';content: '\2022';margin: 0 6px 0 4px;opacity: .7;}

a.disabled:hover {cursor: pointer;}

.page-blog .article-img {padding:0 0 25px;}

.page-blog a span {cursor:pointer;}
.page-blog a span:hover {text-decoration: underline;}

.page-blog .article-tags span {float: left;}
.page-blog .article-tags .tagtitle {padding-right:5px;}

/* Right Div && Bottom Div*/
.page-blog .col-md-3 {padding-top:40px;}

.page-blog .div-links ul {padding-left :20px; list-style:none;}
.page-blog .div-links li {padding-bottom :5px;}
.page-blog .div-links ul li:before {font-family: 'FontAwesome';content: '\f105'; margin:0 5px 0 -15px;}

.page-blog .div-links .div.article,
.page-blog .div-links .div.category {float:left;border:none;margin:0px;position: relative;width: 100%;overflow: scroll;border: 0px;overflow: visible;margin-bottom: 15px;}

.page-blog .div-links .div.article a,
.page-blog .div-links .div.category a {cursor: pointer;}

.page-blog .div-links>.div.article {margin-top: 20px;}

.page-blog .article-categories {margin: 0px;}
.page-blog .article-share {margin: 30px 0 0;height: 30px;}

.page-blog .article-sublinks {padding-top:20px;overflow-x: hidden;overflow-y: hidden;}

.page-blog .social-share {display: none;margin-top: 20px; }

/* Article Page Bottom Div style*/
.page-blog .div-links.bottom {border-width: 1px;border-top-style: solid;border-color: rgba(0,0,0,0.2);border-bottom-style: none;margin-top: 60px;padding-top: 60px;}

.back-btn {padding-top:50px; text-align:center;}

/* Hide Divs in in main post view */
.page-blog .article-share,
.page-blog .article-sublinks {display:none;}


/* Buttons ----------------------------------------------------------------*/

.page-blog .article-btn {margin-top:20px;}
.page .page-item .btn,
.page .col-btn.center .btn,
.page .back-btn .btn { padding: 10px 25px; font-size: 12px;overflow:visible;}
.page .fa.fa-arrow { opacity: 1;}
.page .fa.fa-arrow.rightarrow {padding-left: 10px;}
.page .fa.fa-arrow.leftarrow {padding-right: 10px;}

.page a.btn.btnpagination {background-color: rgba(0,0,0,.3);}
.page a.btn.btnpagination:hover  {background-color: rgba(0,0,0,.4);}

.page a.btn.btnpagination.leftbtn {margin-bottom: 20px; }

.page a.btn.btnpagination.disabled {background-color: rgba(0,0,0,.2)!important;opacity: .45;cursor: default;;}


/* Title Headings--------------------------------------a--------------------------*/
.page-blog h1.heading {font-size:26px;font-weight: bold;margin:0px;padding:0 0 5px;line-height: 30px;}

.page-blog .div-links h2.heading {font-size:15px;font-weight:bold;padding: 0 0 20px;margin: 0px;}


/*-- Applicable to legacy NRWD styles*/
.page-blog.nonrwd .col-md-8,
.page-blog.nonrwd .col-md-3 {float:left;position: relative;min-height: 1px;padding-top: 0px;}

.page-blog.nonrwd .col-md-8 {width: 66.66666667%;}
.page-blog.nonrwd .col-md-3 {width: 25%;}
.page-blog.nonrwd .col-md-offset-1 {margin-left: 8.33333333%;}

.page-blog.nonrwd .page-item .btn { padding: 10px 0px; font-size: 15px;}
.page-blog.nonrwd .col-btn.center .btn { padding: 10px 0px; font-size: inherit;}

.page-blog.nonrwd .col-btn.center {text-align: center;margin: 60px 0 60px;}

.page.page-blog.nonrwd a.btn.btnpagination {padding-left: 20px; padding-right: 20px; color: #fff!important; border-radius: 4px;}
.page.page-blog.nonrwd .back-btn .btn {background-color: rgba(0,0,0,.3);color: #fff!important; border-radius: 4px;}
.page.page-blog.nonrwd .back-btn .btn:hover {background-color: rgba(0,0,0,.4);}

.Button { padding:16px 40px; font-weight:bold; }
.page-item { display:block;clear:both;overflow:hidden;padding:65px 0; }
.page-blog.nonrwd *:before,.page-blog.nonrwd *:after, .page-blog.nonrwd input,.page-blog.nonrwd textarea,.page-blog.nonrwd fieldset,.page-blog.nonrwd label { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }

.page-blog.nonrwd .div-links li {list-style:none; margin-left: 5px;}

.page-blog.nonrwd .article-img img { height: auto;max-width: 100%;} 

.page-blog.nonrwd h1.heading {font-size:22px;}


/*-- Applicable to Mobile Only*/ 
.page-blog.mobile .col-btn.center {width: 150px; line-height: 24px; margin: auto; padding-top: 20px;}
.page-blog.mobile .fa.rightarrow {padding-left: 5px;}
.page-blog.mobile .fa.leftarrow {padding-right: 5px;}
.page-blog.mobile { line-height: initial!important;}

/* Media Query----------------------------------------------------------------*/
@media (min-width:320px) { 
.page a.btn.btnpagination.leftbtn {margin-bottom: 0px;}}

@media (min-width:768px) { 
.page-blog .col-md-3 {padding-top:0px;}
.page-blog .div-links.bottom .div.category {width: 25%;}
.page-blog .div-links.bottom .div.article {width: 25%;}
.page-blog .div-links.bottom .div.article {margin-right: 5%;}
.page-blog .div-links.bottom>.div.article {margin-top: 0px;}
.page-blog .article-img.full {max-width: 75%!important;}
.back-btn {text-align:right;padding:0px;}
}