/*
Theme Name: Brontosauří šablona
Theme URI:
Author: Radka Jarušková & Mates Rehuš, dle webu brontosaurus.cz
Author URI:
Description: Šablona pro základní články, kluby a projekty Hnutí Brontosaurus
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: brontosauri-sablona

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/



/* General styles */

@font-face {
font-family: "Delm";
font-style: normal;
font-weight: 300;
src: url("fonts/webfont-DelmLight.eot");
src: url("fonts/webfont-DelmLight.eot?#iefix") format("embedded-opentype"),
     url("fonts/webfont-DelmLight.woff2") format("woff2"),
     url("fonts/webfont-DelmLight.woff") format("woff"),
     url("fonts/webfont-DelmLight.ttf") format("truetype"),
     url("fonts/webfont-DelmLight.svg#DelmLight") format("svg");
}

@font-face {
font-family: "Delm";
font-style: normal;
font-weight: 700;
src: url("fonts/webfont-Delm.eot");
src: url("fonts/webfont-Delm.eot?#iefix") format("embedded-opentype"),
     url("fonts/webfont-Delm.woff2") format("woff2"),
     url("fonts/webfont-Delm.woff") format("woff"),
     url("fonts/webfont-Delm.ttf") format("truetype"),
     url("fonts/webfont-Delm.svg#Delm") format("svg");
}

*, ::before, ::after {
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html, body, h1, h2, h3, h4, h5, h6, p, a, img, table, td, tr, form, div, ul, li {
padding: 0;
margin: 0;
border: 0;
}

html {
width: 100%;
height: 100%;
margin-top: 0px !important;
font-size: 130%;
word-break: break-word;
}

@media only screen and (min-width: 768px) {
  html {
  font-size: 140%;
  }
}

body {
position: relative;
width: 100%;
height: 100%;
font-family: "Delm", sans-serif;
font-weight: 300;
line-height: 1.3;
color: #000000;
}

a {
color: #000000;;
}

a:hover {
color: #00a651;
}

img {
max-width: 100%;
height: auto;
border-style: none;
vertical-align: middle;
}

p {
margin: 0.5rem 0;
}

strong {
font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .mobile {
  display: none;
  }
}

.clear {
clear: both;
}

figure {
margin-top: 0;
}

table {
border-collapse: collapse;
}

iframe {
width: 100%;
max-width: 100%;
min-height: 750px;
}

.wp-block-embed.is-type-video iframe {
min-height: 500px;
}

.wp-block-columns .wp-block-embed.is-type-video iframe {
min-height: 300px;
}  

.alignleft {
float: left;
}

.alignright {
float: right;
}

.has-right-margin {
margin-right: 0.5em;
}

.has-left-margin {
margin-left: 0.5em;
}

.wp-block-buttons.aligncenter {
justify-content: center;
}

.wp-block-button__link {
margin: 0.5rem 0;
border-radius: 36px !important;
padding: 17px 30px 12px !important;
font-size: 27px !important;
background-color: #00a651 !important;
}

.wp-block-button__link:hover {
color: #f0f3f2;
}

.wp-block-columns {
margin-bottom: 2em !important;
}

.wp-block-table td {
padding: 0.3em 0.3em 0 !important;
word-break: keep-all;
}

.green {
color: #00a651;
}

.has-greengrey-background-color {
background-color: #377D69;
}

.has-greengrey-color {
color: #377D69;
}

.has-greengrey-border-color {
border-color: #377D69;
}

.has-green-background-color {
background-color: #1E9646;
}

.has-green-color {
color: #1E9646;
}

.has-green-border-color {
border-color: #1E9646;
}

.has-greenyellow-background-color {
background-color: #AFCD32;
}

.has-greenyellow-color {
color: #AFCD32;
}

.has-greenyellow-border-color {
border-color: #AFCD32;
}

.has-red-background-color {
background-color: #E62355;
}

.has-red-color {
color: #E62355;
}

.has-red-border-color {
border-color: #E62355;
}

.has-orange-background-color {
background-color: #F07832;
}

.has-orange-color {
color: #F07832;
}

.has-orange-border-color {
border-color: #F07832;
}

.has-yellow-background-color {
background-color: #FFFA00;
}

.has-yellow-color {
color: #FFFA00;
}

.has-yellow-border-color {
border-color: #FFFA00;
}

p.hb-message {
max-width: max-content;
padding: 1.5em 2.5em;
margin-inline: auto;
border-radius: 2em;
background-color: rgba(0,166,81,.1);
}


/* Basic layout */

div.whole-page {
position: relative;
width: 100%;
min-height: 100%;
}

@media only screen and (max-width: 300px) {
  div.whole-page {
  width: 300px;
  }
}

div.header, div.content, div.footer {
position: relative;
margin: 0 auto;
}

div.header {
padding: .65rem 0;
}

div.content {
display: block;
max-width: 90%;
padding: 0.5rem 0 2rem;
}

@media only screen and (min-width: 768px) {
  div.content {
  padding: 1rem 0 3rem;
  }
}


/* Header */

h1 {
z-index: 5;
max-width: 5em;
padding: 15px 0 0 15px;
font-size: 180%;
color: #ffffff;
text-align: center;
}

div.top-header-mobile {
padding: 20px 15px 0 30px;
}

a.mobile-web-title {
font-size: 150%;
font-weight: 700;
text-decoration: none;
}

div#header-toggleNavigationLink {
display: block;
float: right;
width: 35px;
height: 22px;
margin: 0 0 10px 10px;
cursor: pointer;
}

