| Server IP : 119.59.104.26 / Your IP : 216.73.216.41 Web Server : Apache/2 System : Linux ns69.hostinglotus.net 4.18.0-553.141.2.el8_10.x86_64 #1 SMP Wed Jul 8 10:28:18 EDT 2026 x86_64 User : com12370 ( 1517) PHP Version : 7.2.34 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/com12370/.trash/files/wp-content.wFk3kz_syhg/themes/titan/css/ |
Upload File : |
@charset "UTF-8";
/*------------------------------------------------------------------------
1. Base
+ Reset Layout
+ Form Element
+ Image and text
+ Normalize
+ Reset outline
+ Typography
2. Components
+ Preloader
+ Post
+ Widget
+ Social
+ Owlcarousel
+ Nav page
3. Layout
+ Header
+ Featured
+ Content
+ Sidebar
+ Main
+ Footer
+ WP fix
4. Pages
+ Page home
+ About
--------------------------------------------------------------------------------*/
/* 1. Base
--------------------------------------------------------------------------------*/
/* + Normalize */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
img, legend {
border: 0;
}
legend, td, th {
padding: 0;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, optgroup, strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
pre, textarea {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace,monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* + Reset outline */
a,
input,
textarea,
button,
select {
outline: none;
}
a:hover,
a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus {
outline: none !important;
text-decoration: none;
}
/* + Reset layout */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
position: relative;
font-family: "Lato", sans-serif;
font-size: 14px;
color: #626262;
background-color: #333;
padding: 0;
margin: 0;
letter-spacing: 0.015em;
line-height: 1.8em;
}
#wrapper {
position: relative;
overflow: hidden;
z-index: 9;
background-color: #fff;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text {
position: absolute !important;
left: -999em;
}
.pi-wrapper-inner {
position: relative;
left: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-wrapper-inner.left-240 {
left: 240px;
}
.pi-sticky.left-240 {
left: 240px;
}
.pi-container {
position: relative;
width: 100%;
padding: 0 15px;
margin: 0 auto;
}
.pi-row {
margin-left: -21px;
margin-right: -21px;
}
.pi-grid-row {
margin-left: -15px;
margin-right: -15px;
}
.pi-container:after,
.pi-grid-row:after,
.pi-row:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 768px) {
.pi-container {
max-width: 700px;
}
}
@media screen and (min-width: 992px) {
.pi-container {
max-width: 980px;
}
}
@media screen and (min-width: 1200px) {
.pi-container {
max-width: 1170px;
}
}
/* + Form element */
input, textarea {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="file"] {
height: 40px;
line-height: 40px;
padding: 0 15px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
select {
height: 40px;
line-height: 40px;
padding: 0 15px;
}
textarea {
resize: none;
padding: 15px;
height: 120px;
vertical-align: middle;
}
input[type="search"],
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="file"],
select,
textarea {
background: none;
border: 1px solid #757575;
background-color: #fff;
color: #626262;
font-size: 13px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="search"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus {
border-color: #d4b491;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #626262;
opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #626262;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #626262;
}
.form-item {
margin-bottom: 30px;
}
.form-item label {
display: inline-block;
font-size: 13px;
margin-bottom: 3px;
}
.form-item textarea,
.form-item input {
width: 100%;
}
.form-submit input, .form-submit button {
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 15px;
background: none;
border: 0;
background-color: #434343;
color: #fff;
font-family: "Droid Serif", serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.2em;
white-space: nowrap;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.form-submit input:hover, .form-submit button:hover {
opacity: .8;
}
/* + Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: "Droid Serif", serif;
font-weight: 400;
line-height: 1.8em;
color: #262626;
letter-spacing: 0.1em;
margin-top: 20px;
margin-bottom: 10px;
}
h1 > a, .h1 > a, h2 > a, .h2 > a, h3 > a, .h3 > a, h4 > a, .h4 > a, h5 > a, .h5 > a, h6 > a, .h6 > a {
color: inherit;
}
h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 26px;
}
h4, .h4 {
font-size: 22px;
}
h5, .h5 {
font-size: 18px;
}
h6, .h6 {
font-size: 14px;
}
a {
color: inherit;
background: 0 0;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
color: #d4b491 !important;
}
a:focus {
color: inherit;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
code, kbd, pre, samp {
font-family: "Lato", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
code {
background-color: #eee;
letter-spacing: 0.015em;
}
abbr {
background-color: #A1D71A;
color: #111;
border-width: 2px;
}
mark, .mark {
color: #fff;
background-color: #d4b491;
}
dfn {
border-bottom: 1px dashed;
}
cite {
font-style: normal;
}
blockquote {
font-size: 16px;
border: 0;
padding: 0 15px;
margin: 0;
color: #b8b8b8;
letter-spacing: 0.04em;
overflow: hidden;
border-left: 3px solid #eee;
}
blockquote p {
font-style: italic;
margin-bottom: 5px;
}
blockquote footer, blockquote cite {
display: block;
font-size: 11px;
font-family: "Droid Serif", serif;
letter-spacing: 0.08em;
color: #565656;
text-transform: uppercase;
margin-top: 10px;
}
blockquote footer:before, blockquote cite:before {
content: '- ';
}
pre {
line-height: 1.8em;
padding: 15px;
border: 1px solid #E4E4E4;
font-style: italic;
overflow: hidden;
white-space: normal;
background-color: #f5f6f9;
}
/* Image and text */
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
::-moz-selection {
color: #fff;
background-color: #d4b491;
}
::selection {
color: #fff;
background-color: #d4b491;
}
iframe {
border: 0;
max-width: 100%;
height: auto;
}
/* Fix background cover safari */
.fix-background-ios {
-webkit-background-size: auto 150% !important;
background-attachment: scroll !important;
}
.images img {
width: 100%;
}
.background-image {
background-position: 50% 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-italic {
font-style: italic;
}
.clearfix:after, .post-entry:after {
content: '';
display: table;
clear: both;
}
.overflow-hidden {
overflow: hidden;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
padding-bottom: 75%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.pi-divider {
border: 0;
margin-top: 14px;
margin-bottom: 14px;
height: 7px;
background: url("../../images/title-divider.png") no-repeat 50% 50%;
}
.pi-divider.pi-divider-white {
height: 10px;
background: url("../../images/title-divider-slider.png") no-repeat 50% 50%;
}
.fl {
float: left;
}
.fr {
float: right;
}
.tb {
display: table;
width: 100%;
table-layout: fixed;
}
.tb-cell {
display: table-cell;
vertical-align: middle;
}
.fs-14 {
font-size: 14px;
}
/* Image cover */
.image-cover, .images-slider .item, .post-link ~ .images, .pi-list .post-media .images,
.pi-grid .post-media .images, .related-post .post-media {
position: relative;
overflow: hidden;
padding-top: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.image-cover img, .images-slider .item img, .post-link ~ .images img, .pi-list .post-media .images img,
.pi-grid .post-media .images img, .related-post .post-media img {
position: absolute !important;
width: 100%;
max-width: none !important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.list-style-none, .item-cat ul,
.post-cat ul, .widget ul, .pi-menulist, .pi-menulist li .sub-menu {
list-style: none;
padding: 0;
margin: 0;
}
.text-ellipsis, .post-meta, .widget_recent_entries li a, .featured-static .item .item-body h2, .pi-nav-thumbnail .prev a h4,
.pi-nav-thumbnail .next a h4, .pi-list .post-title h2 a,
.pi-grid .post-title h2 a, .related-post .post-title h2 a {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* 2. Components
--------------------------------------------------------------------------------*/
/* + Preloader */
.preloader {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
top: 0;
left: 0;
z-index: 999999999;
}
.preloader span {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
font-family: "Droid Serif", serif;
font-size: 14px;
letter-spacing: 0.3em;
color: #262626;
opacity: 0;
text-transform: uppercase;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-animation: preloader 2s linear infinite;
-moz-animation: preloader 2s linear infinite;
-ms-animation: preloader 2s linear infinite;
-o-animation: preloader 2s linear infinite;
animation: preloader 2s linear infinite;
}
@-webkit-keyframes preloader {
50% {
opacity: 1;
}
}
@-moz-keyframes preloader {
50% {
opacity: 1;
}
}
@-ms-keyframes preloader {
50% {
opacity: 1;
}
}
@-o-keyframes preloader {
50% {
opacity: 1;
}
}
@keyframes preloader {
50% {
opacity: 1;
}
}
/* + Post */
.ribbon, .item-cat ul a,
.post-cat ul a {
display: block;
font-size: 10px;
color: #fff !important;
letter-spacing: 0.1em;
text-transform: uppercase;
background-color: #d4b491;
line-height: 20px;
height: 20px;
position: relative;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.ribbon:before, .item-cat ul a:before,
.post-cat ul a:before, .ribbon:after, .item-cat ul a:after,
.post-cat ul a:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
border: 10px solid #d4b491;
top: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.ribbon:before, .item-cat ul a:before,
.post-cat ul a:before {
left: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
border-left-color: transparent !important;
}
.ribbon:after, .item-cat ul a:after,
.post-cat ul a:after {
right: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
border-right-color: transparent !important;
}
.post {
position: relative;
margin-bottom: 45px;
}
.post.sticky .post-title h2:before {
content: '';
font-family: 'FontAwesome';
display: inline-block;
margin-right: 5px;
}
.post-media {
position: relative;
overflow: hidden;
z-index: 9;
}
.post-media .post-audio {
background-color: rgba(255, 255, 255, 0.9);
padding: 30px;
text-align: center;
border-bottom: 1px solid #eceef2;
}
.post-media .post-audio iframe {
width: 100% !important;
height: 130px !important;
}
.post-media .images img {
width: 100%;
}
.post-media .images ~ .post-audio {
position: absolute;
z-index: 9;
bottom: 5px;
left: 5px;
right: 5px;
border: 0;
}
.post-date {
display: inline-block;
text-align: center;
background-color: #2b2b2b;
color: #fff;
position: absolute;
top: 10px;
left: 10px;
padding: 10px 10px 8px 10px;
min-width: 72px;
z-index: 9;
text-transform: uppercase;
}
.post-date:after {
content: '';
display: block;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border: 1px solid #555;
z-index: -1;
}
.post-date span {
display: block;
}
.post-date .day {
font-size: 28px;
color: #d4b491;
}
.post-date .month {
font-size: 11px;
letter-spacing: 0.3em;
margin-top: -2px;
}
.post-date .year {
border-top: 1px solid #555;
letter-spacing: 0.15em;
padding-top: 2px;
}
.post-body {
position: relative;
padding: 30px 0px;
padding-bottom: 0;
}
.post-body p a {
text-decoration: underline;
}
.item-cat ul li,
.post-cat ul li {
margin: 5px 25px;
display: none;
}
.item-cat ul li:first-child,
.post-cat ul li:first-child {
display: inline-block;
}
.pi-single .item-cat ul li,
.pi-single .post-cat ul li {
display: inline-block;
}
.item-title h2,
.post-title h2 {
font-size: 20px;
color: #fff;
margin-top: 12px;
margin-bottom: 3px;
}
.item-title h1,
.post-title h1 {
font-size: 22px;
margin-top: 14px;
color: #fff;
}
.post-header {
position: relative;
background-color: #2b2b2b;
padding: 28px 25px 25px 25px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
z-index: 9;
}
.post-header > *:first-child h2 {
margin-top: 0;
}
.post-meta {
font-size: 10px;
text-transform: uppercase;
color: #dfdfdf;
letter-spacing: 0.2em;
}
.post-entry {
padding-bottom: 35px;
}
.post-entry input[type="submit"],
.post-entry button {
height: 40px;
line-height: 40px;
padding: 0 15px;
background: none;
border: 0;
background-color: #434343;
color: #fff;
font-family: "Droid Serif", serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.2em;
white-space: nowrap;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-entry input[type="submit"]:hover,
.post-entry button:hover {
opacity: .8;
}
.post-entry blockquote {
margin-top: 15px;
margin-bottom: 15px;
}
.post-foot {
position: relative;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.post-more a {
position: relative;
display: inline-block;
font-family: "Droid Serif", serif;
font-size: 10px;
text-transform: uppercase;
color: #fff;
line-height: 44px;
padding: 0 22px;
background-color: #3d3d3d;
letter-spacing: 0.1em;
white-space: nowrap;
}
.post-more a:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 0;
right: 0;
border: solid transparent;
border-width: 22px 18px;
border-left-color: #3d3d3d;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-more a:hover {
background-color: #2b2b2b;
}
.post-more a:hover:after {
border-left-color: #2b2b2b;
}
.post-more ~ .post-social {
position: absolute;
left: auto;
top: 50%;
right: 0;
text-align: right;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0;
}
.post-social {
text-align: center;
font-size: 12px;
padding: 10px;
}
.post-social a {
display: inline-block;
margin-left: 8px;
color: #d4b491;
width: 25px;
height: 25px;
line-height: 23px;
text-align: center;
border-radius: 50%;
border: 1px solid;
}
.post-social a:hover {
background-color: #d4b491;
color: #fff !important;
}
.tiled-gallery {
z-index: 8;
}
.tiled-gallery:after {
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top-color: #262626;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: loadingSlider 1s linear infinite;
-moz-animation: loadingSlider 1s linear infinite;
-ms-animation: loadingSlider 1s linear infinite;
-o-animation: loadingSlider 1s linear infinite;
animation: loadingSlider 1s linear infinite;
}
.tiled-gallery.justified-gallery:after {
display: none;
}
.tiled-gallery .spinner {
display: none !important;
}
.tiled-gallery .item {
opacity: 0;
}
.tiled-gallery .item + .item {
display: none;
}
.tiled-gallery .item.jg-entry {
opacity: 1;
}
.tiled-gallery .item.jg-entry + .item {
display: block;
}
.tiled-gallery.tiled-gallery-mobile .item {
opacity: 1;
}
.tiled-gallery.tiled-gallery-mobile .item + .item {
display: block;
}
.tiled-gallery .caption {
display: none !important;
}
.images-slider .item {
display: block;
padding-top: 60%;
}
.post-link {
position: relative;
margin: 10px;
text-align: center;
padding: 30px 15px;
background-color: rgba(255, 255, 255, 0.8);
z-index: 9;
}
.post-link:after {
content: '';
display: block;
position: absolute;
left: -5px;
top: -5px;
right: -5px;
bottom: -5px;
border: 1px solid #fff;
z-index: -1;
}
.post-link .tb {
height: 100%;
}
.post-link .fa {
font-size: 18px;
color: #262626;
}
.post-link h2 {
text-transform: uppercase;
font-size: 18px;
margin-top: 5px;
}
.post-link .tb-cell > a {
display: block;
font-style: italic;
font-size: 14px;
color: #2b2b2b;
width: 100%;
letter-spacing: 0.1em;
}
.post-link .tb-cell > a:before {
content: '[ ';
}
.post-link .tb-cell > a:after {
content: ' ]';
}
.post-link ~ .images {
position: absolute;
height: 100%;
width: 100%;
padding-top: 0;
top: 0;
left: 0;
z-index: -1;
}
.post-quote blockquote {
position: relative;
border: 1px dashed #d7dae2;
margin: 10px;
padding: 25px 30px;
z-index: 9;
}
.post-quote blockquote:before {
display: none;
}
.post-quote .quote-icon {
position: absolute;
font-size: 200px;
line-height: normal;
top: -10px;
left: 20px;
color: #eceef2;
z-index: -1;
}
/* + Widget */
.widget {
margin-bottom: 45px;
}
.widget ul {
margin-top: -6px;
margin-bottom: -6px;
}
.widget ul li {
padding-top: 6px;
padding-bottom: 6px;
border-bottom: 1px solid #ececec;
}
.widget ul li:last-child {
border: 0;
}
.widget ul ul {
padding-left: 15px;
margin-top: 6px;
border-top: 1px dashed #e7e7e9;
}
.widget select {
width: 100%;
}
.widget p ~ form {
margin-top: 15px;
}
.widget .pi-social-square {
text-align: center;
}
.widget-title {
position: relative;
font-family: "Droid Serif", serif;
font-size: 12px;
color: #fff;
text-align: center;
background-color: #2b2b2b;
letter-spacing: 0.15em;
margin-top: 0;
margin-bottom: 22px;
line-height: 46px;
text-transform: uppercase;
z-index: 9;
}
.widget-title:after {
content: '';
display: block;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border: 1px solid #555;
z-index: -1;
}
.widget-title span {
background-color: #d4b491;
}
.widget-title span:before, .widget-title span:after {
content: '';
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
margin: auto;
top: 0;
bottom: 0;
background-color: inherit;
}
.widget-title span:before {
left: 16px;
}
.widget-title span:after {
right: 16px;
}
form.search,
.widget_search form {
position: relative;
}
form.search label,
.widget_search form label {
display: block;
}
form.search input[type="text"],
form.search input[type="search"],
.widget_search form input[type="text"],
.widget_search form input[type="search"] {
width: 100%;
padding-right: 40px;
}
form.search .search-submit,
.widget_search form .search-submit {
font-family: 'FontAwesome';
background: none;
border: 0;
box-shadow: none;
color: #262626;
position: absolute;
top: 50%;
right: 7px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
form.search .search-submit:hover,
.widget_search form .search-submit:hover {
opacity: .7;
}
form.search {
position: relative;
max-width: 210px;
}
.widget_search form {
max-width: none;
}
.pi_facebook_likebox .box-content {
overflow: hidden;
}
.widget_recent_entries li a {
display: block;
}
.tagcloud, #comments .comment-edit-reply {
margin: -2px;
font-size: 0;
overflow: hidden;
}
.tagcloud a, #comments .comment-edit-reply a {
display: inline-block;
float: left;
font-size: 12px !important;
margin: 2px;
padding: 2px 8px;
border: 1px solid #d7d7d7;
line-height: 1.6em;
}
.widget_categories ul li {
color: #c6c6c6;
font-style: italic;
}
.widget_categories ul li a {
color: #626262;
margin-right: 6px;
font-style: normal;
}
.widget_categories ul li a:before {
content: "\f105";
display: inline-block;
font-family: 'FontAwesome';
margin-right: 10px;
color: #c6c6c6;
}
.pos-a {
position: absolute;
}
.pi-social {
font-size: 12px;
}
.pi-social a {
display: inline-block;
margin: 2px 8px;
}
.widget_newsletter form {
position: relative;
}
.widget_newsletter .form-item input {
padding-right: 65px;
height: 44px;
line-height: 44px;
}
.widget_newsletter .form-item input:focus {
border-color: #757575;
}
.widget_newsletter .form-submit {
position: absolute;
top: 0;
right: 0;
z-index: 9;
}
.widget_newsletter .form-submit input {
background: none;
padding: 0;
width: 50px;
height: 44px;
font-family: 'FontAwesome';
font-size: 16px;
color: #434343;
border-left: 1px solid #757575;
}
.widget-about-content {
overflow: hidden;
}
.widget-about-content .head {
position: relative;
text-align: center;
margin-bottom: 20px;
z-index: 9;
overflow: hidden;
}
.widget-about-content .head:after {
content: '';
display: block;
position: absolute;
top: 0;
left: -50%;
width: 200%;
height: 100%;
z-index: 1;
box-shadow: inset 0 -50px 120px rgba(38, 38, 38, 0.8);
}
.widget-about-content .head .pos-a {
width: 100%;
left: 0;
bottom: 5px;
color: #fff;
z-index: 9;
}
.widget-about-content .head .pos-a h4 {
margin-bottom: 0;
color: inherit;
}
.widget-about-content a {
text-decoration: underline;
font-style: italic;
}
.widget-list .item {
position: relative;
overflow: hidden;
padding-bottom: 15px;
}
.widget-list .item + .item {
border-top: 1px solid #ececec;
padding-top: 15px;
}
.widget-list .item-image {
position: relative;
width: 54px;
float: left;
margin-right: 16px;
z-index: 9;
}
.widget-list .item-content {
position: relative;
top: -3px;
}
.widget-list .item-title {
font-size: 12px;
color: #565656;
text-transform: uppercase;
margin: 0;
line-height: 1.6em;
letter-spacing: 0.015em;
}
.widget-list .item-meta {
display: block;
font-size: 10px;
text-transform: uppercase;
color: #7d7d7d;
line-height: 1.9em;
}
.widget-grid {
overflow: hidden;
margin: -3px;
}
.widget-grid .item {
width: 25%;
padding: 3px;
float: left;
}
.widget-grid .item a {
position: relative;
display: block;
}
.widget-grid .item a:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.widget-grid .item a img {
width: 100%;
}
.widget-grid .item a:hover:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.item-icon-left .fa {
font-size: 16px;
color: #434343;
width: 18px;
text-align: center;
float: left;
margin-top: 5px;
margin-right: 14px;
}
.item-icon-left p {
overflow: hidden;
}
.widget-tweet-content .item {
position: relative;
overflow: hidden;
}
.widget-tweet-content .item:after {
content: '';
display: block;
width: 40px;
height: 3px;
background-color: #e8eaee;
margin: 20px auto;
}
.widget-tweet-content .item:last-child:after {
display: none;
}
.widget-tweet-content .item .fa {
font-size: 24px;
float: left;
margin-top: 5px;
margin-right: 15px;
color: #d4b491;
}
.widget-tweet-content .item .item-content {
overflow: hidden;
}
.widget-tweet-content .item .item-content p {
margin-bottom: 0;
}
.widget-tweet-content .item .item-content a {
color: #434343;
}
.widget-tweet-content .item .item-content a:hover {
color: #d4b491 !important;
}
.widget-tweet-content .item .item-content a ~ a {
display: block;
}
.widget-expand {
position: fixed;
height: 100%;
width: 300px;
top: 0;
right: -300px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 999;
}
.widget-expand.widget-expand-active {
right: 0;
}
.widget-toggle {
display: inline-block;
background-color: #2b2b2b;
color: #fff;
margin: 0;
padding-left: 15px;
line-height: 40px;
position: absolute;
left: 0;
bottom: 0;
cursor: pointer;
font-size: 13px;
letter-spacing: 0.5em;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
text-transform: uppercase;
z-index: 9;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.widget-toggle .fa {
margin-left: 5px;
font-size: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.widget-toggle:hover {
background-color: #333;
}
.widget-expand-content {
background-color: #2b2b2b;
padding: 30px 20px;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
}
.widget-expand-content .widget {
margin-bottom: 40px;
color: #CBCBCB;
}
.widget-expand-content .widget ul li {
border-bottom-color: rgba(255, 255, 255, 0.05);
}
.widget-expand-content .widget ul li a {
color: #CBCBCB;
}
.widget-expand-content .widget-list .item + .item {
border-top-color: rgba(255, 255, 255, 0.05);
}
.widget-expand-content .widget_categories ul li a:before {
display: none;
}
.widget-expand-content .widget .pi-social-square {
text-align: left;
}
.widget-expand-content .widget-tweet-content .item .item-content a {
color: #fff;
}
.widget-expand-content .widget-tweet-content .item:after {
background-color: rgba(255, 255, 255, 0.1);
}
.widget-expand-content .tagcloud a, .widget-expand-content #comments .comment-edit-reply a, #comments .widget-expand-content .comment-edit-reply a {
border-color: rgba(255, 255, 255, 0.2);
}
.widget-expand-content .pi-social-square a .fa {
background-color: rgba(255, 255, 255, 0.05);
color: #eee;
}
.widget-expand-content .widget-list .item-title {
color: #DDDDDD;
}
.widget-expand-content .widget-list .item-meta {
color: #BFBFBF;
}
.widget-expand-content .widget_newsletter .form-item input {
background-color: rgba(255, 255, 255, 0.05);
color: #eee;
border-color: rgba(255, 255, 255, 0.1);
}
.widget-expand-content .widget_newsletter .form-submit input {
color: #eee;
border-color: rgba(255, 255, 255, 0.1);
}
.widget-expand-content .widget-title {
text-align: left;
font-size: 14px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.widget-expand-content .widget-title:after,
.widget-expand-content .widget-title span {
display: none;
}
.widget-expand-content .widget_calendar #wp-calendar {
background: none;
}
.widget-expand-content .widget_calendar #wp-calendar caption {
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
}
.widget-expand-content .widget_calendar #wp-calendar thead th {
color: #eee;
}
.widget-expand-content .widget_calendar #wp-calendar tfoot,
.widget-expand-content .widget_calendar #wp-calendar th,
.widget-expand-content .widget_calendar #wp-calendar td {
border-color: #3f3f3f;
}
/* + Social */
.pi-social-square {
font-size: 0;
margin: -4px;
margin-top: 15px;
}
.pi-social-square a {
display: inline-block;
margin: 4px;
}
.pi-social-square a:hover {
color: #fff !important;
}
.pi-social-square a .fa {
display: block;
background-color: #f1f1f1;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 16px;
color: #626262;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-social-square a:hover .fa {
color: #fff;
}
.pi-social-square a:hover .fa.fa-facebook {
background-color: #325d94;
}
.pi-social-square a:hover .fa.fa-twitter {
background-color: #00aadb;
}
.pi-social-square a:hover .fa.fa-tumblr {
background-color: #2f4e6b;
}
.pi-social-square a:hover .fa.fa-dribbble {
background-color: #fb4087;
}
.pi-social-square a:hover .fa.fa-youtube-play {
background-color: #df2e1c;
}
.pi-social-square a:hover .fa.fa-vk {
background-color: #4c75a3;
}
.pi-social-square a:hover .fa.fa-google-plus {
background-color: #df2e1c;
}
.pi-social-square a:hover .fa.fa-vimeo-square {
background-color: #63b3e4;
}
.pi-social-square a:hover .fa.fa-instagram {
background-color: #517fa4;
}
.pi-social-square a:hover .fa.fa-pinterest {
background-color: #cc1d24;
}
.pi-social-square a:hover .fa.fa-behance {
background-color: #1478ff;
}
.pi-social-square a:hover .fa.fa-heart {
background-color: #4bd1fa;
}
.page-search {
position: absolute;
background-color: #2b2b2b;
height: 100%;
top: 0;
left: 0;
right: 0;
display: none;
z-index: 999999;
}
.page-search .page-search-close {
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
font-size: 20px;
color: #fff;
position: absolute;
top: 50%;
right: 0;
cursor: pointer;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.page-search .page-search-close:hover {
color: #d4b491;
}
.page-search .tb {
height: 100%;
}
.page-search .tb-cell {
width: 100%;
text-align: center;
padding: 10px 0;
}
.page-search .tb-cell form {
width: 100%;
}
.page-search .tb-cell input {
border: 0;
background: none;
line-height: 34px;
padding-right: 40px;
border: 1px solid rgba(255, 255, 255, 0.1);
height: auto;
width: 100%;
color: #fff;
letter-spacing: 0.1em;
}
/* + Owl carousel */
.owl-controls .owl-buttons div {
position: absolute;
z-index: 9;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: #2b2b2b;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.owl-controls .owl-buttons div.owl-prev {
left: -40px;
}
.owl-controls .owl-buttons div.owl-next {
right: -40px;
}
.owl-controls .owl-buttons div:hover {
background-color: #d4b491;
}
.owl-theme {
overflow: hidden;
}
.owl-theme .owl-pagination {
position: absolute;
z-index: 30;
left: 50%;
bottom: 10px;
z-index: 999;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.owl-theme .owl-controls {
margin-top: 0;
}
.owl-theme .owl-controls .owl-page span {
width: 10px;
height: 10px;
opacity: 1;
border: 1px solid #fff;
background-color: transparent;
}
.owl-theme .owl-controls .owl-page.active span {
background-color: #fff;
}
.owl-theme:hover .owl-controls .owl-buttons div.owl-prev {
left: 10px;
}
.owl-theme:hover .owl-controls .owl-buttons div.owl-next {
right: 10px;
}
/* + Nav page */
.pi-grid .pi-nav-page {
padding-left: 15px;
padding-right: 15px;
}
.pi-nav-page {
overflow: hidden;
clear: both;
padding-top: 50px;
margin-bottom: 20px;
}
.pi-nav-page .new-post,
.pi-nav-page .old-post {
position: relative;
position: relative;
font-family: "Droid Serif", serif;
font-size: 12px;
text-transform: uppercase;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #2b2b2b;
padding: 5px 20px;
float: left;
letter-spacing: 0.1em;
z-index: 9;
}
.pi-nav-page .new-post:before {
content: '\f104';
font-family: 'FontAwesome';
display: inline-block;
margin-right: 5px;
}
.pi-nav-page .old-post {
float: right;
}
.pi-nav-page .old-post:after {
content: '\f105';
font-family: 'FontAwesome';
display: inline-block;
margin-left: 5px;
}
@media screen and (max-width: 500px) {
.pi-nav-page .new-post, .pi-nav-page .old-post {
font-size: 9px;
}
}
/* 3. Layout
--------------------------------------------------------------------------------*/
/* + Header */
#pi-header {
position: relative;
background-color: white;
z-index: 10;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#pi-header.background-image {
z-index: 9;
border: 0;
}
#pi-header.background-image:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: .4;
z-index: -1;
}
.header-logo {
padding: 60px 30px;
}
.header-top {
position: relative;
height: 54px;
}
.pi-header-fixed {
position: absolute;
height: 54px;
background-color: #2b2b2b;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
}
.pi-header-fixed .pi-container {
height: 100%;
}
.pi-header-fixed.pi-sticky {
position: fixed;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-navigation {
height: 100%;
}
.pi-menulist {
position: relative;
}
.pi-menulist li a {
display: block;
text-transform: uppercase;
font-family: "Droid Serif", serif;
font-size: 10px;
color: white;
margin: 0 20px;
line-height: 54px;
}
.pi-menulist li:first-child a {
margin-left: 0;
}
.pi-menulist li.current-menu-parent > a, .pi-menulist li.current-menu-item > a, .pi-menulist li:hover > a {
color: #d4b491;
}
@media screen and (min-width: 992px) {
.pi-menulist > li:before {
content: '';
display: block;
position: absolute;
width: 1px;
height: 30%;
background-color: rgba(255, 255, 255, 0.1);
margin: auto;
top: 0;
left: 0;
bottom: 0;
}
.pi-menulist > li:first-child:before {
display: none;
}
.pi-menulist > li a {
display: inline-block;
}
.pi-menulist > li.menu-item-has-children:after {
content: '\f107';
display: inline-block;
font-family: 'FontAwesome';
font-size: 11px;
text-indent: -18px;
position: relative;
top: 1px;
color: #c6c6c6;
}
.pi-menulist li {
position: relative;
display: inline-block;
}
.pi-menulist li:first-child .sub-menu {
left: -17px;
}
.pi-menulist li .sub-menu {
background-color: #2b2b2b;
width: 190px;
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.05);
top: 100%;
left: 3px;
opacity: 0;
visibility: hidden;
}
.pi-menulist li .sub-menu li {
display: block;
}
.pi-menulist li .sub-menu li.menu-item-has-children:after {
content: '\f105';
display: inline-block;
font-family: 'FontAwesome';
font-size: 11px;
text-indent: -18px;
position: absolute;
top: 48%;
right: 0;
color: #c6c6c6;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.pi-menulist li .sub-menu li a {
display: block;
margin: 0;
line-height: 40px;
font-size: 10px;
padding: 0 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.pi-menulist li .sub-menu li:last-child a {
border: 0;
}
.pi-menulist li .sub-menu .sub-menu {
top: -1px;
left: 100%;
}
.pi-menulist li:hover > .sub-menu {
opacity: 1;
visibility: visible;
}
}
.header-right {
font-size: 0;
position: absolute;
top: 0;
right: 15px;
min-width: 230px;
text-align: right;
}
.header-right .pi-social {
display: inline-block;
margin-right: 12px;
}
.header-right .pi-social a {
color: #fff;
font-size: 13px;
}
.header-right .item {
display: inline-block;
font-size: 13px;
color: white;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.header-right .item .fa {
position: relative;
width: 32px;
height: 54px;
line-height: 54px;
text-align: right;
}
.header-right .item .fa:after {
content: '';
display: block;
position: absolute;
width: 1px;
height: 30%;
background-color: rgba(255, 255, 255, 0.2);
margin: auto;
top: 0;
left: 0;
bottom: 0;
}
.header-right .item:hover {
color: #d4b491;
}
.toggle-menu {
position: absolute;
display: none;
width: 54px;
height: 54px;
cursor: pointer;
margin: auto;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
}
.toggle-menu .item {
position: absolute;
display: block;
font-size: 0;
width: 20px;
height: 2px;
background-color: white;
margin: auto;
left: 0;
right: 0;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.toggle-menu .item-1 {
top: 20px;
}
.toggle-menu .item-2 {
top: 0;
bottom: 0;
}
.toggle-menu .item-3 {
bottom: 20px;
}
.toggle-menu.toggle-active .item {
background-color: #d4b491;
}
.submenu-toggle {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-left: 1px solid rgba(255, 255, 255, 0.04);
float: right;
cursor: pointer;
margin-top: -40px;
font-size: 18px;
color: #fff;
}
@media screen and (max-width: 991px) {
.pi-navigation {
position: fixed;
width: 240px;
height: auto;
top: 0;
left: 0;
bottom: 0;
z-index: 9999;
border-top: 1px solid rgba(0, 0, 0, 0.05);
background-color: #333;
-webkit-box-shadow: 0 100px 0 0 #333;
-moz-box-shadow: 0 100px 0 0 #333;
box-shadow: 0 100px 0 0 #333;
overflow: hidden;
overflow-y: auto;
border-right: 1px solid rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-navigation.pi-navigation-active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.toggle-menu {
display: block;
}
.pi-menulist li a {
line-height: 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
margin: 0;
padding: 0 15px;
}
.pi-menulist li .sub-menu {
position: absolute;
background-color: #333;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
overflow-y: auto;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-menulist li .sub-menu.sub-menu-active {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/* + Featured */
.pi-border {
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
overflow: hidden;
z-index: -1;
}
.pi-border:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
border: 1px solid #555555;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.pi-border span:before, .pi-border span:after {
content: '';
display: block;
position: absolute;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #555555;
background-color: #2b2b2b;
}
.pi-border span:nth-child(1):before {
top: -18px;
left: -18px;
}
.pi-border span:nth-child(1):after {
top: -18px;
right: -18px;
}
.pi-border span:nth-child(2):before {
bottom: -18px;
left: -18px;
}
.pi-border span:nth-child(2):after {
bottom: -18px;
right: -18px;
}
.featured-slider {
position: relative;
z-index: 9;
background-color: #eee;
margin-top: 60px;
}
.featured-slider.pi-container {
background: none;
}
.featured-slider:after {
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
border-top-color: #262626;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: loadingSlider 1s linear infinite;
-moz-animation: loadingSlider 1s linear infinite;
-ms-animation: loadingSlider 1s linear infinite;
-o-animation: loadingSlider 1s linear infinite;
animation: loadingSlider 1s linear infinite;
}
.featured-slider.owl-carousel:after {
display: none;
}
.featured-slider .owl-wrapper-outer .item {
display: block;
opacity: 1;
}
.featured-slider .item {
position: relative;
padding-top: 28%;
opacity: 0;
}
.featured-slider .item + .item {
display: none;
}
.featured-slider .background-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.featured-slider .item-content {
position: absolute;
z-index: 9999;
text-align: center;
max-width: 480px;
width: 100%;
background-color: #2b2b2b;
opacity: 0;
left: 50%;
padding: 50px 40px;
-webkit-transform: translate(-50%, -30%);
-moz-transform: translate(-50%, -30%);
-ms-transform: translate(-50%, -30%);
-o-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
z-index: 9;
-webkit-transition: all 1.5s cubic-bezier(0.26, 0.765, 0.07, 1) 0.7s;
-moz-transition: all 1.5s cubic-bezier(0.26, 0.765, 0.07, 1) 0.7s;
-ms-transition: all 1.5s cubic-bezier(0.26, 0.765, 0.07, 1) 0.7s;
-o-transition: all 1.5s cubic-bezier(0.26, 0.765, 0.07, 1) 0.7s;
transition: all 1.5s cubic-bezier(0.26, 0.765, 0.07, 1) 0.7s;
}
.featured-slider .item-content:before, .featured-slider .item-content:after {
content: '';
display: block;
position: absolute;
width: 3px;
height: 500px;
top: -500px;
background-color: #fff;
}
.featured-slider .item-content:before {
left: 90px;
}
.featured-slider .item-content:after {
right: 90px;
}
.featured-slider .item-content .pi-circle:before, .featured-slider .item-content .pi-circle:after {
content: '';
display: block;
position: absolute;
width: 11px;
height: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #fff;
top: 28px;
}
.featured-slider .item-content .pi-circle:before {
left: 86px;
}
.featured-slider .item-content .pi-circle:after {
right: 86px;
}
.featured-slider .item-content .item-title {
margin-bottom: 10px;
}
.featured-slider .item-content .item-title h2 {
font-size: 20px;
letter-spacing: 0.1em;
margin-top: 13px;
}
.featured-slider .item-content .item-meta {
font-size: 10px;
text-transform: uppercase;
color: #dfdfdf;
letter-spacing: 0.2em;
}
.featured-slider .item-content .item-more a {
display: inline-block;
margin-top: 25px;
font-size: 10px;
font-family: "Droid Serif", serif;
color: #fff !important;
border: 1px solid #6b6b6b;
text-transform: uppercase;
letter-spacing: .2em;
padding: 0 24px;
line-height: 34px;
position: relative;
z-index: 9;
}
.featured-slider .item-content .item-more a:after {
content: '';
display: block;
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
border: 1px solid #6b6b6b;
z-index: -1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.featured-slider .item-content .item-more a:hover {
border-color: #d4b491;
}
.featured-slider .item-content .item-more a:hover:after {
background-color: #d4b491;
border-color: #d4b491;
}
.featured-slider .item-content .item-title h2 a {
color: #fff !important;
}
.featured-slider .item-content .item-title h2 a:hover {
color: #d4b491 !important;
}
.featured-slider .active .item .item-content {
opacity: 1;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.featured-slider.pi-container .item {
padding-top: 45%;
}
.featured-slider .owl-controls .owl-buttons div.owl-prev {
left: 10px;
}
.featured-slider .owl-controls .owl-buttons div.owl-next {
right: 10px;
}
.featured-static {
margin-top: 40px;
}
.featured-static .pi-row {
margin-left: -15px;
margin-right: -15px;
}
.featured-static .item {
position: relative;
}
.featured-static .item .image-cover, .featured-static .item .images-slider .item, .images-slider .featured-static .item .item, .featured-static .item .post-link ~ .images, .featured-static .item .pi-list .post-media .images, .pi-list .post-media .featured-static .item .images,
.featured-static .item .pi-grid .post-media .images,
.pi-grid .post-media .featured-static .item .images, .featured-static .item .related-post .post-media, .related-post .featured-static .item .post-media {
padding-top: 60%;
}
.featured-static .item img {
width: 100%;
}
.featured-static .item .item-cat {
margin-top: 7px;
}
.featured-static .item .item-cat ul li {
margin-left: 0;
}
.featured-static .item .item-cat ul li a {
padding-left: 12px;
}
.featured-static .item .item-cat ul li a:before {
display: none;
}
.featured-static .item .item-cat ul li + li {
display: none;
}
.featured-static .item .item-meta {
font-size: 10px;
text-transform: uppercase;
color: #dfdfdf;
letter-spacing: 0.2em;
}
.featured-static .item .item-body {
position: relative;
background-color: #2b2b2b;
width: 100%;
left: 0;
bottom: 0;
z-index: 9;
padding: 10px;
}
.featured-static .item .item-body:after {
content: '';
display: block;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border: 1px solid #555;
z-index: -1;
}
.featured-static .item .item-body h2 {
margin-top: 5px;
margin-bottom: 0;
text-transform: uppercase;
font-size: 14px;
}
.featured-static .item .post-date {
position: relative;
left: auto;
top: auto;
float: left;
margin-right: 20px;
}
.featured-static .item .post-date:after {
right: 0;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
@-webkit-keyframes loadingSlider {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes loadingSlider {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes loadingSlider {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes loadingSlider {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loadingSlider {
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.autoHeight {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 1400px) {
.featured-slider .item {
padding-top: 30%;
}
}
@media screen and (max-width: 991px) {
.featured-slider .item-content .item-title h2 {
font-size: 16px;
}
.featured-slider .item {
padding-top: 40%;
}
.featured-slider .item .item-more {
display: none;
}
.featured-slider .item-content {
max-width: 400px;
}
.featured-static .pi-three-column {
width: 100%;
float: none;
margin-bottom: 30px;
}
.featured-static .pi-three-column:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.featured-slider .item-content {
max-width: 340px;
width: 80%;
}
.featured-slider .item-content .item-title h2 {
font-size: 12px;
}
.featured-slider .item {
padding-top: 0;
height: 300px;
}
.featured-slider .item-content .item-meta {
font-size: 8px;
}
.featured-slider .item-content {
padding: 30px 25px;
}
.featured-slider .item-content:before {
left: 40px;
}
.featured-slider .item-content:after {
right: 40px;
}
.featured-slider .item-content .pi-circle:before,
.featured-slider .item-content .pi-circle:after {
width: 9px;
height: 9px;
}
.featured-slider .item-content .pi-circle:before {
left: 36px;
}
.featured-slider .item-content .pi-circle:after {
right: 36px;
}
}
@media screen and (max-width: 480px) {
.featured-slider .item-content {
padding: 25px 20px;
}
.featured-slider .owl-controls .owl-buttons div {
width: 26px;
height: 26px;
line-height: 26px;
}
.featured-slider .owl-controls .owl-buttons div.owl-prev {
left: 5px !important;
}
.featured-slider .owl-controls .owl-buttons div.owl-next {
right: 5px !important;
}
.featured-static .item .item-meta {
font-size: 8px;
}
.featured-static .item .item-body h2 {
font-size: 10px;
}
.widget-expand {
width: 270px;
}
}
/* + Content */
.pi-content {
width: 72%;
float: left;
padding-left: 21px;
padding-right: 21px;
}
/* + Sidebar */
.pi-sidebar {
width: 28%;
float: left;
padding-left: 21px;
padding-right: 21px;
}
/* + Main */
.main-content {
padding-top: 70px;
padding-bottom: 70px;
overflow: hidden;
border-top: 1px solid #eee;
}
.featured-slider ~ .main-content {
border: 0;
}
.left-sidebar .pi-content {
float: right;
}
.no-sidebar .pi-content {
width: 100%;
}
.category-page-title {
position: relative;
background-color: #2b2b2b;
margin-bottom: 30px;
text-align: center;
z-index: 9;
}
.category-page-title h1 {
margin: 0;
padding: 30px 15px;
font-size: 18px;
color: #fff;
text-transform: uppercase;
}
.pi-nav-thumbnail .prev,
.pi-nav-thumbnail .next {
position: fixed;
left: 0;
z-index: 999;
-webkit-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-moz-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-ms-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-o-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
}
.pi-nav-thumbnail .prev a,
.pi-nav-thumbnail .next a {
position: relative;
display: block;
width: 200px;
z-index: 9;
}
.pi-nav-thumbnail .prev a:after,
.pi-nav-thumbnail .next a:after {
content: '';
display: block;
position: absolute;
width: 30px;
height: 100%;
background-color: #e8eaee;
top: 0;
right: 0;
z-index: -2;
-webkit-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-moz-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-ms-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-o-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
}
.pi-nav-thumbnail .prev a .image-cover, .pi-nav-thumbnail .prev a .images-slider .item, .images-slider .pi-nav-thumbnail .prev a .item, .pi-nav-thumbnail .prev a .post-link ~ .images, .pi-nav-thumbnail .prev a .pi-list .post-media .images, .pi-list .post-media .pi-nav-thumbnail .prev a .images,
.pi-nav-thumbnail .prev a .pi-grid .post-media .images,
.pi-grid .post-media .pi-nav-thumbnail .prev a .images, .pi-nav-thumbnail .prev a .related-post .post-media, .related-post .pi-nav-thumbnail .prev a .post-media,
.pi-nav-thumbnail .next a .image-cover,
.pi-nav-thumbnail .next a .images-slider .item,
.images-slider .pi-nav-thumbnail .next a .item,
.pi-nav-thumbnail .next a .post-link ~ .images,
.pi-nav-thumbnail .next a .pi-list .post-media .images,
.pi-list .post-media .pi-nav-thumbnail .next a .images,
.pi-nav-thumbnail .next a .pi-grid .post-media .images,
.pi-grid .post-media .pi-nav-thumbnail .next a .images,
.pi-nav-thumbnail .next a .related-post .post-media,
.related-post .pi-nav-thumbnail .next a .post-media {
padding-top: 56.25%;
}
.pi-nav-thumbnail .prev a h4,
.pi-nav-thumbnail .next a h4 {
font-size: 10px;
margin: 0;
background-color: #2b2b2b;
color: #fff;
padding: 8px;
text-transform: uppercase;
}
.pi-nav-thumbnail .prev a .fa,
.pi-nav-thumbnail .next a .fa {
position: absolute;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
margin: auto;
font-size: 22px;
color: #2b2b2b;
top: 0;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-moz-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-ms-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-o-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
}
.pi-nav-thumbnail .prev:hover,
.pi-nav-thumbnail .next:hover {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-moz-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-ms-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
-o-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1) 0.3s;
}
.pi-nav-thumbnail .prev {
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
margin-left: 30px;
}
.pi-nav-thumbnail .prev a {
padding-right: 30px;
}
.pi-nav-thumbnail .prev:hover {
margin-left: 0;
}
.pi-nav-thumbnail .prev:hover a .fa, .pi-nav-thumbnail .prev:hover a:after {
right: 30px;
-webkit-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-moz-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-ms-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-o-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
}
.pi-nav-thumbnail .next {
left: auto;
right: 0;
margin-right: 30px;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.pi-nav-thumbnail .next a {
padding-left: 30px;
}
.pi-nav-thumbnail .next a .fa, .pi-nav-thumbnail .next a:after {
right: auto;
left: 0;
}
.pi-nav-thumbnail .next:hover {
margin-right: 0;
}
.pi-nav-thumbnail .next:hover a .fa, .pi-nav-thumbnail .next:hover a:after {
left: 30px;
-webkit-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-moz-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-ms-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
-o-transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
transition: all 0.4s cubic-bezier(0.26, 0.765, 0.07, 1);
}
@media screen and (max-width: 1030px) {
.pi-nav-thumbnail {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.pi-content,
.pi-sidebar {
width: 100%;
float: none !important;
}
.pi-sidebar {
margin-top: 50px;
}
}
/* + Footer */
#pi-footer {
background-color: #2b2b2b;
}
.footer-social {
position: relative;
background-color: #2b2b2b;
z-index: 9;
text-align: center;
}
.footer-social .pi-container {
padding: 48px 0;
}
.footer-social .pi-container a {
display: inline-block;
font-size: 10px;
font-family: "Droid Serif", serif;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 5px 18px;
}
.footer-social .pi-container a .fa {
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 14px !important;
color: #2b2b2b;
border-radius: 50%;
background-color: #d4b491;
margin-right: 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.footer-images {
position: relative;
overflow: hidden;
}
.footer-images h4 {
font-size: 12px;
color: #d4b491;
text-transform: uppercase;
padding: 0 20px;
line-height: 44px;
height: 44px;
background-color: #2b2b2b;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
white-space: nowrap;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 9;
}
.footer-images h4:after {
content: '';
display: block;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border: 1px solid #555;
z-index: -1;
}
.footer-images .content {
overflow: hidden;
}
.footer-images .content a {
display: block;
width: 12.5%;
float: left;
}
.footer-images .content a img {
width: 100%;
}
.footer-images .content a:hover {
opacity: .7;
}
.copyright {
font-size: 12px;
color: #fff;
text-align: center;
padding: 30px 15px;
text-transform: uppercase;
}
.copyright p {
margin-bottom: 0;
}
@media screen and (max-width: 1030px) {
.footer-social .pi-container {
padding: 30px 0;
}
.footer-social .pi-container a {
padding: 5px 10px;
font-size: 0;
}
.footer-social .pi-container a .fa {
margin-right: 0;
}
}
@media screen and (max-width: 991px) {
.footer-images .content a {
width: 16.6666667%;
display: none;
}
.footer-images .content a:nth-child(1), .footer-images .content a:nth-child(2), .footer-images .content a:nth-child(3), .footer-images .content a:nth-child(4), .footer-images .content a:nth-child(5), .footer-images .content a:nth-child(6) {
display: block;
}
}
@media screen and (max-width: 767px) {
.footer-images .content a {
width: 25%;
}
.footer-images .content a:nth-child(5), .footer-images .content a:nth-child(6) {
display: none;
}
}
@media screen and (max-width: 640px) {
.footer-images h4 {
font-size: 8px;
padding: 0 15px;
line-height: 30px;
height: 30px;
}
.footer-images .content a {
width: 33.33333333%;
}
.footer-images .content a:nth-child(4) {
display: none;
}
.copyright {
font-size: 10px;
padding: 20px 15px;
}
}
/* + WP fix */
.post .wp-caption {
display: inline-block;
}
.post .wp-caption,
.post .wp-caption img {
max-width: 100%;
}
.post .wp-caption a {
display: block;
}
.post .wp-caption img {
position: relative;
margin-bottom: 10px;
top: 5px;
width: 100% !important;
}
.post .wp-caption .wp-caption-text {
font-size: 12px;
font-style: italic;
text-align: center;
margin-bottom: 10px;
}
.alignleft {
float: left;
margin-right: 30px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin-left: 30px;
}
/* Gallery */
.post .post-body .post-entry .gallery {
margin-left: -10px !important;
margin-right: -10px !important;
overflow: hidden;
}
.post .post-body .post-entry .gallery .gallery-item {
position: relative;
padding: 10px;
margin: 0 !important;
}
.post .post-body .post-entry .gallery-columns-1 .gallery-item {
width: 100% !important;
}
.post .post-body .post-entry .gallery-columns-2 .gallery-item {
width: 25% !important;
}
.post .post-body .post-entry .gallery-columns-3 .gallery-item {
width: 33.3333333333% !important;
}
.post .post-body .post-entry .gallery-columns-4 .gallery-item {
width: 25% !important;
}
.post .post-body .post-entry .gallery-columns-5 .gallery-item {
width: 20% !important;
}
.post .post-body .post-entry .gallery-columns-6 .gallery-item {
width: 16.6666667% !important;
}
.post .post-body .post-entry .gallery-columns-7 .gallery-item {
width: 14.2857143% !important;
}
.post .post-body .post-entry .gallery-columns-8 .gallery-item {
width: 12.5% !important;
}
.post .post-body .post-entry .gallery-columns-9 .gallery-item {
width: 11.1111111111% !important;
}
.post .post-body .post-entry .gallery br {
display: none;
}
.post .post-body .post-entry .gallery .gallery-caption {
position: absolute;
padding: 10px 5px;
left: 10px;
right: 10px;
bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
pointer-events: none;
}
.post .post-body .post-entry .gallery a {
display: block;
}
.post .post-body .post-entry .gallery a img {
width: 100%;
border: 0 !important;
}
.pi-content .post .post-body .pi-tabs ul {
border-bottom: 1px solid #eee;
}
.pi-content .post .post-body .pi-tabs ul li {
padding: 0;
margin: 0;
}
.pi-content .post .post-body .pi-tabs ul li a {
background: none;
border: 0;
font-weight: 700;
color: #444;
padding: 9px 16px;
border-bottom: 2px solid transparent;
}
.pi-tabs .ui-tabs-panel {
margin-top: 0;
border-top: 0;
}
.pi-accordion .ui-accordion-content, .pi-tabs .ui-tabs-panel {
padding: 15px;
}
.pi-accordion-title:hover,
.pi-tabs-title li.pi-title a:hover {
color: #fff;
}
.pi-accordion-title:hover,
.pi-tabs-title li.pi-title a:hover,
.pi-accordion-title.ui-accordion-header-active,
.pi-tabs-title li.pi-title.ui-tabs-active a {
color: #d4b491;
background-color: #f1f1f1;
}
.pi-content .post .post-body .pi-tabs-title li.pi-title.ui-tabs-active a {
border-color: #d4b491;
color: #d4b491;
}
.panel-primary > .panel-heading {
background-color: #f1f1f1;
border: 0;
color: #444;
font-weight: 700;
}
.pi-accordion-title {
padding: 11px 15px;
border: 1px solid #f1f1f1 !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.panel-primary {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-primary > .panel-body {
border: 1px solid #eee;
}
/* Table */
.pi-content .post-body .post-entry table {
background-color: transparent;
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
.pi-content .post-body .post-entry table th {
text-align: left;
}
.pi-content .post-body .post-entry table a {
color: inherit;
}
.pi-content .post-body .post-entry table > thead > tr > th,
.pi-content .post-body .post-entry table > tbody > tr > th,
.pi-content .post-body .post-entry table > tfoot > tr > th,
.pi-content .post-body .post-entry table > thead > tr > td,
.pi-content .post-body .post-entry table > tbody > tr > td,
.pi-content .post-body .post-entry table > tfoot > tr > td {
border-top: 1px solid #ddd;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
}
.pi-content .post-body .post-entry table > thead > tr > th {
border-bottom: 2px solid #ddd;
vertical-align: bottom;
}
.pi-content .post-body .post-entry table > caption + thead > tr:first-child > th,
.pi-content .post-body .post-entry table > colgroup + thead > tr:first-child > th,
.pi-content .post-body .post-entry table > thead:first-child > tr:first-child > th,
.pi-content .post-body .post-entry table > caption + thead > tr:first-child > td,
.pi-content .post-body .post-entry table > colgroup + thead > tr:first-child > td,
.pi-content .post-body .post-entry table > thead:first-child > tr:first-child > td {
border-top: 0 none;
}
.pi-content .post-body .post-entry table > tbody + tbody {
border-top: 2px solid #ddd;
}
.pi-nothing-found {
padding: 50px 0;
}
.pi-nothing-found h1 {
font-size: 180px;
line-height: 1em;
}
.pi-nothing-found p {
font-size: 16px;
}
.textwidget > p,
.textwidget > .wp-caption {
background-color: #fff;
padding: 10px;
margin-bottom: 15px;
}
.textwidget > .wp-caption .wp-caption-text {
display: block;
font-style: italic;
text-align: center;
padding: 15px 10px 5px 10px;
font-size: 12px;
margin-bottom: 0;
}
.textwidget > p > img,
.textwidget > p > strong {
display: block;
margin-bottom: 10px;
}
.textwidget > p > br {
display: none;
}
.fb_iframe_widget {
width: 100%;
}
.fb_iframe_widget > span {
width: 100% !important;
max-width: 480px;
margin: 20px auto 0;
}
.fb_iframe_widget > span iframe {
width: 100% !important;
}
.widget_calendar #calendar_wrap {
position: relative;
}
.widget_calendar #wp-calendar {
width: 100%;
background-color: #fff;
}
.widget_calendar #wp-calendar caption {
position: relative;
background-color: #eceef2;
text-align: center;
font-family: "Droid Serif", serif;
font-size: 12px;
line-height: 40px;
text-transform: uppercase;
color: #444;
z-index: 9;
letter-spacing: 0.1em;
}
.widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td {
text-align: center;
border: 1px solid #eceef2;
padding: 3px 6px;
font-size: 12px;
text-transform: uppercase;
}
.widget_calendar #wp-calendar th#today, .widget_calendar #wp-calendar td#today {
color: #d4b491;
font-weight: 700;
}
.widget_calendar #wp-calendar thead th {
color: #585858;
font-family: "Droid Serif", serif;
padding: 6px;
font-size: 14px;
}
.widget_calendar #wp-calendar tbody td a {
color: #333;
font-weight: 700;
}
.widget_calendar #wp-calendar tbody td a:hover {
color: #d4b491;
}
.widget_calendar #wp-calendar tfoot {
border: 1px solid #eceef2;
border-top: 0;
}
.widget_calendar #wp-calendar tfoot td {
border: 0;
padding: 6px;
font-size: 12px;
}
.widget_calendar #wp-calendar tfoot td a {
color: #888;
}
.widget_calendar #wp-calendar tfoot td a:hover {
color: #d4b491;
}
.widget_calendar #wp-calendar tfoot td#prev {
text-align: left;
}
.widget_calendar #wp-calendar tfoot td#next {
text-align: right;
}
.post-edit-link {
position: absolute;
top: 0;
right: 0;
height: 40px;
line-height: 40px;
padding: 0 15px;
background: none;
border: 0;
background-color: #434343;
color: #fff;
font-family: "Droid Serif", serif;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.2em;
white-space: nowrap;
display: none;
z-index: 9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.post-edit-link:before {
content: "\f040";
font-family: 'FontAwesome';
display: inline-block;
margin-right: 5px;
}
.post-edit-link:hover {
opacity: .8;
}
.post:hover .post-edit-link {
display: block;
}
.admin-bar .pi-header-fixed {
top: 32px;
}
@media screen and (max-width: 991px) {
.admin-bar .pi-navigation {
top: 32px;
}
}
@media screen and (max-width: 782px) {
.admin-bar .pi-header-fixed.pi-sticky {
top: 46px;
}
.admin-bar .pi-navigation {
top: 46px;
}
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed;
}
}
/* 4. Pages
--------------------------------------------------------------------------------*/
/* + Page home */
.pi-list .post-media,
.pi-grid .post-media {
position: relative;
}
.pi-list .post-media .images,
.pi-grid .post-media .images {
padding-top: 65%;
}
.pi-list .post-header,
.pi-grid .post-header {
background: none;
padding: 20px 10px 10px 10px;
}
.pi-list .post-header .pi-border,
.pi-grid .post-header .pi-border {
display: none;
}
.pi-list .post-title h2,
.pi-grid .post-title h2 {
font-size: 16px;
margin-top: 8px;
margin-bottom: 3px;
color: #2b2b2b;
}
.pi-list .post-body,
.pi-grid .post-body {
padding-top: 0;
text-align: center;
}
.pi-list .post-meta,
.pi-grid .post-meta {
color: #525252;
}
.pi-list .post-entry,
.pi-grid .post-entry {
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
.pi-list .post-social,
.pi-grid .post-social {
display: none;
}
.pi-list .post-foot,
.pi-grid .post-foot {
border: 0;
}
.pi-list .post-more,
.pi-grid .post-more {
position: relative;
}
.pi-list .post-more:before, .pi-list .post-more:after,
.pi-grid .post-more:before,
.pi-grid .post-more:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 1px;
border: 0;
background-image: -webkit-linear-gradient(left, transparent 0%, #dddddd 50%, transparent 100%);
background-image: -moz-linear-gradient(left, transparent 0%, #dddddd 50%, transparent 100%);
background-image: -ms-linear-gradient(left, transparent 0%, #dddddd 50%, transparent 100%);
background-image: -o-linear-gradient(left, transparent 0%, #dddddd 50%, transparent 100%);
background: linear-gradient(to right, transparent 0%, #dddddd 47%, transparent 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#ddd',GradientType=1 );
}
.pi-list .post-more:before,
.pi-grid .post-more:before {
top: 0;
}
.pi-list .post-more:after,
.pi-grid .post-more:after {
bottom: 0;
}
.pi-list .post-more a,
.pi-grid .post-more a {
display: block;
background: none;
padding: 0;
color: #2b2b2b !important;
}
.pi-list .post-more a:after,
.pi-grid .post-more a:after {
display: none;
}
.pi-list .post-more a:hover,
.pi-grid .post-more a:hover {
color: #d4b491 !important;
}
.pi-grid-item {
width: 50%;
padding-left: 15px;
padding-right: 15px;
float: left;
}
@media screen and (min-width: 1200px) {
.no-sidebar .pi-grid-item {
width: 33.33333333%;
}
}
/* List */
.pi-list .post {
overflow: hidden;
}
.pi-list .post-media {
width: 320px;
float: left;
}
.pi-list .post-media .images {
padding-top: 75%;
}
.pi-list .post-header {
text-align: left;
padding-left: 28px;
padding-top: 10px;
overflow: hidden;
}
.pi-list .post-body {
overflow: hidden;
padding-left: 28px;
text-align: left;
}
.pi-list .post-entry {
padding: 0;
}
.pi-list .post-cat ul li {
margin-left: 0;
}
.pi-list .post-cat ul a {
padding-left: 12px;
}
.pi-list .post-cat ul a:before {
display: none;
}
.pi-list .post-more {
margin-top: 5px;
}
.pi-list .post-more a {
position: relative;
display: inline-block;
line-height: normal;
padding: 5px 0;
}
.pi-list .post-more a:before {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #ddd;
}
.pi-list .post-more:before,
.pi-list .post-more:after {
display: none;
}
.pi-list.pi-list-first-large .post:first-child,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child {
width: 100%;
}
.pi-list.pi-list-first-large .post:first-child .post-header,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-header {
background-color: #2b2b2b;
}
.pi-list.pi-list-first-large .post:first-child .post-header .pi-border,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-header .pi-border {
display: block;
}
.pi-list.pi-list-first-large .post:first-child .images,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .images {
padding-top: 0;
}
.pi-list.pi-list-first-large .post:first-child .images img,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .images img {
position: static !important;
max-width: 100% !important;
width: 100% !important;
height: auto !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.pi-list.pi-list-first-large .post:first-child .post-title h2,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-title h2 {
font-size: 20px;
color: #fff;
margin-top: 12px;
margin-bottom: 3px;
}
.pi-list.pi-list-first-large .post:first-child .post-meta,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-meta {
color: #dfdfdf;
}
.pi-list.pi-list-first-large .post:first-child .post-body,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-body {
padding: 30px 0px;
padding-bottom: 0;
text-align: left;
}
.pi-list.pi-list-first-large .post:first-child .post-entry,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-entry {
padding-bottom: 35px;
padding-left: 0;
padding-right: 0;
}
.pi-list.pi-list-first-large .post:first-child .post-header,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-header {
padding: 28px 25px 25px 25px;
text-align: center;
}
.pi-list.pi-list-first-large .post:first-child .post-social,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-social {
display: block;
}
.pi-list.pi-list-first-large .post:first-child .post-foot,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-foot {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.pi-list.pi-list-first-large .post:first-child .post-more:after, .pi-list.pi-list-first-large .post:first-child .post-more:before,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-more:after,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-more:before {
display: none;
}
.pi-list.pi-list-first-large .post:first-child .post-more a,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-more a {
position: relative;
display: inline-block;
font-family: "Droid Serif", serif;
font-size: 10px;
text-transform: uppercase;
color: #fff !important;
line-height: 44px;
padding: 0 22px;
background-color: #3d3d3d;
letter-spacing: 0.1em;
white-space: nowrap;
}
.pi-list.pi-list-first-large .post:first-child .post-more a:after,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-more a:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: 0;
right: 0;
border: solid transparent;
border-width: 22px 18px;
border-left-color: #3d3d3d;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pi-list.pi-list-first-large .post:first-child .post-more a:hover,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-more a:hover {
background-color: #2b2b2b;
color: #d4b491 !important;
}
.pi-list.pi-list-first-large .post:first-child .post-more a:hover:after,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-more a:hover:after {
border-left-color: #2b2b2b;
}
.pi-list-first-large .pi-content .post:first-child .post-media {
width: 100%;
float: none;
}
.pi-list-first-large .pi-content .post:first-child .post-cat ul li {
margin-left: 25px;
}
.pi-list-first-large .pi-content .post:first-child .post-cat ul a {
padding-left: 0;
}
.pi-list-first-large .pi-content .post:first-child .post-cat ul a:before {
display: block;
}
.pi-list-first-large .pi-content .post:first-child .post-more {
margin-top: 0;
}
.pi-list-first-large .pi-content .post:first-child .post-more a {
padding-top: 0;
padding-bottom: 0;
}
.pi-list-first-large .pi-content .post:first-child .post-more a:before {
display: none;
}
/* Single */
.pi-single .post-entry {
text-align: left;
}
.format-chat .post-body p {
padding: 20px;
margin-bottom: 10px;
}
.format-chat .post-body p:nth-of-type(odd) {
background-color: #f4f4f4;
}
.format-chat .post-body p:nth-of-type(even) {
background-color: #f9f9f9;
}
.tag-box {
font-family: "Droid Serif", serif;
font-size: 14px;
text-transform: uppercase;
color: #565656;
text-align: left;
margin-bottom: 40px;
}
.tag-box a {
font-family: "Lato", sans-serif;
font-size: 14px;
color: #626262;
text-transform: none;
font-style: italic;
}
.about-author {
margin-top: 45px;
margin-bottom: 45px;
padding: 35px;
overflow: hidden;
position: relative;
z-index: 9;
background-color: #f3f4f6;
}
.about-author .pi-border:before {
border-color: #e5e5e5;
}
.about-author .pi-border span:before, .about-author .pi-border span:after {
background-color: #f3f4f6;
border-color: #e5e5e5;
}
.about-author .image-thumb {
width: 110px;
overflow: hidden;
margin-right: 25px;
}
.about-author .author-info {
overflow: hidden;
}
.about-author .author-name {
display: inline-block;
margin-right: 25px;
}
.about-author .author-name h4 {
font-size: 14px;
margin-top: 0;
margin-bottom: 5px;
}
.about-author .author-social {
margin: 0 -6px;
}
.about-author .author-social a {
display: inline-block;
margin: 3px;
padding: 3px;
font-size: 13px;
}
.about-author .author-content p {
margin-bottom: 0;
}
/* Relatest post */
.related-post {
margin-bottom: 45px;
}
.related-post .pi-row {
margin-left: -15px;
margin-right: -15px;
}
.related-post .related-post-item:hover .post-body {
background-color: #d4b491;
}
.related-post .related-post-item:hover .post-body .post-title h2 {
color: #fff;
}
.related-post .related-post-title {
margin-bottom: 20px;
}
.related-post .post-media {
padding-top: 60%;
}
.related-post .post-media img {
width: 100%;
}
.related-post .post-body {
padding: 0;
background-color: #2b2b2b;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.related-post .post-body h2 {
margin: 0;
}
.related-post .post-title h2 {
text-transform: uppercase;
font-size: 12px;
margin-bottom: 0;
color: #fff;
}
.related-post .post-title h2 a {
display: block;
padding: 10px 15px;
color: inherit !important;
}
.related-post .post-date {
font-size: 10px;
}
.pi-three-column {
width: 33.33333333%;
float: left;
padding-left: 15px;
padding-right: 15px;
}
/* Comment */
#comments {
margin-bottom: 45px;
border-bottom: 1px solid #eceef2;
}
#comments .comment-navigation{
margin-top: 20px;
}
#comments a {
color: inherit;
}
.related-post-title,
#comments #comments-title {
position: relative;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
text-align: center;
text-transform: uppercase;
background-color: #f3f4f6;
color: #2b2b2b;
padding: 14px 15px;
z-index: 9;
}
.related-post-title:after,
#comments #comments-title:after {
content: '';
display: block;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
border: 1px solid #e5e5e5;
z-index: -1;
}
#comments .commentlist {
margin: 0;
padding: 0;
list-style: none;
}
#comments .commentlist > .comment .comment-box {
border-bottom: 1px solid #f1f1f1;
}
#comments .commentlist > .comment:last-child .comment-box {
border-bottom: 0;
}
#comments .commentlist .comment-author {
float: left;
width: 60px;
overflow: hidden;
margin-top: 4px;
}
#comments .commentlist .comment-body {
margin-left: 85px;
}
#comments .commentlist .comment-body p {
margin-top: 5px;
margin-bottom: 5px;
}
#comments .commentlist .children {
margin: 0;
padding: 0;
list-style: none;
margin-left: 85px;
}
#comments .commentlist .children .children {
margin-left: 30px;
}
#comments cite.fn {
display: inline-block;
font-family: "Droid Serif", serif;
font-size: 13px;
margin-right: 15px;
vertical-align: middle;
letter-spacing: 0.06em;
color: #2b2b2b;
}
#comments cite.fn a {
color: #2b2b2b;
}
#comments cite.fn a:hover {
color: #d4b491;
}
.bypostauthor cite.fn:before {
content: '';
font-family: 'FontAwesome';
display: inline-block;
margin-right: 5px;
}
#comments .comment-meta {
display: inline-block;
font-size: 10px;
text-transform: uppercase;
color: #7d7d7d;
vertical-align: middle;
line-height: normal;
text-transform: uppercase;
background-color: #f1f1f1;
padding: 2px 8px;
border-radius: 3px;
}
#comments .comment-box {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
}
#comments .comment-edit-reply {
text-align: right;
margin-top: 10px;
}
#comments .comment-edit-reply a {
padding: 0 8px;
float: none;
}
#respond #reply-title,
#respond .reply-title {
margin: 0;
margin-bottom: 30px;
font-size: 12px;
}
#respond .reply-title h3 {
margin-bottom: 30px;
font-size: 12px;
}
.pi-page .post-entry .form-item {
margin-bottom: 15px;
width: 50%;
}
#respond form {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
}
#respond .form-item {
width: 33.33333333%;
float: left;
padding: 0 15px;
}
#respond .form-submit {
float: left;
padding: 0 15px;
}
.pi-page .post-entry form.invalid .form-item {
margin-bottom: 33px;
}
span.wpcf7-not-valid-tip {
position: absolute;
display: block;
left: 0;
padding-top: 3px;
}
.pi-page .post-entry .form-textarea,
#respond .form-textarea {
width: 100%;
}
.pi-page .post-entry .form-submit input, .pi-page .post-entry .form-submit button,
#respond .form-submit input,
#respond .form-submit button {
width: auto;
padding: 0 25px;
}
@media screen and (max-width: 991px) {
.pi-list .post-media:after, .pi-grid .post-media:after,
.pi-list .post-media .post-meta, .pi-grid .post-media .post-meta {
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 767px) {
.pi-grid-item {
width: 100%;
}
.pi-grid .post-title h2 a {
white-space: normal;
}
}
@media screen and (max-width: 720px) {
.pi-list .post-media {
width: 100%;
float: none;
}
.pi-list .post-header {
padding-top: 20px;
}
.pi-list .post-body,
.pi-list .post-header {
padding-left: 0;
}
.pi-list .post-title h2 a {
white-space: normal;
}
.pi-list .post-more {
text-align: left;
}
.pi-list-first-large .pi-content .post:first-child .post-more {
text-align: left;
}
.pi-standard .post .post-title h2,
.item-title h1, .post-title h1,
.pi-list.pi-list-first-large .post:first-child .post-title h2,
.pi-grid.pi-grid-first-large .pi-grid-item:first-child .post-title h2 {
font-size: 16px;
}
.pi-three-column {
width: 100%;
float: none;
}
.pi-page .post-entry .form-item,
#respond .form-item {
width: 100%;
}
#comments .commentlist .children {
margin-left: 30px;
}
.related-post-item {
margin-bottom: 30px;
}
.pi-three-column:last-child .related-post-item {
margin-bottom: 0;
}
}
@media screen and (max-width: 500px) {
.pi-list .post-meta, .pi-grid .post-meta {
font-size: 10px;
}
.pi-list .post-body {
padding-bottom: 0;
}
.about-author .author-info {
overflow: visible;
}
#comments .commentlist .children {
margin-left: 15px;
}
#comments .commentlist .comment-author {
float: none;
}
#comments .commentlist .comment-body {
margin-left: 0;
margin-top: 10px;
}
.post-meta {
font-size: 8px;
}
.post-foot {
border: 0 !important;
text-align: center;
}
.post-more ~ .post-social {
position: static;
text-align: center;
padding: 6px;
margin-top: 30px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.pi-list-first-large .pi-content .post:first-child .post-more {
text-align: center;
}
}
@media screen and (max-width: 430px) {
.about-author .image-thumb {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 15px;
}
.about-author .image-thumb img {
width: 100%;
}
}
/* + About */
.pi-page.no-sidebar .pi-content {
max-width: 900px;
float: none;
margin-left: auto;
margin-right: auto;
}
.pi-page .post-entry {
text-align: left;
}
.pi-page .post-entry form {
margin-top: 20px;
margin-bottom: 50px;
}
.pi-page .post-entry .form-captcha {
position: relative;
}
.pi-page .post-entry .form-captcha .wpcf7-captchac {
position: absolute;
top: 50%;
left: 6px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.pi-page .post-entry .form-captcha .wpcf7-form-control-wrap {
display: block;
border: 1px solid #757575;
padding-left: 77px;
}
.pi-page .post-entry .form-captcha .wpcf7-form-control-wrap input {
border-top: 0;
border-right: 0;
border-bottom: 0;
}
.pi-about .post-entry .wp-caption:last-of-type .wp-caption-text {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-size: 12px;
text-transform: uppercase;
color: #565656;
}