/**
 * Matter Blog Style 
 * Author : Wingthemes & WPBean 
 */

.matter-main-container{padding-top: 80px;}
.reply-title {
  font-size: 36px;
  position: relative;
  padding: 30px 0;
}
.content-area{
  margin-bottom: 128px;
}
/* Search result page style */
.wpb_notice {
  border-left: 3px solid;
  padding: 15px;
  margin-top: 127px;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.wpb_notice .wpb_notice_text {margin: 0;}
.no-results .search-box .wpb_search_icon {
  line-height: 32px;
  width: 40px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #fff;
}

.wpb_search_icon{
  padding: 10px 30px 10px 10px;
  color: #fff;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
.popular-title {
  color: #cccccc;
  font-weight: 300;
  font-size: 20px;
  text-transform: uppercase;
}
article.post .post {
  margin-bottom: 80px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
article.post .post img {
  max-width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/*
Single post 
*/
.wpb_single_post .post-content {padding-top: 30px;}
.wpb_single_post .reading, .wpb_single_post .reading .share-btn{padding-bottom: 0!important}

.post-content .date {
  line-height: 42px;
}
.post-content .date a {
  margin-right: 10px;
}
.post-content .date .post-type i {
  font-size: 24px;
}
.post-content p i {
  font-size: 18px;
  font-weight: 300;
}
.post-content .reading {
  padding-top: 25px;
  padding-bottom: 40px;
  border-top: 1px solid #ddd;
  position: relative;
  margin-top: 20px;
}
.post-content .reading:after {
  content: '';
  position: absolute;
  border-top: 1px solid #3d566e;
  top: -1px;
  left: 0;
  width: 102px;
}
.post-content .reading .share-btn a {
  margin-left: 10px;
  margin-right: 0;
}
.post-content .reading .share-btn a:first-child{margin-left: 0}

.share-btn a {
  margin-right: 10px;
  display: inline-block;
}
.share-btn a i {
  text-align: center;
  font-size: 18px;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  line-height: 34px;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.share-btn a i:hover {
  color: #ffffff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.share-btn .fa-twitter:hover {
  background: #00aced;
  border-color: #00aced;
}
.share-btn .fa-facebook:hover {
  background: #3b5998;
  border-color: #3b5998;
}
.share-btn .fa-google-plus:hover {
  background: #dd4b39;
  border-color: #dd4b39;
}
.share-btn .fa-youtube-play:hover {
  background: #bb0000;
  border-color: #bb0000;
}
.share-btn .fa-linkedin:hover {
  background: #007bb6;
  border-color: #007bb6;
}
.matter-author {
  color: #ecf0f1;
  position: relative;
  padding: 15px 0;
}

.author-link{
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 15px;
    margin-top: 7px;
}

.author-link:hover{
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
}

.matter-author img{
  border-radius: 50%;
}

.matter-author .matter-author-comment h3 {
  font-size: 18px;
  text-transform: uppercase;
}

.comments-area{
  margin-top: 30px;
}

.table caption {
  margin-bottom: 8px;
  font-size: 20px;
}


.edit-link {
  margin-top: 20px;
  display: block;
}

/* Post Nav */
.matter_post_nav > ul {text-align: left;margin: 40px 0;}
.matter_post_nav li:not(:first-child){margin-left: 10px}
.matter_post_nav li > a,
.matter_post_nav li > span{
  background: transparent;
  border: 1px solid;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 60px;
  width: 45px;
  height: 45px;
  line-height: 42px;
  padding: 0;
  text-align: center;
}
.matter_post_nav li>a:hover,
.matter_post_nav li > span{
  border-radius: 0;
  color: #fff;
}


/*
Blog Sidebar 
*/

.sidebar {
  margin: 60px 0;
}

.sidebar .search-box input[type="search"] {
  border: 1px solid #eee;
  padding: 7px;
  font-weight: 300;
  width: 100%;
}
.search-box form {
    position: relative;
}
.search-box input#searchsubmit {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  z-index: 9;
}

.search-box span.wpb_search_icon {
  position: absolute;
  right: -15px;
  top: 0px;
}

.sidebar .search-box .wpb_search_icon {
  font-size: 18px;
}
.sidebar .search-box a:focus,
.sidebar .search-box button:focus,
.sidebar .search-box input:focus,
.sidebar .search-box textarea:focus {
  box-shadow: 0;
  outline: medium;
}

/*Category Widget
*/


.widget_categories li:before{
  content: "\e089" !important;
}
.sidebar .widget li {
  border-bottom: 1px solid #eee;
}

.widget li:last-child{
  border-bottom: 0;
  padding: 14px 0;
}

.sidebar .widget-title{
  color: #666;
}


/*Tag Sidebar*/
.sidebar .widget_tag_cloud a{
  background: #eee;
}

.widget {
  background: #ffffff;
  margin-bottom: 60px;
  padding-left: 15px;
  position: relative;
}
.widget .popular-list li {
  margin-bottom: 20px;
}
.widget_text img {
  margin-bottom: 10px;
  display: block;
}
.widget .content {
  margin-left: 95px;
  min-height: 85px;
}
.widget .content h3 a {
  color: #000000;
  text-decoration: none;
}
.widget .content h3 a:hover {
  color: #3d566e;
}
.widget .content .date a {
  padding-right: 10px;
}

.widget-title {
  color: #cccccc;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 25px;
  padding-bottom: 22px;
  font-weight: 700;
  position: relative;
}
.widget-title:after {
  position: absolute;
  width: 40px;
  height: 2px;
  content: '';
  left: 0;
  bottom: 10px;
}
.widget li {
  border-bottom: 1px solid #363636;
  margin-bottom: 0;
  padding: 14px 0;
  position: relative;
}
.widget li:before {
  content: "\e040";
  font-family: simple-line-icons;
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 16px;
  font-size: 18px;
}
.widget li:last-child {
  border-bottom: 0;padding-bottom: 0
}

.widget li a {
  font-size: 14px;
  margin-left: 25px;
  color: #666;
}

/*Post Related*/
 #main article{
  margin: 60px 0;
 }

.post-title-wrapper{
  text-transform: uppercase;
  margin-top: 50px;
}
.post-title-wrapper h1{
  font-weight: 700;
  font-size: 28px;
  line-height: 35px
}

.post-paragraph{
  margin-top: 60px;
  color: #666;
}
.readmore-wrapper{
  margin: 60px 0;
}

.baymex-post-info, .baymax-post-date, .share-text{
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 100;
}

.baymex-post-info{
  margin-top: 7px;
}

.baymax-post-count{
  margin-left: 15px;
}

.baymax-post-date{
  position: relative;
}

.baymax-post-date:after {
  position: absolute;
  width: 40px;
  height: 2px;
  content: '';
  left: 0;
  bottom: -10px;
  right: 0;
  margin: 0 auto;
}

/* Footer widgets */
.footer-widgets {
    padding-top: 80px;
}
.footer-widgets .widget {
    background: transparent;
    box-shadow: inherit;
    padding: 0 15px;
}

.footer-widgets .widget li:first-child{
  padding-top: 0;
}
.footer-widgets .widget li:first-child:before{
  top: 6px;
}
.footer-widgets .widget li a {
    font-size: inherit;
    color: #666666;
}
.footer-widgets .widget b{
  color: #cccccc;
}

/* Tag cloud */
.tag {
  height: 232px;
}
.tag .tags {
  padding-top: 12px;
}
.tag .tags li a {
  color: #fff;
  display: inline-block;
  float: left;
  margin: 5px;
  padding: 5px 15px;
  background: #666;
  border-radius: 30px;
}
.tag .tags li a:hover {
  background: #3d566e;
}
.tag .tags li a i {
  padding-right: 5px;
}

/*
Calender Widget
*/
table#wp-calendar caption {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 7px 0 8px;
  font-size: 18px;
}
table#wp-calendar th{border-bottom: 0}
table#wp-calendar td#today, table#wp-calendar td:hover, table#wp-calendar th:hover{background-color: #f3f3f3; cursor: pointer;}

/*
Widget Category
*/
.wpb_cat_count {
  float: right;
  margin-right: 10px;
}

/*
Tag cloud Widget
*/
.widget_tag_cloud a {
  background: none repeat scroll 0 0 #2d2d2d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 0;
  letter-spacing: 0.3px;
  line-height: 9px;
  margin: 0 5px 10px 0;
  padding: 10px 15px 10px 26px;
  position: relative;
  display: inline-block;
  color: #666666;
}
.widget_tag_cloud a:hover {color: #fff}
.widget_tag_cloud a:before {
  content: "\f02b";
  font-family: fontawesome;
  padding-left: 6px;
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
}


/*
Widget archive
*/
.widget_archive li, .widget_categories li {
    text-align: right;
    display: block;
    overflow: hidden;
}


.widget_archive li a, .widget_categories li a {
    float: left;
    text-align: left;
    width: 89%;
}



/*
Post nav
*/

.navigation.post-navigation{}

@media (min-width: 320px) and (max-width: 480px) {
  article.post .blog-title {
    font-size: 18px;
  }
  article.post .post-content {
    padding: 45px 30px;
  }
  article.post .share-btn a {
    margin-right: 6px;
  }
  article.post .author img {
    position: relative;
  }
  article.post .author .author-comment {
    margin-left: 0px;
  }
  article.post .post-comments .comment-list li img {
    position: relative;
  }
  article.post .post-comments .comment-list li .comment-detailes {
    margin-top: 40px;
    margin-left: 0px;
  }
  article.post .post-comments .comment-list li .comment-detailes .comments {
    padding: 30px;
  }
  article.post .post-comments .comment-list li .comment-detailes .comments:before {
    left: 48px;
    top: 155px;
    transform: rotate(45deg);
  }
  article.post .sidebar .widget .popular-list img {
    position: relative;
    left: 0px;
  }
  article.post .sidebar .widget .popular-list .content {
    margin-left: 0px;
  }
}
article.post .post-quote {
  width: 100%;
  height: 280px;
  background: url(../assets/img/blog/qoute1.jpg);
  background-repeat: no-repeat;
  position: relative;
}
article.post .post-quote .overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
article.post .post-quote blockquote {
  padding: 125px 62px;
  border-left: 0px;
}
article.post .post-quote blockquote p {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
}

/*
Comment Form style
*/

#commentform .form-submit {display: none;}


.comment-list{margin: 0}
.post-comments .comment-list li {
  position: relative;
  list-style: none;
}
.post-comments .comment-list li img {
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.post-comments .comment-list .comment-detailes .comments {
  background: #ffffff;
  border-radius: 4px;
  padding: 30px;
  background: #ecf0f1
}
.post-comments .comment-list .comment-detailes .comments:before {
  border-color: #ecf0f1;
  border-style: solid;
  border-width: 0 0 30px 30px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50px;
  width: 0;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #ecf0f1;
}
.post-comments .comment-list .comment-detailes .comments p {
  line-height: 25px;
}
.post-comments .comment-list .comment-detailes .comment-meta {
  min-height: 36px;
}
.post-comments .comment-list .comment-detailes .comment-meta .user-name {
  color: #000000;
  float: left;
  font-weight: 300;
}
.post-comments .comment-list .comment-detailes .comment-meta .date {
  color: #3d566e;
  font-weight: 300;
  float: right;
  text-align: right;
}
.comment-area input[type="text"] {
  background: #ffffff;
  border: 1px solid #3d566e;
  height: 54px;
  display: block;
  font-size: 18px;
  margin-bottom: 24px;
  padding: 15px 18px;
  width: 85%;
}
.comment-area textarea {
  border: 1px solid #3d566e;
  display: block;
  font-size: 18px;
  padding: 15px 18px;
  min-height: 180px;
  line-height: 20px;
  width: 98%;
  height: auto;
}
.comment-area input[type="text"]:focus,
.comment-area textarea:focus {
  box-shadow: none;
}
.comment-area .button {
  margin-top: 30px;
}
.comment-area .button .comment {
  color: #3d566e;
  background: transparent;
  border: 1px solid #3d566e;
  border-radius: 4px;
  float: left;
  margin: 0;
  height: 54px;
  line-height: 44px;
  font-weight: 300;
  padding: 4px 30px;
  text-transform: uppercase;
}
.comment-area .button .comment:after {
  background: #3d566e;
  position: absolute;
  color: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
}
.comment-area .button .comment:hover,
.comment-area .button .comment:active {
  color: #ffffff;
  z-index: 9999;
}
.comment-area .button .comment:hover:after,
.comment-area .button .comment:active:after {
  height: 100%;
}
.post-comments .comment-list li article {
  margin-bottom: 35px;
}
.post-comments {
  margin-bottom: 80px;
}
.edit-link a {
  background: #ededed;
  padding: 2px 7px;
  border-radius: 3px;
  color: #999;
}
.edit-link a:hover {
  background: #dddddd;
  color: #999;
}
.baymax-blog-title a{
  color: #666;
}
.wpb-post-feature-image{
  border-bottom: 3px solid;
}

/* ==========================================================================
   blockquote & link Style
   ========================================================================== */


.blockquote_content,
.wpb_post_links {
  position: relative;
}
.blockquote_content blockquote:before {
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 26px;
  position: absolute;
  top: 70px;
  left: 58px;
}
.blockquote_content blockquote {
  z-index: 999;
  position: relative;
  border-left: 0;
  color: rgba(255, 255, 255, 0.85);
  padding: 75px 100px;
  font-style: italic;
  font-size: 22px;
  line-height: 35px;
}
.blockquote_content blockquote a {
  color: #ffffff;
  font-weight: bold;
  font-style: initial;
}
.blockquote_overlay,
.post_link_overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.wpb_post_link{
  color: rgba(255, 255, 255, 0.85);
  position: relative;
  padding: 75px 100px;
  font-size: 22px;
  line-height: 35px;
  text-align: center
}

/* Password Post */
.post-password-form input[type="password"]{
  max-width: 300px;
}