a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} body {
font-family: "Quattrocento Sans", sans-serif;
font-size: 14px;
font-size: .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 .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: .8em;
}
.subheader {
color: #999;
}
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 0 20px;
padding: 2px 20px 0;
border-left: 1px solid #eee;
}
blockquote cite {
display: block;
font-size: 14px;
color: #444;
}
blockquote cite:before {
content: "\2014 \0020";
}
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,
embed {
max-width: 100%;
} a {
color: #ae9364;
-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;
}
a:focus,
a:hover {
color: #bea983;
}
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: 18px;
margin-bottom: 12px;
}
li p,
ul.large li {
line-height: 21px;
} 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: "Quattrocento Sans", serif;
text-transform: uppercase;
letter-spacing: .0575em;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-appearance: none;
}
.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 "Quattrocento Sans", 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;
}
select {
width: 220px;
-webkit-appearance: none;
}
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;
} .remove-bottom {
margin-bottom: 0!important;
}
.half-bottom {
margin-bottom: 10px!important;
}
.add-bottom {
margin-bottom: 20px!important;
}
.dahz-breadcrumbs a {
color: #999;
}
.dahz-breadcrumbs a:hover {
color: #ae9364;
} .post-content-single-blog ul {
margin-left: 20px;
list-style: disc;
}
address {
margin-bottom: 22px;
}
abbr,
acronym {
border-bottom: 1px dotted #070707;
}
big {
font-size: larger;
}
code {
padding: 2px 4px;
color: #aaa;
white-space: nowrap;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
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: 1px solid #dbdbdb;
background: #fff;
box-shadow: 0 1px 2px 0 #fff;
-webkit-box-shadow: 0 1px 2px 0 #fff;
-moz-box-shadow: 0 1px 2px 0 #fff;
border-collapse: separate;
margin-bottom: 1.5em;
}
.df-main table td,
.df-main table th {
padding: .857em 1.563em;
text-align: left;
border-right: 1px dotted #dbdbdb;
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 {
background: #fafafa;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
text-transform: uppercase;
padding: 1.563em;
vertical-align: middle;
}
.df-main table thead th:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.df-main table thead th:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.df-main table tr td:last-child,
.df-main table tr th:last-child {
border-right: 0;
}
.df-main table tbody th {
background: #fafafa;
border-bottom: 1px solid #dbdbdb;
}
.df-main table tbody td {
border-bottom: 1px solid #dbdbdb;
}
.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:first-child {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.df-main table tbody tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.df-main table tbody tr:last-child td,
.df-main table tbody tr:last-child th {
border-bottom: 0;
} .df-main dt {
font-weight: 700;
}
.df-main dd {
margin-left: 20px;
} .attachment img {
width: 100%;
}
.df-category-content-post {
color: #999;
} #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;
}
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-left-active .header-widgets,
.df-navibar-fixed-right-active .df-topbar,
.df-navibar-fixed-right-active .header-widgets {
z-index: 1029;
}
.df-navibar .df-sitename.mobile-logo,
.df-float-menu .df-sitename.mobile-logo {
display: none;
}
.scroll-top {
position: fixed;
bottom: 22px;
right: 22px;
text-decoration: none;
font-size: 22px;
display: none;
z-index: 10;
}
.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-classic-left .df-sitename,
.df-navibar.df-navibar-left .df-sitename {
float: left;
}
.df-navibar.df-navibar-classic-right .df-sitename,
.df-navibar.df-navibar-right .df-sitename {
float: right;
}
.df-navibar .df-navi {
position: relative;
display: block;
margin: 0;
}
.df-navibar.df-navibar-classic-left .site-module,
.df-navibar.df-navibar-classic-right .df-navi,
.df-navibar.df-navibar-left .df-navi {
float: right;
}
.df-navibar.df-navibar-classic-left .df-navi,
.df-navibar.df-navibar-classic-right .site-module,
.df-navibar.df-navibar-right .df-navi {
float: left;
}
.df-navibar.df-navibar-classic-left .df-navi {
margin-left: 30px;
}
.df-navibar.df-navibar-classic-right .df-navi {
margin-right: 30px;
}
.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: #efefef;
} .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: 22px 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.81196581%;
} .two-col-left #main-sidebar-container .df-sidebar,
.two-col-right #main-sidebar-container .df-sidebar {
width: 31.62393162%;
}  .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 {
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 {
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 {
color: #999;
} .collapse {
height: 0;
overflow: hidden;
-webkit-transition: height .3s ease;
transition: height .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;
}
.header-widgets .widget h3 {
padding: 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;
}
.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;
} .widget_dahz_recent_comments .recentcomments {
overflow: hidden;
border-bottom: 1px solid #eee;
padding-bottom: .8em;
margin-bottom: .8em;
}
.widget_dahz_recent_comments .recentcomments img {
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: .8em;
margin-bottom: .8em;
}
.footer-primary-widgets .widget_dahz_recent_entries .recententries {
border-bottom: 0;
}
.widget_dahz_recent_entries .recententries img {
float: left;
}
.widget_dahz_recent_entries .recententries .image-Top {
clear: both;
}
.widget_dahz_recent_entries .recententries .post-section {
padding-left: 20px;
overflow: auto;
}
.widget_dahz_recent_entries .recententries a.post-title:hover {
color: #ae9364;
}
.widget_dahz_recent_entries .recententries .post-comments a,
.widget_dahz_recent_entries .recententries .post-date {
font-size: .857em;
color: #aaa;
}
.widget_recent_entries .post-date {
font-size: .857em;
display: block;
} .widget_dahz_popular_entries .popularentries {
overflow: hidden;
border-bottom: 1px solid #eee;
padding-bottom: .8em;
margin-bottom: .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;
}
.widget_dahz_popular_entries .popularentries .popular-section .author {
font-size: .857em;
text-transform: capitalize;
}
.widget_dahz_popular_entries .popularentries .popular-section .author a {
font-size: .857em;
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;
overflow: auto;
position: absolute;
right: 0;
top: 14px;
} .widget_dahz_post_formats .entry-meta,
.widget_dahz_post_formats .entry-meta a,
.widget_dahz_post_formats .wp-caption-text {
font-size: .857em;
}
.widget_dahz_post_formats .entry-meta a:hover,
.widget_dahz_post_formats .wp-caption-text a {
color: #ae9364;
}
.widget_dahz_post_formats h3 a {
color: #0f0f0f;
}
.widget_dahz_post_formats .post {
border-bottom: 1px solid #eee;
padding-bottom: .8em;
margin-bottom: .8em;
}
.widget_dahz_post_formats .post-format-archive-link {
font-size: 12px;
text-transform: uppercase;
color: #ae9364;
}
.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;
} .widget .df-social 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 0;
-webkit-transition: all 0.3s ease-out 0;
-moz-transition: all 0.3s ease-out 0;
}
.widget .df-social a i {
font-size: 20px;
position: absolute;
line-height: inherit;
left: 0;
width: 100%;
text-align: center;
}
.widget .df-social a:before {
content: "";
border: 1px solid #999;
height: 100%;
border-radius: 100%;
position: absolute;
left: 0;
width: 100%;
text-align: center;
transition: all 0.3s ease-out 0;
-webkit-transition: all 0.3s ease-out 0;
-moz-transition: all 0.3s ease-out 0;
}
.widget .df-social a:hover,
.widget .df-social a:hover:before {
color: #ae9364;
border-color: #ae9364;
} .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: .5em;
} .widget_archive li,
.widget_categories li {
border-bottom: 1px solid #eee;
padding-bottom: .9em;
margin-bottom: .9em;
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;
overflow: auto;
}
.widget_archive li:hover,
.widget_archive li:hover a,
.widget_categories li:hover,
.widget_categories li:hover a {
color: #ae9364;
} #wp-calendar {
width: 100%;
}
#wp-calendar caption,
#wp-calendar tfoot #next,
#wp-calendar tfoot #prev {
font-family: 'Libre Baskerville', serif;
}
#wp-calendar caption {
text-align: left;
margin: 0 0 1em;
font-size: 1.563em;
}
#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;
} .widget_tag_cloud .tagcloud a {
border: 1px solid #eee;
padding: 4px 6px;
display: inline-block;
margin: 0 2px 4px 0;
}
.widget_tag_cloud .tagcloud a:hover {
border-color: #ae9364;
color: #ae9364;
}  .searchform {
width: 99%;
position: relative;
}
.searchform label {
display: none;
} .df-search_main .searchform {
border-bottom: 1px solid #eee;
}
.df-search_main .searchform input[type=text] {
font-style: italic;
border: none;
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: .6em;
left: 0;
border: none;
margin: 0;
padding: 0;
font-size: 1em;
} .df-blog-grid-standard .post {
margin-bottom: 44px;
display: block;
float: left;
padding: 0 15px;
border: none;
}
.df-blog-grid-standard.grid_2_blog .grid-sizer,
.df-blog-grid-standard.grid_2_blog .post {
width: 50%;
}
.df-blog-grid-standard.grid_3_blog .grid-sizer,
.df-blog-grid-standard.grid_3_blog .post {
width: 32.99999%;
}
.df-blog-grid-standard.grid_4_blog .grid-sizer,
.df-blog-grid-standard.grid_4_blog .post {
width: 24.99%;
}
.df-blog-grid-standard.grid_5_blog .grid-sizer,
.df-blog-grid-standard.grid_5_blog .post {
width: 20%;
}
.df-blog-grid-standard.grid_2_blog .post.big-post-grid {
width: 100%;
}
.df-blog-grid-standard.grid_3_blog .post.big-post-grid {
width: 66.6666666%;
}
.df-blog-grid-standard.grid_4_blog .post.big-post-grid {
width: 50%;
}
.df-blog-grid-standard.grid_5_blog .post.big-post-grid {
width: 40%;
}
.df-blog-grid-standard {
position: relative;
margin-bottom: 40px;
margin-left: -15px;
margin-right: -15px;
}
.df-blog-grid-standard:after,
.df-blog-grid-standard:before {
content: " ";
display: table;
}
.df-blog-grid-standard:after {
clear: both;
}
#options-blog-sort li:first-child {
border-right: 0;
padding-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 44px;
}
#options-blog-sort li a:hover {
color: #ae9364;
}
#options-blog-sort {
margin-top: 0;
margin-bottom: 22px;
text-align: center;
} .df-post-image {
line-height: 0;
}
.df-post-image img {
width: 100%;
line-height: 0;
}
.df-container-template-blog-content2 {
display: block;
margin: 40px 0;
}
.df-container-template-blog-content1 {
display: block;
margin: 0 0 40px;
}
.df-standard-image-top .post,
.post {
position: relative;
margin-bottom: 44px;
padding-bottom: 44px;
border-bottom: 1px solid #eee;
}
.df-pict-slider,
.df-post-audio,
.df-post-audio-no-thumb,
.df-post-image,
.df-post-quote,
.df-post-video,
.post .df-pict-slider,
.post .df-post-audio,
.post .df-post-audio-no-thumb,
.post .df-post-image,
.post .df-post-quote,
.post .df-post-video {
margin-bottom: 18px;
width: 100%;
}
.df-post-video p,
.post .df-post-video p {
margin-top: 1.3em;
}
.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-blog-extra {
margin-top: 22px;
}
.df-pict-slider,
.df-standard-image-top .post .df-pict-slider {
margin-bottom: 22px;
position: relative;
float: left;
width: 100%;
}
.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: .7;
position: absolute;
}
.callbacks_nav:hover i {
opacity: 1;
}
.df-standard-image-top .post .gallery,
.post .gallery {
margin-bottom: 18px!important;
float: left;
width: 100%;
}
.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%;
}
.gallery-item {
border: none!important;
margin: 0!important;
padding: 0!important;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
width: 25%!important;
cursor: pointer;
}
.df-metro-gallery-grid .gallery-item:first-child {
width: 50%!important;
}
.gallery-item img {
width: 100%;
}
.gallery-item:hover {
opacity: .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;
}
.df-postformat-link a {
margin-bottom: 11px;
display: block;
font: 400 1em/1.2 'Quattrocento Sans', sans-serif;
}
.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-buttons 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 .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;
padding-top: 10px;
}
.df-hover-share-container {
position: relative;
}
.df-blog-extra ul.df-hover-share-content {
position: absolute;
min-width: 142px;
z-index: 10;
background: #fff;
border: 1px solid #eee;
padding: 18px;
display: none;
height: 218px;
bottom: 10px;
left: -40px;
}
.arrow-up {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid transparent;
border-top: 7px solid #eee;
position: absolute; bottom: -27px;
left: 50%;
transform: translate(-50%);
}
.df-blog-extra .df-share-content-active ul.df-hover-share-content {
display: block;
}
.df-blog-extra ul.df-hover-share-content i {
font-size: 14px;
width: 15px;
}
.df-blog-extra ul.df-hover-share-content a {
font: 400 0.857em/1.2 'Quattrocento Sans', sans-serif;
color: #999;
}
.df-blog-extra ul.df-hover-share-content a:hover {
color: #ae9364;
}
.df-post-title,
.df-post-title a,
.related-title a {
margin: 11px 0;
}
.df-post-title a:hover,
.related-title a:hover {
color: #ae9364;
}
.df-grand-link i,
.df-grand-link span,
.df-grand-postmeta a,
.df-grand-postmeta span {
color: #999;
}
.df-grand-link span:hover,
.df-grand-postmeta a:hover {
color: #ae9364;
}
.df-grand-link i {
margin-right: 6px;
}
.df-hover-share-container:hover .df-grand-link i,
.df-hover-share-container:hover .df-grand-link span {
color: #ae9364;
}
.df-read-more-post a {
font-style: italic;
}
.df-read-more-post a:after {
content: "\f101";
font-family: fontAwesome;
margin-left: 5px;
position: relative;
top: .95px;
}
.df-standard-image-left .df-post-content,
.df-standard-image-right .df-post-content {
display: table-cell;
}
.format-gallery .df-post-content,
.format-link .df-post-content,
.format-quote .df-post-content {
display: block;
}
.df-grand-postmeta {
margin-bottom: 22px;
font: 400 0.857em/1.2 'Quattrocento Sans', sans-serif;
}
.df-grand-postmeta .posted-on {
border-right: 1px solid #eee;
margin-right: 4px;
padding-right: 6px;
}
.df-grand-postmeta .comment {
border-left: 1px solid #eee;
margin-left: 6px;
padding-left: 6px;
} .df-standard-image-left .post {
position: relative;
margin-bottom: 44px;
padding-bottom: 44px;
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #eee;
}
.df-standard-image-left .df-pict-slider,
.df-standard-image-left .df-post-audio,
.df-standard-image-left .df-post-image,
.df-standard-image-left .df-post-video {
width: 38.271%;
float: left;
margin-right: 22px;
margin-bottom: 0;
}
.df-standard-image-left .post .gallery {
width: 100%;
float: left;
margin-bottom: 18px!important;
}
.df-standard-image-left .df-post-audio-no-thumb,
.df-standard-image-left .df-post-quote {
width: 100%;
margin-bottom: 18px;
}
.df-standard-image-left .format-link .df-post-image,
.df-standard-image-right .format-link .df-post-image {
width: 100%;
float: none;
margin: 0;
} .df-standard-image-right .post {
position: relative;
margin-bottom: 44px;
padding-bottom: 44px;
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #eee;
}
.df-standard-image-right .df-pict-slider,
.df-standard-image-right .df-post-audio,
.df-standard-image-right .df-post-image,
.df-standard-image-right .df-post-video {
width: 38.271%;
float: right;
margin-bottom: 0;
margin-left: 22px;
}
.df-standard-image-right .post .gallery {
width: 100%;
float: left;
margin-bottom: 18px!important;
}
.df-standard-image-right .df-post-audio-no-thumb,
.df-standard-image-right .df-post-quote {
width: 100%;
margin-bottom: 18px;
} video {
width: 100%;
height: 100%;
max-width: 100%;
}
.wp-video {
width: 100%!important;
}
.mejs-container,
.mejs-mediaelement {
background: none!important;
font-weight: 700;
}
.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-controls {
background: rgba(195, 195, 195, 0.8) !important;
height: 44px!important;
}
.mejs-container .mejs-controls div {
padding: 2px 0 0!important;
}
.mejs-controls .mejs-button button {
background: url(//www.origamisalerno.it/wp-content/themes/origami/includes/images/controls.svg) no-repeat !important;
height: 25px!important;
width: 25px!important;
}
.mejs-controls div.mejs-horizontal-volume-slider {
margin: 6px 0 0!important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 15px 0 0 14px!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: -25px -25px !important;
margin-left: 10px!important;
}
.mejs-controls .mejs-unmute button {
background-position: -25px 0 !important;
margin-left: 10px!important;
}
.mejs-controls .mejs-pause button {
background-position: 0 -25px !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: rgba(255, 255, 255, 0.8) !important;
}
.mejs-container .mejs-controls .mejs-time {
display: none!important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: rgba(99, 99, 99, 0.8) !important;
}
.mejs-controls .mejs-time-rail span {
height: 10px!important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height: 10px!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: 10px!important;
background: rgba(255, 255, 255, 0.8) !important;
left: 15px!important;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: rgba(255, 255, 255, 0.8) !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mejs-controls .mejs-time-rail span {
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: 5px solid #fff!important;
border-color: #fff transparent transparent!important;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
background: #fff!important;
border: none!important;
color: #000!important;
font-weight: 700;
height: 15px!important;
} .df-grand-quote {
background-color: #212121;
color: #fff;
padding: 44px;
}
.df-grand-quote .df-grand-quote-text {
font: 400 22px/1.2 "Libre Baskerville";
font-style: italic;
}
.df-grand-quote .df-grand-quote-author {
font: 400 14px/1.2 "Quattrocento Sans";
color: #ae9364;
margin-bottom: 0;
} .single .post {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.single .post .df-post-audio,
.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 .gallery {
margin-bottom: 22px!important;
float: left;
width: 100%;
}
.single .df-post-content .df-post-link {
margin-bottom: 22px;
}
.single .df-post-content {
margin-bottom: 30px;
}
.single .df-post-title {
font: 400 2.441em/1.2 'Libre Baskerville', serif;
margin: 12px 0;
}
.single .single-tag-blog {
font: 400 1em/1.2 "Quattrocento Sans";
margin-top: 44px;
}
.single .single-tag-blog .df-grand-link a {
font: 400 1em/1.2 "Quattrocento Sans";
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;
font: 400 1em/1.2 "Quattrocento Sans";
margin-top: 44px;
}
.single .single-share-blog i.fa {
font-size: 18px;
color: #999;
}
.single .single-share-blog i.fa:hover {
color: #ae9367;
}
.single .single-share-blog .df-grand-link a {
font: 400 1em/1.2 "Quattrocento Sans";
}
.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-top: 0;
} .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%;
}
.archive .about-author .about-author-desc {
width: 87%;
float: left;
display: block;
}
.archive .about-author .about-author-desc .title-about {
margin-top: 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 .nav-next {
width: 50%;
float: right;
text-align: center;
display: inline-block;
}
.single .post-pagination .nav-next a {
width: 100%;
display: block;
text-transform: uppercase;
}
.single .post-pagination .nav-prev {
width: 50%;
float: left;
text-align: center;
display: inline-block;
}
.single .post-pagination .nav-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: 400 1em/1.2 "Quattrocento Sans";
padding: 0 40px;
}
.single .post-pagination .nav-next:hover .title-link-nav-single-post a,
.single .post-pagination .nav-next:hover i,
.single .post-pagination .nav-prev:hover .title-link-nav-single-post a,
.single .post-pagination .nav-prev:hover i {
color: #ae9364;
}
.single .post-pagination .nav-next a h5,
.single .post-pagination .nav-prev a h5 {
display: inline-block;
margin-top: 0;
letter-spacing: 2px;
}
.single .post-pagination .nav-next a i,
.single .post-pagination .nav-prev a i {
font-size: 32px;
color: #999;
font-weight: 100;
}
.single .post-pagination .nav-prev a i {
position: absolute;
left: 0;
top: 49%;
}
.single .post-pagination .nav-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 .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 0 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: .3s;
}
.single .post-side-right-pagination .third-effect a.info {
left: 32px;
} .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 {
padding-left: 30px;
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-carousel {
margin-left: -30px;
width: auto;
}
.related-post .owl-item {
padding: 0;
}
.related-post > .owl-carousel:after,
.related-post > .owl-carousel:before {
display: table;
content: "";
}
.related-post .owl-theme .owl-controls .owl-buttons div {
position: absolute;
}
.related-post .owl-theme .owl-controls .owl-buttons .owl-prev {
right: 15px;
font-size: 20px;
}
.related-post .owl-theme .owl-controls .owl-buttons .owl-next {
font-size: 20px;
right: -18px;
}
.related-post .owl-theme .owl-controls .owl-buttons 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-buttons 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: .7;
top: auto;
left: auto;
font-size: 32px;
transition: opacity 0.2s 0 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: .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-wrapper-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;
} .navigation .nav-links .nav-next.alignright {
display: inline-block;
text-align: right;
width: 45%;
margin-bottom: 22px;
}
.navigation .nav-links .nav-previous.alignleft {
display: inline-block;
text-align: left;
width: 45%;
margin-bottom: 22px;
}
.navigation .nav-links a {
font: 400 1em/1.2 "Libre Baskerville";
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-layout-grand .df-pagination-number ul.page-numbers li {
text-align: center;
display: table-cell;
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,
.df-pagination-number ul.page-numbers li:last-child span.current {
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;
}
#infscr-loading p {
font: 400 1em/1.2 "Quattrocento Sans";
position: absolute;
left: 0;
margin-left: -35px;
width: 100px;
top: 55px;
}
.df-standard-image-left #infscr-loading p,
.df-standard-image-right #infscr-loading p,
.df-standard-image-top #infscr-loading p {
font: 400 1em/1.2 "Quattrocento Sans";
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: -15px;
position: relative;
background-image: url(//www.origamisalerno.it/wp-content/themes/origami/includes/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: 0;
}
to {
background-position: -704px;
}
}
@-moz-keyframes play {
from {
background-position: 0;
}
to {
background-position: -704px;
}
}
@-ms-keyframes play {
from {
background-position: 0;
}
to {
background-position: -704px;
}
}
@-o-keyframes play {
from {
background-position: 0;
}
to {
background-position: -704px;
}
}
@keyframes play {
from {
background-position: 0;
}
to {
background-position: -704px;
}
}
.df-blog-grid-standard #infscr-loading {
position: absolute;
bottom: -10px;
margin-left: 14px;
left: 48%;
}
.page-template-template-portfolio-php #infscr-loading {
position: absolute;
bottom: -54px;
left: 50%;
margin-left: -15px;
}
#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%;
float: left;
margin-bottom: 44px;
}
.page-template-template-portfolio-php .df-infi-scr-btn .nav-next {
margin-top: 60px;
}
.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: "Quattrocento Sans", 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 0;
-webkit-transition: all 0.3s ease-out 0;
-moz-transition: all 0.3s ease-out 0;
}
.df-infi-scrl-count {
font-style: italic;
text-transform: capitalize;
} #comments {
padding-top: 44px;
margin-top: 44px;
border-top: 1px solid #eee;
}
#comments .comments-title {
margin-top: 0;
margin-bottom: 22px;
font-size: 18px;
}
#comments .avatar-picture {
overflow: hidden;
float: left;
margin-right: 44px;
}
#comments .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 14px;
}
#comments .children .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 24px;
}
#comments .children .children .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 34px;
}
#comments .children .children .children .children .avatar-picture {
float: left;
margin-right: 40px;
margin-left: 44px;
}
#comments ol {
list-style: none;
margin-left: 0;
}
#comments .comment-content .comment-entry p {
font: 400 14px/22px "Quattrocento Sans";
}
#comments .comment-content .reply {
display: inline-block;
}
#comments .comment-content .comment-head {
margin-bottom: 22px;
font: 400 12px/22px "Quattrocento Sans";
float: left;
width: 100%;
color: #999;
}
#comments .comment-content .comment-head a {
color: #999;
}
#comments .comment-content .comment-head a:hover {
color: #ae9364;
}
#comments .comment-content .comment-head .name {
float: left;
font: 400 14px/22px "Quattrocento Sans";
color: #0f0f0f;
}
#comments .children {
margin: 4px 0 5px 90px;
padding-top: 22px;
}
#comments div.comment-content {
overflow: auto;
width: auto;
display: block;
border-bottom: 1px solid #eee;
}
#comments .children div.comment-content {
width: auto;
}
#comments .comment-list li {
margin-bottom: 22px;
}
#comments .assistive-text {
display: none;
}
#comments .form-fields input {
display: block;
width: 50%;
border-color: #eee;
height: 44px;
}
.comment-form-comment textarea {
width: 100%;
border-color: #eee;
}
#comments #reply-title {
font-size: 18px;
margin-top: 0;
margin-bottom: 22px;
}
div.form-clear-container {
float: right;
position: relative;
top: -70px;
} .portfolio {
margin-bottom: 2.5641%;
display: block;
float: left;
padding: 0 15px;
border: none;
}
.grid_2_portfolio .grid-sizer,
.grid_2_portfolio .portfolio {
width: 50%;
}
.grid_3_portfolio .grid-sizer,
.grid_3_portfolio .portfolio {
width: 32.99999%;
}
.grid_4_portfolio .grid-sizer,
.grid_4_portfolio .portfolio {
width: 25%;
}
.grid_5_portfolio .grid-sizer,
.grid_5_portfolio .portfolio {
width: 20%;
}
.grid_2_portfolio .portfolio.big_port_class {
width: 100%;
}
.grid_3_portfolio .portfolio.big_port_class {
width: 66.6666666%;
}
.grid_4_portfolio .portfolio.big_port_class {
width: 50%;
}
.grid_5_portfolio .portfolio.big_port_class {
width: 40%;
}
.df-portfolio-isotope {
position: relative;
margin-bottom: 40px;
margin-left: -15px;
margin-right: -15px;
}
.df-portfolio-isotope:after,
.df-portfolio-isotope:before {
content: " ";
display: table;
}
.df-portfolio-isotope:after {
clear: both;
}
.portfolio .df-porfolio-content {
position: relative;
width: 100%;
}
.df-porto-style2 .portfolio .df-post-title {
margin-top: 0;
margin-bottom: 11px;
margin-right: 0;
text-transform: uppercase;
width: 80%;
}
.df-port-image img {
width: 100%;
}
.df-porto-style2 .portfolio .df-port-image {
margin-bottom: 20px;
position: relative;
}
.df-porto-style2 .portfolio .df-portfolio-content {
margin-bottom: 22px;
}
.df-porto-style2 .portfolio .df-port-image .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;
}
.df-porto-style2 .portfolio .df-port-image .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;
}
.df-porto-style2 .portfolio .df-port-image .third-effect .mask .mask-table {
display: table;
width: 100%;
height: 100%;
}
.df-porto-style2 .portfolio .df-port-image .third-effect .mask .mask-table .mask-table-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.df-porto-style2 .portfolio .df-port-image .third-effect a.info {
position: relative;
color: #ae9364;
opacity: .7;
font-size: 32px;
transition: opacity 0.2s 0 ease-in-out;
}
.df-porto-style2 .portfolio .df-port-image .third-effect:hover .mask {
opacity: 1;
background-color: rgba(0, 0, 0, 0.7);
}
.df-porto-style2 .portfolio .df-port-image .third-effect:hover a.info {
transition-delay: .2s;
line-height: 1.2;
}
.df-porto-style2 .portfolio .df-port-image .third-effect a.info {
line-height: 1.2;
text-align: center;
vertical-align: middle;
width: 100%;
display: inline-block;
}
.df-porto-style2 .portfolio .df-port-image .third-effect a.info:hover {
opacity: 1;
}
.df-porto-style2 .portfolio .df-category-portfolio {
margin-bottom: 22px;
color: #999;
}
.portfolio .df-like {
font-size: 12px;
}
.portfolio .df-porfolio-content .df-like:hover span,
.portfolio .liked i,
.portfolio .liked span,
.portfolio .df-like:hover i {
color: #ae9364;
}
.portfolio .df-like-port {
margin-left: 0;
}
#options-portfolio-sort li:first-child {
border-right: 0;
padding-right: 0;
}
#options-portfolio-sort li {
display: inline-block;
margin-bottom: 22px;
border-right: 1px solid #eee;
font-size: 12px;
color: #999;
text-transform: uppercase;
}
#options-portfolio-sort li a {
color: #999;
font-size: 12px;
line-height: 1.2;
padding: 0 44px;
}
#options-portfolio-sort li a:hover {
color: #ae9364;
}
#options-portfolio-sort {
margin-top: 0;
margin-bottom: 22px;
text-align: center;
} .df-porto-style1 .portfolio .df-post-title {
margin-bottom: 11px;
margin-right: 0;
}
.df-porto-style1 .portfolio .df-post-title a {
margin-top: 0;
margin-bottom: 11px;
margin-right: 0;
color: #fff;
font-family: "Quattrocento Sans";
text-transform: uppercase;
line-height: 1.2;
opacity: .7;
}
.df-porto-style1 .portfolio .df-post-title a:hover {
opacity: 1;
}
.df-porto-style1 .portfolio .df-port-image .third-effect {
line-height: 0;
text-indent: 0;
display: block;
text-align: center;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.df-porto-style1 .portfolio .df-port-image .third-effect .mask {
opacity: 0;
overflow: visible;
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
.df-porto-style1 .portfolio .df-port-image .third-effect .mask .mask-table {
display: table;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
height: 100%;
padding: 10px;
position: relative;
}
.df-porto-style1 .portfolio .df-port-image .third-effect .mask .mask-table .mask-table-cell {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.df-porto-style1 .portfolio .df-port-image .third-effect a.info {
position: relative;
width: auto;
text-align: center;
display: block;
opacity: 1;
color: #fff;
}
.df-porto-style1 .portfolio .df-port-image .third-effect a.info i {
font-size: 20px;
line-height: 1.2;
}
.df-porto-style1 .portfolio .df-port-image .third-effect:hover .mask {
opacity: 1;
}
.df-porto-style1 .portfolio .df-port-image .third-effect:hover a.info {
opacity: 1;
transition-delay: 0;
}
.df-porto-style1 .portfolio .df-category-portfolio.df-grand-link {
width: 100%;
padding-top: 15px;
display: block;
margin: 0 auto;
text-align: center;
}
.df-porto-style1 .portfolio .df-category-portfolio.df-grand-link a {
font-size: 12px;
line-height: 1.2;
opacity: .7;
color: #fff;
text-transform: uppercase;
}
.df-porto-style1 .portfolio .df-category-portfolio.df-grand-link a:hover {
opacity: 1;
color: #fff;
}
.df-porto-style1 .portfolio .border-port-style1 {
display: block;
width: 11%;
margin: 0 auto;
border-top: 1px solid #ae9364;
} .single-portfolio .df-single-portfolio-content-area {
float: left;
margin-bottom: 22px;
}
.single-portfolio .df-single-portfolio-bottom-layout .df-single-portfolio-content-area,
.single-portfolio .df-single-portfolio-top-layout .df-single-portfolio-content-area {
width: 100%;
}
.single-portfolio .df-single-portfolio-top-layout .df-single-portfolio-thumbnail {
margin-bottom: 22px;
float: left;
width: 100%;
display: block;
}
.single-portfolio .df-single-portfolio-bottom-layout .df-single-portfolio-thumbnail {
float: left;
width: 100%;
display: block;
}
.single-portfolio .df-single-portfolio-bottom-layout {
padding: 0;
margin: 0 0 22px;
border-bottom: 1px solid #eee;
width: 100%;
}
.single-portfolio .df-single-portfolio-left-layout,
.single-portfolio .df-single-portfolio-right-layout,
.single-portfolio .df-single-portfolio-top-layout {
margin: 0 0 22px;
padding: 0 0 22px;
border-bottom: 1px solid #eee;
width: 100%;
}
.single-portfolio .df-single-portfolio-bottom-layout .df-single-portfolio-left-element,
.single-portfolio .df-single-portfolio-left-layout .df-single-portfolio-left-element,
.single-portfolio .df-single-portfolio-top-layout .df-single-portfolio-left-element {
width: 65.81197%;
margin-right: 2.5641%;
}
.single-portfolio .df-single-portfolio-bottom-layout .df-single-portfolio-right-element,
.single-portfolio .df-single-portfolio-left-layout .df-single-portfolio-right-element,
.single-portfolio .df-single-portfolio-top-layout .df-single-portfolio-right-element {
width: 31.62393%;
margin-left: 0;
}
.single-portfolio .df-single-portfolio-right-layout .df-single-portfolio-left-element {
width: 31.62393%;
margin-left: 0;
margin-right: 0;
}
.single-portfolio .df-single-portfolio-right-layout .df-single-portfolio-right-element {
width: 65.81197%;
margin-right: 0;
margin-left: 2.5641%;
}
.single-portfolio .grand-bottom-element {
margin-top: 0;
}
.single-portfolio .df-single-portfolio-postnav {
width: 100%;
display: block;
margin-top: 22px;
margin-bottom: 22px;
}
.single-portfolio .df-single-portfolio-postnav .df-back-to-page-portfolio {
text-align: center;
}
.single-portfolio .df-single-portfolio-postnav .df-back-to-page-portfolio,
.single-portfolio .df-single-portfolio-postnav .nav-next,
.single-portfolio .df-single-portfolio-postnav .nav-prev {
width: 33%;
display: inline-block;
margin: 0;
min-height: 1px;
}
.single-portfolio .df-single-portfolio-postnav .df-back-to-page-portfolio a,
.single-portfolio .df-single-portfolio-postnav .nav-next a,
.single-portfolio .df-single-portfolio-postnav .nav-prev a {
width: 100%;
display: block;
font-size: 32px;
color: #999;
}
.single-portfolio .df-single-portfolio-postnav .df-back-to-page-portfolio a:hover,
.single-portfolio .df-single-portfolio-postnav .nav-next a:hover,
.single-portfolio .df-single-portfolio-postnav .nav-prev a:hover {
color: #ae9364;
}
.single-portfolio .df-single-portfolio-postnav .nav-next a {
text-align: right;
} .single-portfolio .df-port-image-std {
margin-bottom: 22px;
line-height: 0;
}
.single-portfolio .df-port-image-std img {
width: 100%;
}
.single-portfolio .df-port-gallery {
margin-bottom: 22px;
position: relative;
}
.single-portfolio .df-port-gallery a {
background: #000;
}
.single-portfolio .df-port-gallery .item {
width: 100%;
}
.single-portfolio .df-port-gallery .item img {
display: block;
width: 100%;
height: auto;
}
.single-portfolio .df-port-embed-std {
margin-bottom: 22px;
}
.single-portfolio .df-category-content-post {
display: inline-block;
margin-bottom: 0;
}
.single-portfolio .df-grand-postmeta .comment-port-grand {
border-left: 1px solid #eee;
margin: 0 10px;
padding: 0 10px;
}
.single-portfolio .df-category-content-post li {
font-size: 12px;
display: inline-block;
margin-bottom: 0;
}
.single-portfolio .df-category-content-post li a {
font-size: 12px;
}
.single-portfolio .df-single-portfolio-the-content {
margin-bottom: 44px;
width: 100%;
}
.single-portfolio .df-grand-postmeta {
margin-bottom: 0;
padding-bottom: 22px;
}
.single-portfolio .df-single-portfolio-share {
position: relative;
text-align: left;
}
.single-portfolio .df-single-portfolio-share a.liked,
.single-portfolio .df-single-portfolio-share a.liked i,
.single-portfolio .df-single-portfolio-share a:hover i {
color: #ae9364;
}
.single-portfolio .single-share-portfolio {
position: relative;
float: left;
}
.single-portfolio .df-single-portfolio-bottom-layout .single-share-portfolio,
.single-portfolio .df-single-portfolio-top-layout .single-share-portfolio {
position: relative;
float: right;
}
.single-portfolio .single-share-portfolio .share-span {
font-size: 12px;
width: 100px;
color: #999;
}
.single-portfolio .single-share-portfolio .share-span i {
margin-right: 5px;
}
.single-portfolio .df-single-portfolio-top-layout .single-share-portfolio {
text-align: right;
}
.single-portfolio .single-share-portfolio .share-span {
margin-left: 20px;
padding-bottom: 20px;
}
.single-portfolio .df-single-portfolio-top-layout .single-share-portfolio ul {
right: 0;
}
.single-portfolio .single-share-portfolio .share-span:hover {
color: #ae9464;
}
.single-portfolio .single-share-portfolio ul {
text-align: center;
border: 1px solid #eee;
padding: 22px;
float: left;
position: absolute;
top: 23px;
right: -10px;
background: #fff;
line-height: 1;
z-index: 1;
}
.single-portfolio .single-share-portfolio ul.no-active {
display: none;
}
.single-portfolio .single-share-portfolio ul {
display: block;
}
.single-portfolio .single-share-portfolio ul li {
display: block;
text-align: center;
margin-right: 0;
font-size: 18px;
margin-bottom: 10px;
}
.single-portfolio .single-share-portfolio ul li:last-child {
margin-bottom: 0;
}
.single-portfolio .single-share-portfolio ul li a {
color: #999;
}
.single-portfolio .single-share-portfolio ul li a:hover {
color: #ae9364;
} .single-portfolio .related-post {
margin-top: 22px;
padding-top: 0;
border-top: none;
}
.single-portfolio .related-post .portfolio {
width: 100%;
margin: 0;
padding: 0;
}
.single-portfolio .related-post .related-post-title {
padding-top: 0;
margin-bottom: 22px;
}
.single-portfolio .related-post #related-slider .owl-wrapper-outer {
height: auto;
}
.single-portfolio .related-post .related-post-content img {
margin-bottom: 0;
width: 100%;
}
.single-portfolio .related-post .df-port-image {
margin-bottom: 10px;
position: relative;
}
.single-portfolio .related-post .df-port-image .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;
}
.single-portfolio .related-post .df-port-image .third-effect .mask {
opacity: 0;
overflow: visible;
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
padding: 10px;
top: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: all 0.4s ease-in-out;
}
.single-portfolio .related-post .df-port-image .third-effect .mask .mask-table {
display: table;
width: 100%;
height: 100%;
}
.single-portfolio .related-post .df-port-image .third-effect .mask .mask-table-cell {
display: table-cell;
vertical-align: middle;
}
.single-portfolio .related-post .df-port-image .third-effect:hover .mask {
opacity: 1;
background-color: rgba(0, 0, 0, 0.6);
}
.single-portfolio .related-post .df-port-image .df-post-title {
font-size: 1em;
line-height: 1.2;
margin: 0;
}
.single-portfolio .related-post .df-port-image .df-category-portfolio {
font-size: 1em;
line-height: 1.2;
color: #fff;
}
.single-portfolio .related-post .df-port-image .df-category-portfolio a,
.single-portfolio .related-post .df-port-image .df-post-title a {
color: #fff;
text-transform: uppercase;
opacity: .7;
font-family: "Quattrocento Sans";
}
.single-portfolio .related-post .df-port-image .df-category-portfolio a:hover,
.single-portfolio .related-post .df-port-image .df-post-title a:hover {
color: #fff;
opacity: 1;
}
.single-portfolio .related-post .df-port-image .border-port-style1 {
display: block;
width: 11%;
margin: 11px auto;
border-top: 1px solid #ae9364;
} .single-portfolio #comments {
margin-top: 30px;
} #big-video-wrap {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 0;
}
#big-video-image,
#big-video-vid {
position: absolute;
}
#big-video-control-container {
position: fixed;
bottom: 0;
padding: 10px;
width: 100%;
background: rgba(0, 0, 0, 0.25);
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
transition-duration: .6s;
}
#big-video-control {
width: 100%;
height: 16px;
position: relative;
}
#big-video-control-middle {
margin: 0 56px 0 24px;
}
#big-video-control-bar {
width: 100%;
height: 16px;
position: relative;
cursor: pointer;
}
#big-video-control-progress {
position: absolute;
top: 7px;
height: 3px;
width: 0;
background: #fff;
}
#big-video-control-track {
position: absolute;
top: 8px;
height: 1px;
width: 100%;
background: #fff;
}
#big-video-control-bound-left {
left: 0;
}
#big-video-control-bound-right {
right: -1px;
}
#big-video-control-track .ui-slider-handle {
opacity: 0;
}
#big-video-control-playhead {
left: 30%;
}
#big-video-control-play {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-image: url(//www.origamisalerno.it/wp-content/themes/origami/includes/css/public/bigvideo.png);
}
#big-video-control-timer {
position: absolute;
top: 1px;
right: 0;
color: #fff;
font-size: 11px;
}
#big-video-control-bound-left,
#big-video-control-bound-right,
#big-video-control-playhead {
position: absolute;
top: 0;
height: 16px;
width: 1px;
background: #fff;
}
#big-video-control .ui-slider-handle {
border-left: solid 1px #fff;
width: 16px;
height: 16px;
position: absolute;
top: -8px;
}
.transparent {
-ms-filter: alpha(opacity=0);
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.vjs-big-play-button {
display: none!important;
} .testimonials .position_left {
text-align: left;
clear: both;
}
.testimonials .position_center {
text-align: center;
}
.testimonials .position_right {
text-align: right;
clear: both;
}
.testimonials .position_left img {
float: left;
overflow: hidden;
margin-right: 10px;
}
.testimonials .position_right img {
float: right;
overflow: hidden;
margin-left: 10px;
}
.testimonials .position_center img {
display: block;
margin: 0 auto 10px;
}
.testimonials .quote {
margin-bottom: 44px;
}
.testimonials .position_right .quote {
float: right;
}
.testimonials .position_left .quote {
float: left;
}
.testimonials .position_left .author,
.testimonials .position_right .author {
position: relative;
top: 9px;
}
.testimonials .author a {
color: #ae9364;
font-style: normal;
}
.testimonials .author a:hover {
color: #bea983;
}
.testimonials.slider-testimonial-active .quote {
margin-bottom: 0!important;
}
.testimonials .position_center .author {
text-align: center;
display: block;
} .error404 #content {
padding: 44px 0 0;
}
.error-404 {
margin: -44px -400px 0;
}
.error-404 .page-content {
margin: 200px auto!important;
float: none;
background: rgba(255, 255, 255, 0.8);
border: 2px solid #eee;
padding: 2% 0;
width: 22%;
}
.error-404 .warpper-404 {
display: table;
width: 100%;
}
.error-404 .content-404 {
display: table-cell;
vertical-align: middle;
}
.error-404 .header-404 {
text-align: center;
font-style: italic;
margin-bottom: 20px;
}
.error-404 .searchform,
.error-404 .text-404 {
text-align: center;
margin-bottom: 20px;
}
.error-404 .searchform {
width: 100%;
margin-bottom: 0;
text-align: center;
}
.error-404 .searchform input[type=submit],
.error-404 .searchform input[type=text] {
margin-bottom: 0;
} #ui-datepicker-div {
background: #fff;
padding: 20px;
border: 1px solid #eee;
display: none;
}
#ui-datepicker-div tr {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#ui-datepicker-div .ui-datepicker-today {
border: 1px solid #ae9364;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#ui-datepicker-div .ui-datepicker-title {
text-align: center;
}
.single-accommodation .df-main a {
cursor: pointer;
}
#ui-datepicker-div a.ui-datepicker-prev {
float: left;
font-size: 0;
}
#ui-datepicker-div a.ui-datepicker-next {
font-size: 0;
float: right;
}
#ui-datepicker-div a.ui-datepicker-next:hover,
#ui-datepicker-div a.ui-datepicker-prev:hover {
color: #ae9364;
}
#ui-datepicker-div a.ui-datepicker-prev:before {
content: "\e002";
font-family: dficon;
font-size: 12px;
}
#ui-datepicker-div a.ui-datepicker-next:before {
content: "\e004";
font-family: dficon;
font-size: 12px;
}
.ui-datepicker-calendar {
margin-top: 11px;
}
.ui-datepicker-calendar td {
width: 34px;
padding: 0;
vertical-align: middle;
height: 34px;
text-align: center;
}
.ui-datepicker-calendar a {
color: #999;
}
.ui-datepicker-calendar .ui-datepicker-unselectable {
color: #d5d5d5;
}
.ui-datepicker-calendar tbody tr td:hover {
cursor: pointer;
background: #ae9364;
border: 1px solid #ae9364;
}
.ui-datepicker-calendar tbody tr td:hover a {
color: #fff;
}
.ui-datepicker-calendar .ui-datepicker-unselectable:hover {
background: #fff;
} .datepicker {
background: #fff;
padding: 20px;
border: 1px solid #eee;
display: none;
}
.datepicker tfoot tr th:hover,
.datepicker thead tr:first-child th:hover {
text-align: center;
background: 0 0;
color: #ae9364;
}
.datepicker thead tr th.prev {
float: left;
font-size: 0;
}
.datepicker thead tr th.next {
font-size: 0;
float: right;
}
.datepicker thead tr th.next,
.datepicker thead tr th.prev {
color: #d5d5d5;
}
.datepicker thead tr th.next:hover,
.datepicker thead tr th.prev:hover {
color: #ae9364;
background: 0 0;
}
.datepicker thead tr th.prev:before {
content: "\e002";
font-family: dficon;
font-size: 12px;
}
.datepicker thead tr th.next:before {
content: "\e004";
font-family: dficon;
font-size: 12px;
}
.datepicker .datepicker-days tr {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.datepicker .datepicker-days .today.day {
border: 1px solid #ae9364;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
background-image: none;
}
.datepicker .datepicker-days tbody {
margin-top: 11px;
}
.datepicker .datepicker-days tbody td,
.datepicker .datepicker-days th {
width: 34px;
padding: 5px;
text-align: center;
font-size: 14px;
}
.datepicker .datepicker-days a {
color: #999;
}
.datepicker .datepicker-days thead tr:last-child {
border-bottom: 1px solid #eee;
height: 27px;
}
.datepicker .datepicker-days th {
font-weight: 400;
}
.datepicker .datepicker-days thead tr th {
height: 27px;
}
.datepicker .datepicker-days tr:first-child td {
height: 27px;
vertical-align: bottom;
}
.datepicker .datepicker-days table tr td.new,
.datepicker .datepicker-days table tr td.old {
color: #d5d5d5;
}
.datepicker .datepicker-days tbody tr td:hover {
cursor: pointer;
background: #ae9364;
color: #fff;
border-radius: 0;
}
.datepicker .datepicker-days table tr td.new:hover,
.datepicker .datepicker-days table tr td.old:hover {
color: #d5d5d5;
background: #fff;
cursor: auto;
}
.datepicker .datepicker-days table tr td.today:hover {
background: #ae9364;
color: #fff;
}
.datepicker .datepicker-days table tr td.active.active {
background: #ae9364;
border-radius: 0;
}
.datepicker table tr td span {
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 0;
}
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td span:hover {
color: #fff;
background: #ae9364;
}
.selectpicker {
line-height: initial!important;
} .otw-date-li {
position: relative;
}
.open-table-widget .dropdown-menu .active > a,
.open-table-widget .dropdown-menu .active > a:hover,
.open-table-widget .dropdown-menu .selected > a,
.open-table-widget .dropdown-menu li > a:hover {
background-color: rgba(238, 238, 238, 0.5);
}
.open-table-widget .otw-widget-form-wrap input[type=text] {
border-radius: 0;
border: 1px solid #eee;
font-size: 12px;
padding-left: 12px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
transition: none;
-webkit-transition: none;
-moz-transition: none;
color: #999;
height: 40px;
}
.otw-date-li:after {
font-family: fontAwesome;
content: '\f133';
position: absolute;
right: 0;
top: 0;
padding: 11px 14px;
border-left: 1px solid #eee;
color: #999;
font-size: 12px;
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #fff;
border: 1px solid #eee;
}
.open-table-widget .btn,
.otw-input-wrap .btn,
input.otw-submit-btn {
border-radius: 0;
border: 1px solid #eee;
padding: 10px 12px;
position: relative;
background: #fff!important;
}
.df-sidebar .otw-button-wrap .otw-submit {
width: 100%;
}
.open-table-widget .caret,
.otw-widget-form-wrap label {
display: none;
}
.open-table-widget .btn:after {
position: absolute;
font-family: dficon;
content: '\e001';
right: 0;
padding: 4px 12px;
font-size: 8px;
color: #999;
}
.bootstrap-select.btn-group .btn .filter-option,
.open-table-widget .dropdown-menu span {
color: #999;
font-size: 12px;
}
.open-table-widget .bootstrap-select > .btn {
border: 1px solid #eee;
}
.powered-by-open-table {
display: none;
}
.df-main .open-table-widget {
text-align: center;
}
.open-table-widget .otw-button-wrap,
.open-table-widget .otw-input-wrap {
width: 20%;
display: inline-block;
}
.open-table-widget .otw-button-wrap,
.open-table-widget .otw-party-size-wrap,
.open-table-widget .otw-time-wrap {
margin-left: 20px;
}
.open-table-widget .otw-button-wrap {
text-align: left;
} .tt_event_hours {
position: relative;
margin-bottom: 40px;
}
.tt_event_hours li {
float: left;
width: 31.6%;
border: 1px solid #EFEFEF;
border-left: 3px solid #00A27C;
margin: 0 2.56410256% 40px 0;
}
.tt_event_hours li:nth-child(3n+3) {
margin: 0 0 40px 0 !important;
}
.tt_event_hours li.event_hours_right {
margin-right: 2.56410256%;
}
table.tt_timetable {
border: 0;
}
.tt_timetable th {
background: 0 0!important;
text-align: center!important;
}
.tt_event_column_right {
float: left;
}
.tt_tabs {
overflow: auto;
}
.tt_tooltip .tt_tooltip_content {
white-space: normal;
} .wpcf7-form {
margin-bottom: 0;
}
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
width: 100%;
}
.wpcf7-form input[type=file],
.wpcf7-form input[type=range] {
margin: 0 0 20px;
}
.wpcf7-form input[type=checkbox],
.wpcf7-form input[type=radio] {
width: auto;
position: relative;
top: 3.5px;
margin: 0 0 20px;
}
.wpcf7-form span.wpcf7-list-item {
margin-left: 0;
margin-right: 20px;
}
.wpcf7-form input.wpcf7-captchar,
.wpcf7-form input.wpcf7-quiz {
width: 50%;
display: block;
}
.wpcf7-form input[type=submit] {
width: auto;
display: block;
padding: 11px 22px;
margin-bottom: 0;
}
.wpcf7-form .ajax-loader {
display: none;
}
.wpcf7-form p {
margin-bottom: 0;
}
body .wpcf7-mail-sent-ok,
body .wpcf7-validation-errors {
border: none;
}
body .wpcf7-response-output {
margin-left: 0;
padding-left: 0;
}
.wpcf7-form.form7_transparent input[type=email],
.wpcf7-form.form7_transparent input[type=number],
.wpcf7-form.form7_transparent input[type=tel],
.wpcf7-form.form7_transparent input[type=text],
.wpcf7-form.form7_transparent input[type=url],
.wpcf7-form.form7_transparent select,
.wpcf7-form.form7_transparent textarea {
padding: 11px;
}
.wpcf7-form.form7_transparent img,
.wpcf7-form.form7_transparent input,
.wpcf7-form.form7_transparent select,
.wpcf7-form.form7_transparent textarea {
background: rgba(255, 255, 255, 0.2);
border: none;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
}
.wpcf7-form.form7_transparent input[type=range] {
padding: 0;
}
.wpcf7-form.form7_transparent input:focus,
.wpcf7-form.form7_transparent select:focus,
.wpcf7-form.form7_transparent textarea:focus {
background: rgba(255, 255, 255, 0.4);
}
.wpcf7-form.form7_transparent select > option {
background: #ddd;
}
.wpcf7-form.form7_underline input[type=email],
.wpcf7-form.form7_underline input[type=number],
.wpcf7-form.form7_underline input[type=tel],
.wpcf7-form.form7_underline input[type=text],
.wpcf7-form.form7_underline input[type=url],
.wpcf7-form.form7_underline select,
.wpcf7-form.form7_underline textarea {
background: 0 0;
border: none;
border-bottom: 1px solid #eee;
}
.wpcf7-form.form7_underline input[type=file] {
border-bottom: none;
}
.wpcf7-form.form7_underline input[type=email]:focus,
.wpcf7-form.form7_underline input[type=file]:focus,
.wpcf7-form.form7_underline input[type=number]:focus,
.wpcf7-form.form7_underline input[type=tel]:focus,
.wpcf7-form.form7_underline input[type=text]:focus,
.wpcf7-form.form7_underline input[type=url]:focus,
.wpcf7-form.form7_underline select:focus,
.wpcf7-form.form7_underline textarea:focus {
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
outline: 0;
}
.wpcf7-form input[type=submit] {
opacity: 1;
}
.wpcf7-form .half_col {
margin-right: 2.56410256%;
width: 48.71794872%;
float: left;
}
.wpcf7-form .last_col {
margin-right: 0;
}
.ui-timepicker-div .ui-widget .ui-widget {
font-size: 1em;
}
.ui-timepicker-div .ui-corner-all,
.ui-timepicker-div .ui-corner-bottom,
.ui-timepicker-div .ui-corner-br,
.ui-timepicker-div .ui-corner-right {
border-bottom-right-radius: 1px;
margin-right: 5px;
margin-top: 1px;
}
.ui-timepicker-div .ui-corner-all,
.ui-timepicker-div .ui-corner-bl,
.ui-timepicker-div .ui-corner-bottom,
.ui-timepicker-div .ui-corner-left {
border-bottom-left-radius: 1px;
margin-right: 5px;
margin-top: 1px;
}
.ui-timepicker-div .ui-corner-all,
.ui-timepicker-div .ui-corner-right,
.ui-timepicker-div .ui-corner-top,
.ui-timepicker-div .ui-corner-tr {
border-top-right-radius: 1px;
margin-right: 5px;
margin-top: 1px;
}
.ui-timepicker-div .ui-corner-all,
.ui-timepicker-div .ui-corner-left,
.ui-timepicker-div .ui-corner-tl,
.ui-timepicker-div .ui-corner-top {
border-top-left-radius: 1px;
margin-right: 5px;
margin-top: 1px;
}
.ui-timepicker-div .ui-widget-content {
border: 1px solid #E2E2E2;
background: url(//www.origamisalerno.it/wp-content/themes/origami/includes/images/cf7/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #ffffff;
color: #999;
}
.ui-timepicker-div .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-timepicker-div .ui-slider-horizontal {
height: .8em;
}
.ui-timepicker-div .ui-slider {
position: relative;
text-align: left;
}
.ui-timepicker-div .ui-slider-handle,
.ui-timepicker-div .ui-state-focus {
border: none;
background: url(//www.origamisalerno.it/wp-content/themes/origami/includes/images/cf7/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;
font-weight: 700;
color: #bea983;
}
.ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-timepicker-div .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-datepicker-buttonpane .ui-widget-content,
button {
margin: 15px 5px 2px;
}
.ui-timepicker-div .ui_tpicker_minute_label {
margin-top: 5px;
} .footer-primary-widgets {
padding: 22px 0;
}
.site-footer .site-info {
border-top: 1px solid #eee;
padding: 22px 0;
display: block;
font-size: 12px;
position: relative;
} .one-page-landing.df-navibar-bottom-active .df-navibar,
.one-page-landing.df-navibar-top-active .df-navibar {
z-index: 1032;
}
.one-page-landing.df-navibar-bottom-active .df-navibar {
bottom: 0;
position: fixed;
}
.one-page-landing.df-navibar-bottom-active.df-full-width-layout-active .df-navibar {
width: 100%;
}
.one-page-landing.df-navibar-top-active .df-navibar {
top: 0;
}
.az-spmenu-push {
overflow-x: hidden;
position: relative;
left: 0;
}
.az-spmenu-push,
.az-spmenu-push .df-navibar {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.toggle-menu {
width: 58px;
height: 58px;
position: absolute;
background: rgba(255, 255, 255, 0.5);
z-index: 99;
cursor: pointer;
}
.mobile-true .toggle-menu {
display: none;
}
.toggle-menu .line {
width: 28px;
height: 1px;
display: block;
background: #0f0f0f;
position: absolute;
left: 15px;
-webkit-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
-moz-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
-ms-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
}
.toggle-menu.toggle .line.first {
top: 20px;
}
.toggle-menu.toggle .line.second {
top: 29px;
}
.toggle-menu.toggle .line.third {
top: 37px;
}
.toggle-menu.toggle:hover .line.first {
top: 15px;
}
.toggle-menu.toggle:hover .line.third {
top: 42px;
}
.toggle-menu.active .line.first {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
-webkit-transition-delay: 110ms;
-moz-transition-delay: 110ms;
-ms-transition-delay: 110ms;
-o-transition-delay: 110ms;
transition-delay: 110ms;
}
.toggle-menu.active:hover .line.first {
-webkit-transform: rotate(-45deg) scale(0.9);
-moz-transform: rotate(-45deg) scale(0.9);
-ms-transform: rotate(-45deg) scale(0.9);
-o-transform: rotate(-45deg) scale(0.9);
transform: rotate(-45deg) scale(0.9);
-webkit-transition-delay: 110ms;
-moz-transition-delay: 110ms;
-ms-transition-delay: 110ms;
-o-transition-delay: 110ms;
transition-delay: 110ms;
}
.toggle-menu.active .line.second {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
top: 29px;
}
.toggle-menu.active .line.third {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
}
.toggle-menu.active:hover .line.third {
-webkit-transform: rotate(-134deg) scale(0.9);
-moz-transform: rotate(-134deg) scale(0.9);
-ms-transform: rotate(-134deg) scale(0.9);
-o-transform: rotate(-134deg) scale(0.9);
transform: rotate(-134deg) scale(0.9);
} @media only screen and (max-width: 959px) {
.df-navibar .df-sitename,
.df-float-menu .df-sitename {
display: none;
}
body .df-float-menu .df-sitename img {
width: 120px;
}
.df-navibar .df-sitename.mobile-logo,
.df-float-menu .df-sitename.mobile-logo {
display: block;
}
.df-sidebar {
clear: both;
}
.df-widgetbar-button.df-header-top {
display: table;
width: 100%;
}
.df-widgetbar-button.df-header-top i {
display: table-cell;
vertical-align: middle;
}
.df-widgetbar-button {
display: none;
}
.header-widgets {
position: absolute;
margin-top: 50px;
}
.header-widgets .widget,
.header-widgets .widget form,
.header-widgets .widget h3,
.header-widgets .widget li,
.header-widgets .widget ul {
margin: 1.5em 0;
}
.error-404 {
margin: -40px -47px 0;
}
.site-footer .col-left,
.site-footer .col-right {
float: none;
text-align: center;
}
.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-navibar-fixed-left-active .header-widgets {
left: 0!important;
z-index: 1032!important;
}
.df-navibar-fixed-right-active .header-widgets {
right: 0!important;
z-index: 1032!important;
}
.two-col-left #main-sidebar-container .df-main,
.two-col-left #main-sidebar-container .df-sidebar,
.two-col-right #main-sidebar-container .df-main,
.two-col-right #main-sidebar-container .df-sidebar {
float: none!important;
display: block!important;
width: auto!important;
}
}
@media only screen and (max-width: 1024px) {
.df-blog-grid-standard #infscr-loading {
position: absolute;
bottom: 0;
margin-left: -18px;
left: 50%;
}
#infscr-loading p {
font: 400 1em/1.2 "Quattrocento Sans";
position: absolute;
left: 0;
margin-left: -35px;
width: 100px;
top: 40px;
}
.page-template-template-portfolio-php .df-infi-scr-btn .nav-next {
margin-top: 85px;
}
.error-404 {
margin: -44px -400px 0;
}
.error-404 .page-content {
width: 40%;
padding: 4% 0;
}
}
@media only screen and (max-width: 780px) {
.page-template-template-portfolio-php #infscr-loading {
position: absolute;
bottom: -54px;
left: 50%;
margin-left: -17px;
}
#infscr-loading p {
font: 400 1em/1.2 "Quattrocento Sans";
position: absolute;
left: 0;
margin-left: -81px;
width: 200px;
top: 40px;
}
.page-template-template-portfolio-php .df-infi-scr-btn .nav-next {
margin-top: 85px;
}
.df-navibar {
padding: 11px 0;
}
#df-fancy-header .df-header-wrap {
display: table;
width: auto;
}
#df-fancy-header .df-header-container {
display: table-cell;
vertical-align: middle;
}
.df-fancy-header .df-header,
.df-fancy-header .df-header-container,
.df-fancy-header-2 .df-header,
.df-fancy-header-2 .df-header-container,
.df-page-header .breadcrumb,
.df-page-header .df-header,
.df-page-header .df-header-container {
display: block;
width: 100%;
text-align: center;
}
.df-topbar .col-left,
.df-topbar .col-right,
.df-topbar .df-social,
.df-topbar .info-description,
.df-topbar .top-search {
float: none;
text-align: center;
}
.df-topbar .df-social {
margin: 5px 0;
}
.df-topbar .info-description {
border: none;
padding: 0;
}
.site-footer .site-info .df-navi li {
float: none;
}
.site-footer .site-info .copyright {
text-align: left;
}
.df-blog-grid-standard .grid-sizer,
.df-portfolio-isotope .grid-sizer {
width: 50%!important;
}
.df-blog-grid-standard.grid_2_blog .post,
.df-blog-grid-standard.grid_2_blog .post.big-post-grid,
.df-blog-grid-standard.grid_3_blog .post,
.df-blog-grid-standard.grid_3_blog .post.big-post-grid,
.df-blog-grid-standard.grid_4_blog .post,
.df-blog-grid-standard.grid_4_blog .post.big-post-grid,
.df-blog-grid-standard.grid_5_blog .post,
.df-blog-grid-standard.grid_5_blog .post.big-post-grid {
width: 50%;
float: none;
margin-bottom: 44px;
padding-bottom: 44px;
border-bottom: 1px solid #eee;
}
.df-blog-grid-standard,
.df-standard-image-left .df-pict-slider,
.df-standard-image-left .df-post-audio,
.df-standard-image-left .df-post-image,
.df-standard-image-left .df-post-video,
.df-standard-image-right .df-pict-slider,
.df-standard-image-right .df-post-audio,
.df-standard-image-right .df-post-image,
.df-standard-image-right .df-post-video {
width: 100%;
float: none;
margin-bottom: 18px;
margin-left: 0;
}
.post .df-hover-share-container {
position: relative;
}
.post .df-blog-extra ul.df-hover-share-content {
left: -95px;
}
.arrow-up {
top: -7px;
}
#options-blog-sort li,
#options-portfolio-sort {
border-right: none;
}
.single .post-side-left-pagination,
.single .post-side-right-pagination {
display: none;
}
.single .about-author .about-author-desc {
width: 75%;
}
.single .about-author .about-author-desc p {
margin: 0;
}
#comments .children {
margin: 4px 0 5px;
padding-top: 22px;
}
#comments .comment-head > div,
#comments .comment-head > span {
float: none;
display: block;
width: 100%;
margin: 11px 0 0;
}
.single .single-share-blog ul {
float: none;
width: 100%;
margin-top: 22px;
}
.single .single-share-blog ul li {
margin-left: 0;
margin-bottom: 0;
margin-right: 20px;
}
#comments .children .children .children .children .childrendiv.comment-content,
#comments .children .children .children .children div.comment-content,
#comments .children .children .children div.comment-content,
#comments .children .children div.comment-content,
#comments .children div.comment-content,
#comments .form-fields input,
#comments div.comment-content {
width: 100%;
}
.df-portfolio-isotope {
width: 100%;
float: left;
display: block;
margin-bottom: 2%;
}
.grid_2_portfolio .portfolio,
.grid_2_portfolio .portfolio.big_port_class,
.grid_3_portfolio .portfolio,
.grid_3_portfolio .portfolio.big_port_class,
.grid_4_portfolio .portfolio,
.grid_4_portfolio .portfolio.big_port_class,
.grid_5_portfolio .portfolio,
.grid_5_portfolio .portfolio.big_port_class {
width: 50%;
float: left;
display: block;
margin-bottom: 2%;
}
.single-portfolio .df-single-portfolio-postnav .df-back-to-page-portfolio,
.single-portfolio .df-single-portfolio-postnav .nav-next,
.single-portfolio .df-single-portfolio-postnav .nav-prev {
width: 32%;
}
#options-blog-sort,
#options-portfolio-sort {
padding-bottom: 22px;
border-bottom: 1px solid #eee;
}
#options-blog-sort li,
#options-portfolio-sort li {
margin-top: 11px;
display: none;
}
#options-blog-sort.active-hover li,
#options-portfolio-sort.active-hover li {
display: block;
}
#options-blog-sort li:first-child,
#options-portfolio-sort li:first-child {
display: block;
margin-top: 0;
cursor: pointer;
}
#options-blog-sort li a,
#options-portfolio-sort li a {
padding: 0;
}
.single .post-pagination {
margin-top: 44px;
border-top: none!important;
padding-top: 0;
}
.single .post-pagination .nav-prev > a {
border-top: 1px solid #eee;
padding-top: 44px;
}
.single .post-pagination .nav-next > a {
padding-top: 44px;
margin-top: 44px;
border-top: 1px solid #eee;
}
.single .post-pagination .nav-next {
margin-bottom: 0;
position: relative;
}
.single .post-pagination .nav-next,
.single .post-pagination .nav-prev {
width: 100%;
}
.single .post-pagination .nav-next a i,
.single .post-pagination .nav-prev a i {
display: none;
}
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
width: 100%;
}
.wpcf7-form input[type=checkbox],
.wpcf7-form input[type=radio] {
width: auto;
position: relative;
top: 3.5px;
margin: 0;
}
.wpcf7-form span.wpcf7-list-item {
margin-left: 0;
margin-right: 20px;
}
.wpcf7-form input.wpcf7-captchar,
.wpcf7-form input.wpcf7-quiz,
.wpcf7-form input[type=submit] {
width: 100%;
display: block;
}
.tt_event_hours li {
float: none;
width: 100%;
margin: 0 0 40px;
}
.tt_event_hours li:nth-child(3n+3) {
margin: 0;
}
.df-main .open-table-widget {
padding: 0 20px;
}
.df-main .open-table-widget .otw-button-wrap,
.df-main .open-table-widget .otw-button-wrap .otw-submit,
.df-main .open-table-widget .otw-input-wrap {
width: 100%;
display: block;
}
.df-main .open-table-widget .otw-button-wrap,
.df-main .open-table-widget .otw-party-size-wrap,
.df-main .open-table-widget .otw-time-wrap {
margin-left: 0;
}
.error-404 {
margin: -44px -40px 0;
}
.error-404 .page-content {
width: 55%;
padding: 5%;
}
.error-404 .searchform input[type=text] {
margin-bottom: 22px;
}
.df-widgetbar-button.df-header-top {
display: table;
width: 100%;
}
.df-widgetbar-button.df-header-top i {
display: table-cell;
vertical-align: middle;
}
.df-widgetbar-button {
display: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.wpcf7-form .half_col {
margin-right: 0;
width: 100%;
float: none;
}
.wpcf7-form .last_col {
margin-right: 0;
}
.df-widgetbar-button.df-header-top {
display: table;
width: 100%;
}
.df-widgetbar-button.df-header-top i {
display: table-cell;
vertical-align: middle;
}
.df-widgetbar-button {
display: none;
}
}
@media only screen and (max-width: 479px) {
.df-blog-grid-standard .grid-sizer,
.df-portfolio-isotope .grid-sizer {
width: 100%!important;
}
.df-blog-grid-standard {
margin: 0;
}
.df-blog-grid-standard .post {
padding: 0;
}
.df-blog-grid-standard.grid_2_blog .post,
.df-blog-grid-standard.grid_2_blog .post.big-post-grid,
.df-blog-grid-standard.grid_3_blog .post,
.df-blog-grid-standard.grid_3_blog .post.big-post-grid,
.df-blog-grid-standard.grid_4_blog .post,
.df-blog-grid-standard.grid_4_blog .post.big-post-grid,
.df-blog-grid-standard.grid_5_blog .post,
.df-blog-grid-standard.grid_5_blog .post.big-post-grid {
width: 100%;
float: none;
margin-bottom: 44px;
padding-bottom: 44px;
border-bottom: 1px solid #eee;
}
.df-blog-grid-standard,
.df-standard-image-left .df-pict-slider,
.df-standard-image-left .df-post-audio,
.df-standard-image-left .df-post-image,
.df-standard-image-left .df-post-video,
.df-standard-image-right .df-pict-slider,
.df-standard-image-right .df-post-audio,
.df-standard-image-right .df-post-image,
.df-standard-image-right .df-post-video {
width: 100%;
float: none;
margin-bottom: 18px;
}
.df-portfolio-isotope,
.grid_2_portfolio .portfolio,
.grid_2_portfolio .portfolio.big_port_class,
.grid_3_portfolio .portfolio,
.grid_3_portfolio .portfolio.big_port_class,
.grid_4_portfolio .portfolio,
.grid_4_portfolio .portfolio.big_port_class,
.grid_5_portfolio .portfolio,
.grid_5_portfolio .portfolio.big_port_class {
width: 100%!important;
display: block;
margin-bottom: 2%;
}
.df-portfolio-isotope {
margin-left: 0!important;
margin-right: 0!important;
}
.df-portfolio-isotope .portfolio {
padding: 0;
}
.single-portfolio .df-single-portfolio-bottom-layout .df-single-portfolio-left-element,
.single-portfolio .df-single-portfolio-bottom-layout .df-single-portfolio-right-element,
.single-portfolio .df-single-portfolio-left-layout .df-single-portfolio-left-element,
.single-portfolio .df-single-portfolio-left-layout .df-single-portfolio-right-element,
.single-portfolio .df-single-portfolio-right-layout .df-single-portfolio-left-element,
.single-portfolio .df-single-portfolio-right-layout .df-single-portfolio-right-element,
.single-portfolio .df-single-portfolio-top-layout .df-single-portfolio-left-element,
.single-portfolio .df-single-portfolio-top-layout .df-single-portfolio-right-element {
width: 100%;
margin-right: 0;
margin-bottom: 22px;
position: relative;
}
.single-portfolio .df-single-portfolio-bottom-layout .single-share-portfolio,
.single-portfolio .df-single-portfolio-top-layout .single-share-portfolio {
float: none;
}
.wpcf7-form .half_col {
margin-right: 0;
width: 100%;
float: none;
}
.wpcf7-form .last_col {
margin-right: 0;
}
.df-widgetbar-button.df-header-top {
display: table;
width: 100%;
}
.df-widgetbar-button.df-header-top i {
display: table-cell;
vertical-align: middle;
}
.df-widgetbar-button {
display: none;
}
.error-404 {
margin: -44px -300px 0;
}
.error-404 .searchform input[type=text] {
margin-bottom: 22px;
}
.error-404 .page-content {
width: 30%;
padding: 4% 2%;
}
}