svg.header-toggleNavigationLink-image {
width: 100%;
height: 100%;
}

.intro-image {
position: relative;
width: 100%;
height: 200px;
margin: 1em 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .intro-image {
  max-width: 90%;
  height: 400px;
  margin: 1em auto;
  border-radius: 2em;
  }
}

@media only screen and (min-width: 1024px) {
  .intro-image {
  width: 1200px;
  height: 330px;
  }
}

@media only screen and (min-width: 1600px) {
  .intro-image {
  width: 1680px;
  height: 450px;
  }
}

.intro-image a {
text-decoration: none;
}

.green-circle {
display: none;
}

@media only screen and (min-width: 768px) {
  .green-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  background-color: #00a651;
  }

  .left-green-circle {
  left: -1.5em;
  top: -1.5em;
  height: 12em;
  width: 12em;
  }

  .right-green-circle {
  right: -2em;
  bottom: -2em;
  height: 12em;
  width: 12em;
  }

  header img.custom-logo {
  width: auto;
  max-width: 200px;
  height: auto;
  max-height: 200px;
  padding: 0 20px 20px 0;
  vertical-align: bottom;
  }
}

header nav {
z-index: 90;
display: none;
position: fixed;
top: 70px;
width: 100%;
margin: 0.65rem 0;
padding: 0 0.65rem;
background-color: #ffffff;
}

ul#top_menu {
display: block;
border-top: 2px solid #00a651;
padding: .65rem 0;
list-style-type: none;
text-align: right;
}

ul#top_menu li a {
display: block;
padding: 0.3em 0 calc(0.3em - 0.15em);
text-decoration: none;
}

ul#top_menu ul.sub-menu {
list-style-type: none;
}

ul#top_menu ul.sub-menu li a {
padding: 0 0 0.15em;
font-size: 0.8em;
}

@media only screen and (min-width: 768px) {
  header nav {
  display: block;
  position: relative;
  top: 0;
  width: 52.5em;
  max-width: 70%;
  margin: 30px auto 0;
  }

  ul#top_menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
  margin-right: 0;
  border-top: 0;
  padding-top: .65rem;
  line-height: 1.7;
  }

  ul#top_menu li a,
  ul#top_menu ul.sub-menu li a {
  padding-left: .65rem;
  padding-right: .65rem;
  border-radius: 2em;
  }

  ul#top_menu ul.sub-menu li a {
  padding-bottom: 0;
  }  

  ul#top_menu > li.current-menu-item > a,
  ul#top_menu > li.current-menu-ancestor > a {
  padding-top: .45rem;
  padding-bottom: 0.2em;
  margin-top: -0.1em;
  background-color: #00a651;
  color: #fff !important;
  }

  ul#top_menu > li.current-menu-item > a:hover,
  ul#top_menu > li.current-menu-ancestor > a:hover {
  background-color: #007338;
  }

  ul#top_menu ul.sub-menu {
  display: none;
  position: absolute;
  border-bottom: 1px solid #00a651;
  border-bottom-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
  text-align: left;
  background-color: #ffffff;
  }

  ul#top_menu li.menu-item-has-children:hover ul.sub-menu {
  display: block;
  }
}


/* Content */

div.content {
color: rgba(0,0,0,0.8);
}

div.content-block {
position: relative;
max-width: 630px;
margin: 0 auto 1.3rem;
text-align: left;
}

.page-content {
position: relative;
max-width: 800px;
margin: 0 auto 1rem;
}

.page-content img,
.page-content .wp-block-image:not(.is-style-rounded) img,
.content-block img,
.wp-block-gallery img {
border-radius: 1em;
}

