html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block
}
body {
line-height: 1
}
ol, ul {
list-style: none
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font-family: "Crimson Text", sans-serif;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.571;
color: #999;
-webkit-font-smoothing: subpixel-antialiased;
-ms-font-smoothing: subpixel-antialiased;
-ms-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word
}
h1, h2, h3, h4, h5, h6 {
color: #0f0f0f;
margin: 1em 0 0.5em;
line-height: 1.2;
font-family: "Libre Baskerville", serif;
text-rendering: optimizelegibility;
font-weight: 400
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
color: #0f0f0f
}
h1 {
margin-top: 0;
font-size: 2.441em
}
h2 {
font-size: 1.953em
}
h3 {
font-size: 1.563em
}
h4 {
font-size: 1.25em
}
h5 {
font-size: 1em
}
h6 {
font-size: 0.8em
}
.subheader {
color: #777
}
p {
margin: 0 0 1.414em
}
p img {
margin: 0
}
p.lead {
font-size: 22px;
line-height: 27px;
color: #999
}
em {
font-style: italic
}
em.fa {
font-style: normal
}
strong {
font-weight: 700
}
small {
font-size: 80%
}
blockquote, blockquote p {
font-size: 18px;
line-height: 27px;
color: #999;
font-style: normal
}
blockquote {
margin: 0;
padding: 2px 20px 0;
border-left: 1px solid #eee
}
blockquote cite {
display: block;
font-size: 14px;
color: #444
}
blockquote cite:before {
content: "— "
}
blockquote cite a, blockquote cite a:visited {
color: #444
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
border: solid #eee;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 30px;
height: 0
}
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
mark {
background: 0 0
}
iframe {
width: 100%
}
a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none;
outline: 0
}
a:visited {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none;
outline: 0
}
p a, p a:visited {
line-height: inherit
}
ol, ul {
margin-bottom: 20px
}
ul {
list-style: none
}
ol {
list-style: decimal
}
ol, ul.circle, ul.disc, ul.square {
margin-left: 30px
}
ul.square {
list-style: square
}
ul.circle {
list-style: circle
}
ul.disc {
list-style: disc
}
ol ol, ol ul, ul ol, ul ul {
margin: 4px 0 5px 30px
}
ol ol li, ol ul li, ul ol li, ul ul li {
margin-bottom: 6px
}
li {
line-height: 1.571;
margin-bottom: 12px
}
li p, ul.large li {
line-height: 1.571
}
img {
max-width: 100%;
height: auto
}
.button, .widget a.button, a.button, button, input[type=button], input[type=reset], input[type=submit] {
background: #bea983;
border: 1px solid #bea983;
color: #fff;
display: inline-block;
font-size: 1em;
-webkit-font-smoothing: antialiased;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
padding: 11px 22px;
font-family: "Crimson Text", serif;
text-transform: uppercase;
letter-spacing: 0.0575em;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-webkit-appearance: none;
outline: 0
}
.button:hover, .widget a.button:hover, a.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
color: #fff;
background: #ae9364;
border-color: #ae9364
}
.button:active, .widget button:active, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
border: 1px solid #ae9364
}
.button.full-width, button.full-width, input[type=button].full-width, input[type=reset].full-width, input[type=submit].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
fieldset, form {
margin-bottom: 22px
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
border: 1px solid #eee;
padding: 11px 4px;
outline: 0;
font: 1em "Crimson Text", serif;
color: #999;
margin: 0 0 20px;
width: 220px;
border-radius: 0;
max-width: 100%;
background: #fff
}
select {
padding: 10px 4px
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
border: 1px solid #eee;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}
input[type=number], input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto;
vertical-align: top;
min-height: 60px
}
label, legend {
border: 0;
padding: 0;
display: block;
text-transform: capitalize;
font-weight: 400
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
display: inline
}
label span, legend span {
font-weight: 400;
font-size: 14px;
color: #0f0f0f
}
select {
width: 220px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.remove-bottom {
margin-bottom: 0 !important
}
.half-bottom {
margin-bottom: 10px !important
}
.add-bottom {
margin-bottom: 20px !important
}
address {
margin-bottom: 22px
}
abbr, acronym {
border-bottom: 1px dotted #070707
}
big {
font-size: larger
}
code {
padding: 2px 4px;
color: #aaa;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
display: inline-block
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 20px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f7f7f9;
border: 1px solid #ccc;
border: 1px solid rgba(225, 225, 238, 0.15)
}
cite, q, var {
font-style: italic
}
.wp-caption-text {
color: #888;
font-size: 12px;
margin-bottom: 6px
}
.wp-caption {
margin: 0 0 20px;
max-width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-image: initial;
text-align: left
}
.df-main table {
border-spacing: 0;
width: 100%;
border-collapse: separate;
margin-bottom: 1.5em
}
.df-main table td, .df-main table th {
padding: 0.8em;
text-align: left;
vertical-align: top;
white-space: nowrap
}
.df-main table td p:last-child, .df-main table th p:last-child {
margin-bottom: 0
}
.df-main table thead th {
border-bottom: 1px solid #ddd;
padding: 0.8em;
font-weight: 700;
vertical-align: middle
}
.df-main table tr td:last-child, .df-main table tr th:last-child {
border-right: 0
}
.df-main table tbody th {
border-bottom: 1px solid #ddd
}
.df-main table tbody td {
border-bottom: 1px solid #ddd
}
.df-main table tbody h2 {
font-size: 1em;
letter-spacing: normal;
font-weight: 400
}
.df-main table tbody h2 a {
font-weight: 400
}
.df-main table tbody tr:last-child td, .df-main table tbody tr:last-child th {
border-bottom: 1px solid #ddd
}
.df-main dt {
font-weight: 700
}
.df-main dd {
margin-left: 20px
}
.attachment img {
width: 100%
}
.df-category-content-post {
color: #999
}
.hide {
display: none
}
.alignleft {
display: inline;
float: left;
margin: 0.4em 1.5em 0.4em 0
}
.alignright {
display: inline;
float: right;
margin: 0.4em 0 0.4em 1.5em
}
.aligncenter {
clear: both;
display: block;
margin: 0.4em auto
}
.fr {
float: right
}
.fl {
float: left
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
.df_container-fluid {
max-width: 1170px;
width: 100%;
margin: 0 auto;
padding: 0
}
.df_row-fluid {
position: relative;
width: auto;
margin-left: -1.282051%;
margin-right: -1.282051%
}
.df_row-fluid:before, .df_row-fluid:after {
display: table;
content: ""
}
.df_row-fluid:after {
clear: both
}
.df_row-fluid [class*="df_span-"] {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding-left: 1.282051%;
padding-right: 1.282051%
}
.df_row-fluid [class*="df_span-"].right {
float: right
}
.df_row-fluid [class*="df_span-"].right:first-child {
margin-left: 1.282051%
}
.df_row-fluid [class*="df_span-"].right:last-child {
margin-left: 0
}
.df_row-fluid [class*="df_span-"].hide {
display: none
}
.full-width-content .df_row-fluid [class*="df_span-"] {
padding-left: 0;
padding-right: 0
}
.df_row-fluid .df_span-xs-12 {
width: 100%
}
.df_row-fluid .df_span-xs-11 {
width: 91.666667%
}
.df_row-fluid .df_span-xs-10 {
width: 83.333333%
}
.df_row-fluid .df_span-xs-9 {
width: 75%
}
.df_row-fluid .df_span-xs-8 {
width: 66.666667%
}
.df_row-fluid .df_span-xs-7 {
width: 58.333333%
}
.df_row-fluid .df_span-xs-6 {
width: 50%
}
.df_row-fluid .df_span-xs-5 {
width: 41.666667%
}
.df_row-fluid .df_span-xs-4 {
width: 33.333333%
}
.df_row-fluid .df_span-xs-3 {
width: 25%
}
.df_row-fluid .df_span-xs-2 {
width: 16.666667%
}
.df_row-fluid .df_span-xs-1 {
width: 8.333333%
}
.df_row-fluid .df_span-xs-offset-12 {
margin-left: 100%
}
.df_row-fluid .df_span-xs-offset-11 {
margin-left: 91.666667%
}
.df_row-fluid .df_span-xs-offset-10 {
margin-left: 83.333333%
}
.df_row-fluid .df_span-xs-offset-9 {
margin-left: 75%
}
.df_row-fluid .df_span-xs-offset-8 {
margin-left: 66.666667%
}
.df_row-fluid .df_span-xs-offset-7 {
margin-left: 58.333333%
}
.df_row-fluid .df_span-xs-offset-6 {
margin-left: 50%
}
.df_row-fluid .df_span-xs-offset-5 {
margin-left: 41.666667%
}
.df_row-fluid .df_span-xs-offset-4 {
margin-left: 33.333333%
}
.df_row-fluid .df_span-xs-offset-3 {
margin-left: 25%
}
.df_row-fluid .df_span-xs-offset-2 {
margin-left: 16.666667%
}
.df_row-fluid .df_span-xs-offset-1 {
margin-left: 8.333333%
}
.full-width-content.df_row-fluid .df_span-xs-12 {
width: 100%
}
.full-width-content.df_row-fluid .df_span-xs-11 {
width: 91.666667%
}
.full-width-content.df_row-fluid .df_span-xs-10 {
width: 83.333333%
}
.full-width-content.df_row-fluid .df_span-xs-9 {
width: 75%
}
.full-width-content.df_row-fluid .df_span-xs-8 {
width: 66.666667%
}
.full-width-content.df_row-fluid .df_span-xs-7 {
width: 58.333333%
}
.full-width-content.df_row-fluid .df_span-xs-6 {
width: 50%
}
.full-width-content.df_row-fluid .df_span-xs-5 {
width: 41.666667%
}
.full-width-content.df_row-fluid .df_span-xs-4 {
width: 33.333333%
}
.full-width-content.df_row-fluid .df_span-xs-3 {
width: 25%
}
.full-width-content.df_row-fluid .df_span-xs-2 {
width: 16.666667%
}
.full-width-content.df_row-fluid .df_span-xs-1 {
width: 8.333333%
}
@media only screen and (min-width: 768px) {
.df_row-fluid .df_span-sm-12 {
width: 100%
}
.df_row-fluid .df_span-sm-11 {
width: 91.666667%
}
.df_row-fluid .df_span-sm-10 {
width: 83.333333%
}
.df_row-fluid .df_span-sm-9 {
width: 75%
}
.df_row-fluid .df_span-sm-8 {
width: 66.666667%
}
.df_row-fluid .df_span-sm-7 {
width: 58.333333%
}
.df_row-fluid .df_span-sm-6 {
width: 50%
}
.df_row-fluid .df_span-sm-5 {
width: 41.666667%
}
.df_row-fluid .df_span-sm-4 {
width: 33.333333%
}
.df_row-fluid .df_span-sm-3 {
width: 25%
}
.df_row-fluid .df_span-sm-2 {
width: 16.666667%
}
.df_row-fluid .df_span-sm-1 {
width: 8.333333%
}
.df_row-fluid .df_span-sm-offset-12 {
margin-left: 100%
}
.df_row-fluid .df_span-sm-offset-11 {
margin-left: 91.666667%
}
.df_row-fluid .df_span-sm-offset-10 {
margin-left: 83.333333%
}
.df_row-fluid .df_span-sm-offset-9 {
margin-left: 75%
}
.df_row-fluid .df_span-sm-offset-8 {
margin-left: 66.666667%
}
.df_row-fluid .df_span-sm-offset-7 {
margin-left: 58.333333%
}
.df_row-fluid .df_span-sm-offset-6 {
margin-left: 50%
}
.df_row-fluid .df_span-sm-offset-5 {
margin-left: 41.666667%
}
.df_row-fluid .df_span-sm-offset-4 {
margin-left: 33.333333%
}
.df_row-fluid .df_span-sm-offset-3 {
margin-left: 25%
}
.df_row-fluid .df_span-sm-offset-2 {
margin-left: 16.666667%
}
.df_row-fluid .df_span-sm-offset-1 {
margin-left: 8.333333%
}
.full-width-content.df_row-fluid .df_span-sm-12 {
width: 100%
}
.full-width-content.df_row-fluid .df_span-sm-11 {
width: 91.666667%
}
.full-width-content.df_row-fluid .df_span-sm-10 {
width: 83.333333%
}
.full-width-content.df_row-fluid .df_span-sm-9 {
width: 75%
}
.full-width-content.df_row-fluid .df_span-sm-8 {
width: 66.666667%
}
.full-width-content.df_row-fluid .df_span-sm-7 {
width: 58.333333%
}
.full-width-content.df_row-fluid .df_span-sm-6 {
width: 50%
}
.full-width-content.df_row-fluid .df_span-sm-5 {
width: 41.666667%
}
.full-width-content.df_row-fluid .df_span-sm-4 {
width: 33.333333%
}
.full-width-content.df_row-fluid .df_span-sm-3 {
width: 25%
}
.full-width-content.df_row-fluid .df_span-sm-2 {
width: 16.666667%
}
.full-width-content.df_row-fluid .df_span-sm-1 {
width: 8.333333%
}
.df_row-fluid .df_span-col5 {
width: 17.948%
}
}
@media only screen and (min-width: 992px) {
.df_row-fluid .df_span-md-12 {
width: 100%
}
.df_row-fluid .df_span-md-11 {
width: 91.666667%
}
.df_row-fluid .df_span-md-10 {
width: 83.333333%
}
.df_row-fluid .df_span-md-9 {
width: 75%
}
.df_row-fluid .df_span-md-8 {
width: 66.666667%
}
.df_row-fluid .df_span-md-7 {
width: 58.333333%
}
.df_row-fluid .df_span-md-6 {
width: 50%
}
.df_row-fluid .df_span-md-5 {
width: 41.666667%
}
.df_row-fluid .df_span-md-4 {
width: 33.333333%
}
.df_row-fluid .df_span-md-3 {
width: 25%
}
.df_row-fluid .df_span-md-2 {
width: 16.666667%
}
.df_row-fluid .df_span-md-1 {
width: 8.333333%
}
.df_row-fluid .df_span-md-offset-12 {
margin-left: 100%
}
.df_row-fluid .df_span-md-offset-11 {
margin-left: 91.666667%
}
.df_row-fluid .df_span-md-offset-10 {
margin-left: 83.333333%
}
.df_row-fluid .df_span-md-offset-9 {
margin-left: 75%
}
.df_row-fluid .df_span-md-offset-8 {
margin-left: 66.666667%
}
.df_row-fluid .df_span-md-offset-7 {
margin-left: 58.333333%
}
.df_row-fluid .df_span-md-offset-6 {
margin-left: 50%
}
.df_row-fluid .df_span-md-offset-5 {
margin-left: 41.666667%
}
.df_row-fluid .df_span-md-offset-4 {
margin-left: 33.333333%
}
.df_row-fluid .df_span-md-offset-3 {
margin-left: 25%
}
.df_row-fluid .df_span-md-offset-2 {
margin-left: 16.666667%
}
.df_row-fluid .df_span-md-offset-1 {
margin-left: 8.333333%
}
.full-width-content.df_row-fluid .df_span-md-12 {
width: 100%
}
.full-width-content.df_row-fluid .df_span-md-11 {
width: 91.666667%
}
.full-width-content.df_row-fluid .df_span-md-10 {
width: 83.333333%
}
.full-width-content.df_row-fluid .df_span-md-9 {
width: 75%
}
.full-width-content.df_row-fluid .df_span-md-8 {
width: 66.666667%
}
.full-width-content.df_row-fluid .df_span-md-7 {
width: 58.333333%
}
.full-width-content.df_row-fluid .df_span-md-6 {
width: 50%
}
.full-width-content.df_row-fluid .df_span-md-5 {
width: 41.666667%
}
.full-width-content.df_row-fluid .df_span-md-4 {
width: 33.333333%
}
.full-width-content.df_row-fluid .df_span-md-3 {
width: 25%
}
.full-width-content.df_row-fluid .df_span-md-2 {
width: 16.666667%
}
.full-width-content.df_row-fluid .df_span-md-1 {
width: 8.333333%
}
.df_row-fluid .df_span-col5 {
width: 17.948%
}
}
@media only screen and (min-width: 1200px) {
.df_row-fluid .df_span-lg-12 {
width: 100%
}
.df_row-fluid .df_span-lg-11 {
width: 91.666667%
}
.df_row-fluid .df_span-lg-10 {
width: 83.333333%
}
.df_row-fluid .df_span-lg-9 {
width: 75%
}
.df_row-fluid .df_span-lg-8 {
width: 66.666667%
}
.df_row-fluid .df_span-lg-7 {
width: 58.333333%
}
.df_row-fluid .df_span-lg-6 {
width: 50%
}
.df_row-fluid .df_span-lg-5 {
width: 41.666667%
}
.df_row-fluid .df_span-lg-4 {
width: 33.333333%
}
.df_row-fluid .df_span-lg-3 {
width: 25%
}
.df_row-fluid .df_span-lg-2 {
width: 16.666667%
}
.df_row-fluid .df_span-lg-1 {
width: 8.333333%
}
.df_row-fluid .df_span-lg-offset-12 {
margin-left: 100%
}
.df_row-fluid .df_span-lg-offset-11 {
margin-left: 91.666667%
}
.df_row-fluid .df_span-lg-offset-10 {
margin-left: 83.333333%
}
.df_row-fluid .df_span-lg-offset-9 {
margin-left: 75%
}
.df_row-fluid .df_span-lg-offset-8 {
margin-left: 66.666667%
}
.df_row-fluid .df_span-lg-offset-7 {
margin-left: 58.333333%
}
.df_row-fluid .df_span-lg-offset-6 {
margin-left: 50%
}
.df_row-fluid .df_span-lg-offset-5 {
margin-left: 41.666667%
}
.df_row-fluid .df_span-lg-offset-4 {
margin-left: 33.333333%
}
.df_row-fluid .df_span-lg-offset-3 {
margin-left: 25%
}
.df_row-fluid .df_span-lg-offset-2 {
margin-left: 16.666667%
}
.df_row-fluid .df_span-lg-offset-1 {
margin-left: 8.333333%
}
.full-width-content.df_row-fluid .df_span-lg-12 {
width: 100%
}
.full-width-content.df_row-fluid .df_span-lg-11 {
width: 91.666667%
}
.full-width-content.df_row-fluid .df_span-lg-10 {
width: 83.333333%
}
.full-width-content.df_row-fluid .df_span-lg-9 {
width: 75%
}
.full-width-content.df_row-fluid .df_span-lg-8 {
width: 66.666667%
}
.full-width-content.df_row-fluid .df_span-lg-7 {
width: 58.333333%
}
.full-width-content.df_row-fluid .df_span-lg-6 {
width: 50%
}
.full-width-content.df_row-fluid .df_span-lg-5 {
width: 41.666667%
}
.full-width-content.df_row-fluid .df_span-lg-4 {
width: 33.333333%
}
.full-width-content.df_row-fluid .df_span-lg-3 {
width: 25%
}
.full-width-content.df_row-fluid .df_span-lg-2 {
width: 16.666667%
}
.full-width-content.df_row-fluid .df_span-lg-1 {
width: 8.333333%
}
.df_row-fluid .df_span-col5 {
width: 17.948%
}
}
.df_row-fluid .wpb_content_element {
margin-bottom: 22px
}
.visible-sm, .visible-tl, .visible-dt {
display: none
}
@media screen and (max-width: 768px) {
.hidden-sm {
display: none !important
}
.visible-sm {
display: block !important
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
.hidden-tl {
display: none !important
}
.visible-tl {
display: block !important
}
}
@media only screen and (min-width: 1200px) {
.hidden-dt {
display: none !important
}
.visible-dt {
display: block !important
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.no-smartphone {
display: none !important
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.no-ipad {
display: none !important
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
.no-iphone {
display: none !important
}
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.clearfix:after {
clear: both
}
.clearfix:before, .clearfix:after {
display: table;
line-height: 0;
content: ""
}
.col-full:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.col-full:before, .col-full:after {
content: " ";
display: block;
height: 0;
overflow: hidden
}
.sticky .sticky_featured {
position: absolute;
cursor: default;
z-index: 9
}
.sticky.format-quote.df-standard-image-big-skny .df-post-quote {
padding: 80px 40px 40px
}
.sticky.format-status .sticky_featured {
border-top-left-radius: 5px
}
body:not(.single) .df_sticky:not(.sticky) {
display: none
}
.blog .entry-header {
text-align: center
}
.entry-content ul, .entry-summary ul {
list-style: disc;
margin-left: 30px
}
.bypostauthor {
background: transparent
}
.main-navigation {
display: block;
position: relative
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0
}
.main-navigation li {
position: relative;
display: inline-block;
margin-bottom: 0
}
.main-navigation a {
display: block;
text-decoration: none;
padding: 11px 15px;
letter-spacing: 1px;
color: #777;
font-size: 13px
}
.main-navigation li.menu-item-has-children > a:after {
content: "";
font-family: fontAwesome;
right: 10px;
position: absolute
}
.df-topbar .main-navigation li.menu-item-has-children > a:after, .main-navigation .df-navi > li.menu-item-has-children > a:after {
right: 0
}
.main-navigation ul ul {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
display: none;
float: left;
position: absolute;
z-index: 99999;
text-align: left
}
.main-navigation ul ul ul {
left: 100%;
top: 0
}
.main-navigation ul ul a {
width: auto;
font-size: 13px;
padding: 11px 30px;
min-width: 180px;
text-align: left
}
.main-navigation ul li:hover > ul {
display: block
}
.main-navigation .sub-menu {
background-color: #fff
}
.df-navibar-fixed-left-active .main-navigation ul ul a span, .df-navibar-fixed-right-active .main-navigation ul ul a span {
margin-left: 22px
}
.df-navibar-fixed-left-active .main-navigation ul ul {
left: 100%;
top: 0
}
.df-navibar-fixed-left-active .df-sitename {
margin-bottom: 40px
}
.df-navibar-fixed-left-active .main-navigation li.menu-item-has-children > a:after {
content: "";
font-family: fontAwesome;
right: 10px;
position: absolute
}
.df-navibar-fixed-right-active .main-navigation ul ul {
right: 100%;
top: 0;
left: auto
}
.df-navibar-fixed-right-active .df-sitename {
margin-bottom: 40px
}
.df-navibar-fixed-right-active .main-navigation li.menu-item-has-children > a:after {
content: "";
font-family: fontAwesome;
left: 10px;
right: auto;
position: absolute
}
.df-navibar-fixed-right-active .main-navigation .df-navi > li.menu-item-has-children > a:after {
left: 5px
}
body.df-navibar-fixed-left-active {
padding-left: 300px
}
body.df-navibar-fixed-right-active {
padding-right: 300px
}
.df-navibar-fixed-left-active .df-topbar, .df-navibar-fixed-right-active .df-topbar {
z-index: 1029
}
.header-widgets {
z-index: 1030
}
.df-float-menu {
display: block
}
.df-navibar-fixed-right-active .df-float-menu, .df-navibar-fixed-left-active .df-float-menu {
display: none
}
.df-float-menu .mini-cart .cart-contents + ul ul.cart_list li {
width: 100%
}
.df-float-menu .mini-cart {
margin: 0 0 0 5px
}
.df-float-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
z-index: 999;
height: auto;
-webkit-transform: translatey(-100%);
-moz-transform: translatey(-100%);
transform: translatey(-100%);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s
}
.df-float-menu-hide {
height: auto;
-webkit-transform: translatey(-100%);
-moz-transform: translatey(-100%);
transform: translatey(-100%)
}
.df-float-menu-show {
height: auto;
-webkit-transform: translatey(0%);
-moz-transform: translatey(0%);
transform: translatey(0%)
}
.df-float-menu-show-admin {
height: auto;
-webkit-transform: translatey(30px);
-moz-transform: translatey(30px);
transform: translatey(30px)
}
.df-float-menu .df-navibar-inner {
display: table;
vertical-align: middle;
height: 100%;
height: 88px;
min-height: initial
}
.df-float-menu .df-navibar-inner #branding img {
height: 60px;
width: auto !important
}
.df-float-menu .df-navibar-inner #branding h1 {
margin-bottom: 0
}
.df-float-menu #branding {
display: table-cell !important;
vertical-align: middle
}
.df-float-menu .main-navigation {
display: table-cell !important;
text-align: right;
padding-right: 20px;
vertical-align: middle
}
.df-float-menu .df-top-navigation {
text-align: center;
display: table-cell !important;
vertical-align: middle;
width: 70px
}
.df-float-menu .df-top-navigation ul {
margin-bottom: 0
}
.df-float-menu .df-top-navigation li {
display: inline-block;
margin-bottom: 0;
vertical-align: middle
}
.df-navibar.df-menu-transparent {
text-align: center;
position: absolute;
width: 100%;
background: transparent !important;
z-index: 999
}
@media only screen and (max-height: 900px) {
.df-navibar-fixed-left-active .df-sitename, .df-navibar-fixed-right-active .df-sitename {
padding-top: 200px
}
}
@media only screen and (max-width: 959px) {
body .df-navibar.df-navibar-right .df-sitename, body .df-navibar.df-navibar-classic-right .df-sitename {
float: left
}
.df-float-menu .df-top-navigation, .site-module, .df-float-menu #site-navigation {
display: none !important
}
body .df-sitename {
padding-top: initial !important
}
body .df-sitename.img {
line-height: 0;
text-align: left;
position: relative
}
body .df-sitename.text {
text-align: left;
position: relative;
top: 50%
}
.df-navibar-fixed-left-active .df-sitename, .df-navibar-fixed-right-active .df-sitename {
margin: 0
}
}
@media only screen and (min-width: 960px) {
.main-navigation .df-mega-menu {
position: static
}
.df-float-menu .df-mega-menu .df_row-fluid [class*=df_span-], .df-mega-menu .df_row-fluid [class*=df_span-] {
padding-left: 0;
padding-right: 0
}
.main-navigation .menu-subtitle {
display: block;
font-size: 0.8em;
text-transform: none
}
body .main-navigation .df-mega-menu a:after {
position: relative;
right: -5px !important
}
.main-navigation .df-mega-menu .new-row {
clear: left
}
.main-navigation .df-mega-menu > .sub-nav > li a:after {
display: none
}
.main-navigation .df-mega-menu .df-mega-parent .sub-nav {
display: block !important;
position: relative;
left: 0;
box-shadow: none;
float: none
}
.main-navigation .df-mega-menu a {
min-width: inherit
}
.main-navigation .df-mega-menu .df-mega-parent .menu-item {
width: 100%
}
.main-navigation .mega-full-width > .sub-nav {
width: 100%;
left: 0 !important
}
.main-navigation .mega-full-width .df-mega-parent {
left: 0
}
.main-navigation .mega-auto-width.mega-column-2 > .sub-nav {
width: 40%
}
.main-navigation .mega-auto-width.mega-column-3 > .sub-nav {
width: 60%
}
.main-navigation .mega-auto-width.mega-column-4 > .sub-nav {
width: 80%
}
.main-navigation .mega-auto-width.mega-column-5 > .sub-nav {
width: 100%;
left: 0
}
.df-navibar-fixed-left .main-navigation .df-mega-menu > .sub-nav {
left: 100%;
right: auto !important
}
.df-navibar-fixed-right .main-navigation .df-mega-menu > .sub-nav {
right: 100%;
left: auto !important
}
body .df-navibar-fixed-right .main-navigation li.menu-item-has-children.df-mega-menu > a:before {
content: "";
font-family: "fontAwesome";
left: 5px;
position: absolute
}
body .df-navibar-fixed-right .main-navigation li.menu-item-has-children.df-mega-menu > a:after {
content: ""
}
body .df-navibar-fixed-left .main-navigation .df-mega-menu a:after {
right: 10px !important
}
.df-navibar-fixed-left .main-navigation .df-mega-menu, .df-navibar-fixed-right .main-navigation .df-mega-menu {
position: relative
}
.df-navibar-fixed-left .main-navigation .df-mega-menu > .sub-nav, .df-navibar-fixed-right .main-navigation .df-mega-menu > .sub-nav {
min-width: 500px
}
.has-mega-menu .df-float-menu .df-navibar-inner {
position: relative
}
.has-mega-menu .df-float-menu .main-navigation {
position: static
}
.has-mega-menu .df-navibar.df-navibar-left .df-navi, .has-mega-menu .df-navibar.df-navibar-right .df-navi {
position: static
}
.main-navigation .df-mega-menu > a > .mega-icon img {
display: none
}
.main-navigation .df-mega-menu-img > ul {
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto;
background-attachment: scroll
}
.main-navigation .hide-mega-title > a span:not(.mega-icon) {
display: none
}
.main-navigation .mega-text-align-center .sub-nav a {
text-align: center
}
.main-navigation .mega-text-align-right .sub-nav a {
text-align: right
}
.main-navigation i.fa {
padding-right: 5px
}
.main-navigation .df-mega-menu > .sub-nav > li.has-children:not(.new-column) > a {
font-weight: 700
}
}
.df-mobile-menu-button, .df-mobile-menu-container, .mobile-menu-container, .mobile-top-search {
display: none
}
#wrapper {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out
}
@media only screen and (max-width: 959px) {
div .header-widgets {
position: absolute;
margin-top: 50px
}
.df-boxed-layout-active div .header-widgets {
position: absolute;
margin-top: 50px;
width: 90%;
left: 5%
}
.df-frame-boxed-layout-active div .header-widgets {
position: absolute;
margin-top: 115px;
width: 90%;
left: 5%
}
.header-widgets .widget, .header-widgets .widget h3, .header-widgets .widget ul, .header-widgets .widget li, .header-widgets .widget form {
margin: 1.5em 0
}
.mobile-menu-container {
display: table-cell;
width: 40%;
vertical-align: middle;
text-align: right
}
.df-navibar-inner.df_container-fluid {
width: 100% !important;
padding: 10px 20px
}
#main-nav, .df-topbar, .df-float-menu .main-navigation {
display: none !important
}
.df-navibar-inner {
display: table;
min-height: 60px !important
}
.df-float-menu .df-navibar-inner {
max-height: 60px !important
}
#branding {
padding-top: initial;
display: table-cell;
vertical-align: middle;
width: 60%
}
#branding img {
height: 60px;
width: auto !important
}
.animate-right-to-left {
-webkit-transform: translatex(-40%);
-moz-transform: translatex(-40%);
-o-transform: translatex(-40%);
-ms-transform: translatex(-40%);
transform: translatex(-40%)
}
.jp-container-mobile-menu:focus, .jspPane:focus, .jspContainer:focus, .jp-container-search:focus {
outline: 0
}
.df-navi .btnshow {
right: 0;
top: 0;
padding-top: 11px;
width: 40px;
height: 40px;
position: absolute;
text-align: center
}
.top-navigation .btnshow {
right: 0;
top: -9px;
width: 40px;
height: 40px;
position: absolute;
text-align: center
}
.df-navi span.btnshow:after, .top-navigation span.btnshow:after {
font-family: "fontAwesome";
content: "";
font-weight: normal;
background: none;
font-size: 13px;
padding: 2px 5px;
vertical-align: 3px
}
.df-navi span.onacc, .top-navigation span.onacc {
-webkit-transform: rotatex(180deg);
-moz-transform: rotatex(180deg);
-o-transform: rotatex(180deg);
transform: rotatex(180deg)
}
.df-navi span.onacc:after {
position: relative
}
.top-navigation span.onacc:after {
top: 22px;
position: relative
}
.mobile-menu-active .df-float-menu, .float_noactive .df-float-menu {
-webkit-transform: translatey(-100%);
-moz-transform: translatey(-100%);
transform: translatey(-100%)
}
.mobile-top-search {
display: inline-block;
padding-top: initial;
vertical-align: middle;
line-height: 0;
padding: 20px 0
}
.mobile-top-search i {
font-size: 32px
}
.df-mobile-menu-wrapper {
display: inline-block;
padding: 20px 0 20px 20px
}
.df-mobile-menu-button-container {
display: inline-block;
padding-top: initial;
vertical-align: middle;
text-align: right;
cursor: pointer
}
.mobile-menu-button:before, .mobile-menu-button:after {
content: " "
}
.mobile-menu-button:before {
top: -12px;
position: relative
}
.mobile-menu-button:after {
margin-top: 10px
}
.mobile-menu-button {
margin: 0 auto
}
.mobile-menu-button:before, .mobile-menu-button:after, .mobile-menu-button {
width: 30px;
height: 2px;
display: block
}
.df-mobile-menu-button-close {
display: none;
padding-top: initial;
vertical-align: middle;
text-align: right;
cursor: pointer
}
.df-mobile-menu-button-close:before {
display: block;
content: "";
font-family: "dficon";
font-size: 32px
}
.mobile-menu-active .df-mobile-menu-button-close {
display: inline-block;
padding: 12.5px 0
}
.mobile-menu-active .df-mobile-menu-button-container {
display: none
}
.df-mobile-menu-container {
display: none;
position: fixed;
top: 0;
z-index: -1;
width: 40%;
height: 150%;
padding-top: 22px
}
.df-mobile-menu-container.menu-container-active {
z-index: 1
}
.df-mobile-menu-container .df-mobile-menu li {
margin-bottom: 0;
position: relative
}
.df-mobile-right {
right: 0
}
.df-mobile-right .df-mobile-menu .sub-menu {
margin: 0 0 0 22px
}
.df-mobile-right .df-mobile-menu a {
padding: 11px 22px;
display: block;
text-align: left
}
.df-mobile-right .social-mobile-menu {
text-align: center;
padding: 22px 22px 0
}
.df-mobile-right .social-mobile-menu a {
padding: 0 12px 12px;
font-size: 17px;
display: inline-block;
color: #d8d8d8
}
.df-mobile-dark {
background-color: #080808
}
.df-mobile-dark .df-mobile-menu {
border-bottom: 1px solid #444
}
.df-mobile-dark .df-navi {
margin-bottom: 0
}
.df-mobile-dark .sub-menu {
display: none
}
.df-mobile-dark .jp-container-mobile-menu .jspVerticalBar, .df-mobile-dark .jp-container-mobile-menu .jspTrack, .df-mobile-dark .jp-container-mobile-menu .jspDrag {
background: #080808;
display: none
}
.df-mobile-white {
background-color: #fff
}
.df-mobile-white .df-mobile-menu {
border-bottom: 1px solid #eee
}
.df-mobile-white .df-navi {
margin-bottom: 0
}
.df-mobile-white .sub-menu {
display: none
}
.df-mobile-white .jp-container-mobile-menu .jspVerticalBar, .df-mobile-white .jp-container-mobile-menu .jspTrack, .df-mobile-white .jp-container-mobile-menu .jspDrag {
background: #fff;
display: none
}
.jp-container-mobile-menu .jspPane {
margin-left: 0 !important;
width: 100% !important
}
}
@media only screen and (max-width: 480px) {
.df-mobile-menu-container {
width: 80%
}
.animate-left-to-right {
-webkit-transform: translatex(80%);
-moz-transform: translatex(80%);
-o-transform: translatex(80%);
-ms-transform: translatex(80%);
transform: translatex(80%)
}
.animate-right-to-left {
-webkit-transform: translatex(-80%);
-moz-transform: translatex(-80%);
-o-transform: translatex(-80%);
-ms-transform: translatex(-80%);
transform: translatex(-80%)
}
}
.editor-pick_container .owl-stage-outer .editor-pick_content .post {
margin-bottom: 0;
padding-bottom: 0
}
#editor-pick_slider .owl-item .editor-pick_content .blog-item-description .related-title {
margin: 10px auto;
text-align: center
}
.editor-pick_container .blog-item-description {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.65);
padding: 20px
}
.editor-pick_container .owl-item .editor-pick_content h4 a {
color: #fff
}
.editor-pick_container .owl-item .editor-pick_content h4 a:hover {
color: #ae9364
}
@media only screen and (max-width: 769px) {
.editor-pick_container .owl-theme .owl-controls .owl-nav .owl-prev {
left: 0
}
.editor-pick_container .owl-theme .owl-controls .owl-nav .owl-next {
right: 0
}
.editor-pick_container .owl-dots {
text-align: center;
margin-top: 11px;
margin-bottom: 22px
}
.editor-pick_container .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.editor-pick_container .owl-theme .owl-dots .owl-dot span {
width: 8px;
height: 8px;
margin: 5px 5px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.editor-pick_container .owl-theme .owl-dots .owl-dot.active span, .editor-pick_container .owl-theme .owl-dots .owl-dot:hover span {
background: #888
}
}
.editor-pick-cat {
text-align: center;
margin: 0
}
.editor-pick-cat a {
color: #fff
}
.single-share-blog ul .custom_print {
font-size: 1em;
margin: 0 -5px 0 0;
display: inline-block;
border-right: 1px solid #eee;
padding-right: 20px
}
.single .my-paginated-posts ul {
margin-left: 0
}
.single .my-paginated-posts li {
float: left;
padding: 0 22px;
margin-bottom: 0;
border-left: 1px solid #eee;
list-style: none
}
.single .my-paginated-posts li:nth-child(4n+4) {
border-left: 1px solid #eee
}
.single .my-paginated-posts li:nth-child(1) {
padding: 0;
border-left: 0
}
.single .my-paginated-posts li:nth-child(2) {
border-left: 0
}
.single .my-paginated-posts a {
float: left;
border-left: 1px solid #eee
}
.single .my-paginated-posts a:nth-child(2) {
border-left: 0
}
.single .my-paginated-posts a li {
padding: 0 22px !important
}
.navigation .nav-links .nav-next.alignright {
display: inline-block;
text-align: right;
width: 45%;
margin-bottom: 22px
}
@media only screen and (max-width: 959px) {
.navigation .nav-links .nav-next.alignright {
width: 25%
}
}
.navigation .nav-links .nav-previous.alignleft {
display: inline-block;
text-align: left;
width: 45%;
margin-bottom: 22px
}
@media only screen and (max-width: 959px) {
.navigation .nav-links .nav-previous.alignleft {
width: 25%
}
}
.navigation .nav-links a {
color: #999
}
.navigation .nav-links a:hover {
color: #ae9364
}
.navigation .nav-links i {
font-size: 14px;
position: relative;
top: 2px
}
.navigation .nav-links .nav-previous i {
margin-right: 5px
}
.navigation .nav-links .nav-next i {
margin-left: 5px
}
.df-pagination-number ul.page-numbers {
display: table;
margin: 0 auto
}
.df-pagination-number ul.page-numbers li {
text-align: center;
display: block;
float: left;
font-weight: 400;
line-height: 1.2;
font-size: 1em;
position: relative
}
.df-pagination-number ul.page-numbers li a, .df-pagination-number ul.page-numbers li span {
padding-right: 22px;
padding-left: 22px;
color: #999;
border-right: 1px solid #eee
}
.df-pagination-number ul.page-numbers li a.next {
border-right: none
}
.df-pagination-number ul.page-numbers li a.next, .df-pagination-number ul.page-numbers li a.prev {
position: relative;
top: 2px
}
.df-pagination-number ul.page-numbers li a:hover, .df-pagination-number ul.page-numbers li span.current {
color: #ae9364
}
.df-pagination-number ul.page-numbers li:last-child span.current {
border-right: none
}
#infscr-loading div {
font: normal 1em/1.2 "Crimson Text";
position: absolute;
left: 0;
margin-left: -85px;
width: 200px;
top: 55px
}
.df-standard-image-left #infscr-loading p, .df-standard-image-right #infscr-loading p, .df-standard-image-top #infscr-loading p {
font: normal 1em/1.2 "Crimson Text";
position: absolute;
top: 47px;
margin-left: -83px;
width: 200px
}
#infscr-loading {
clear: both;
display: block;
text-align: center;
height: 32px;
width: 32px;
bottom: 14px;
left: 50%;
margin-left: -16px;
position: relative;
background-image: url(../images/loader.png);
-webkit-animation: play 1.5s steps(22) infinite;
-moz-animation: play 1.5s steps(22) infinite;
-ms-animation: play 1.5s steps(22) infinite;
-o-animation: play 1.5s steps(22) infinite;
animation: play 1.5s steps(22) infinite
}
@-webkit-keyframes play {
from {
background-position: 0px;
} to {
background-position: -704px;
}
}
@-moz-keyframes play {
from {
background-position: 0px;
} to {
background-position: -704px;
}
}
@-ms-keyframes play {
from {
background-position: 0px;
} to {
background-position: -704px;
}
}
@-o-keyframes play {
from {
background-position: 0px;
} to {
background-position: -704px;
}
}
@keyframes play {
from {
background-position: 0px;
} to {
background-position: -704px;
}
}
.df_grid_fit #infscr-loading {
position: absolute;
bottom: -10px;
margin-left: -15px;
left: 50%
}
.df_grid_masonry #infscr-loading {
position: absolute;
bottom: -10px;
margin-left: -15px;
left: 50%
}
#infscr-loading img {
margin-bottom: 22px;
width: 40px;
position: absolute;
left: 50%;
display: none;
margin-left: -24px
}
.df-standard-image-left #infscr-loading img, .df-standard-image-right #infscr-loading img, .df-standard-image-top #infscr-loading img {
margin-bottom: 22px;
width: 40px;
position: absolute;
left: 48%;
top: -30px
}
.df-infi-scr {
display: none
}
.df-infi-scr-btn {
display: block !important;
width: 100%;
margin-bottom: 44px
}
.blog .df-infi-scr-btn .nav-next {
margin-top: 30px
}
.df-infi-scr-btn .nav-next {
margin-top: 20px;
text-align: center
}
.df-infi-scr-btn .nav-next a {
background: #bea983;
border: 1px solid #bea983;
color: #fff;
display: inline-block;
font-size: 1em;
-webkit-font-smoothing: antialiased;
text-decoration: none;
cursor: pointer;
margin-bottom: 20px;
line-height: normal;
padding: 11px 22px;
font-family: "Crimson Text", serif;
text-transform: uppercase
}
.df-infi-scr-btn .nav-next a:hover {
color: #fff;
background: #ae9364;
border-color: #ae9364;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s
}
.df-infi-scrl-count {
font-style: italic;
text-transform: capitalize
}
.df-topbar {
position: relative;
min-height: 44px;
padding: 3px 0;
z-index: 1031
}
.df-topbar:after {
content: " ";
display: block;
height: 0;
overflow: hidden;
clear: both
}
.df-topbar-left {
display: table;
height: 100%;
margin-top: 9px
}
.df-topbar .df-social {
display: table-cell;
vertical-align: middle
}
.df-topbar .info-description {
display: table-cell;
vertical-align: middle;
padding: 0 15px;
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.5px
}
.df-topbar-right {
margin-bottom: 0;
line-height: 40px
}
.df-topbar-right > li {
display: inline-block;
margin-bottom: 0;
margin-left: 20px;
height: 100%;
text-transform: uppercase
}
.df-topbar-right > li ul {
margin: 0
}
.df-navibar-fixed-right-active .df-topbar-right .main-navigation li.menu-item-has-children > a:after, .df-navibar-fixed-left-active .df-topbar-right .main-navigation li.menu-item-has-children > a:after {
content: "";
font-family: fontAwesome;
right: 0;
position: absolute;
left: auto
}
.df-navibar-fixed-left-active .df-topbar-right .main-navigation ul ul {
left: auto;
top: auto
}
.df-navibar-fixed-right-active .df-topbar-right .main-navigation ul ul {
right: auto;
top: auto;
left: auto
}
body .df-topbar .top-navigation a {
padding: 11px 15px
}
.universe-search:after {
clear: both
}
.universe-search .universe-search-close.ico-iphone:after, .universe-search .universe-search-close:before {
font-family: dficon;
content: "";
font-size: 32px
}
.js .universe-search {
display: none
}
.universe-search {
position: fixed;
height: 100%;
left: 0;
top: 0;
width: 100%;
display: none;
z-index: 999999;
border-top: 1px solid #ddd;
zoom: 1;
background: rgba(255, 255, 255, 0.98);
-webkit-box-shadow: 0 9px 50px rgba(129, 129, 129, 0.29);
-moz-box-shadow: 0 9px 50px rgba(129, 129, 129, 0.29);
-ms-box-shadow: 0 9px 50px rgba(129, 129, 129, 0.29);
-o-box-shadow: 0 9px 50px rgba(129, 129, 129, 0.29);
box-shadow: 0 9px 50px rgba(129, 129, 129, 0.29)
}
.universe-search .universe-search-close {
position: absolute;
top: 34px;
right: 40px;
cursor: pointer;
z-index: 10000;
font-size: 14px;
padding: 0 4px
}
.universe-search .universe-search-form {
margin-top: 10%
}
.universe-search .universe-search-form .universe-search-input {
display: inline-block;
padding: 8px 0;
position: relative;
width: 100%;
background: #fff;
z-index: 10;
font-size: 2.441em;
border: none;
border-bottom: 1px solid #eee;
vertical-align: middle;
outline: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin-bottom: 0;
font-family: "Libre Baskerville"
}
.universe-search .universe-search-form .universe-search-input:focus {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
color: #0f0f0f
}
.universe-search .universe-search-results {
clear: both;
padding: 15px 0 20px;
position: relative
}
.universe-search .jp-container-search {
margin-top: 44px
}
.universe-search .universe-search-results:focus, .jspPane:focus, .jspContainer:focus, .jp-container-search:focus {
outline: 0
}
.universe-search #result-not-found {
padding-bottom: 28px
}
.universe-search .df-search-image {
line-height: 0;
border: none;
padding: 0;
margin: 0 20px 0 0;
width: 80px;
display: inline-block
}
.universe-search .df-search-content {
display: inline-block;
vertical-align: top
}
.universe-search .df-search-content p {
margin: 0
}
.universe-search .df-search-content h4 {
margin: 13px 0 10px
}
.universe-search .ajax-search-result {
margin-bottom: 20px
}
.ajax-search-select-text {
display: table;
width: 100%;
margin-top: 44px
}
.ajax-search-select-text .ajax-search-show {
width: 50%;
display: table-cell
}
.ajax-search-select-text .ajax-search-select {
width: 50%;
text-align: right;
display: table-cell
}
.ajax-search-select-text .ajax-search-select .container-select-box {
width: 28%;
margin-left: 3%;
margin-bottom: 0;
display: inline-block
}
.container-select-box {
position: relative
}
.container-select-box select {
margin-bottom: 0
}
.container-select-box:before {
content: "";
font-family: "fontAwesome";
position: absolute;
font-size: 14px;
background: #FFF;
width: 33px;
right: 1px;
top: 0;
height: 100%;
text-align: center;
line-height: 43px;
border: 1px solid #eee;
border-right: none;
border-left: none;
color: #a0a0a0
}
.ajax-search-show span {
font-weight: bold
}
.ajax-search-show span:first-child:before {
content: ""
}
.ajax-search-show span:before {
content: "";
font-size: 7px
}
.universe-search .mobile-ajax-category {
display: none
}
.universe-search .mobile-ajax-category:before {
font-family: "dficon";
content: "";
font-size: 20px;
position: absolute;
right: 0;
top: -5px
}
.universe-search .ajax-category-active.mobile-ajax-category:before {
content: "";
font-family: "dficon"
}
@media only screen and (max-width: 959px) {
.universe-search .df_container-fluid {
width: 90%
}
.ajax-search-select-text, .ajax-search-select-text .ajax-search-show, .ajax-search-select-text .ajax-search-select, .ajax-search-select-text .ajax-search-select .container-select-box, .ajax-search-select-text .ajax-search-select .container-select-box select {
width: 100%;
display: block;
vertical-align: top;
text-align: center;
margin: 0;
margin-bottom: 11px
}
.ajax-search-select-text .ajax-search-show {
margin-bottom: 22px
}
.universe-search .df-search-image {
float: left
}
.universe-search .df-search-content {
display: table-cell
}
.ajax-search-select-text {
margin-top: 11px;
display: none
}
.universe-search .mobile-ajax-category {
display: block;
margin-top: 11px;
text-align: center;
position: relative
}
.universe-search .jp-container-search {
margin-top: 11px
}
.universe-search .universe-search-close {
right: 28px
}
}
.ajax_loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out
}
.ajax_loader_1 {
position: relative;
display: inline-block;
top: 50%;
left: 50%
}
.ajax_loader_2 {
margin: -50% 0 0 -50%
}
.one-page-landing.df-navibar-fixed-left-active .ajax_loader, .one-page-landing.df-navibar-fixed-right-active .ajax_loader {
margin-left: 0 !important
}
.ajax_loader .pulse {
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
background-color: #303030;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
-o-border-radius: 16px;
border-radius: 16px;
-webkit-animation: scaleout 1s infinite ease-in-out;
animation: scaleout 1s infinite ease-in-out
}
@-webkit-keyframes scaleout {
0% {
-webkit-transform: scale(0);
} 100% {
-webkit-transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes scaleout {
0% {
-moz-transform: scale(0);
} 100% {
-moz-transform: scale(1);
opacity: 0;
}
}
@-ms-keyframes scaleout {
0% {
-ms-transform: scale(0);
} 100% {
-ms-transform: scale(1);
opacity: 0;
}
}
@-o-keyframes scaleout {
0% {
-o-transform: scale(0);
} 100% {
-o-transform: scale(1);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0);
-webkit-transform: scale(0);
} 100% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0;
}
}
.ajax_loader .double_pulse {
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
position: relative
}
.ajax_loader .double_pulse .double-bounce1, .ajax_loader .double_pulse .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #303030;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out
}
.ajax_loader .double_pulse .double-bounce2 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: scale(0);
} 50% {
-webkit-transform: scale(1);
}
}
@keyframes bounce {
0%, 100% {
transform: scale(0);
-webkit-transform: scale(0);
} 50% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.ajax_loader .cube {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
background-color: #303030;
-webkit-animation: rotateplane 1.2s infinite ease-in-out;
animation: rotateplane 1.2s infinite ease-in-out
}
@-webkit-keyframes rotateplane {
0% {
-webkit-transform: perspective(120px);
} 50% {
-webkit-transform: perspective(120px) rotateY(180deg);
} 100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.ajax_loader .rotating_cubes {
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
position: relative
}
.ajax_loader .rotating_cubes .cube1, .ajax_loader .rotating_cubes .cube2 {
background-color: #303030;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: cubemove 1.8s infinite ease-in-out;
animation: cubemove 1.8s infinite ease-in-out
}
.ajax_loader .rotating_cubes .cube2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s
}
@-webkit-keyframes cubemove {
25% {
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
} 50% {
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
} 75% {
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
} 100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
} 50% {
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
} 50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
} 75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
} 100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.ajax_loader .stripes {
width: 50px;
height: 60px;
margin: -30px 0 0 -25px;
text-align: center;
font-size: 10px
}
.ajax_loader .stripes > div {
background-color: #303030;
height: 100%;
width: 6px;
display: inline-block;
margin: 0 3px 0 0;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out
}
.ajax_loader .stripes .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s
}
.ajax_loader .stripes .rect3 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
.ajax_loader .stripes .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s
}
.ajax_loader .stripes .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s
}
@-webkit-keyframes stretchdelay {
0%, 100%, 40% {
-webkit-transform: scaleY(0.4);
} 20% {
-webkit-transform: scaleY(1);
}
}
@keyframes stretchdelay {
0%, 100%, 40% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
}
.ajax_loader .wave {
width: 72px;
text-align: center;
margin: -9px 0 0 -36px
}
.ajax_loader .wave > div {
width: 18px;
height: 18px;
background-color: #303030;
margin: 0 3px 0 0;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.ajax_loader .wave .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s
}
.ajax_loader .wave .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s
}
@-webkit-keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform: scale(0);
} 40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%, 100%, 80% {
transform: scale(0);
-webkit-transform: scale(0);
} 40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.ajax_loader .two_rotating_circles {
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
position: relative;
text-align: center;
-webkit-animation: rotatecircles 2s infinite linear;
animation: rotatecircles 2s infinite linear
}
.ajax_loader .two_rotating_circles .dot1, .ajax_loader .two_rotating_circles .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #303030;
border-radius: 100%;
-webkit-animation: bounce 2s infinite ease-in-out;
animation: bounce 2s infinite ease-in-out
}
.ajax_loader .two_rotating_circles .dot2 {
top: auto;
bottom: 0;
-webkit-animation-delay: -1s;
animation-delay: -1s
}
@-webkit-keyframes rotatecircles {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes rotatecircles {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.ajax_loader .five_rotating_circles {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px;
position: relative
}
.ajax_loader .five_rotating_circles .container1 > div, .ajax_loader .five_rotating_circles .container2 > div, .ajax_loader .five_rotating_circles .container3 > div {
width: 12px;
height: 12px;
background-color: #303030;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.ajax_loader .five_rotating_circles .spinner-container {
position: absolute;
width: 100%;
height: 100%
}
.ajax_loader .five_rotating_circles .container2 {
-webkit-transform: rotatez(45deg);
transform: rotatez(45deg)
}
.ajax_loader .five_rotating_circles .container3 {
-webkit-transform: rotatez(90deg);
transform: rotatez(90deg)
}
.ajax_loader .five_rotating_circles .circle1 {
top: 0;
left: 0
}
.ajax_loader .five_rotating_circles .circle2 {
top: 0;
right: 0
}
.ajax_loader .five_rotating_circles .circle3 {
right: 0;
bottom: 0
}
.ajax_loader .five_rotating_circles .circle4 {
left: 0;
bottom: 0
}
.ajax_loader .five_rotating_circles .container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s
}
.ajax_loader .five_rotating_circles .container3 .circle1 {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
.ajax_loader .five_rotating_circles .container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s
}
.ajax_loader .five_rotating_circles .container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s
}
.ajax_loader .five_rotating_circles .container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s
}
.ajax_loader .five_rotating_circles .container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s
}
.ajax_loader .five_rotating_circles .container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s
}
.ajax_loader .five_rotating_circles .container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s
}
.ajax_loader .five_rotating_circles .container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s
}
.ajax_loader .five_rotating_circles .container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s
}
.ajax_loader .five_rotating_circles .container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s
}
#wrapper {
overflow: hidden;
margin: 0 auto;
background-color: #fff
}
.df-boxed-layout-active #wrapper, .df-frame-boxed-layout-active #wrapper {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.scroll-top {
position: fixed;
bottom: 22px;
right: 22px;
text-decoration: none;
font-size: 22px;
display: none;
z-index: 1031;
width: 60px;
height: 60px;
text-align: center;
line-height: 0;
background: #fff;
opacity: 0.8;
border: 2px solid #eee;
display: table
}
.scroll-top i {
display: table-cell;
vertical-align: middle
}
.df-navibar-fixed-right-active .scroll-top {
margin-right: 20px
}
.df-sitename {
font-size: 48px;
font-size: 2.441em;
color: #181818;
line-height: 1.2;
font-family: "Libre Baskerville", serif;
text-rendering: optimizelegibility;
font-weight: 400
}
.df-navibar .df-sitename {
display: block;
text-align: center
}
.df-navibar.df-navibar-left .df-sitename {
float: left
}
.df-navibar.df-navibar-right .df-sitename {
float: right
}
.df-navibar .df-navi {
position: relative;
display: block;
margin: 0
}
.df-navibar.df-navibar-left .df-navi {
float: right
}
.df-navibar.df-navibar-right .df-navi {
float: left
}
.df-navibar {
text-align: center
}
.df-navibar-fixed-left .df-navi > li, .df-navibar-fixed-right .df-navi > li {
display: block;
text-align: left
}
.df-navibar .df-navi > li:last-child a {
margin-right: 0
}
.df-navibar-fixed-right {
right: 0
}
.df-navibar-fixed-left {
left: 0
}
.df-navibar-fixed-left, .df-navibar-fixed-right {
top: 0;
bottom: 0;
width: 300px
}
.df-navibar-fixed-left, .df-navibar-fixed-right, .df-navibar-fixed-top {
position: fixed;
z-index: 1030
}
.df-navibar-fixed-left .df_container-fluid, .df-navibar-fixed-right .df_container-fluid {
width: 80%
}
.df-navibar-fixed-left .df-navibar-inner, .df-navibar-fixed-right .df-navibar-inner {
height: 100%
}
.df-topbar .df-social a {
font-size: 13px;
margin-right: 10px;
line-height: 24px
}
.df-page-header.title-center .df-header {
display: block;
text-align: center
}
.df-page-header {
border: 1px solid #eee;
border-left: 0;
border-right: 0;
background: #fff
}
.df-fancy-header {
border: 1px solid #eee;
border-left: 0;
border-right: 0
}
.df-fancy-header-2 {
border-left: 0;
border-right: 0
}
.df-header-container {
display: table;
width: 100%
}
.df-header {
padding: 44px 0;
display: table-cell;
vertical-align: middle
}
.df-fancy-header .df-header, .df-fancy-header-2 .df-header {
width: 50%;
vertical-align: middle
}
#df-fancy-header.title-center .df-header-wrap {
display: table
}
#df-fancy-header.title-center .df-header-container {
display: table-cell;
vertical-align: middle
}
.df-fancy-header-2.title-center .df-header, .df-fancy-header-2.title-center .df-header-container, .df-fancy-header.title-center .df-header, .df-fancy-header.title-center .df-header-container {
display: block;
width: 100%;
text-align: center
}
.title-left .df-header {
text-align: left
}
.title-right .df-header {
text-align: right
}
.df-header h1, .fancy-subtitle {
margin: 0
}
.title-left .breadcrumbs {
text-align: right
}
.title-right .breadcrumbs {
text-align: left
}
.df-fancy-header-parallax {
background-attachment: fixed;
background-repeat: no-repeat !important;
background-size: cover
}
.mobile-true .df-fancy-header-parallax {
background-attachment: scroll;
background-position: center top !important;
background-repeat: no-repeat !important;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover
}
.df-fancy-header-video, .df-fancy-header-video .df-header {
position: relative;
z-index: 1
}
.one-col .df-main {
float: none
}
.two-col-left #main-sidebar-container .df-main, .two-col-right #main-sidebar-container .df-main {
width: 65.811966%
}
.two-col-left #main-sidebar-container .df-sidebar, .two-col-right #main-sidebar-container .df-sidebar {
width: 31.623932%
}
.two-col-left #main-sidebar-container .df-main, .two-col-right #main-sidebar-container .df-sidebar {
float: left
}
.two-col-left #main-sidebar-container .df-sidebar, .two-col-right #main-sidebar-container .df-main {
float: right
}
.col-left {
float: left
}
.col-right {
float: right
}
.col-full {
width: auto
}
#content-wrap {
padding: 44px 0
}
#main-sidebar-container, #main-sidebar-container .df-main {
position: relative
}
#main-sidebar-container .df-sidebar {
display: inline
}
.widget {
margin-bottom: 2.75em
}
.widget h3 {
font-size: 1em;
text-transform: uppercase;
margin: 0 0 1em;
line-height: 1.6
}
.widget li {
line-height: 1.6;
margin-bottom: 1em
}
.widget ol ol, .widget ol ul, .widget ul ol, .widget ul ul {
margin: 0
}
.widget a, .widget li a {
color: #999
}
.widget a:hover, .widget li a:hover {
color: #ae9364
}
.widget .df-pict-slider, .widget .df-post-audio, .widget .df-post-audio-no-thumb, .widget .df-post-image, .widget .df-post-video, .widget .post .df-pict-slider, .widget .post .df-post-audio, .widget .post .df-post-audio-no-thumb, .widget .post .df-post-image, .widget .post .df-post-video {
margin-bottom: 0
}
/* - Header Widget Bar */
.collapse {
height: 0;
overflow: hidden;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease
}
.df-widgetbar-button.df-header-top {
display: none;
position: relative;
top: 0;
right: 0;
border: 0;
height: 50px;
font-size: 40px;
text-align: center;
line-height: 1;
color: #fff;
background-color: #222;
z-index: 1033;
cursor: pointer
}
.df-widgetbar-button.df-header-top i {
position: relative;
top: 0;
left: 0;
right: 0;
font-size: 28px;
text-align: center
}
.header-widgets .widget {
margin: 2em 0
}
.df-widgetbar-button {
position: fixed;
top: 0;
right: 0;
border-top: 22px solid #222;
border-left: 22px solid transparent;
border-right: 22px solid #222;
border-bottom: 22px solid transparent;
font-size: 22px;
line-height: 1;
color: #fff;
background-color: transparent;
z-index: 1033;
cursor: pointer
}
.df-widgetbar-button i {
position: absolute;
top: -18px;
right: -16px
}
.df-widgetbar-button i:before {
font-size: 0.5em;
top: -5px;
position: relative
}
.header-widgets {
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 1032;
-webkit-box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.135);
box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.135)
}
.header-widgets-inner {
padding: 0 0 22px
}
/*end of header widgetbar*/
.widget_dahz_recent_comments .recentcomments {
overflow: hidden;
border-bottom: 1px solid #eee;
padding-bottom: 0.8em;
margin-bottom: 0.8em
}
.widget_dahz_recent_comments .recentcomments img {
margin-right: 20px;
float: left
}
.widget_dahz_recent_comments .recentcomments .comment-section {
padding-left: 20px;
overflow: auto
}
.widget_dahz_recent_entries .recententries {
overflow: hidden;
border-bottom: 1px solid #eee;
padding-bottom: 0.8em;
margin-bottom: 0.8em
}
.footer-primary-widgets .widget_dahz_recent_entries .recententries {
border-bottom: 0
}
.widget_dahz_recent_entries .recententries img {
margin-right: 20px;
float: left
}
.widget_dahz_recent_entries .recententries .df-widget-image-top {
margin-bottom: 11px;
float: left;
width: 100%
}
.widget_dahz_recent_entries .recententries .image-Top {
clear: both
}
.widget_dahz_recent_entries .recententries .post-section {
padding-left: 20px
}
.widget_dahz_recent_entries .recententries .post-comments a, .widget_dahz_recent_entries .recententries .post-date {
font-size: 0.8em
}
.widget_dahz_recent_entries .recententries .post-date {
border-right: 1px solid #eee;
padding: 0 4px 0 0
}
.widget_dahz_popular_entries .popularentries {
overflow: hidden;
border-bottom: 1px solid #eee;
padding-bottom: 0.8em;
margin-bottom: 0.8em;
position: relative
}
.widget_dahz_popular_entries .popularentries img {
margin-right: 20px
}
.widget_dahz_popular_entries .popularentries .popular-section, .widget_dahz_popular_entries .popularentries img {
float: left;
max-width: 50%
}
.widget_dahz_popular_entries .popularentries .popular-section .author a, .widget_dahz_popular_entries .popularentries .popular-section .author {
font-size: 0.8em;
font: inherit;
color: #aaa;
text-transform: capitalize
}
.widget_dahz_popular_entries .popularentries .post-favourite i {
font-size: 12px;
margin-right: 5px
}
.widget_dahz_popular_entries .popularentries .post-favourite a {
text-align: right;
position: absolute;
right: 0;
top: 4px;
color: #aaa
}
.widget_dahz_post_formats .entry-meta {
text-align: left
}
.widget_dahz_post_formats h3 a {
color: #0f0f0f
}
.widget_dahz_post_formats .post {
border-bottom: 1px solid #eee;
padding-bottom: 0.8em;
margin-bottom: 0.8em
}
body .widget_dahz_post_formats .post .df-post-image {
margin-bottom: 11px;
line-height: 0
}
.single .widget_dahz_post_formats .post {
border-bottom: 1px solid #eee
}
.single .widget_dahz_post_formats .post .entry-header {
margin-bottom: 22px
}
.widget_dahz_post_formats .post-format-archive-link {
font-size: 1em;
text-transform: uppercase
}
.widget_dahz_post_formats .callbacks_container, .widget_dahz_post_formats .df-post-audio, .widget_dahz_post_formats .df-post-image, .widget_dahz_post_formats .df-post-video {
margin-bottom: 1em
}
.widget_nav_menu ul.menu > li.menu-item i {
float: right;
line-height: 1.6
}
.widget_nav_menu .sub-menu {
margin: 6px 0
}
.widget_nav_menu .sub-menu li {
margin-left: 30px
}
.widget_nav_menu .sub-menu li:last-child {
margin-bottom: 0
}
#footer-colophon p {
margin: 0
}
#footer-colophon p {
padding: 11px 0
}
.footer-navigation {
margin-bottom: 0;
padding: 11px 0
}
.footer-navigation .menu-item {
margin-bottom: 0;
padding: 0 11px;
float: left
}
.footer-navigation .menu-item:first-child {
padding: 0 11px 0 0
}
.widget_categories li {
text-transform: uppercase
}
.widget_categories select {
width: 100%
}
.widget_archive select {
width: 100%
}
.widget_dahz_post_formats .comments-link {
border-left: 1px solid #eee;
padding: 0 2px 0 4px;
font-size: 0.8em
}
.widget_recent_entries li .post-section {
padding-left: 20px;
overflow: auto
}
.widget_recent_entries li a.post-title:hover {
color: #ae9364
}
.widget_recent_entries li .post-date {
font-size: 0.8em;
display: block;
color: #aaa
}
.widget_dahz_popular_entries .popularentries img {
height: 60px;
max-width: 60px
}
.widget_dahz_popular_entries .popularentries .popular-section .author {
text-transform: none;
font-size: 0.8em
}
.widget_search span {
display: none
}
.widget_search .search-field {
width: 100%
}
.widget_dahz_search .df-search_main button {
position: relative
}
.widget_dahz_search .df-search_main input[type=text] {
position: absolute;
width: 95%;
border-top: 0;
border-left: 0;
border-right: 0
}
.df-widget-image {
float: left;
display: block;
width: 60px;
margin-right: 20px
}
.df-topbar .df-social-skin2 {
display: table-cell;
vertical-align: middle
}
.df-topbar .df-social-skin2 a {
font-size: 13px;
margin-right: 10px;
line-height: 24px;
color: #d8d8d8
}
.widget .df-social-skin2 a {
font-size: 18px;
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
margin: 0 5px 5px 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s
}
.widget .df-social-skin2 a i {
font-size: 20px;
position: absolute;
line-height: inherit;
left: 0;
width: 100%;
text-align: center
}
.widget .df-social-skin2 a:before {
content: "";
height: 100%;
position: absolute;
left: 0;
width: 100%;
text-align: center;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s
}
.widget .df-social-skin2 a:hover, .widget .df-social-skin2 a:hover:before {
color: #ae9364;
border-color: #ae9364
}
.widget_dahz_post_formats .entry-title {
font-size: 1em
}
.widget_dahz_post_formats .author:last-child {
border: 0;
padding: 0 1px 0 4px
}
.widget_dahz_post_formats span.entry-date, .widget_dahz_post_formats .author {
border-right: 1px solid #eee;
padding-right: 4px;
font-size: 0.8em
}
.widget_categories li ul li {
position: relative;
top: 16px;
border-top: 1px solid #eee !important;
padding: 13px 0 4px 0;
margin-top: 20px;
width: 100%;
border: 0
}
.widget_contact .icon_contact_widget {
width: 20px;
display: inline-block
}
.widget_contact .address p, .widget_contact .email p, .widget_contact .fax p, .widget_contact .phone p, .widget_contact .web p {
margin-bottom: 0.5em
}
.widget_archive li, .widget_categories li {
border-bottom: 1px solid #eee;
padding-bottom: 11px;
margin-bottom: 11px;
overflow: hidden;
position: relative
}
.widget_archive li a, .widget_categories li a {
text-align: left;
display: block;
float: left
}
.widget_archive .post-count, .widget_categories .post-count {
position: absolute;
right: 0
}
#wp-calendar {
width: 100%
}
#wp-calendar caption, #wp-calendar tfoot #next, #wp-calendar tfoot #prev {
font-family: "Libre Baskerville", serif
}
#wp-calendar caption {
font-style: italic;
text-align: left;
margin: 0 0 1em
}
#wp-calendar thead th {
padding-bottom: 10px
}
#wp-calendar tbody {
color: #aaa
}
#wp-calendar tbody tr td {
text-align: center
}
#wp-calendar tbody td {
background: #f5f5f5;
border: 1px solid #fff;
padding: 8px
}
#wp-calendar tbody td a {
color: #ae9364
}
#wp-calendar tbody td:hover {
background: #fff
}
#wp-calendar tbody #today, #wp-calendar tbody #today a {
color: #fff;
background: #ae9364
}
#wp-calendar tbody .pad {
background: 0 0
}
#wp-calendar tfoot #next {
text-align: right
}
#wp-calendar tfoot #prev {
padding-top: 10px
}
.archive-post-tags.tagcloud a, .widget_tag_cloud .tagcloud a {
border: 1px solid #eee;
padding: 4px 6px;
display: inline-block;
margin: 0 2px 4px 0
}
.archive-post-tags.tagcloud a:hover, .widget_tag_cloud .tagcloud a:hover {
border-color: #ae9364;
color: #ae9364
}
.searchform {
width: 99%;
position: relative
}
.searchform label {
display: none
}
.df-search_main .searchform input[type=text] {
font-style: italic;
background: transparent;
margin-bottom: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.df-search_main .searchform button.submit {
color: #0f0f0f;
background: 0 0;
top: 0.6em;
left: 0;
border: none;
margin: 0;
padding: 0;
font-size: 1em
}
#options-blog-sort li:first-child {
border-right: 1px solid #eee;
padding-right: 0
}
#options-blog-sort li:last-child {
border-right: 0
}
#options-blog-sort li {
display: inline-block;
border-right: 1px solid #eee;
color: #999;
font-size: 12px;
margin-bottom: 22px;
text-transform: uppercase
}
#options-blog-sort li a {
color: #999;
font-size: 12px;
line-height: 1.2;
padding: 0 22px
}
#options-blog-sort li a:hover {
color: #ae9364
}
#options-blog-sort {
margin-top: 0;
margin-bottom: 22px;
text-align: center
}
.df_grid_fit {
position: relative;
margin-bottom: 40px;
margin-left: -15px;
margin-right: -15px
}
.df_grid_fit .post {
margin-bottom: 44px;
display: block;
float: left;
padding: 0 15px;
border: none
}
.df_grid_fit .grid-sizer, .df_grid_fit .post {
width: 33.333333%
}
.df_grid_fit.grid_2_col .grid-sizer, .df_grid_fit.grid_2_col .post {
width: 50%
}
.df_grid_fit.grid_4_col .grid-sizer, .df_grid_fit.grid_4_col .post {
width: 25%
}
.df_grid_fit.grid_5_col .grid-sizer, .df_grid_fit.grid_5_col .post {
width: 20%
}
.df_grid_fit.grid_2_col .post.big-post-grid {
width: 100%
}
.df_grid_fit.grid_3_col .post.big-post-grid {
width: 66.666667%
}
.df_grid_fit.grid_4_col .post.big-post-grid {
width: 50%
}
.df_grid_fit.grid_5_col .post.big-post-grid {
width: 40%
}
.df_grid_masonry {
margin-left: -15px;
margin-right: -15px
}
.df_grid_masonry .post {
margin-bottom: 40px;
display: block;
float: left;
padding: 0 15px;
border: none
}
.df_grid_masonry.grid_2_col .grid-sizer, .df_grid_masonry.grid_2_col .post {
width: 49.99999%
}
.df_grid_masonry.grid_3_col .grid-sizer, .df_grid_masonry.grid_3_col .post {
width: 32.99999%
}
.df_grid_masonry.grid_4_col .grid-sizer, .df_grid_masonry.grid_4_col .post {
width: 25%
}
.df_grid_masonry.grid_5_col .grid-sizer, .df_grid_masonry.grid_5_col .post {
width: 20%
}
.df_grid_masonry.grid_2_col .post.big-post-grid {
width: 100%
}
.df_grid_masonry.grid_3_col .post.big-post-grid {
width: 66.666667%
}
.df_grid_masonry.grid_4_col .post.big-post-grid {
width: 50%
}
.df_grid_masonry.grid_5_col .post.big-post-grid {
width: 40%
}
.df_grid_masonry {
position: relative;
margin-bottom: 40px
}
.post {
position: relative;
margin-bottom: 44px;
padding-bottom: 44px;
border-bottom: 1px solid #eee
}
.df-standard-image-top .post .df-category-content-post a {
margin-bottom: 11px;
display: inline-block
}
.df-standard-image-top .post .df-post-title {
margin-top: 0;
margin-bottom: 11px
}
.df-standard-image-top .post .df-post-content {
width: 100%
}
.df-pict-slider, .df-standard-image-top .post .df-pict-slider {
margin-bottom: 22px;
position: relative;
float: left;
width: 100%
}
.df-post-video, .df-post-audio, .df-post-image, .df-pict-slider, .df-gallery-grid, .format-link-bg {
margin-bottom: 20px
}
/* image left */
.widget_dahz_post_formats .df-standard-image-left .post {
position: relative !important;
margin-bottom: 44px !important;
padding-bottom: 44px !important;
width: 100%;
border-bottom: 1px solid #eee !important;
float: none
}
.widget_dahz_post_formats .df-standard-image-left.post .df-post-video, .widget_dahz_post_formats .df-standard-image-left.post .df-post-audio, .widget_dahz_post_formats .df-standard-image-left.post .df-post-image, .widget_dahz_post_formats .df-standard-image-left.post .df-pict-slider, .widget_dahz_post_formats .df-standard-image-left.post .format-link-bg {
width: 100%
}
.df-standard-image-left.post .df-post-video, .df-standard-image-left.post .df-post-audio, .df-standard-image-left.post .df-post-image, .df-standard-image-left.post .df-pict-slider, .df-standard-image-left.post .df-gallery-grid, .df-standard-image-left.post .format-link-bg {
width: 48%;
float: left;
margin-right: 3%;
margin-bottom: 0
}
.df-standard-image-left.post .df-post-content {
width: 48%;
float: right
}
.format-quote.df-standard-image-left.post .df-post-content, .format-aside.df-standard-image-left.post .df-post-content, .format-status.df-standard-image-left.post .df-post-content {
width: 100%;
float: none
}
.df-standard-image-left.post .df-post-audio-no-thumb, .df-standard-image-left.post .df-post-quote {
margin-bottom: 0;
width: 100%;
margin-bottom: 18px
}
embed {
max-width: 100%
}
/* image right */
.widget_dahz_post_formats .df-standard-image-right .post {
position: relative !important;
margin-bottom: 44px !important;
padding-bottom: 44px !important;
width: 100%;
border-bottom: 1px solid #eee !important;
float: none
}
.widget_dahz_post_formats .df-standard-image-right.post .df-post-video, .widget_dahz_post_formats .df-standard-image-right.post .df-post-audio, .widget_dahz_post_formats .df-standard-image-right.post .df-post-image, .widget_dahz_post_formats .df-standard-image-right.post .df-pict-slider, .widget_dahz_post_formats .df-standard-image-right.post .format-link-bg {
width: 100%;
padding: 0
}
.df-standard-image-right.post .df-post-video, .df-standard-image-right.post .df-post-audio, .df-standard-image-right.post .df-post-image, .df-standard-image-right.post .df-pict-slider, .df-standard-image-right.post .df-gallery-grid, .df-standard-image-right.post .format-link-bg {
width: 48%;
float: right;
margin-left: 3%;
margin-bottom: 0
}
.df-standard-image-right.post .df-post-content {
width: 48%;
float: left
}
.format-quote.df-standard-image-right.post .df-post-content, .format-aside.df-standard-image-right.post .df-post-content, .format-status.df-standard-image-right.post .df-post-content {
width: 100%;
float: none
}
.df-standard-image-right.post .df-post-audio-no-thumb, .df-standard-image-right.post .df-post-quote {
width: 100%;
margin-bottom: 0;
margin-bottom: 18px
}
.format-status .entry-summary, .format-quote .entry-summary, .format-quote .df-post-quote, .sticky.df-standard-image-big-skny .df-post-content, .format-standard.df-standard-image-big-skny .df-post-content {
padding: 40px;
background-position: center center;
background-size: cover;
background-attachment: scroll !important
}
.single .format-quote .entry-content {
background-position: center center;
background-size: cover;
background-attachment: scroll !important
}
.sticky.format-quote .entry-summary, .format-quote.df-standard-image-big-skny .entry-summary, .sticky.format-quote.df-standard-image-big-skny .df-post-content {
padding: 0
}
.format-quote.df-standard-image-big-skny .overlay_bg_image, .sticky.format-quote.df-standard-image-big-skny .overlay_bg_image {
margin: 0;
padding: 0
}
.post .overlay_bg_image {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
margin: -40px;
padding: 40px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box
}
.sticky.df-standard-image-big-skny .overlay_bg_image, .format-standard.df-standard-image-big-skny .overlay_bg_image {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
margin: -40px;
padding: 40px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box
}
.one-col .sticky.format-standard.df-standard-image-big-skny .overlay_bg_image, .one-col .format-standard.df-standard-image-big-skny .overlay_bg_image {
width: 100%;
height: 100%;
margin: -5em -1000px;
padding: 5em 1000px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box
}
.one-col .sticky.format-standard.df-standard-image-big-skny .df-post-content, .one-col .format-standard.df-standard-image-big-skny .df-post-content {
width: 100%;
padding: 5em 1000px;
margin: 0 -1000px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box
}
.one-col .df_grid_fit .sticky.df-standard-image-big-skny .df-post-content, .one-col .df_grid_fit .format-standard.df-standard-image-big-skny .df-post-content, .one-col .df_grid_masonry .sticky.df-standard-image-big-skny .df-post-content, .one-col .df_grid_masonry .format-standard.df-standard-image-big-skny .df-post-content {
width: auto;
padding: 5em;
margin: 0;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box
}
.one-col .df_grid_fit .sticky.df-standard-image-big-skny .overlay_bg_image, .one-col .df_grid_fit .format-standard.df-standard-image-big-skny .overlay_bg_image, .one-col .df_grid_masonry .sticky.df-standard-image-big-skny .overlay_bg_image, .one-col .df_grid_masonry .format-standard.df-standard-image-big-skny .overlay_bg_image {
width: 100%;
height: 100%;
margin: -5em;
padding: 5em;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box
}
.df_grid_masonry .fb_iframe_widget, .df_grid_fit .fb_iframe_widget {
display: block;
width: inherit
}
.df_grid_masonry iframe, .df_grid_fit iframe {
min-width: inherit !important
}
.df_grid_masonry .fb_iframe_widget span, .df_grid_fit .fb_iframe_widget span, .df_grid_masonry .fb_iframe_widget iframe, .df_grid_fit .fb_iframe_widget iframe {
width: inherit !important;
position: relative;
min-width: inherit !important
}
iframe.twitter-tweet {
border-width: 0 !important;
border-color: transparent !important;
box-shadow: transparent 0 0 0 !important;
max-width: 100% !important
}
.single .post {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
.single .post .df-post-audio-no-thumb, .single .post .df-post-image, .single .post .df-post-quote, .single .post .df-post-video {
margin-bottom: 22px;
width: 100%
}
.single .post .df-post-audio img {
width: 100%
}
.post .gallery {
display: inline-block;
width: 100%
}
.single .df-post-content .df-post-link {
margin-bottom: 22px
}
.single .df-post-content {
margin-bottom: 30px
}
.single .df-post-title {
font-size: 2.441em;
line-height: 1.2
}
.single .single-tag-blog {
font-size: 1em;
line-height: 1.2;
margin-top: 44px
}
.single .single-tag-blog .df-link a {
font-size: 1em;
line-height: 1.2;
border: 1px solid #eee;
padding: 4px 6px;
display: inline-block;
margin: 0 4px 4px 0
}
.single .single-tag-blog a:hover {
border-color: #ae9364;
color: #ae9364
}
.single .single-share-blog {
color: #999;
line-height: 1.2;
font-size: 1em;
margin-top: 44px
}
.single-share-blog i.fa {
font-size: 18px;
color: #999;
padding-right: 5px
}
.single .single-share-blog i.fa:hover {
color: #ae9367;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out
}
.single .single-share-blog .df-link a {
font-weight: 400;
line-height: 1.2;
font-size: 1em
}
.single .single-share-blog span, .single .single-share-blog ul, .single .single-share-blog ul li {
display: inline-block
}
.single .single-share-blog ul {
margin-bottom: 0;
float: right
}
.single .single-share-blog ul li {
margin-left: 20px;
margin-bottom: 0
}
.single .about-author {
margin-top: 44px;
padding-top: 44px;
border-top: 1px solid #eee;
float: left;
display: block;
width: 100%
}
.single .about-author .avatar-pic {
float: left;
margin-right: 4%
}
.single .about-author .about-author-desc {
display: table-cell
}
.single .about-author .about-author-desc .title-about {
margin: 0 0 20px
}
.single .about-author .single-share-blog {
margin-top: 22px
}
.single .about-author .author-social ul {
float: left
}
.single .about-author .author-social ul li {
margin-right: 20px;
margin-left: 0
}
.single .post-pagination {
padding-top: 44px;
margin-top: 44px;
border-top: 1px solid #eee;
float: left;
width: 100%;
position: relative
}
.single .post-pagination div {
display: inline-block
}
.single .post-pagination .navi-next {
width: 50%;
float: right;
text-align: center;
display: inline-block
}
.single .post-pagination .navi-next a {
width: 100%;
display: block;
text-transform: uppercase
}
.single .post-pagination .navi-prev {
width: 50%;
float: left;
text-align: center;
display: inline-block
}
.single .post-pagination .navi-prev a {
width: 100%;
display: block;
text-transform: uppercase;
padding: 0 40px
}
.single .post-pagination .title-link-nav-single-post a {
text-transform: capitalize;
font-size: 1em;
line-height: 1.2;
padding: 0 40px
}
.single .post-pagination .navi-next:hover .title-link-nav-single-post a, .single .post-pagination .navi-next:hover i, .single .post-pagination .navi-prev:hover .title-link-nav-single-post a, .single .post-pagination .navi-prev:hover i {
color: #ae9364
}
.single .post-pagination .navi-next a h5, .single .post-pagination .navi-prev a h5 {
display: inline-block;
margin-top: 0;
letter-spacing: 2px
}
.single .post-pagination .navi-next a i, .single .post-pagination .navi-prev a i {
font-size: 32px;
color: #999;
font-weight: 100
}
.single .post-pagination .navi-prev a i {
position: absolute;
left: 0;
top: 49%
}
.single .post-pagination .navi-next a i {
position: absolute;
right: 0;
top: 49%
}
.single .post-side-left-pagination, .single .post-side-right-pagination {
position: fixed;
width: 220px
}
.single .post-side-left-pagination {
float: left;
z-index: 1000;
left: 0 !important;
margin-top: 25%;
top: 0 !important;
text-align: center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out
}
.single.df-navibar-fixed-left-active .post-side-left-pagination.no-active {
left: 120px !important
}
.single.df-navibar-fixed-left-active .post-side-left-pagination {
left: 300px !important
}
.single.df-navibar-fixed-right-active .post-side-right-pagination.no-active {
right: 120px !important
}
.single.df-navibar-fixed-right-active .post-side-right-pagination {
right: 300px !important
}
.single .post-side-left-pagination a.previous {
position: relative;
vertical-align: middle;
width: 40px;
display: inline-block;
height: 129px;
background-color: #fcfcfc;
color: #999;
border: 1px solid #d9d9d9
}
.single .post-side-left-pagination a.img {
float: left
}
.single .post-side-right-pagination a.img {
float: right
}
.single .post-side-right-pagination {
float: right;
right: 0 !important;
z-index: 1000;
text-align: center;
top: 0 !important;
margin-top: 25%;
left: auto !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out
}
.single .post-side-right-pagination a.next {
position: relative;
vertical-align: middle;
width: 40px;
display: inline-block;
height: 129px;
background-color: #fcfcfc;
border: 1px solid #d9d9d9;
color: #999
}
.single .post-side-left-pagination i, .single .post-side-right-pagination i {
position: relative;
top: 44%;
text-align: center;
font-size: 16px;
color: #999
}
.single .post-side-left-pagination:hover i, .single .post-side-right-pagination:hover i {
color: #ae9364
}
.single .post-side-left-pagination.no-active {
left: -180px !important;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s
}
.single .post-side-right-pagination.no-active {
right: -180px !important;
-webkit-transition: all 0.3s ease-out 0.5s;
-moz-transition: all 0.3s ease-out 0.5s;
-o-transition: all 0.3s ease-out 0.5s;
transition: all 0.3s ease-out 0.5s
}
.single .third-effect .mask {
opacity: 0;
overflow: visible;
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
top: 0;
width: 100%;
height: 129px;
box-sizing: border-box;
transition: all 0.4s ease-in-out
}
.single .third-effect a.info {
position: relative;
width: auto;
left: -27px;
top: 52px;
text-align: center;
display: inline-block;
opacity: 0;
transition: opacity 0.5s 0s ease-in-out
}
.single .third-effect:hover .mask {
opacity: 1;
background-color: rgba(0, 0, 0, 0.7)
}
.single .third-effect:hover a.info {
opacity: 1;
transition-delay: 0.3s
}
.single .post-side-right-pagination .third-effect a.info {
left: 32px
}
.archive .about-author {
margin-bottom: 44px;
border-bottom: 1px solid #eee;
float: left;
display: block;
width: 100%
}
.archive .about-author .avatar-pic {
float: left;
margin-right: 4%;
margin-bottom: 4%;
overflow: hidden
}
@media only screen and (max-width: 959px) {
.archive .about-author .avatar-pic {
margin-right: 8%
}
}
.archive .about-author .about-author-desc {
overflow: auto
}
.archive .about-author .about-author-desc .title-about {
margin-top: 0
}
.archive .about-author .single-share-blog {
margin-top: 22px
}
.archive .about-author .author-social ul {
margin-bottom: 0
}
.archive .about-author .author-social ul li {
display: inline-block;
margin-right: 20px;
margin-left: 0
}
.df-template-archive {
margin-bottom: 44px
}
.df-template-archive .df-postmeta {
padding: 0
}
.df-archive-title {
margin: 0 0 44px;
text-transform: none
}
.template-archive-list {
margin-bottom: 44px
}
.template-archive-list .df-postmeta {
padding-top: 11px
}
.template-archive-list li {
border-bottom: 1px solid #eee;
margin: 11px 0;
padding: 0 0 11px
}
.template-archive-list li.categories {
border-bottom: 0 solid #eee;
margin: 0;
padding: 0;
text-transform: uppercase
}
.template-archive-list ul {
margin: 0
}
.template-archive-list li.cat-item {
border-bottom: 0 solid #eee;
margin-bottom: 0;
padding-bottom: 0;
width: 31%;
margin-right: 1.5%;
display: inline-block
}
.template-archive-list li.cat-item:nth-child(3n+3) {
margin-right: 0
}
.template-archive-list .template-archive-month {
border-bottom: 0 solid #eee;
margin-bottom: 22px;
padding-bottom: 0;
width: 31%;
margin-right: 1.5%;
display: inline-block;
vertical-align: top
}
.template-archive-list .template-archive-month li {
border-bottom: 0 solid #eee;
margin-bottom: 0;
padding-bottom: 0
}
.template-archive-list .template-archive-month:nth-child(3n+3) {
margin-right: 0
}
.template-archive-pf li {
display: inline-block;
width: 50%;
border-bottom: 0 solid #eee;
margin-bottom: 0;
padding-bottom: 0
}
.df_grid_masonry .df-post-title, .df_grid_fit .df-post-title {
font-size: 1.286em;
line-height: 1.2;
margin: 22px 0
}
.df-post-title {
line-height: 1.2;
margin: 22px 0
}
.df-post-title a, .related-title a {
margin: 11px 0
}
.df-link i, .df-link span, .df-postmeta a, .df-postmeta span {
color: #999
}
.df-link span:hover, .df-postmeta a:hover {
color: #ae9364
}
.df-link i {
margin-right: 6px
}
.df-hover-share-container:hover .df-link i, .df-hover-share-container:hover .df-link span {
color: #ae9364
}
.df-read-more-post a {
font-style: italic
}
.df-read-more-post a:after {
content: "";
font-family: fontAwesome;
margin-left: 5px;
position: relative;
top: 0.95px
}
.df-pict-slider, .df-post-audio, .df-post-audio-no-thumb, .df-post-image, .df-post-video, .post .df-pict-slider, .post .df-post-audio, .post .df-post-audio-no-thumb, .post .df-post-image, .post .df-post-video {
margin-bottom: 22px;
width: 100%
}
.df-post-video p, .post .df-post-video p {
margin-top: 1.3em
}
.format-link-bg {
position: relative;
margin-bottom: 20px
}
.post.format-link .overlay_bg_image {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
margin: 0;
padding: 0
}
.post.format-link .link-background-img {
z-index: 2;
padding: 120px 40px;
background-position: center;
background-size: cover
}
.df-postformat-link {
position: absolute;
top: 40%;
left: auto;
right: auto;
z-index: 3;
width: 98%
}
.df-postformat-link-img {
margin: 0
}
.df-postformat-link a {
display: block;
text-align: center;
font-size: 1em;
line-height: 1.2
}
.single .format-quote .df-post-quote {
padding: 40px
}
.single .format-quote .df-postmeta {
margin-top: 22px
}
.format-quote .df-post-quote .df-quote-author {
text-align: right;
margin-bottom: 0
}
.gallery-columns-1 .gallery-item {
width: 100%
}
.gallery-columns-2 .gallery-item {
width: 49.5%
}
.gallery-columns-3 .gallery-item {
width: 32.666%
}
.gallery-columns-4 .gallery-item {
width: 24.25%
}
.gallery-columns-5 .gallery-item {
width: 19.2%
}
.gallery-columns-6 .gallery-item {
width: 15.7%
}
.gallery-columns-7 .gallery-item {
width: 13.429%
}
.gallery-columns-8 .gallery-item {
width: 11.62%
}
.gallery-columns-9 .gallery-item {
width: 10.223%
}
.gallery-columns-1 .gallery-item:nth-child(1n+1), .gallery-columns-2 .gallery-item:nth-child(2n+2), .gallery-columns-3 .gallery-item:nth-child(3n+3), .gallery-columns-4 .gallery-item:nth-child(4n+4), .gallery-columns-5 .gallery-item:nth-child(5n+5), .gallery-columns-6 .gallery-item:nth-child(6n+6), .gallery-columns-7 .gallery-item:nth-child(7n+7), .gallery-columns-8 .gallery-item:nth-child(8n+8), .gallery-columns-9 .gallery-item:nth-child(9n+9) {
margin: 0
}
.gallery-item {
display: inline-block;
margin: 0 1% 0 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
width: 24%
}
.df-metro-gallery-grid .gallery-item:first-child {
width: 50% !important
}
.gallery-item img {
width: 100%
}
.gallery-item:hover {
opacity: 0.8
}
.gallery-item a, .gallery-item span {
border: none !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0;
text-indent: 0;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.gallery-item img {
border: none !important
}
.gallery-item {
position: relative;
overflow: hidden
}
.gallery-item .wp-caption-text {
position: absolute;
bottom: -6px;
background-color: rgba(255, 255, 255, 0.9);
color: #999;
padding: 10px;
width: 100%;
text-align: center;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
.gallery-item:hover .wp-caption-text {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.format-aside .aside-post-formats {
border: 2px dashed #eee;
padding: 40px
}
.format-aside .df-category-content-post, .format-aside .entry-content {
margin-bottom: 20px;
display: block
}
.single .format-aside .entry-header, .format-aside .df-postmeta, .format-aside .entry-content p {
margin-bottom: 0
}
.single .format-aside .rate-box {
margin-top: 0
}
.format-status .status-wrapper, .format-status .entry-summary {
background-size: cover
}
.format-status .df-status-format {
text-align: center;
margin: 0 0 20px 0
}
.format-status .df-status-format iframe {
margin: 0 auto !important
}
.format-status .df-postmeta {
margin-bottom: 0
}
.single .format-status .df-postmeta {
margin: 20px 0
}
.single .format-status .df-status-format {
padding: 40px
}
.format-status .entry-summary, .format-status .overlay_bg_image {
border-radius: 5px
}
.single .format-status .overlay_bg_image {
border-radius: 0;
margin: 0;
padding: 44px 0
}
.format-chat .chat-transcript .chat-author {
font-weight: 700;
float: left;
padding-right: 5px
}
.df-post-content .df-post-link {
padding: 22px;
border: 1px solid #eee;
margin-bottom: 18px
}
.df-post-content .df-post-link a {
margin-bottom: 0
}
.df-container-template-blog-content1 {
display: block;
margin: 0 0 40px
}
.df-container-template-blog-content2 {
display: block;
margin: 40px 0
}
.post .df-link-excerpt, .page .df-link-excerpt {
padding: 20px 0 0;
display: block
}
.callbacks_nav {
text-indent: 1px;
color: #eee;
text-align: center;
width: 30px;
font-size: 0;
height: 80px;
top: 42%;
background: rgba(0, 0, 0, 0.2) !important
}
.callbacks_nav.next i, .callbacks_nav.prev i {
font-size: 28px
}
.callbacks_nav.prev i {
right: 4px
}
.callbacks_nav.next i {
left: 4px
}
.callbacks_nav i {
top: 22px;
opacity: 0.7;
position: absolute
}
.callbacks_nav:hover i {
opacity: 1
}
.df-gallery-grid .gallery-caption, .df-metro-gallery-grid .gallery-caption {
display: none
}
.slider-gallery-owl {
position: relative;
line-height: 0;
margin-bottom: 18px
}
.owl-item {
cursor: -webkit-grab;
cursor: -moz-grab
}
.slider-gallery-owl .owl-item img {
width: 100%
}
.df-portfolio-isotope .slider-gallery-owl .owl-controls {
top: 41%;
width: 100%;
position: absolute;
margin-top: 0 !important
}
.slider-gallery-owl .owl-controls {
top: 45%;
width: 100%;
position: absolute;
margin-top: 0 !important
}
.slider-gallery-owl .owl-controls .owl-nav div {
padding: 11px !important
}
.slider-gallery-owl .owl-controls .owl-prev {
float: left
}
.slider-gallery-owl .owl-controls .owl-next {
float: right
}
.df-blog-extra {
margin-top: 22px;
width: 650px
}
.df-blog-extra .df-like {
position: relative;
z-index: 9
}
.df-blog-extra .df-like i {
margin-right: 6px
}
.df-blog-extra .liked i, .df-blog-extra .liked span, .df-blog-extra .df-like:hover i, .df-blog-extra .df-like:hover span {
color: #ae9364
}
.df-blog-extra .df-hover-share-button {
cursor: pointer;
position: relative;
z-index: 9
}
.df-blog-extra .df-link {
float: left;
padding-right: 20px
}
.df-blog-extra .df-blog-extra-post {
position: relative;
width: 100%
}
.df-hover-share-container {
float: left;
position: relative;
width: 80%
}
.sticky .df-blog-extra ul.df-hover-share-content {
bottom: 20px
}
.df-blog-extra ul.df-hover-share-content {
position: absolute;
z-index: 10;
background: transparent;
margin-left: 0;
border: 3px double #eee;
bottom: 10px;
left: 142px;
display: none
}
.arrow-up {
width: 0;
height: 0;
border-width: 5px 10px 5px 0;
border-style: solid;
border-color: transparent #eee transparent transparent;
position: absolute;
top: 16px;
right: 100%
}
.df-blog-extra .df-share-content-active ul.df-hover-share-content {
display: table;
background: #fff;
line-height: 1.4;
position: absolute;
bottom: -32px;
left: 80px
}
.format-standard.df-standard-image-big-skny .df-blog-extra .df-share-content-active ul.df-hover-share-content {
background: transparent
}
.df-blog-extra .df-share-content-active ul.df-hover-share-content li {
display: table-cell
}
.df-blog-extra ul.df-hover-share-content li:last-child i {
border-right: 0
}
.df-blog-extra ul.df-hover-share-content i {
font-size: 18px;
width: 42px;
height: 42px;
line-height: 42px;
border-right: 1px;
border-style: solid;
border-color: #eee;
text-align: center
}
.df-blog-extra ul.df-hover-share-content li i:hover {
box-shadow: inset 0 0 0 1px #ae9364
}
.df-blog-extra ul.df-hover-share-content a {
color: #999;
font-size: 0.8em;
line-height: 1.571
}
.df-blog-extra ul.df-hover-share-content a:hover {
color: #ae9364
}
.df-postmeta .post-format {
border-right: 1px solid #eee;
margin-right: 6px;
padding-right: 6px
}
.df-postmeta .posted-on {
border-right: 1px solid #eee;
margin-right: 6px;
padding-right: 6px
}
.df-postmeta .comment {
border-left: 1px solid #eee;
margin-left: 6px;
padding-left: 6px
}
.df-postmeta {
padding-bottom: 22px;
font-weight: 400;
font-size: 0.857em;
line-height: 1.2
}
video {
width: 100%;
height: 100%;
max-width: 100%
}
.wp-video {
width: 100% !important;
height: auto !important
}
.mejs-mediaelement, .mejs-container {
background: none !important;
background-image: none !important;
font-weight: bold
}
.wp-playlist-current-item {
height: 80px !important
}
.wp-audio-shortcode.mejs-container {
height: 44px !important
}
.df-post-audio-thumbnail .mejs-container {
height: auto !important;
position: relative;
top: -6px
}
.mejs-container .mejs-controls {
height: 50px !important;
background-color: #333 !important
}
.mejs-controls .mejs-button button {
background: transparent url(../images/controls.svg) no-repeat !important;
margin: 17px 17px !important
}
.mejs-controls div.mejs-horizontal-volume-slider {
margin: 10px 0 0 !important
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 18px 5px !important;
background-image: none !important;
background-color: rgba(138, 138, 138, 0.8) !important
}
.mejs-controls .mejs-play button {
background-position: 0 0 !important;
margin-left: 10px !important
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px !important;
margin-left: 10px !important
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0 !important;
margin-left: 10px !important
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px !important;
margin-left: 10px !important
}
.mejs-controls .mejs-fullscreen-button button {
background-position: -50px 0 !important
}
.mejs-controls .mejs-unfullscreen button {
background-position: -50px -25px !important
}
.mejs-controls .mejs-fullscreen-button, .mejs-controls .mejs-volume-button {
width: 36px !important;
height: 36px !important
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
left: 9px !important;
background-image: none !important;
background: rgba(255, 255, 255, 0.8) !important
}
.mejs-container .mejs-controls .mejs-time {
height: 41px !important
}
.mejs-container .mejs-controls .mejs-time span {
margin-top: 11px !important
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #565c61 !important
}
.mejs-controls .mejs-time-rail span {
height: 4px !important
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height: 8px !important;
width: 35px !important;
padding-left: 10px;
right: 10px !important;
background: rgba(138, 138, 138, 0.8) !important;
left: auto !important
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 8px !important;
background: rgba(255, 255, 255, 0.8) !important;
left: 15px !important
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #f8f8f8 !important
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0 !important
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important
}
.mejs-overlay-loading {
background: none !important
}
.mejs-overlay-loading span {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 100px !important;
height: 100px !important;
margin: -10px 0 0 -10px !important
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
background: rgba(99, 99, 99, 0.8)
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
border: solid 5px #fff !important;
border-color: #fff transparent transparent transparent !important
}
.mejs-controls .mejs-time-rail .mejs-time-float {
background: #fff !important;
border: none !important;
color: #000 !important;
font-weight: bold;
height: 15px !important
}
.mejs-overlay-button {
/*background: url(../../images/bigplay.svg) no-repeat!important;*/
}
.related-post {
display: block;
border-top: 1px solid #eee;
padding-top: 44px;
float: left;
margin-top: 44px;
width: 100%
}
.related-post .related-post-title {
margin-bottom: 22px;
margin-top: 0
}
.related-post .related-title {
margin-top: 0;
margin-bottom: 11px
}
.related-post .related-post-content {
width: 100%;
display: block;
float: left
}
.related-post .related-post-content img {
width: 100%
}
.related-post .related-post-content p {
margin-bottom: 11px
}
.related-post .owl-theme .owl-controls .owl-nav div {
position: absolute
}
.related-post .owl-theme .owl-controls .owl-nav .owl-prev {
right: 15px;
font-size: 20px
}
.related-post .owl-theme .owl-controls .owl-nav .owl-next {
font-size: 20px;
right: -18px
}
.related-post .owl-theme .owl-controls .owl-nav div {
top: -55px;
color: #999;
zoom: 1;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: 0 0;
filter: alpha(opacity=50)
}
.related-post .owl-theme .owl-controls .owl-nav div:hover {
color: #ae9364
}
.related-post .third-effect {
border: none !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0;
text-indent: 0;
display: block;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
overflow: hidden
}
.related-post .third-effect .mask {
opacity: 0;
overflow: visible;
position: absolute;
background-color: rgba(0, 0, 0, 0.7);
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: all 0.4s ease-in-out
}
.related-post .df-port-image {
margin-bottom: 11px;
position: relative
}
.related-post .third-effect .mask .mask-table {
display: table;
width: 100%;
height: 100%
}
.related-post .third-effect .mask .mask-table .mask-table-cell {
display: table-cell;
width: 100%;
vertical-align: middle
}
.related-post .third-effect a.info {
position: relative;
opacity: 0;
opacity: 0.7;
top: auto;
left: auto;
font-size: 32px;
transition: opacity 0.2s 0s ease-in-out
}
.related-post .third-effect:hover .mask {
opacity: 1;
background-color: rgba(0, 0, 0, 0.7)
}
.related-post .third-effect:hover a.info {
transition-delay: 0.2s;
line-height: 1.2
}
.related-post .third-effect a.info {
line-height: 1.2;
text-align: center;
vertical-align: middle;
width: 100%;
display: inline-block
}
.related-post .third-effect a.info:hover {
opacity: 1
}
.related-post .owl-carousel .owl-stage-outer {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
height: 400px
}
.comments-area {
padding-top: 44px;
margin-top: 44px;
border-top: 1px solid #eee
}
.comments-area .comment-form {
margin-bottom: 0
}
.comments-area .comment-form .form-submit, .comments-area .comment-form input[type="submit"] {
margin-bottom: 0
}
.comments-area .comments-title {
margin-top: 0;
margin-bottom: 22px;
font-size: 18px
}
.comments-area .avatar-picture {
overflow: hidden;
float: left;
margin-right: 4%
}
.comments-area .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 14px
}
.comments-area .children .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 24px
}
.comments-area .children .children .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 34px
}
.comments-area .children .children .children .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 44px
}
.comments-area ol {
list-style: none;
margin-left: 0
}
.comments-area .comment-content .reply {
display: inline-block
}
.comments-area .comment-content .comment-head {
margin-bottom: 22px;
font-weight: 400;
font-family: "Crimson Text";
line-height: 1.2;
font-size: 1em;
float: left;
width: 100%;
color: #999
}
.comments-area .comment-content .comment-head a:hover {
color: #ae9364
}
.comments-area .comment-content .comment-head .name {
float: left;
font-weight: 400;
font-family: "Crimson Text";
line-height: 1.2;
font-size: 1em;
color: #0f0f0f
}
.comments-area .children {
margin: 4px 0 5px 90px;
padding-top: 22px
}
.comments-area div.comment-content {
overflow: auto;
width: auto;
display: block;
border-bottom: 1px solid #eee
}
.comments-area .children div.comment-content {
width: auto
}
.comments-area .comment-list li {
margin-bottom: 22px
}
.comments-area .assistive-text {
display: none
}
.comments-area .form-fields input {
display: block;
width: 50%;
border-color: #eee;
height: 44px
}
.comment-form-comment textarea {
width: 100%;
border-color: #eee
}
.comments-area #reply-title {
font-size: 18px;
margin-top: 0;
margin-bottom: 22px
}
#comments .comment-navigation {
margin: 22px 0
}
div.form-clear-container {
float: right;
position: relative;
top: -70px
}
@media only screen and (max-width: 959px) {
div.form-clear-container {
float: none;
top: 20px
}
}
.error404 #content-wrap {
padding: 0
}
.error404 .wrapper-404 {
padding: 0 1000px;
margin: 0 -1000px;
overflow: hidden;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box
}
.error404 .content-404 {
margin: 200px auto !important;
float: none;
background: rgba(255, 255, 255, 0.95);
border: 2px solid #eee;
border-radius: 4px;
padding: 44px;
width: 500px
}
@media only screen and (max-width: 479px) {
.error404 .content-404 {
width: 270px;
padding: 22px
}
}
@media only screen and (min-width: 480px) {
.error404 .content-404 {
width: 400px;
padding: 44px
}
}
.error404 .header-404, .error404 p {
text-align: center;
margin-bottom: 22px
}
.error404 .search-form, .error404 .search-submit {
margin: 0
}
.error404 .screen-reader-text {
display: none
}
.error404 .search-form input[type=search] {
min-width: 100%
}
/* button square */
.df-button-square input[type="submit"], .df-button-square .button, .df-button-square a.button, .df-button-square button, .df-button-square input[type="reset"], .df-button-square input[type="button"], .df-button-square .df-infi-scr-btn .nav-next a {
border-radius: 0
}
/* button round */
.df-button-round input[type="submit"], .df-button-round .button, .df-button-round a.button, .df-button-round button, .df-button-round input[type="reset"], .df-button-round input[type="button"], .df-button-round .df-infi-scr-btn .nav-next a {
border-radius: 6px !important
}
/* button rounded */
.df-button-rounded input[type="submit"], .df-button-rounded .button, .df-button-rounded a.button, .df-button-rounded button, .df-button-rounded input[type="reset"], .df-button-rounded input[type="button"], .df-button-rounded .df-infi-scr-btn .nav-next a {
border-radius: 25px !important
}
#disqus_thread {
margin-top: 44px
}
.active .publisher-nav-color:after, .publisher-anchor-color a {
background: #ae9364
}
.single .entry-content .master-slider-gallery {
margin-bottom: 1.414em
}
.df-navibar-fixed-left-active .master-slider {
margin: 0 !important
}
.rate-box {
display: table;
width: 100%;
border: double 3px #eee;
margin-top: 44px
}
.rate-box ul {
margin: 0;
list-style: none
}
.rate-box li, .rate-box p, .rate-box form {
margin-bottom: 0
}
.rate-box .rate-right {
display: table-cell;
vertical-align: middle;
padding: 22px;
text-align: left
}
.rate-box .rate-right li {
float: left;
text-align: center
}
.rate-box .rate-right .avg_rating {
font-size: 2.441em;
line-height: 1;
margin: 0 0 11px
}
.rate-box .rate-right fieldset {
float: left
}
.rate-box .rate-left {
display: table-cell;
vertical-align: middle;
padding: 22px
}
.rate-box .rate-left li {
text-align: right;
width: 100%;
text-align: center
}
.rate-box .rate-left li.output-rating p {
display: none
}
.rate-box .rate-left .status {
text-align: right;
margin: 0 0 11px
}
.rate-box .rate-left li.already-voted p, .rate-box .rate-left li.output-rating p {
text-align: right
}
/****** Style Star Rating Widget *****/
.df-rating-star, .df-rating-avg {
border: none;
margin-bottom: 0
}
.df-rating-star > input, .df-rating-avg > input {
display: none
}
.df-rating-star > label:before, .df-rating-avg > label:before {
margin: 1px;
font-size: 24px;
font-family: "fontAwesome";
display: inline-block;
content: ""
}
.df-rating-star > .half:before, .df-rating-avg > .half:before {
content: "";
position: absolute
}
.df-rating-star > label, .df-rating-avg > label {
color: #eee;
float: right
}
/***** CSS to Highlight Stars on Hover *****/
.df-rating-avg > input:checked ~ label, .df-rating-star > input:checked ~ label, .df-rating-star:not(:checked) > label:hover, .df-rating-star:not(:checked) > label:hover ~ label {
color: #FFD700
}
.df-rating-star > input:checked + label:hover, .df-rating-star > input:checked ~ label:hover, .df-rating-star > label:hover ~ input:checked ~ label, .df-rating-star > input:checked ~ label:hover ~ label {
color: #FFED85
}
.df-banner-ads {
display: block;
text-align: center;
line-height: 0;
padding: 22px 0
}
.attachment .df-banner-ads img {
width: auto
}
.df-topbar-right .df-language-demo {
margin-left: 0
}
.df-topbar-right .main-navigation ul ul.submenu-languages a {
min-width: inherit
}
.ie .df-float-menu, .ie9 .df-float-menu {
display: none
}
.ie9 .arrow-up {
top: 17px
}
@media only screen and (min-width: 959px) {
.ie9 .main-navigation .df-mega-menu-img > ul {
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-size: auto !important;
background-attachment: scroll !important
}
.ie .main-navigation .df-mega-menu-img > ul {
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-size: auto !important;
background-attachment: scroll !important
}
}
.osx .df_grid_masonry.isotope_ifncsr, .osx .df_grid_fit.isotope_ifncsr {
margin-bottom: 55px
}
/* Tablet Potrait size to standard 960(Device and browsers) */
@media only screen and (max-width: 959px) {
.df-navibar .df-navi.df-assign-menu {
display: none
}
.navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a {
padding: 40px 0;
top: -30px
}
.navigation.df-infi-scr-btn .nav-links .nav-next a, .navigation.df-infi-scr-btn .nav-links .nav-previous a {
padding: 11px 22px
}
.df-widgetbar-button {
display: table;
width: 100%;
position: relative;
text-align: center;
border: 0;
height: 50px;
font-size: 25px;
line-height: 2;
color: #fff;
background-color: #222;
z-index: 1033;
cursor: pointer
}
.df-widgetbar-button i {
position: inherit;
top: 0;
right: 0
}
.df-widgetbar-button i:before {
font-size: 1em;
top: 0
}
.df-blog-extra .df-share-content-active ul.df-hover-share-content li {
display: inline
}
.single .single-share-blog ul {
float: none;
margin-top: 44px
}
.single .single-share-blog ul li {
margin-left: 0;
margin-right: 20px
}
.df-sidebar {
clear: both
}
.two-col-left #main-sidebar-container .df-main, .two-col-right #main-sidebar-container .df-main, .two-col-left #main-sidebar-container .df-sidebar, .two-col-right #main-sidebar-container .df-sidebar {
display: block;
width: 100% !important
}
.comments-area .form-fields input {
width: 100%
}
.site-info div {
display: block;
width: 100%;
text-align: center;
float: none
}
.df-navibar-fixed-left, .df-navibar-fixed-right {
position: relative;
z-index: 0;
width: 100%
}
body.df-navibar-fixed-right-active {
padding-right: 0
}
body.df-navibar-fixed-left-active {
padding-left: 0
}
.df-header-wrap {
display: table
}
.df-header-container {
display: table-cell;
vertical-align: middle;
text-align: center
}
.df-header, .df-fancy-header .df-header, .df-fancy-header-2 .df-header, .title-left .df-header, .title-right .df-header {
display: block;
width: 100%;
text-align: center
}
.footer-navigation .menu-item {
float: none;
display: inline-block;
padding-bottom: 11px
}
.df_row-fluid [class*=df_span-] {
width: 100%
}
.header-widgets .df_container-fluid .df_row-fluid [class*=df_span-], .footer-extra-widgets .df_container-fluid .df_row-fluid [class*=df_span-], .footer-primary-widgets .df_container-fluid .df_row-fluid [class*=df_span-] {
width: 50%
}
.header-widgets .df_container-fluid .df_row-fluid div:nth-child(3n+3), .footer-primary-widgets .df_container-fluid .df_row-fluid div:nth-child(3n+3), .footer-extra-widgets .df_container-fluid .df_row-fluid div:nth-child(3n+3) {
clear: left
}
.template-archive-list li.cat-item {
width: 48%;
margin-right: 2%
}
.template-archive-list li.cat-item:nth-child(3n+3) {
margin-right: 2%
}
.template-archive-list li.cat-item:nth-child(2n+2) {
margin-right: 0
}
.template-archive-list .template-archive-month {
width: 48%;
margin-right: 2%
}
.template-archive-list .template-archive-month:nth-child(3n+3) {
margin-right: 2%
}
.template-archive-list .template-archive-month:nth-child(2n+2) {
margin-right: 0%
}
.single .about-author .single-share-blog {
margin-top: 0
}
.single .about-author .single-share-blog ul {
margin-top: 0
}
}
@media only screen and (max-width: 1024px) {
/*Load More*/
.df_grid_fit #infscr-loading {
position: absolute;
bottom: 0;
margin-left: -15x;
left: 50%
}
.df_grid_masonry #infscr-loading {
position: absolute;
bottom: 0;
margin-left: -15px;
left: 50%
}
#infscr-loading div {
font: normal 1em/1.2 "Crimson Text";
position: absolute;
left: 0;
margin-left: -35px;
width: 100px;
top: 40px
}
.blog .df-infi-scr-btn .nav-next {
margin-top: 18px
}
}
@media only screen and (max-width: 780px) {
/*Load More*/
#infscr-loading p {
font: normal 1em/1.2 "Crimson Text";
position: absolute;
left: 0;
margin-left: -81px;
width: 200px;
top: 40px
}
.blog .df-infi-scr-btn .nav-next {
margin-top: 18px
}
#options-blog-sort li {
border-right: none
}
#options-blog-sort.active-hover li {
display: block
}
#options-blog-sort {
padding-bottom: 22px;
border-bottom: 1px solid #eee
}
#options-blog-sort li {
margin-top: 11px;
display: none
}
#options-blog-sort li:first-child {
display: block;
margin-top: 0;
cursor: pointer
}
#options-blog-sort li a {
padding: 0
}
/*Blog page*/
.df_grid_fit .grid-sizer {
width: 50% !important
}
.df_grid_masonry .grid-sizer {
width: 50% !important
}
.df_grid_fit.grid_2_col .post, .df_grid_fit.grid_3_col .post, .df_grid_fit.grid_4_col .post, .df_grid_fit.grid_5_col .post, .df_grid_fit.grid_2_col .post.big-post-grid, .df_grid_fit.grid_3_col .post.big-post-grid, .df_grid_fit.grid_4_col .post.big-post-grid, .df_grid_fit.grid_5_col .post.big-post-grid {
width: 50%;
float: none;
margin-bottom: 44px
}
.df_grid_masonry.grid_2_col .post, .df_grid_masonry.grid_3_col .post, .df_grid_masonry.grid_4_col .post, .df_grid_masonry.grid_5_col .post, .df_grid_masonry.grid_2_col .post.big-post-grid, .df_grid_masonry.grid_3_col .post.big-post-grid, .df_grid_masonry.grid_4_col .post.big-post-grid, .df_grid_masonry.grid_5_col .post.big-post-grid {
width: 50%;
float: none;
margin-bottom: 44px
}
.df_grid_fit, .df-standard-image-left .df-post-video, .df-standard-image-left .df-post-audio, .df-standard-image-left .df-post-image, .df-standard-image-left .df-pict-slider, .df-standard-image-left .df-postformat-link, .df-standard-image-right .df-post-video, .df-standard-image-right .df-post-audio, .df-standard-image-right .df-post-image, .df-standard-image-right .df-pict-slider, .df-standard-image-right .df-postformat-link {
width: 100%;
float: none;
margin-bottom: 18px;
padding-bottom: 50px;
margin-left: 0
}
.df_grid_masonry, .df-standard-image-left .df-post-video, .df-standard-image-left .df-post-audio, .df-standard-image-left .df-post-image, .df-standard-image-left .df-pict-slider, .df-standard-image-left .df-postformat-link, .df-standard-image-right .df-post-video, .df-standard-image-right .df-post-audio, .df-standard-image-right .df-post-image, .df-standard-image-right .df-pict-slider, .df-standard-image-right .df-postformat-link {
width: 100%;
float: none;
margin-bottom: 18px;
padding-bottom: 50px;
margin-left: 0
}
.post .df-hover-share-container {
position: relative
}
.post .df-blog-extra ul.df-hover-share-content {
left: 72px;
top: -11px;
width: 141px
}
.post .df-blog-extra ul.df-hover-share-content i {
font-size: 18px;
width: 45px;
height: 42px;
line-height: 42px;
text-align: center;
border: 0
}
}
@media only screen and (max-width: 479px) {
.df-blog-extra .df-hover-share-button {
position: relative
}
/*grid*/
.df_grid_fit .grid-sizer {
width: 100% !important
}
.df_grid_masonry .grid-sizer {
width: 100% !important
}
.df_grid_fit {
margin: 0;
padding-bottom: 50px
}
.df_grid_masonry {
margin: 0;
padding-bottom: 50px
}
.df_grid_fit .post {
padding: 0
}
.df_grid_masonry .post {
padding: 0
}
.df_grid_fit.grid_2_col .post, .df_grid_fit.grid_3_col .post, .df_grid_fit.grid_4_col .post, .df_grid_fit.grid_5_col .post, .df_grid_fit.grid_2_col .post.big-post-grid, .df_grid_fit.grid_3_col .post.big-post-grid, .df_grid_fit.grid_4_col .post.big-post-grid, .df_grid_fit.grid_5_col .post.big-post-grid {
width: 100%;
float: none;
margin-bottom: 44px;
padding-bottom: 44px;
border-bottom: 1px solid #eee
}
.df_grid_masonry.grid_2_col .post, .df_grid_masonry.grid_3_col .post, .df_grid_masonry.grid_4_col .post, .df_grid_masonry.grid_5_col .post, .df_grid_masonry.grid_2_col .post.big-post-grid, .df_grid_masonry.grid_3_col .post.big-post-grid, .df_grid_masonry.grid_4_col .post.big-post-grid, .df_grid_masonry.grid_5_col .post.big-post-grid {
width: 100%;
float: none;
margin-bottom: 44px;
padding-bottom: 44px;
border-bottom: 1px solid #eee
}
.df_grid_fit, .df-standard-image-left .df-post-video, .df-standard-image-left .df-post-audio, .df-standard-image-left .df-post-image, .df-standard-image-left .df-pict-slider, .df-standard-image-left .df-postformat-link, .df-standard-image-right .df-post-video, .df-standard-image-right .df-post-audio, .df-standard-image-right .df-post-image, .df-standard-image-right .df-pict-slider, .df-standard-image-right .df-postformat-link {
width: 100%;
float: none;
margin-bottom: 18px
}
.df_grid_masonry, .df-standard-image-left .df-post-video, .df-standard-image-left .df-post-audio, .df-standard-image-left .df-post-image, .df-standard-image-left .df-pict-slider, .df-standard-image-left .df-postformat-link, .df-standard-image-right .df-post-video, .df-standard-image-right .df-post-audio, .df-standard-image-right .df-post-image, .df-standard-image-right .df-pict-slider, .df-standard-image-right .df-postformat-link {
width: 100%;
float: none;
margin-bottom: 18px
}
.post .df-hover-share-container {
position: relative;
width: 75%
}
/*Rate Reviews*/
.rate-box {
float: none
}
.rate-box ul.rate-right {
width: 100%;
float: none;
display: block
}
.rate-box ul.rate-right li {
width: 100%;
display: block;
float: none
}
.rate-box ul.rate-right fieldset {
float: left;
margin-left: -60px;
left: 50%;
position: relative
}
.rate-box ul.rate-left {
width: 100%;
text-align: center;
display: block;
left: 10px;
margin: 0 auto
}
.rate-box ul.rate-left li form, .rate-box ul.rate-left .status, .rate-box ul.rate-left .already-voted p, .rate-box ul.rate-left .output-rating p {
text-align: center;
margin-bottom: 0
}
.rate-box ul.rate-left fieldset {
float: left;
margin-left: -60px;
left: 50%;
position: relative
}
.post-pagination i {
display: none
}
.header-widgets .df_container-fluid .df_row-fluid [class*=df_span-], .footer-extra-widgets .df_container-fluid .df_row-fluid [class*=df_span-], .footer-primary-widgets .df_container-fluid .df_row-fluid [class*=df_span-] {
width: 100%
}
.template-archive-list li.cat-item {
width: 100%;
margin-right: 0%
}
.template-archive-list li.cat-item:nth-child(3n+3) {
margin-right: 0%
}
.template-archive-list li.cat-item:nth-child(2n+2) {
margin-right: 0
}
.template-archive-list .template-archive-month {
width: 100%;
margin-right: 0%
}
.template-archive-list .template-archive-month:nth-child(3n+3) {
margin-right: 0%
}
.template-archive-list .template-archive-month:nth-child(2n+2) {
margin-right: 0%
}
.template-archive-pf li {
width: 100%
}
}
@media only print {
body {
background: white !important;
color: black !important;
margin: 0;
padding: 0 !important
}
.clear-comment, .single-tag-blog, .main-navigation, .comment-respond, .df-widgetbar-button, .footer-primary-widgets, .footer-extra-widgets, .post-side-right-pagination, .post-side-left-pagination, .related-post, .single-share-blog, .df-topbar, .df-sidebar, .df-float-menu, .master-slider-gallery, .post-pagination, .master-slider-parent, #footer-colophon {
display: none
}
.scroll-top {
display: none !important
}
.df-navibar-fixed-left, .df-navibar-fixed-right, .df-navibar-fixed-top {
position: relative;
text-align: center;
width: 100%
}
.df-post-image, .df-main {
width: 100% !important
}
.entry-content, .about-author, .df-status-format {
width: 67% !important;
float: none !important
}
.entry-content, .entry-header, .about-author, .df-status-format {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important
}
.single .df-post-content {
width: 100% !important
}
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
display: none
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
/* No Js */
.no-js .owl-carousel {
display: block
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
transform-style: preserve-3d
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1
}
/* ------------------------------------------------------------------------
Prettyphoto.
------------------------------------------------------------------------- */
/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
height: 13px
}
div.pp_default .pp_top .pp_left {
background: none !important
}
/* Top left corner */
div.pp_default .pp_top .pp_middle {
background: none !important
}
/* Top pattern/color */
div.pp_default .pp_top .pp_right {
background: none !important
}
/* Top right corner */
div.pp_default .pp_content .ppt {
color: #f8f8f8
}
div.pp_default .pp_content_container .pp_left {
background: none !important
}
div.pp_default .pp_content_container .pp_right {
background: none !important
}
div.pp_default .pp_content {
background-color: #fff
}
/* Content background */
div.pp_default .pp_next:hover {
background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
cursor: pointer
}
/* Next button */
div.pp_default .pp_previous:hover {
background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
cursor: pointer
}
/* Previous button */
div.pp_default .pp_expand {
background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
cursor: pointer;
width: 28px;
height: 28px
}
/* Expand button */
div.pp_default .pp_expand:hover {
background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
cursor: pointer
}
/* Expand button hover */
div.pp_default .pp_contract {
background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
cursor: pointer;
width: 28px;
height: 28px
}
/* Contract button */
div.pp_default .pp_contract:hover {
background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
cursor: pointer
}
/* Contract button hover */
div.pp_default .pp_close {
right: 5px;
width: 30px;
height: 30px;
background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
cursor: pointer
}
/* Close button */
div.pp_default #pp_full_res .pp_inline {
color: #000
}
div.pp_default .pp_gallery ul li a {
background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
border: 1px solid #aaa
}
div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a {
border-color: #fff
}
div.pp_default .pp_social {
margin-top: 7px;
display: none !important
}
div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
position: static;
left: auto
}
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
display: none
}
div.pp_default .pp_nav .pp_pause {
background-position: -51px -29px
}
div.pp_default .pp_details {
position: relative
}
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
height: 20px;
margin: 4px 0 0 0;
width: 20px
}
div.pp_default a.pp_arrow_next {
left: 52px;
background-position: -82px -3px
}
/* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details {
margin-top: 5px
}
div.pp_default .pp_nav {
clear: none;
height: 30px;
width: 110px;
position: relative;
padding-left: 8px
}
div.pp_default .pp_nav .currentTextHolder {
display: none;
font-family: Georgia;
font-style: italic;
color: #999;
font-size: 11px;
left: 75px;
line-height: 25px;
margin: 0;
padding: 0 0 0 10px;
position: absolute;
top: 2px
}
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
opacity: 0.7
}
div.pp_default .pp_description {
font-size: 11px;
font-weight: bold;
line-height: 14px;
margin: 5px 50px 5px 0
}
div.pp_default .pp_bottom .pp_left {
background: none !important
}
/* Bottom left corner */
div.pp_default .pp_bottom .pp_middle {
background: none !important
}
/* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right {
background: none !important
}
/* Bottom right corner */
div.pp_default .pp_loaderIcon {
background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat
}
/* Loader icon */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {
outline: none
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000
}
.pp_top {
height: 20px;
position: relative
}
* html .pp_top {
padding: 0 20px
}
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px
}
* html .pp_top .pp_middle {
left: 0;
position: static
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.pp_content {
height: 40px;
min-width: 40px
}
* html .pp_content {
width: 40px
}
.pp_fade {
display: none
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%
}
.pp_content_container .pp_left {
padding-left: 20px
}
.pp_content_container .pp_right {
padding-right: 20px
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0
}
.pp_description {
display: none;
margin: 0
}
.pp_social {
float: left;
margin: 0
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden
}
.pp_social .twitter {
float: left
}
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap
}
.pp_nav .pp_play, .pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px
}
a.pp_arrow_previous, a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0, 0, 0, 0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden
}
.pp_gallery ul a:hover, .pp_gallery li.selected a {
border-color: #fff
}
.pp_gallery ul a img {
border: 0
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0
}
.pp_gallery li.default a {
background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px
}
.pp_gallery li.default a img {
display: none
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
margin-top: 7px !important
}
a.pp_next {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%
}
a.pp_previous {
background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%
}
a.pp_expand, a.pp_contract {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000
}
a.pp_close {
position: absolute;
right: 0;
top: 0;
display: block;
line-height: 22px;
text-indent: -10000px
}
.pp_bottom {
height: 20px;
position: relative
}
* html .pp_bottom {
padding: 0 20px
}
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px
}
* html .pp_bottom .pp_middle {
left: 0;
position: static
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px
}
#pp_full_res {
line-height: 1 !important
}
#pp_full_res .pp_inline {
text-align: left
}
#pp_full_res .pp_inline p {
margin: 0 0 15px 0
}
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999
}
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer {
overflow: hidden;
position: relative
}
.jspPane {
position: absolute
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 6px;
height: 100%
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px
}
.jspCap {
display: none
}
.jspHorizontalBar .jspCap {
float: left
}
.jspTrack {
background: #eee;
position: relative
}
.jspDrag {
background: #ddd;
position: relative;
top: 0;
left: 0;
cursor: pointer
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
float: left;
height: 100%
}
.jspArrow {
background: #eee;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0
}
.jspArrow.jspDisabled {
cursor: default;
background: #eee
}
.jspVerticalBar .jspArrow {
height: 16px
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%
}
.jspVerticalBar .jspArrow:focus {
outline: none
}
.jspCorner {
background: #eee;
float: left;
height: 100%
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0
}
/* Scrollable table styling */
.scrollable.has-scroll {
position: relative;
overflow: hidden;
/* Clips the shadow created with the pseudo-element in the next rule. Not necessary for the actual scrolling. */
}
.scrollable.has-scroll:after {
position: absolute;
top: 0;
left: 100%;
width: 50px;
height: 100%;
border-radius: 10px 0 0 0.2px 0 0 50%;
/*box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);*/
content: ""
}
/* This is the element whose content will be scrolled if necessary */
.scrollable.has-scroll > div {
overflow-x: auto
}
/* Style the scrollbar to make it visible in iOS, Android and OS X WebKit browsers (where user preferences can make scrollbars invisible until you actually scroll) */
.scrollable > div::-webkit-scrollbar {
height: 12px
}
.scrollable > div::-webkit-scrollbar-track {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.15) inset;
background: #f0f0f0
}
.scrollable > div::-webkit-scrollbar-thumb {
border-radius: 6px;
background: #ccc
}
@media print {
#main-sidebar-container .df-sidebar {
display: none
}
.single .df-post-content {
width: 940px
}
}