.site-content {
  overflow: visible;
}

/*--------- Post header data (author, author img ,comments) ---------- */
.post-header-container {
  display: flex;
  flex-flow: row nowrap;
  align-content: flex-start;
  align-items: flex-start;
}

.post-user-avatar {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 0;
}

.post-user-avatar img {
  display: block;
  border-radius: 0;
}

.mobile-post-user-avatar {
  display: none;
}


.post-data > span {
  margin: 0 10px;
}

.post-data > span:first-child {
  margin: 0 10px 0 0;
}

.post-header-data-container {
  flex: 1 auto;
  margin-left: 20px;
}
/*----------------------------------------------------*/


/*--------- Post columns ---------- */
.post-column-container {
  display: flex;
  flex-flow: row nowrap;
}

.post-column-container.comments-section {
  margin-top: 0;
}

.post-column-container.content-section {
  margin-bottom: 0;
}

.post-column {
  flex: 1 auto;
  margin: 30px 2% 2% 2%;
}

.post-column.side-navigation {
  flex: 1 25%;
  font-size: 16px;
  text-align: center;
}

.post-column.post-content {
  flex: 1 75%;
}
/*----------------------------------------------------*/

/*--------- Major Big Components of post ---------- */
.entry {
  padding: 20px;
}

.entry .entry-header,
.entry .entry-content,
.entry .entry-footer {
  margin: 0;
  max-width: calc(6 * (100vw / 12) - 28px);
  padding: 0;
}

.entry .entry-meta {
  margin: 0;
  font-size: 16px;
}

.entry-content .alert.alert-info {
  font-size: 16px;
}
/*----------------------------------------------------*/

/*--------- Donate Button ---------- */
.donate-button-container {
  padding: 20px;
}

.donate-button img {
  display: block;
  width: 300px;
  margin: auto;
}
/*----------------------------------------------------*/



/*--------- Post Tags---------- */
.post-tags a {
  font-size: 16px;
  font-weight: 300;
  color: #4e629a;
  text-decoration: none;
}

.post-tags a:hover {
  text-decoration: underline;
  color: #94adf3;
} 

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


/*--------- Overwriting parent style ---------- */

.image-filters-enabled .entry .post-thumbnail:before,
.image-filters-enabled .entry .post-thumbnail:after {
  display: none;
}

.entry .post-thumbnail {
  margin: 0;
}

/*--------- Post featured image ---------- */

.image-filters-enabled .entry .post-thumbnail {
  text-align: center;
}
.entry .post-thumbnail img {
  max-height: 650px;
  width: auto;
  margin: auto;
}
/*----------------------------------------------------*/

.entry .entry-title {
  font-size: 26px;
  color: #4e629a;
}

.entry .entry-title:before {
  display: none;
}

h1:before,
h1:not(.site-title):before,
h2:before,
h3:before {
  display: none;
}

h1 {
  font-size: 28px;
  font-weight: 700;
  color: #1f305f;
}

h2 {
  font-size: 26px;
  font-weight: 500;
  color: #4e629a;
}

h3 {
  font-size: 22px;
  color: #4e629a;
}

h4 {
  font-size: 20px;
  color: #4e629a;
  font-weight: 700;
}

h5 {
  font-size: 18px;
  color: #4e629a;
  font-weight: 700;
}

h6 {
  font-size: 16px;
  color: #4e629a;
  font-weight: 700;
} 


.entry .entry-content a {
  text-decoration: none;
}
.entry .entry-content a:not(.btn):hover {
  color: #94adf3;
  text-decoration: underline;
}

.entry .entry-meta a:hover {
  text-decoration: underline;
  color: #94adf3;
}

.entry .entry-content hr,
.entry .entry-content .wp-block-separator {
  background-color: #E5E5E5;
  max-width: 100%;
  width: 100%;
  margin: 1rem 0;
  height: 2px;
  border: 0;
  text-align: left;
}

.entry .entry-content p {
  font-size: 16px;
  font-weight: 300;
}

.entry .entry-content ul li {
  font-size: 16px;
  font-weight: 300;
}

.entry .entry-content ol li {
  font-size: 16px;
  font-weight: 300;
}
/*----------------------------------------------------*/

/*--------- Page Buttons ---------- */
.page-buttons-container {
  display: flex;
  flex-flow: row wrap;
}

.button-item {
  flex: 0 1 auto;
  background-color: #94adf3;
  width: 180px;
  height: 60px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  border-radius: 10px;
  text-align: center;
  line-height: 3.3;
  cursor: pointer;
  box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);
  margin: 10px 20px;
  text-decoration: none;
}

button.button-item {
  line-height: 1.2;
}

.button-item:first-child {
  margin-left: 0px;
  margin-right: 20px;
}

.button-item:hover,
.button-item:focus {
  background-color: #7d94d5;
  text-decoration: none;
}
/* ---------------------------------------*/