figcaption,
.wp-block-image .wp-element-caption {
max-width: 94% !important;
margin: 7px 3%;
border-radius: 3em;
font-size: 0.9em;
}

.foogallery figcaption {
max-width: 100% !important;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

div.content ul {
margin-left: 20px;
}

.foogallery-album-gallery-list .foogallery-pile::before,
.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner,
.foogallery-album-gallery-list .foogallery-pile img,
.foogallery-album-gallery-list .foogallery-pile::after {
border-radius: 15px;
}

.foogallery-album-gallery-list .foogallery-pile .foogallery-pile-inner h3 {
opacity: 0.8 !important;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 7px 5px 2px 5px;
font-size: 0.95em;
color: #ffffff !important;
font-weight: 300;
text-align: center;
background-color: #00a651 !important;
}

.foogallery-album-gallery-list .foogallery-pile h3 span:last-child {
display: none;
}

.foogallery-album-header h2 {
margin-bottom: 25px;
text-align: center;
line-height: 1;
}

div.foogallery.foogallery-justified div.fg-item,
div.foogallery.foogallery-justified figure.fg-item-inner,
.fg-justified .fg-item.fg-positioned .fg-image,
.foogallery.foogallery-justified.fg-hover-fade .fg-loaded .fg-image-overlay {
border-radius: 15px !important;
}

.foogallery.foogallery-justified .fg-item figcaption.fg-caption {
border-bottom-left-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}

.foogallery.fg-light.fg-shadow-outline .fg-item-inner {
box-shadow: none !important;
}

.foogallery .fg-caption {
opacity: 0.8 !important;
background-color: rgb(0, 166, 81, 0.8) !important;
}

hr.wp-block-separator,
hr.wp-block-separator.is-style-wide {
height: 1px;
border: 0;
}

.wp-block-embedpress-google-sheets-block iframe {
width: 100% !important;
}

.wp-block-file {
font-size: 1em !important;
}

.wp-block-file__button {
padding: 9px 12px 4px;
background-color: #00a651 !important;
}


/* Footer */

footer {
background-color: #f0f3f2;
clear: both;
}

div.footer {
width: 51.85em;
max-width: 90%;
padding: 2.6rem 0;
}

div.footer-left,
div.footer-right {
width: 100%;
}

div.footer-right {
padding-top: 2.6rem;
clear: both;
}

@media only screen and (min-width: 1024px) {
  div.footer-left,
  div.footer-right {
  width: 50%;
  }

  div.footer-left {
  float: left;
  }

  div.footer-right {
  float: right;
  padding-top: 0;
  clear: none;
  }    
}


/* Front page */

/* Blocks */

.content-block h1,
.content-block h2,
.content-block h3,
.content-block h4,
.content-block h5,
.content-block h6 {
margin: 15px 0 20px;
text-align: center;
}

a.marked-link {
display: block;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
margin: 30px auto 15px;
justify-self: center;
--iconSize: 0.8em;
background-image: url("images/icon-smallPaw.svg");
padding-left: calc(var(--iconSize) + .325rem);
background-size: auto var(--iconSize);
background-position: left 0.15em;
text-decoration: underline;
}

/* Events list */

.events-list-wrapper {
display: grid;
grid-template-columns: 1fr;
max-width: 19rem;
margin: 0 auto;
padding: 0.65rem 0;
grid-gap: 1.3rem;
}

.events-list-wrapper.invisible {
display: none;
}

@media only screen and (min-width: 44.001em) {
  .events-list-wrapper {
  grid-template-columns: 1fr 1fr;
  max-width: 38rem;
  padding: 0.65rem 1.3rem;
  }
}

@media only screen and (min-width: 73.001em) {
  .events-list-wrapper {
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 62em;
  }
}

.events-event {
border-radius: 15px;
display: block;
width: 100%;
margin: 0 auto;
padding-bottom: 1.3rem;
text-decoration: none;
-webkit-box-shadow: 0 0 12px 0 #b3b3b3;
box-shadow: 0 0 12px 0 #b3b3b3;
-webkit-transition: -webkit-transform 200ms linear;
transition: -webkit-transform 200ms linear;
transition: transform 200ms linear;
transition: transform 200ms linear, -webkit-transform 200ms linear;
}

.events-event:hover {
color: #000000;
}

.events-event-image-wrapper {
position: relative;
height: 13rem;
margin-bottom: 1.3rem;
border-radius: 15px 15px 0 0;
text-align: center;
background-color: #f0f3f2;
}

.events-event-image {
background-color: #f0f3f2;
border-radius: 15px 15px 0 0;
width: 100%;
height: 13rem;
-o-object-fit: cover;
object-fit: cover;
}

.eventTagList {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
font-size: 0.9em;
}

.eventTagList__item {
margin-top: .325rem;
padding: .325rem .65rem calc(.325rem - 0.15em);
background-color: rgba(255,255,255,0.9);
border-radius: 2em;
text-transform: lowercase;
}

.eventTagList__item:not(:last-child) {
margin-right: .325rem;
}

.eventTagList__item--type {
padding-left: calc(.65rem + 1.25em);
background-position: .65rem center;
background-size: auto 1em;
}

.eventTagList__item--nature {
background-image: url("images/icon-nature.svg");
}

.eventTagList__item--sights {
background-image: url("images/icon-castle.svg");
background-position-x: calc(.65rem + 0.1em);
}

.events-event-meta {
position: absolute;
bottom: 0;
width: 100%;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
padding: 0 .65rem .325rem;
border-bottom: 2px solid #00a651;
}

.events-event-header {
margin-bottom: 1.3rem;
padding-left: 1.3rem;
padding-right: 1.3rem;
}

.events-event-header-heading {
margin-bottom: 0.1em;
color: #00a651;
font-variant-caps: small-caps;
font-size: 1.5em;
line-height: 1;
}

.events-event-header-tags {
margin-bottom: 15px;
}

.events-event-header-tags .eventTag {
transform: translateY(-2px);
}

.eventTag {
display: inline-block;
padding: 4px 12px 2px;
background-color: #f0f3f2;
color: #000000;
font-size: .8rem;
border-radius: 2em;
}

.events-event-header-meta {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
font-size: 0.8em;
opacity: 0.8;
}

.events-event-header-meta-datetime {
margin-right: .65rem;
padding-left: 0.85rem;
background-image: url("images/icon-datetime.svg");
background-position: left top;
background-size: auto 16px;
background-position-y: 0.1em;
}

.events-event-header-meta-place {
padding-left: 0.9em;
background-image: url("images/icon-place.svg");
background-position: left top;
background-size: auto 17px;
background-position-y: 0.1em;
}

.events-event-excerpt {
padding-left: 1.3rem;
padding-right: 1.3rem;
font-size: 0.9em;
}

a.marked-link.invisible {
display: none;
}

.events-event-header-heading-full {
display: inline-flex;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
padding: 0.3rem 0.7rem 0.2rem;
border-radius: 1.5em;
font-size: .8rem;
font-variant-caps: initial;
color: #000000;
background-color: #f0f3f2;
font-weight: 300;
white-space: nowrap;
}  

.events-event--full .events-event-image-wrapper {
opacity: 0.5;
}

.events-event--full .events-event-excerpt {
opacity: 0.7;
}  

.content-block.no-events {
text-align: center;
}


/* Event details page */

div.event-details {
max-width: 40em;
margin: 0 auto;
}

h2.detail__heading {
font-size: 2.5em;
line-height: 1;
text-align: center;
font-variant-caps: small-caps;
}

.detail__tags {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}

div.detail__top {
display: flex;
position: relative;
max-width: 55ch;
min-height: 18em;
margin: 1.3rem auto 2.6rem;
border-radius: 2em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
background-color: #f0f3f2;
}

div.detail__tagList-wrapper {
position: relative;
width: 100%;
border-bottom: 2px solid #00a651;
}

a.detail__coverImage-wrapper {
display: contents;
height: 100%;
}

img.detail__coverImage {
width: 100%;
max-height: 18em;
min-height: 100%;
border-top-left-radius: 2em;
border-top-right-radius: 2em;
object-fit: cover;
}

div.detail__tagList {
position: absolute;
bottom: 0;
width: 100%;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
padding: 0 0.65rem 0.65rem;
text-align: center;
}

@media only screen and (min-width: 768px) {
  div.detail__top {
  max-width: 100%;
  -webkit-box-orient: horizontal;
  flex-direction: row;
  }

  div.detail__tagList-wrapper {
  align-self: stretch;
  flex-basis: 40%;
  border-right: 2px solid #00a651;
  border-bottom: 0;
  }

  img.detail__coverImage {
  border-top-right-radius: 0;
  border-bottom-left-radius: 2em;
  }    
}

div.detail__basicInformation-wrapper {
flex-basis: 60%;
}

table.detail__basicInformation {
display: table;  
margin: 1.3rem auto;
}

table.detail__basicInformation tr {
display: table-row;
}

table.detail__basicInformation th {
display: table-cell;
padding: 0 1.3rem 0.325rem;
font-weight: bold;
text-align: right;
vertical-align: top;
white-space: nowrap;
}

table.detail__basicInformation td {
display: table-cell;
padding-right: 1.3rem;
vertical-align: top;
}

a.detail__basicInformation-mapLink {
padding-right: calc(13px + 0.325rem);
background-image: url("images/icon-link-external-alt.svg");
background-position: right .2em;
background-size: auto 13px;
background-repeat: no-repeat;
}

div.detail-registration {
max-width: 55ch;
margin: 0 auto 2.6rem;
text-align: center;
}

a.detail-registration-link {
display: block;
position: relative;
max-width: max-content;
margin: 0 auto;
border: none;
border-radius: 2em;
padding-left: 2.6rem;
padding-right: calc(2.6rem + 5px);
padding-top: calc(0.65rem + 0.25em);
padding-bottom: 0.65rem;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background-color: #00a651;
-webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}

a.detail-registration-link::after {
top: calc(50% - 9px);
display: inline-block;
position: absolute;
right: 25px;
width: 18px;
height: 16px;
content: '';
-webkit-mask-image: url("images/icon-link-external.svg");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: auto 100%;
mask-image: url("images/icon-link-external.svg");
mask-repeat: no-repeat;
mask-size: auto 100%;
background-color: #fff;
background-image: none;
-webkit-transition: background-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
transition: background-color 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
transition: background-color 200ms ease-in-out, transform 200ms ease-in-out;
transition: background-color 200ms ease-in-out, transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}

div.detail-program,
div.detail-information,
div.detail-work,
div.detail-example-text,
div.detail-team,
div.detail-contact {
max-width: 55ch;
margin: 0 auto 1.3rem;
}

div.detail-program h2,
div.detail-information h2,
div.detail-work h2,
div.detail-example h2,
div.detail-team h2,
div.detail-contact h2 {
margin-bottom: 0.65rem;
font-size: 1.5em;
text-align: center;
}

div.detail-program p,
div.detail-information p,
div.detail-work p,
div.detail-example-text p,
div.detail-team p,
div.detail-contact p {
margin: 0;
}

div.detail-example {
margin-bottom: 1.3rem;
}

ul.photogallery {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
justify-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: start;
align-items: flex-start;
list-style-type: none;
}

ul.photogallery li {
flex-basis: 93%;
margin-bottom: 0.325rem;
margin-right: 0.325rem;
}

img.photogallery__image {
-o-object-fit: cover;
object-fit: cover;
height: 15em;
width: 100%;
border-radius: 20px;
}

@media only screen and (min-width: 480px) {
  ul.photogallery li {
  flex-basis: 47%;
  }

  img.photogallery__image {
  height: 12em;
  }  
}

@media only screen and (min-width: 768px) {
  ul.photogallery li {
  flex-basis: 31%;
  }

  img.photogallery__image {
  height: 9.6em;
  }
}


/* Page Contacts */

.page-kontakty img {
border-radius: 0.75em;
}


/* Page Kronika */

h2.archive-title {
margin: 10px 0 35px;
font-size: 2em;
line-height: 1.1;
color: #000000;
}

@media only screen and (min-width: 768px) {
  h2.archive-title {
  margin-top: 0;
  }
}

div.archive-item {
margin-bottom: 2rem;  
clear: both;
}

div.archive-item:not(:first-child):not(:nth-child(2)) {
padding-top: 0.5rem;
border-top: 1px dotted #b3b3b3;
}

.archive-item a.archive-item-title {
text-decoration: none;
}

.archive-item a.archive-item-title h2 {
margin-bottom: 0;
font-size: 1.3em;
line-height: 1;
text-align: left;
}

.archive-item time,
.archive-item a.read-more {
display: block;
font-size: 0.85em;
color: #b3b3b3;
}

.archive-item time {
margin: 7px 0 12px;
}

img.archive-item-image {
float: left;
max-width: 300px;
max-height: 300px;
margin: 0 18px 18px 0;
}

@media only screen and (min-width: 420px) {
  img.archive-item-image {
  float: right;
  max-width: 250px;
  max-height: 250px;
  margin: 0 0 18px 18px;
  }  
}

.archive-item p {
margin: 0.3rem 0;
}

.archive-item a.read-more {
margin-top: .65rem;
text-decoration: none;
}

/* Single post */

.single-post h2.post-title {
margin: 10px 0;
font-size: 2em;
line-height: 1.1;
color: #000000;
text-align: center;
}

@media only screen and (min-width: 768px) {
  .single-post h2.post-title {
  margin-top: 0;
  }
}

.single-post time.post-date {
display: block;
color: #b3b3b3;
text-align: center;
}

.single-post div.post-content {
margin: 30px 0 45px;
}

a.to-posts-archive {
display: block;
font-weight: 700;
text-align: center;
}