.post-wrapper {
background: var(--light-main-color);
padding: 50px 0; }
.post-wrapper .post-nav {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 25px;
clear: both;
text-align: center; }
@media only screen and (max-width: 1199px) {
.post-wrapper .post-nav {
padding-top: 20px; } }
@media only screen and (max-width: 600px) {
.post-wrapper .post-nav {
padding-top: 10px; } }
.post-wrapper .post-nav span.current {
margin: 5px;
border: 1px solid var(--dark-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 1;
padding-top: 3px;
background: var(--dark-color);
color: var(--light-color); }
.post-wrapper .post-nav .post-page-numbers {
text-decoration: none;
margin: 5px;
border: 1px solid var(--dark-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 1;
padding-top: 3px; }
.post-wrapper .post-nav .post-page-numbers:hover {
background: var(--dark-color);
color: var(--light-color); }
.post-details .single-content {
background: var(--light-color);
padding: 40px; }
.post-details .single-content ol ol ul, .post-details .single-content ol ul ul, .post-details .single-content ul ol ul, .post-details .single-content ul ul ul {
list-style-type: circle; }
.post-details .single-content .pinback:first-of-type {
margin-top: -10px; }
.post-details .single-content .pinback span {
margin-right: 10px;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
display: inline-block;
color: var(--main-color); }
@media only screen and (max-width: 767px) {
.post-details .single-content .pinback span {
letter-spacing: 1px; } }
.post-details .single-content .pinback a {
text-decoration: none;
font-weight: 400;
font-size: 17px;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease; }
.post-details .single-content .pinback a:hover {
color: var(--grey-color); }
.post-details .single-content .pinback:last-of-type {
margin-bottom: 40px; }
@media only screen and (max-width: 600px) {
.post-details .single-content .pinback:last-of-type {
margin-bottom: 35px; } }
.post-details .main-top-content {
margin-bottom: 25px; }
.post-details .main-top-content .title {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 34px;
line-height: 1.3;
margin-top: -2px;
margin-bottom: 11px;
-ms-word-wrap: break-word;
word-wrap: break-word; }
.post-details .main-top-content .date-post {
color: var(--main-color);
font-size: 12px;
letter-spacing: 1.2px;
line-height: 2;
text-transform: uppercase;
font-weight: 700; }
.post-details .post-banner {
margin-bottom: 30px; }
.post-details form input[type="password"] {
margin-bottom: 30px;
border: 0;
min-width: 250px;
outline: none;
padding: 3px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.2);
background-color: transparent;
font-size: 17px;
font-weight: 300;
line-height: 1.67;
color: var(--dark-color);
-webkit-transition: border .35s ease, color .35s ease;
-o-transition: border .35s ease, color .35s ease;
transition: border .35s ease, color .35s ease; }
.post-details form input[type="password"]:focus {
border-color: var(--main-color); }
.post-details form input[type="submit"] {
font-size: 12px;
font-weight: 700;
display: inline-block;
text-decoration: none;
letter-spacing: 4.2px;
text-transform: uppercase;
padding: 17px 34px 14px;
border: 1px solid var(--dark-color);
background-color: var(--dark-color);
color: var(--light-color);
-webkit-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease; }
.post-details form input[type="submit"]:hover {
color: var(--dark-color);
background-color: transparent; }
.post-details .single-content-wrapper h1,
.post-details .single-content-wrapper h2,
.post-details .single-content-wrapper h3,
.post-details .single-content-wrapper h4,
.post-details .single-content-wrapper h5,
.post-details .single-content-wrapper h6 {
color: var(--dark-color);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 18px;
margin-top: 28px; }
.post-details .single-content-wrapper h1 {
font-size: 29px; }
.post-details .single-content-wrapper h2 {
font-size: 26px; }
.post-details .single-content-wrapper h3 {
font-size: 21px; }
.post-details .single-content-wrapper h4 {
font-size: 19px; }
.post-details .single-content-wrapper h5 {
font-size: 17px; }
.post-details .single-content-wrapper h6 {
font-size: 15px; }
@media (max-width: 768px) {
.post-details .single-content-wrapper h1,
.post-details .single-content-wrapper h2,
.post-details .single-content-wrapper h3,
.post-details .single-content-wrapper h4,
.post-details .single-content-wrapper h5,
.post-details .single-content-wrapper h6 {
letter-spacing: 1px; }
.post-details .single-content-wrapper h1 {
font-size: 26px; }
.post-details .single-content-wrapper h2 {
font-size: 21px; }
.post-details .single-content-wrapper h3 {
font-size: 19px; }
.post-details .single-content-wrapper h4 {
font-size: 17px; }
.post-details .single-content-wrapper h5 {
font-size: 15px; }
.post-details .single-content-wrapper h6 {
font-size: 12px; } }
.post-details .single-content-wrapper .wp-block-pullquote.is-style-solid-color blockquote {
background: inherit;
border: none; }
.post-details .single-content-wrapper .wp-block-pullquote.is-style-solid-color blockquote.has-text-color * {
color: inherit !important; }
.post-details .single-content-wrapper .wp-block-pullquote {
padding: 0;
border-color: #555d66; }
.post-details .single-content-wrapper .wp-block-pullquote blockquote {
border-top: 4px solid;
border-bottom: 4px solid;
border-color: inherit; }
.post-details .single-content-wrapper .wp-block-pullquote blockquote.has-text-color * {
color: inherit; }
.post-details .single-content-wrapper blockquote {
margin: 30px auto;
text-align: center;
max-width: 770px;
padding: 40px;
background: var(--light-main-color); }
.post-details .single-content-wrapper blockquote p {
color: var(--dark-color);
font-size: 24px;
line-height: 1.3;
font-style: italic;
font-weight: 400; }
.post-details .single-content-wrapper blockquote p:last-of-type {
margin-bottom: 0; }
.post-details .single-content-wrapper blockquote cite {
margin-top: 15px;
display: inline-block; }
@media only screen and (max-width: 600px) {
.post-details .single-content-wrapper blockquote cite {
margin-top: 10px; } }
.post-details .single-content-wrapper blockquote cite a,
.post-details .single-content-wrapper blockquote cite {
color: var(--main-color);
font-size: 12px;
font-weight: 700;
letter-spacing: 1.56px;
font-style: normal;
text-transform: uppercase;
margin-top: 15px; }
.post-details .single-content-wrapper blockquote.is-style-large cite {
font-size: 18px; }
.post-details .single-content-wrapper table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 30px;
table-layout: fixed;
width: 100%;
word-break: break-word; }
.post-details .single-content-wrapper table,
.post-details .single-content-wrapper th,
.post-details .single-content-wrapper td {
border: 1px solid var(--dark-color);
border-collapse: collapse;
padding: 7px 10px 5px;
font-size: 17px;
color: var(--grey-color); }
.post-details .single-content-wrapper th {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
color: var(--dark-color);
line-height: 27px; }
@media only screen and (max-width: 767px) {
.post-details .single-content-wrapper th {
letter-spacing: 1px; } }
.post-details .single-content-wrapper dt {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
color: var(--dark-color);
line-height: 27px; }
@media only screen and (max-width: 767px) {
.post-details .single-content-wrapper dt {
letter-spacing: 1px; } }
.post-details .single-content-wrapper dd {
margin: 0 0 30px;
color: var(--grey-color);
font-size: 17px;
line-height: 1.7; }
.post-details .single-content-wrapper address {
font-style: italic;
margin-bottom: 30px;
color: var(--grey-color);
font-size: 17px; }
.post-details .single-content-wrapper abbr,
.post-details .single-content-wrapper acronym {
border-bottom: 1px dotted var(--light-grey-color);
cursor: help; }
.post-details .single-content-wrapper code {
background-color: #eee;
color: var(--dark-color);
font-size: 14px;
padding: 3px 4px 4px;
border-radius: 5px; }
.post-details .single-content-wrapper mark,
.post-details .single-content-wrapper ins {
background: var(--main-color);
color: var(--light-color);
padding: 3px 4px 4px;
border-radius: 5px;
text-decoration: none; }
.post-details .single-content-wrapper kbd {
font-weight: 100;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px;
padding: 3px 4px 4px;
border-radius: 5px;
background-color: #eee;
color: var(--dark-color); }
.post-details .single-content-wrapper tt {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 14px;
padding: 3px 4px 4px;
border-radius: 5px;
background-color: #eee;
color: var(--dark-color); }
.post-details .single-content-wrapper figcaption {
font-size: 15px;
line-height: 1.5;
color: var(--grey-color);
font-weight: 300;
margin-top: 16px;
text-align: center;
display: block; }
.post-details .single-content-wrapper figcaption a:hover {
color: var(--grey-color); }
.post-details .single-content-wrapper pre {
background: #eee;
font-size: 14px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em; }
.post-details .single-content-wrapper pre * {
margin: 0; }
.post-details .single-content-wrapper figure {
max-width: 100%; }
.post-details .single-content-wrapper figure.alignleft {
margin: 0.375em 1.75em 1.75em 0; }
.post-details .single-content-wrapper figure.alignright {
margin: 0.375em 0 1.75em 1.75em; }
.post-details .single-content-wrapper .gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 60px -15px 45px;
text-align: center; }
.post-details .single-content-wrapper .gallery-item {
padding: 15px;
margin: 0;
width: 100%; }
.post-details .single-content-wrapper .gallery.gallery-columns-2 .gallery-item {
width: 50%; }
.post-details .single-content-wrapper .gallery.gallery-columns-3 .gallery-item {
width: -webkit-calc(100% / 3);
width: calc(100% / 3); }
.post-details .single-content-wrapper .gallery.gallery-columns-4 .gallery-item {
width: 25%; }
.post-details .single-content-wrapper .gallery.gallery-columns-5 .gallery-item {
width: 20%; }
.post-details .single-content-wrapper .gallery.gallery-columns-6 .gallery-item {
width: -webkit-calc(100% / 6);
width: calc(100% / 6); }
.post-details .single-content-wrapper .gallery.gallery-columns-7 .gallery-item {
width: -webkit-calc(100% / 7);
width: calc(100% / 7); }
.post-details .single-content-wrapper .gallery.gallery-columns-8 .gallery-item {
width: 12.5%; }
.post-details .single-content-wrapper .gallery.gallery-columns-9 .gallery-item {
width: -webkit-calc(100% / 9);
width: calc(100% / 9); }
.post-details .single-content-wrapper var {
color: var(--dark-color);
font-weight: 700; }
.post-details .single-content-wrapper strong {
color: var(--dark-color); }
.post-details .single-content-wrapper p {
margin-bottom: 15px; }
.post-details .single-content-wrapper p, .post-details .single-content-wrapper ol, .post-details .single-content-wrapper ul {
font-size: 17px;
line-height: 1.6; }
.post-details .single-content-wrapper p:not(.has-text-color), .post-details .single-content-wrapper ol, .post-details .single-content-wrapper ul {
color: var(--grey-color); }
.post-details .single-content-wrapper ul, .post-details .single-content-wrapper ol {
list-style-position: inside;
margin-left: 2px; }
.post-details .single-content-wrapper ul li, .post-details .single-content-wrapper ol li {
margin-bottom: 8px; }
.post-details .single-content-wrapper ul ol, .post-details .single-content-wrapper ul ul, .post-details .single-content-wrapper ol ol, .post-details .single-content-wrapper ol ul {
margin-left: 25px;
margin-top: 8px; }
.post-details .single-content-wrapper a {
text-decoration: none;
font-weight: 400; }
.post-details .single-content-wrapper a:hover {
color: var(--grey-color); }
.post-details .post-info-wrapper {
margin-top: 45px;
clear: both; }
.post-details .post-info-wrapper .single-tags span,
.post-details .post-info-wrapper .single-categories span {
font-size: 15px;
letter-spacing: 1.2px;
line-height: 2;
text-transform: uppercase;
font-weight: 700;
color: var(--main-color); }
.post-details .post-info-wrapper .single-tags a,
.post-details .post-info-wrapper .single-categories a {
font-weight: 300;
line-height: 2;
font-size: 17px;
color: var(--grey-color);
text-decoration: none; }
.post-details .post-info-wrapper .single-tags a:hover,
.post-details .post-info-wrapper .single-categories a:hover {
color: var(--dark-color); }
.post-details .post-info-wrapper + .single-post-pagination {
margin-top: 35px; }
.post-details .comments.main {
margin: 40px auto 60px;
clear: both; }
.post-details .comments.main .comments-form {
padding-top: 15px; }
@media only screen and (max-width: 767px) {
.post-details .comments.main .comments-form {
padding-bottom: 15px; } }
.post-details .comments.main .comments-title {
text-transform: uppercase;
font-size: 21px;
letter-spacing: 2px;
margin-bottom: 50px; }
.post-details .comments.main li.comment {
list-style: none;
margin-bottom: 20px; }
.post-details .comments.main li.comment .children li.comment {
margin-left: 30px;
margin-top: 20px; }
@media only screen and (max-width: 767px) {
.post-details .comments.main li.comment .children li.comment {
margin-left: 20px; } }
@media only screen and (max-width: 767px) {
.post-details .comments.main li.comment {
margin-bottom: 10px; } }
.post-details .comments.main li.comment .person-img {
display: inline-block;
width: 60px;
height: 60px;
float: left;
margin-right: 25px; }
.post-details .comments.main li.comment .comment-content {
overflow: hidden;
position: relative; }
.post-details .comments.main li.comment .comment-content .author {
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
letter-spacing: 2px;
padding-right: 70px; }
.post-details .comments.main li.comment .comment-content .comment-date {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
color: var(--main-color);
margin: 10px 0; }
.post-details .comments.main li.comment .comment-content .comment-reply-link {
position: absolute;
top: 0;
right: 0;
text-decoration: none;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
color: var(--dark-color);
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease; }
.post-details .comments.main li.comment .comment-content .comment-reply-link:hover {
color: var(--grey-color); }
.post-details .comments.main li.comment .comment-content .text {
font-size: 17px;
color: var(--grey-color);
line-height: 1.7; }
.post-details .comments.main li.comment .comment-content .text a {
color: var(--dark-color);
text-decoration: none;
font-weight: 400;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease; }
.post-details .comments.main li.comment .comment-content .text a:hover {
color: var(--grey-color); }
.post-details .comments.main li.comment .comment-content .text h1,
.post-details .comments.main li.comment .comment-content .text h2,
.post-details .comments.main li.comment .comment-content .text h3,
.post-details .comments.main li.comment .comment-content .text h4,
.post-details .comments.main li.comment .comment-content .text h5,
.post-details .comments.main li.comment .comment-content .text h6 {
color: var(--dark-color);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 18px;
margin-top: 28px; }
.post-details .comments.main li.comment .comment-content .text h1 {
font-size: 29px; }
.post-details .comments.main li.comment .comment-content .text h2 {
font-size: 26px; }
.post-details .comments.main li.comment .comment-content .text h3 {
font-size: 21px; }
.post-details .comments.main li.comment .comment-content .text h4 {
font-size: 19px; }
.post-details .comments.main li.comment .comment-content .text h5 {
font-size: 17px; }
.post-details .comments.main li.comment .comment-content .text h6 {
font-size: 15px; }
@media (max-width: 768px) {
.post-details .comments.main li.comment .comment-content .text h1,
.post-details .comments.main li.comment .comment-content .text h2,
.post-details .comments.main li.comment .comment-content .text h3,
.post-details .comments.main li.comment .comment-content .text h4,
.post-details .comments.main li.comment .comment-content .text h5,
.post-details .comments.main li.comment .comment-content .text h6 {
letter-spacing: 1px; }
.post-details .comments.main li.comment .comment-content .text h1 {
font-size: 26px; }
.post-details .comments.main li.comment .comment-content .text h2 {
font-size: 21px; }
.post-details .comments.main li.comment .comment-content .text h3 {
font-size: 19px; }
.post-details .comments.main li.comment .comment-content .text h4 {
font-size: 17px; }
.post-details .comments.main li.comment .comment-content .text h5 {
font-size: 15px; }
.post-details .comments.main li.comment .comment-content .text h6 {
font-size: 12px; } }
.post-details .comments.main li.comment .comment-content .text .wp-block-pullquote.is-style-solid-color blockquote {
background: inherit; }
.post-details .comments.main li.comment .comment-content .text .wp-block-pullquote.is-style-solid-color blockquote.has-text-color * {
color: inherit !important; }
.post-details .comments.main li.comment .comment-content .text blockquote {
margin: 30px auto;
text-align: center;
max-width: 770px;
padding: 40px;
background: var(--light-main-color); }
@media only screen and (max-width: 767px) {
.post-details .comments.main li.comment .comment-content .text blockquote {
padding: 30px 20px; } }
.post-details .comments.main li.comment .comment-content .text blockquote p {
color: var(--dark-color);
font-size: 24px;
line-height: 1.3;
font-style: italic;
font-weight: 400; }
.post-details .comments.main li.comment .comment-content .text blockquote p:last-of-type {
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.post-details .comments.main li.comment .comment-content .text blockquote p {
font-size: 21px; } }
.post-details .comments.main li.comment .comment-content .text blockquote cite {
margin-top: 15px;
display: inline-block; }
@media only screen and (max-width: 600px) {
.post-details .comments.main li.comment .comment-content .text blockquote cite {
margin-top: 10px; } }
.post-details .comments.main li.comment .comment-content .text blockquote cite a,
.post-details .comments.main li.comment .comment-content .text blockquote cite {
color: var(--main-color);
font-size: 12px;
font-weight: 700;
letter-spacing: 1.56px;
font-style: normal;
text-transform: uppercase;
margin-top: 15px; }
.post-details .comments.main li.comment .comment-content .text table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 30px;
table-layout: fixed;
width: 100%;
word-break: break-word; }
.post-details .comments.main li.comment .comment-content .text table,
.post-details .comments.main li.comment .comment-content .text th,
.post-details .comments.main li.comment .comment-content .text td {
border: 1px solid var(--dark-color);
border-collapse: collapse;
padding: 7px 10px 5px;
font-size: 17px;
color: var(--grey-color); }
.post-details .comments.main li.comment .comment-content .text th {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
color: var(--dark-color);
line-height: 27px; }
.post-details .comments.main li.comment .comment-content .text th a {
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.post-details .comments.main li.comment .comment-content .text th {
letter-spacing: 1px; } }
.post-details .comments.main li.comment .comment-content .text dt {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 15px;
color: var(--dark-color);
line-height: 27px; }
@media only screen and (max-width: 767px) {
.post-details .comments.main li.comment .comment-content .text dt {
letter-spacing: 1px; } }
.post-details .comments.main li.comment .comment-content .text dd {
margin: 0 0 30px;
color: var(--grey-color);
font-size: 17px;
line-height: 1.7; }
@media only screen and (max-width: 767px) {
.post-details .comments.main li.comment .comment-content .text dd {
margin-bottom: 20px; } }
.post-details .comments.main li.comment .comment-content .text address {
font-style: italic;
margin-bottom: 30px;
color: var(--grey-color);
font-size: 17px; }
.post-details .comments.main li.comment .comment-content .text abbr,
.post-details .comments.main li.comment .comment-content .text acronym {
border-bottom: 1px dotted var(--light-grey-color);
cursor: help; }
.post-details .comments.main li.comment .comment-content .text code {
background-color: #eee;
color: var(--dark-color);
font-size: 14px;
padding: 3px 4px 4px;
border-radius: 5px; }
.post-details .comments.main li.comment .comment-content .text mark,
.post-details .comments.main li.comment .comment-content .text ins {
background: var(--main-color);
color: var(--light-color);
padding: 3px 4px 4px;
border-radius: 5px;
text-decoration: none; }
.post-details .comments.main li.comment .comment-content .text kbd {
font-weight: 100;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px;
padding: 3px 4px 4px;
border-radius: 5px;
background-color: #eee;
color: var(--dark-color); }
.post-details .comments.main li.comment .comment-content .text tt {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 14px;
padding: 3px 4px 4px;
border-radius: 5px;
background-color: #eee;
color: var(--dark-color); }
.post-details .comments.main li.comment .comment-content .text figcaption {
font-size: 15px;
line-height: 1.5;
color: var(--grey-color);
font-weight: 300;
margin-top: 16px;
text-align: center; }
.post-details .comments.main li.comment .comment-content .text figcaption a:hover {
color: var(--grey-color); }
.post-details .comments.main li.comment .comment-content .text pre {
background: #eee;
font-size: 14px;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
color: var(--dark-color); }
.post-details .comments.main li.comment .comment-content .text pre * {
margin: 0; }
.post-details .comments.main li.comment .comment-content .text figure {
max-width: 100%; }
.post-details .comments.main li.comment .comment-content .text figure.alignleft {
margin: 0.375em 1.75em 1.75em 0; }
.post-details .comments.main li.comment .comment-content .text figure.alignright {
margin: 0.375em 0 1.75em 1.75em; }
.post-details .comments.main li.comment .comment-content .text var {
color: var(--dark-color);
font-weight: 700; }
.post-details .comments.main li.comment .comment-content .text strong {
color: var(--dark-color); }
.post-details .comments.main li.comment .comment-content .text p {
margin-bottom: 15px; }
.post-details .comments.main li.comment .comment-content .text p, .post-details .comments.main li.comment .comment-content .text ol, .post-details .comments.main li.comment .comment-content .text ul {
font-size: 17px;
line-height: 1.6; }
.post-details .comments.main li.comment .comment-content .text p:not(.has-text-color), .post-details .comments.main li.comment .comment-content .text ol, .post-details .comments.main li.comment .comment-content .text ul {
color: var(--grey-color); }
.post-details .comments.main li.comment .comment-content .text ul, .post-details .comments.main li.comment .comment-content .text ol {
list-style-position: inside;
margin-left: 0; }
.post-details .comments.main li.comment .comment-content .text ul li, .post-details .comments.main li.comment .comment-content .text ol li {
margin-bottom: 8px; }
.post-details .comments.main li.comment .comment-content .text ul ol, .post-details .comments.main li.comment .comment-content .text ul ul, .post-details .comments.main li.comment .comment-content .text ol ol, .post-details .comments.main li.comment .comment-content .text ol ul {
margin-left: 25px;
margin-top: 8px; }
.post-details .comments.main li.comment .comment-content .text a {
text-decoration: none;
font-weight: 400; }
.post-details .comments.main li.comment .comment-content .text a:hover {
color: var(--grey-color); }
.post-details .comments.main li.comment #respond {
margin-top: 30px;
margin-bottom: 50px; }
.post-details .comments.main .comment-reply-title {
text-transform: uppercase;
font-size: 21px;
letter-spacing: 2px;
margin-bottom: 30px; }
.post-details .comments.main .comment-reply-title small {
float: right; }
.post-details .comments.main .comment-reply-title small a {
text-decoration: none;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease;
font-size: 12px;
font-weight: 700; }
.post-details .comments.main .comment-reply-title small a:hover {
color: var(--grey-color); }
@media only screen and (max-width: 767px) {
.post-details .comments.main .comment-reply-title {
letter-spacing: 1px; } }
.post-details .comments.main .form-group {
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.post-details .comments.main .comment-form-cookies-consent {
display: -webkit-flex;
display: flex;
width: 100%;
margin-bottom: 30px; }
.post-details .comments.main .comment-form-cookies-consent input {
width: auto !important;
margin-right: 15px !important;
margin-top: 4px !important;
margin-bottom: 0 !important; }
.post-details .comments.main .comment-form-cookies-consent label {
font-size: 17px;
color: var(--grey-color);
margin-bottom: 0; }
.post-details .comments.main input:not([type="submit"]) {
width: calc(50% - 15px); }
.post-details .comments.main input:not([type="submit"]):first-of-type {
margin-right: 30px; }
.post-details .comments.main input:not([type="submit"]),
.post-details .comments.main textarea {
margin-bottom: 40px;
border: 0;
outline: none;
padding: 3px 0;
border-bottom: 1px solid rgba(34, 34, 34, 0.2);
background-color: transparent;
font-size: 17px;
font-weight: 300;
line-height: 1.67;
color: var(--dark-color);
-webkit-transition: border .35s ease, color .35s ease;
-o-transition: border .35s ease, color .35s ease;
transition: border .35s ease, color .35s ease; }
.post-details .comments.main input:not([type="submit"]):focus,
.post-details .comments.main textarea:focus {
border-color: var(--dark-color); }
.post-details .comments.main textarea {
order: 3;
margin-bottom: 50px;
resize: none;
height: 100px;
width: 100%; }
.post-details .comments.main input[type="submit"] {
font-size: 12px;
font-weight: 700;
display: inline-block;
text-decoration: none;
letter-spacing: 4.2px;
text-transform: uppercase;
padding: 17px 34px 14px;
border: 1px solid var(--dark-color);
background-color: var(--dark-color);
color: var(--light-color);
-webkit-transition: all 350ms ease;
-o-transition: all 350ms ease;
transition: all 350ms ease; }
.post-details .comments.main input[type="submit"]:hover {
color: var(--dark-color);
background-color: transparent; }
.post-details .single-post-pagination {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
clear: both; }
.post-details .single-post-pagination .pag-next,
.post-details .single-post-pagination .pag-prev {
width: calc(50% - 15px);
display: inline-flex;
align-items: center; }
.post-details .single-post-pagination .pag-next .img-wrap,
.post-details .single-post-pagination .pag-prev .img-wrap {
display: inline-block;
overflow: hidden;
max-width: 75px;
width: 100%; }
.post-details .single-post-pagination .pag-next .img-wrap + span,
.post-details .single-post-pagination .pag-prev .img-wrap + span {
margin: 15px; }
.post-details .single-post-pagination .pag-next span,
.post-details .single-post-pagination .pag-prev span {
display: inline-block;
margin: 15px 0;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
max-width: 100%;
color: var(--grey-color);
letter-spacing: 1.2px;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease; }
.post-details .single-post-pagination .pag-next span a,
.post-details .single-post-pagination .pag-prev span a {
display: block;
color: var(--dark-color);
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
margin-top: 10px;
-ms-word-wrap: break-word;
word-wrap: break-word;
-webkit-transition: all 450ms ease;
-moz-transition: all 450ms ease;
-ms-transition: all 450ms ease;
-o-transition: all 450ms ease;
transition: all 450ms ease; }
.post-details .single-post-pagination .pag-next img,
.post-details .single-post-pagination .pag-prev img {
-webkit-transition: filter 450ms ease;
-moz-transition: filter 450ms ease;
-ms-transition: filter 450ms ease;
-o-transition: filter 450ms ease;
transition: filter 450ms ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%); }
.post-details .single-post-pagination .pag-next:hover span,
.post-details .single-post-pagination .pag-prev:hover span {
color: var(--main-color); }
.post-details .single-post-pagination .pag-next:hover img,
.post-details .single-post-pagination .pag-prev:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%); }
.post-details .single-post-pagination .pag-prev {
justify-content: flex-start; }
.post-details .single-post-pagination .pag-next {
justify-content: flex-end; }
.post-details .single-post-pagination .pag-next span {
text-align: right; }
.post-details .single-post-pagination .pag-next .img-wrap {
order: 3; }
@media only screen and (max-width: 1440px) {
.post-details .post-banner {
margin-bottom: 25px; }
.post-details .main-top-content {
margin-bottom: 22px; }
.post-details .main-top-content .title {
font-size: 29px; } }
@media only screen and (max-width: 1199px) {
.post-details .gallery {
margin: 50px -15px 40px; }
.post-details .gallery.gallery-columns-5 .gallery-item {
width: -webkit-calc(100% / 3);
width: calc(100% / 3); }
.post-details .gallery.gallery-columns-6 .gallery-item {
width: -webkit-calc(100% / 3);
width: calc(100% / 3); }
.post-details .gallery.gallery-columns-7 .gallery-item {
width: -webkit-calc(100% / 3);
width: calc(100% / 3); }
.post-details .gallery.gallery-columns-8 .gallery-item {
width: 25%; }
.post-details .gallery.gallery-columns-9 .gallery-item {
width: 25%; }
.post-details .single-content-wrapper blockquote {
padding: 35px; }
.post-details .post-info-wrapper {
margin-top: 35px; }
.post-details .post-info-wrapper + .single-post-pagination {
margin-top: 25px; }
.post-details .comments.main {
margin: 35px auto 50px; } }
@media only screen and (max-width: 991px) {
.post-details > .col-lg-4 {
order: 4; }
.post-details .col-lg-8 .single-content {
margin-bottom: 30px; }
.post-details .single-content {
padding: 35px 40px 35px; }
.post-details .gallery {
margin: 40px -15px 30px; }
.post-details .gallery.gallery-columns-3 .gallery-item, .post-details .gallery.gallery-columns-4 .gallery-item, .post-details .gallery.gallery-columns-5 .gallery-item, .post-details .gallery.gallery-columns-6 .gallery-item, .post-details .gallery.gallery-columns-7 .gallery-item, .post-details .gallery.gallery-columns-8 .gallery-item, .post-details .gallery.gallery-columns-9 .gallery-item {
width: 50%; }
.post-wrapper {
padding: 40px 0; } }
@media only screen and (max-width: 767px) {
.post-details .post-info-wrapper + .single-post-pagination {
margin-top: 15px; }
.post-details .single-post-pagination {
flex-direction: column;
padding-top: 10px; }
.post-details .single-post-pagination .pag-prev,
.post-details .single-post-pagination .pag-next {
width: 100%;
margin-bottom: 20px; }
.post-details .single-post-pagination .pag-prev span,
.post-details .single-post-pagination .pag-next span {
margin: 0; }
.post-details .single-post-pagination .pag-prev .img-wrap + span,
.post-details .single-post-pagination .pag-next .img-wrap + span {
margin: 0 15px; }
.post-details .single-post-pagination > div:last-of-type {
margin-bottom: 0; }
.post-details .gallery {
margin: 30px -15px; }
.post-details .gallery.gallery-columns-2 .gallery-item, .post-details .gallery.gallery-columns-3 .gallery-item, .post-details .gallery.gallery-columns-4 .gallery-item, .post-details .gallery.gallery-columns-5 .gallery-item, .post-details .gallery.gallery-columns-6 .gallery-item, .post-details .gallery.gallery-columns-7 .gallery-item, .post-details .gallery.gallery-columns-8 .gallery-item, .post-details .gallery.gallery-columns-9 .gallery-item {
width: 100%; }
.post-details .main-top-content .title {
font-size: 24px; } }
@media only screen and (max-width: 600px) {
.post-wrapper {
padding: 15px 0; }
.post-details .single-post-pagination .pag-prev,
.post-details .single-post-pagination .pag-next {
letter-spacing: 1px; }
.post-details .single-post-pagination .pag-prev span,
.post-details .single-post-pagination .pag-next span {
letter-spacing: 1px;
font-size: 10px; }
.post-details .comments.main {
margin: 23px auto 30px; }
.post-details .comments.main .comment-reply-title {
font-size: 17px;
margin-bottom: 18px; }
.post-details .comments.main .comments-title {
font-size: 19px;
letter-spacing: 1px;
margin-bottom: 25px; }
.post-details .comments.main textarea {
margin-bottom: 20px; }
.post-details .comments.main li.comment .comment-content .comment-reply-link,
.post-details .comments.main li.comment .comment-content .author,
.post-details .comments.main li.comment .comment-content .comment-date {
letter-spacing: 1px; }
.post-details .comments.main li.comment .person-img {
float: none;
margin-right: auto;
margin-bottom: 20px; }
.post-details .comments.main li.comment .comment-reply-title small {
float: none;
display: block;
margin-top: 15px; }
.post-details .post-info-wrapper {
margin-top: 20px; }
.post-details .post-info-wrapper .single-tags span,
.post-details .post-info-wrapper .single-categories span {
letter-spacing: 1px; }
.post-details .single-content-wrapper blockquote {
margin: 20px auto;
padding: 20px 15px; }
.post-details .single-content-wrapper blockquote p {
font-size: 21px; }
.post-details .single-content-wrapper blockquote cite {
letter-spacing: 1px; }
.post-details .single-content-wrapper h1, .post-details .single-content-wrapper h2, .post-details .single-content-wrapper h3, .post-details .single-content-wrapper h4, .post-details .single-content-wrapper h5, .post-details .single-content-wrapper h6 {
margin-bottom: 12px;
margin-top: 17px; }
.post-details .single-content-wrapper p {
margin-bottom: 10px; }
.post-details .single-content {
padding: 25px 20px 25px; }
.post-details .col-lg-8 .single-content {
margin-bottom: 15px; }
.post-details .post-banner {
margin-bottom: 17px; }
.post-details .main-top-content {
margin-bottom: 15px; }
.post-details .main-top-content .title {
font-size: 21px;
letter-spacing: 1px;
margin-bottom: 9px; }
.post-details .main-top-content .date-post {
letter-spacing: 1px; } }.main-wrapper {
background-color: var(--light-main-color); }
.main-wrapper .single-page-wrap {
padding: 50px 0; }
.main-wrapper .post-nav {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 25px;
clear: both;
text-align: center; }
@media only screen and (max-width: 1199px) {
.main-wrapper .post-nav {
padding-top: 20px; } }
@media only screen and (max-width: 600px) {
.main-wrapper .post-nav {
padding-top: 10px; } }
.main-wrapper .post-nav span.current {
margin: 5px;
border: 1px solid var(--dark-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 1;
padding-top: 3px;
background: var(--dark-color);
color: var(--light-color); }
.main-wrapper .post-nav .post-page-numbers {
text-decoration: none;
margin: 5px;
border: 1px solid var(--dark-color);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
width: 40px;
height: 40px;
line-height: 1;
padding-top: 3px; }
.main-wrapper .post-nav .post-page-numbers:hover {
background: var(--dark-color);
color: var(--light-color); }
.main-wrapper .post-details .comments.main {
margin-bottom: 0 !important; }
.main-wrapper .post-details .comments.main .comment-reply-title {
margin-top: 0; }
@media only screen and (max-width: 991px) {
.main-wrapper .single-page-wrap {
padding: 40px 0; } }
@media only screen and (max-width: 600px) {
.main-wrapper .single-page-wrap {
padding: 15px 0; }
.post-details .main-top-content .title {
font-size: 24px; } }.a-btn-1,
.a-btn-2,
.a-btn-3,
.a-btn-4,
.a-btn-5,
.a-btn-6,
.a-btn-7,
.a-btn-8,
.a-btn-9,
.comments input[type="submit"],
.comments-form input[type="submit"],
.form input[type="submit"] {
}
a {
}
#topmenu ul li a {
}
#topmenu ul ul li a {
}