/*--------- Bottom post navigation ---------- */
.navigation.post-navigation {
  margin: 0;
  padding: 20px;
}

.post-navigation .nav-links {
  display: flex;
  margin: 0;
}

.post-navigation .nav-links a {
  font-size: 16px;
  font-weight: 300;
  color: #4e629a;
  text-decoration: none;
}
.post-navigation .nav-links a:hover {
  color: #94adf3;
  text-decoration: underline;
}

.post-navigation .nav-links .nav-next .meta-nav:after,
.post-navigation .nav-links .nav-previous .meta-nav:before {
  display: none;
}

.post-navigation .nav-links a .meta-nav {
  color: #4e629a;
}

.entry .entry-footer a:hover {
  color: #94adf3;
  text-decoration: underline;
}
/*----------------------------------------------------*/

/*--------- Side post navigation ---------- */
.post-column.side-navigation .side-navigation-elements-container {
  position: sticky;
  top: 140px;
}

.post-column.side-navigation .post-navigation .nav-links {
  justify-content: center;
}

.post-column.side-navigation .post-navigation .nav-links .nav-next {
  padding: 0 10px 0 ;
  order: 1;
}

.post-column.side-navigation .post-navigation .nav-links .nav-previous {
  padding: 0;
  order: 2;
}

.post-column.side-navigation .post-navigation .nav-links a {
  font-weight: 700;
}

.post-column.side-navigation .post-navigation .nav-links span:hover { 
  color: #94adf3;
  text-decoration: underline
} 
/*----------------------------------------------------*/

/*--------- Author data and bio ---------- */

.author-bio {
  max-width: calc(6 * (100vw / 12) - 28px);
  margin: 0;
}

.author-bio .author-title {
  font-size: 16px;
}

.author-bio .author-title:before {
  display: none;
}

.author-bio .author-description {
  font-size: 16px;
}

.author-bio .author-description .author-link {
  color: #4e629a;
  font-size: 16px;
}

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

/*--------- Image blocks ---------- */
.entry .entry-content .wp-block-image .aligncenter {
  margin: auto;
}
.entry .entry-content .wp-block-image {
  max-width: calc(6 * (100vw / 12) - 28px);
}
/* ---------------------------------------*/


/*--------- Comments section ---------- */
#comments {
  flex: 1 auto;
  margin: 0 4% 0 36%;
  max-width: calc(6 * (100vw / 12) - 28px);
  padding: 20px;
  margin: 0 0 0 29%;
}

.comments-area .comments-title-wrap .comments-title {
  font-size: 26px;
  color: #4e629a;
}

.comments-area .comments-title-wrap .comments-title:before {
  display: none;
}

.comments-area .comments-title-wrap .discussion-meta > * {
  margin-left: auto;
  text-align: right;
}

.comment .comment-author .fn {
  font-size: 16px;
  font-weight: 700;
  color: #1f305f;
}

.comment .comment-content p {
  font-size: 16px;
  font-weight: 300;
}

.comment .comment-content a {
  font-size: 16px;
  font-weight: 300;
  color: #4e629a;
  text-decoration: none;
}
.comment .comment-content a:hover {
  color: #94adf3;
  text-decoration: underline;
}

.comment .comment-meta a:hover {
  color: #94adf3;
  text-decoration: underline;
}

.comments-area .no-comments {
  font-size: 16px;
  font-weight: 700;
  color: #1f305f;
}

.comment-form .submit {
  background-color: #94adf3;
  width: 180px;
  height: 60px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  border-radius: 10px;
  text-align: center;
  line-height: 1.3;
  cursor: pointer;
  box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.2);
  margin: 0;
}

.comment-form .submit:hover,
.comment-form .submit:focus {
  color: #1f305f;
  background-color: #7d94d5
}

.comment-form .comment-form-comment textarea{
  font-size: 16px;
  font-weight: 400;
}

.comment-form-flex .comments-title {
  font-size: 26px;
  color: #4e629a;
}

.comment-reply .comment-reply-link {
  color: #4e629a;
}

.comment-reply .comment-reply-link:hover {
  color: #94adf3;
  text-decoration: underline
}

.comment .comment-author .avatar {
  border-radius: 0;
}

.comment-awaiting-moderation {
  font-size: 16px;
  color: #4e629a;
}

.comment-reply-title {
  font-size: 26px;
}

.comment-reply-title a{
  color: #4e629a;
}

.comment-list .pingback .comment-body a:not(.comment-edit-link) {
  color: #4e629a;
}

.comment-list .pingback .comment-body a:not(.comment-edit-link):hover {
  color: #94adf3;
  text-decoration: underline
}
/*----------------------------------------------------*/

/*--------- Mobile post navigation ---------- */
.mobile-post-navigation {
  background-color: #E5E5E5;
}

.mobile-post-navigation .nav-links {
  flex-flow: row nowrap;
  margin: 10px 0;
}

.mobile-post-navigation .nav-links .nav-previous {
  order: 2;
  margin: auto;
}

.mobile-post-navigation .nav-links .nav-next {
  margin: auto;
  order: 1;
  display: block!important
}

.mobile-post-navigation .nav-links .nav-next a .meta-nav {
  color: #4e629a;
}

.mobile-post-navigation .navigation.post-navigation {
  margin: 0;
}
.mobile-post-navigation .nav-links .nav-previous + .nav-next {
  margin-bottom: 0;
}

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

/*--------- Buttons from old theme ---------- */
.entry .entry-content .btn {
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  padding-left: 0;
  padding-right: 0;
  text-decoration: underline;
}

.entry .entry-content .btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.entry .entry-content .btn:before {
  position: absolute;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}


.entry .entry-content .btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  font-weight: 400;
  border-radius: 6px;
}

.entry .entry-content .btn-sm {
  padding: 5px 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.entry .entry-content .btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 3px;
}

.entry .entry-content .btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
  font-weight: 400;
  text-decoration: underline;
}

.entry .entry-content .btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  font-weight: 400;
  background-repeat: repeat-x;
  border-color: #28a4c9;
  color: #1f305f;
}

.entry .entry-content .btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}

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

/*--------- Tables ---------- */
.entry .entry-content .wp-block-table {
  border: 5px solid #4e629a;
  font-size: 16px;
}

.entry .entry-content .wp-block-table table {
  margin: 0;
}

.entry .wp-block-table th {
  padding: 0;
  border: 0;
  color: #FFFFFF;
  background-color: #4e629a;
}

.entry .wp-block-table td {
  padding: 0 5px;
  border: 0;
  text-align: center;
}

.entry .wp-block-table td a {
  font-weight: 300;
  color: #4e629a;
  text-decoration: none;
}


.entry .wp-block-table tr:nth-child(odd) {
  background-color: #E5E5E5; 
}

.table-wrapper {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}
/* ---------------------------------------*/


/*--------- Media and text block ---------- */
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
  padding-left: 0;
}
/* ---------------------------------------*/


/*--------- Desktop post navigation ---------- */
.mobile-post-navigation {
  display: none;
}

.desktop-post-navigation {
  display: block;
}

.desktop-post-navigation .nav-links .nav-next {
  order: 1;
  padding: 0;
  padding-right: 20px;
}

.desktop-post-navigation .nav-links .nav-previous {
  order: 2;
}
/* ---------------------------------------*/

/*--------- Mobile design ---------- */

@media only screen and (max-width: 1010px) {
  .post-column-container {
    flex-flow: column;
  }

  .post-column.post-content {
    order: 1;
  }

  .post-column.side-navigation {
    order: 2;
    margin-bottom: 4%;
  }

  .post-column.side-navigation .post-navigation .nav-links .nav-next,
  .post-column.side-navigation .post-navigation .nav-links .nav-previous {
    padding: 0;
  }

  .entry .entry-header, 
  .entry .entry-content,
  .entry .entry-footer ,
  .entry .entry-content > *, 
  .entry .entry-summary > *,
  .post-navigation,
  .comments-area {
    max-width: 100%;
  }

  .desktop-post-navigation {
    display: none;
  }

  .mobile-post-navigation {
    display: block;
  }

  #comments {
    margin: 0 4%;
    max-width: 100%;
  }

  /*--------- Mobile Post header data (author, author img ,commnents)  ---------- */
  .entry .entry-meta {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 10px;
  }

  .entry .entry-meta .edit-link {
    display: block;
  }

  .post-header-data-container {
    margin: 0;
  }

  .post-user-avatar {
    display: none;
  }

  .mobile-post-user-avatar {
    flex: 0 0 auto;
    display: block;
    margin-right: 10px;
  }

  .mobile-post-user-avatar img {
    width: 50px;
    height: 50px;
    border-radius: 0;
    display: block;
  }

  .post-data {
    display: flex;
    flex: 1 auto;
    flex-flow: row wrap;
  }
  /* ---------------------------------------*/

  .entry .entry-content .wp-block-image {
    max-width: 100%;
  }

}

@media only screen and (max-width: 550px) {
  .wp-block-image .aligncenter,
  .wp-block-image .alignleft,
  .wp-block-image .alignright {
    float: none;
    margin: 0 auto;
  }
}
/*----------------------------------------------------*/

/*--------- Code block ---------- */
.entry .entry-content code {
  border: 0;
  background-color: #F3F3F3;
  color: #000000;
  font-size: 14px;
  margin: 0 2px;
  padding: 0 5px;
}

.entry .entry-content .wp-block-code {
  border: 1px solid #94adf3;
  background-color: #F3F3F3;
  color: #000000;
}

.entry .entry-content .wp-block-code code {
  font-size: 14px;
}
/* ---------------------------------------*/