/*
Theme Name: Harper
Theme URI: https://17thavenuedesigns.com/shop/harper-wordpress-theme/
Description: A stylish & feminine mobile responsive theme for the Genesis framework.
Author: 17th Avenue
Author URI: https://17thavenuedesigns.com
Version: 1.0.8
Tags: one-column, two-columns, footer-widgets, responsive-layout, custom-menu, custom-logo, custom-colors, full-width-template, theme-options, threaded-comments, e-commerce
Template: genesis
Template Version: 3.3
License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/
/* Table of Contents
- HTML5 Reset
- Baseline Normalize
- Box Sizing
- Float Clearing
- Defaults
- Typographical Elements
- Headings
- Objects
- Forms
- Buttons
- Screen Reader Text
- Tables
- Structure and Layout
- Site Containers
- Column Classes
- Common Classes
- Avatar
- Genesis
- Search Form
- Titles
- WordPress
- Widgets
- Plugins
- WP Recipe Maker
- Featured Content
- Genesis Blocks
- Genesis Responsive Slider
- Genesis eNews Extended
- Sidebar & After Entry eNews
- Homepage eNews
- Jetpack
- Genesis Simple Share
- Instagram Feed
- Ninja Forms
- Site Header
- Title Area
- Site Navigation
- Primary Navigation
- Secondary Navigation
- Primary Nav Search
- Footer Navigation
- Content Area
- Home Page
- Homepage featured post widget titles
- Pricing Table
- Content
- Entries
- Entry Meta
- After Entry
- Pagination
- Previous Next Navigation
- Post Comments
- Sidebar
- Social Icons
- About Photo Widget
- Footer
- Trending Now
- Newsletter
- Footer Widgets
- Instagram Feed
- Site Footer
- Page Templates
- 404 page
- Category Archive Page
- Category Index Page
- Landing Page
- Instagram Page
- Portfolio Page
- Contact Page
- Fadeup Effect
- Responsive Navigation
- Navigation Toggles
- Media Queries
- Max-width: 1139px
- Max-width: 1021px
- Max-width: 940px
- Max-width: 767px
- Max-width: 480px
- Max-width: 390px
*/
/* Script Font */
@font-face {
font-family: 'Harper Script';
src: url('type/harper-webfont.woff2') format('woff2'),
url('type/harper-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */
/* Baseline Normalize
normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block
}
audio,
canvas,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
a {
background: transparent
}
a:focus {
outline: thin dotted
}
a:active,
a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
mark {
background: #ff0;
color: #777676
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
input:focus,
textarea:focus {
border: 1px solid #d3d0d0 !important;
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
/* Box Sizing
--------------------------------------------- */
*,
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Float Clearing
--------------------------------------------- */
.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
content: " ";
display: table;
}
.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}
/*
Defaults
---------------------------------------------------------------------------------------------------- */
/* Typographical Elements
--------------------------------------------- */
html {
font-size: 62.5%;
}
body {
background-color: #fff;
color: #111111;
font: normal 15px Nunito Sans, sans-serif;
letter-spacing: .75px;
line-height: 2.8rem;
-webkit-font-smoothing: subpixel-antialiased;
}
a,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a {
color: #ab8a5b;
text-decoration: none;
}
a:hover,
.entry-categories a:hover,
a.wpp-post-title:hover {
color: #111111;
}
.entry-content a:not(.button):not(.wp-block-button__link):not(.more-link) {
color: #ab8a5b;
font-weight: bold;
}
.entry-content a:not(.button):not(.wp-block-button__link):not(.more-link):hover {
color: #111111;
}
::selection {
background-color: #e6e6e6;
}
::-moz-selection {
background-color: #e6e6e6;
}
p {
margin: 0 0 22px;
padding: 0;
}
ol,
ul {
margin: 0;
padding: 0;
color: #111111;
}
li {
list-style-type: none;
}
b,
strong {
font-weight: 800;
}
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 25px 0 30px!important;
font: bold 22px Playfair Display, serif;
line-height: 3.25rem;
background: #f9f7f6;
padding: 30px;
color: #111111;
}
blockquote p {
margin-bottom: 0;
}
hr {
border: 0;
border-collapse: collapse;
border-top: 1px solid #eeeae8;
clear: both;
margin: 40px 0;
}
/* Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Playfair Display', Didot, serif;
font-weight: bold;
line-height: 1.4;
margin: 0 0 20px;
color: #111111;
letter-spacing: 1px;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 20px;
}
.entry-content h5 {
text-transform: uppercase;
letter-spacing: 1.5px;
-webkit-font-smoothing: antialiased;
font: normal 24px Roboto Condensed, sans-serif;
}
.script {
font: normal 72px Harper Script, serif;
letter-spacing: 0;
text-align: center;
margin-bottom: 10px;
-webkit-font-smoothing: antialiased;
}
/* Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%;
}
img {
height: auto;
}
.full-width-content img.pull-left {
float: left;
margin: 0 40px 40px -200px;
}
.full-width-content img.pull-right {
float: right;
margin: 0 -200px 40px 40px;
}
.featured-content img,
.gallery img {
width: auto;
}
p img {
margin-bottom: 0 !important;
}
/* Forms
--------------------------------------------- */
input,
select,
textarea {
background-color: #fff;
border: 1px solid #eeeae8;
border-radius: 0;
box-shadow: none;
color: #111111;
font-size: 13px;
font-weight: 400;
letter-spacing: .05em;
padding: 15px;
width: 100%;
}
input:focus,
textarea:focus {
border: 1px solid #111111 !important;
outline: none;
}
.harper-home input:focus,
.harper-home textarea:focus {
outline: none;
}
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
}
::-moz-placeholder {
color: #999;
opacity: 1;
}
::-webkit-input-placeholder {
color: #999;
}
/* Buttons
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget .button,
.category-page .more-from-category a,
.comment-reply a,
.entry-content .wp-block-button .wp-block-button__link,
.wprm-recipe-link {
background-color: #ad9066;
color: #fff;
border: 0;
cursor: pointer;
font: normal 13px Roboto Condensed, sans-serif;
letter-spacing: 1.25px;
padding: 14px 22px;
margin: 10px 0;
text-transform: uppercase;
white-space: normal;
width: auto;
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button.clear:hover,
.button:hover,
.widget .button:hover,
.widget .button.clear:hover,
.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .widget .button:hover,
.category-page .more-from-category a:hover,
.comment-reply a:hover,
.entry-content .wp-block-button .wp-block-button__link:hover,
.wprm-recipe-link:hover,
.harper-before-content .enews-widget input[type="submit"]:hover {
background-color: #111111;
color: #ffffff;
}
.entry-content .wp-block-button .wp-block-button__link {
background-color: #ad9066 !important;
color: #ffffff !important;
}
.entry-content .wp-block-button .wp-block-button__link:hover {
background-color: #111111 !important;
color: #ffffff !important;
}
.button {
display: inline-block;
}
a.more-link {
color: #fff;
background: #ad9066;
padding: 15px 22px 14px;
font: normal 13px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 1.25px;
text-align: center;
display: inline-block;
margin-top: 2px;
}
a.more-link:hover {
background: #111111;
color: #ffffff;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none;
}
/* Screen Reader Text
--------------------------------------------- */
.screen-reader-text {
display: none;
}
.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
background-color: #fff;
border: 0;
clip: rect(0, 0, 0, 0);
color: #9f9f9f;
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* Tables
--------------------------------------------- */
table {
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
margin-bottom: 40px;
width: 100%;
}
tbody {
border-bottom: 1px solid #eeeae8;
}
th,
td {
text-align: left;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #eeeae8;
padding: 6px 0;
}
/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */
/* Site Containers
--------------------------------------------- */
.site-container {
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-ms-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
margin: 0 auto;
min-height: 100vh;
}
.site-inner,
.wrap {
float: none;
margin: 0 auto;
}
.site-inner {
background-color: #fff;
clear: both;
position: relative;
z-index: 9;
word-wrap: break-word;
margin-top: 50px !important;
margin-bottom: 30px;
max-width: 1000px;
}
.secondary-nav .site-inner {
margin-top: 250px;
}
/* Column Classes
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}
.one-third,
.two-sixths {
width: 31.623931623931625%;
}
.four-sixths,
.two-thirds {
width: 65.81196581196582%;
}
.one-fourth {
width: 23.076923076923077%;
}
.three-fourths {
width: 74.35897435897436%;
}
.one-sixth {
width: 14.52991452991453%;
}
.five-sixths {
width: 82.90598290598291%;
}
.first {
clear: both;
margin-left: 0;
}
.last { float: right; }
/*
Common Classes
---------------------------------------------------------------------------------------------------- */
/* Avatar
--------------------------------------------- */
.avatar {
border-radius: 50%;
float: left;
}
.author-box .avatar {
height: 120px;
width: 120px;
}
.entry-comments .avatar {
height: 60px;
width: 60px;
}
.alignleft .avatar,
.author-box .avatar {
margin-right: 24px;
}
.alignright .avatar {
margin-left: 24px;
}
.comment .avatar {
margin: 0 20px 24px 0;
}
.entry-comments .comment-author {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
font-family: Roboto Condensed;
}
/* Genesis
--------------------------------------------- */
.breadcrumb {
border-bottom: 2px solid #eeeae8;
margin-bottom: 30px;
padding-bottom: 7px;
font-size: 14px;
}
.archive-description,
.author-box {
margin-bottom: 1%;
}
.full-width-content .author-box {
max-width: 950px;
margin: 40px auto 0;
}
.author-box-title {
font-size: 30px;
margin-bottom: 8px;
}
.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0;
}
/* Search Form
--------------------------------------------- */
.search-form {
position: relative;
}
.search-form input[type="search"] {
border: 1px solid #eeeae8;
background: #fff;
padding: 18px 14px;
-webkit-appearance: none !important;
}
.search-form input[type="submit"] {
font-family: FontAwesome;
font-size: 80% !important;
width: 20px;
height: 30px;
background: transparent;
color: #111111;
bottom: 7px;
right: 2px;
position: absolute;
font-display: swap;
}
.search-form input[type="submit"]:hover {
color: #ab8a5b;
background: transparent !important;
}
input[type="submit"]:focus {
border: 0 !important;
}
/* Titles
--------------------------------------------- */
.archive-title {
font: bold 34px Playfair Display, Didot, serif;
letter-spacing: 1px;
margin: 0 0 15px;
padding-bottom: 10px;
}
.home-area .entry-title {
font-size: 40px;
}
.entry-title {
font-size: 34px;
margin-bottom: 12px;
line-height: 1.3;
}
.entry-title a,
a.wpp-post-title {
color: #111111;
}
.entry-title a:hover,
a.wpp-post-title:hover {
color: #ab8a5b;
}
.sidebar .entry-title {
font-size: 24px;
text-align: center;
}
.page.page-template-default:not(.home) .entry-title {
font: bold 34px Playfair Display, Didot, serif;
letter-spacing: 1px;
margin: 0 0 25px;
}
.page.page-template-default.full-width-content:not(.home) .entry-title {
text-align: center;
}
.widget-full .widget-title {
margin-bottom: 20px;
}
.full-width-content .content-sidebar-wrap {
max-width: 100%;
}
header.entry-header {
text-align: left;
}
.post.has-post-thumbnail p,
.home .post p, .blog post p {
text-align: left;
}
/* WordPress
--------------------------------------------- */
.alignleft {
float: left;
text-align: left;
}
.alignright {
float: right;
text-align: right;
}
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%;
}
a.alignnone {
display: inline-block;
}
a.aligncenter img {
display: block;
margin: 0 auto;
}
img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
}
img.alignnone,
.alignnone {
margin: 0 0 12px;
}
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 24px 24px 0;
}
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 24px 24px;
}
.wp-caption-text {
font-size: 18px;
line-height: 1.2;
text-align: center;
}
.entry-content p.wp-caption-text {
margin-bottom: 0;
}
.gallery-caption,
.entry-content .gallery-caption {
margin: 0 0 10px;
}
.post-password-form input {
width: auto;
}
.post-password-form input[type="submit"] {
padding: 25px;
}
.wp-audio-shortcode,
.wp-playlist,
.wp-video {
margin: 0 0 28px;
}
/*
Widgets
---------------------------------------------------------------------------------------------------- */
.widget {
word-wrap: break-word;
}
.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px;
}
.widget li li {
border: none;
margin: 0 0 0 30px;
padding: 0;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar td,
.widget_calendar th {
text-align: center;
}
.sidebar .widget {
padding: 24px;
border: 2px solid #eeeae8;
}
.sidebar .widget-title {
text-align: center;
font: normal 14px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 20px;
}
/*
Plugins
---------------------------------------------------------------------------------------------------- */
/* WP Recipe Maker
--------------------------------------------- */
.wprm-recipe-template-compact {
max-width: 100% !important;
}
.wprm-recipe-container .wprm-recipe p,
.wprm-recipe-container .wprm-recipe li {
margin-bottom: 5px !important;
font-family: Nunito Sans !important;
font-size: 15px !important;
line-height: 2.8rem !important;
}
.wprm-block-text-normal {
font-family: Nunito Sans !important;
font-size: 15px !important;
line-height: 2.8rem !important;
}
.wprm-recipe-summary {
margin-bottom: 12px;
}
.wprm-container-float-right {
margin-left: 25px !important;
}
.wprm-recipe-container .wprm-recipe li.wprm-recipe-instruction {
margin-bottom: 18px !important;
}
span.wprm-recipe-ingredient-notes.wprm-recipe-ingredient-notes-faded {
font-style: italic;
}
html body .wprm-recipe {
font-family: Nunito Sans !important;
}
html body .wprm-recipe-container .wprm-recipe {
background: #f9f7f6 !important;
padding: 30px !important;
border: 0 !important;
margin: 0 !important;
width: 100%;
max-width: 100%;
}
html body .wprm-recipe-container h2 {
font-size: 34px !important;
letter-spacing: 1px !important;
color: #111111 !important;
margin-bottom: 15px !important;
font-family: Playfair Display !important;
font-weight: bold !important;
}
html body .wprm-recipe-container h3 {
font: bold 26px Playfair Display, serif !important;
letter-spacing: 1px !important;
padding-top: 5px !important;
padding-bottom: 18px !important;
color: #111111 !important;
}
html body .wprm-recipe-container ul {
margin-bottom: 30px !important;
}
span.wprm-recipe-ingredient-notes.wprm-recipe-ingredient-notes-faded {
font-style: italic;
}
a.wprm-recipe-print,
a.wprm-recipe-pin {
background: transparent !important;
border: 0 !important;
text-transform: uppercase;
font-size: 11px !important;
font-weight: normal !important;
padding: 6px !important;
letter-spacing: 1.5px;
}
span.wprm-recipe-icon.wprm-recipe-print-icon {
margin-right: 3px;
}
.wprm-recipe-jump {
padding: 7px 14px;
display: block;
font-family: Roboto Condensed !important;
text-transform: uppercase !important;
color: #fff !important;
font-size: 12px !important;
letter-spacing: 1.5px;
-webkit-font-smoothing: subpixel-antialiased;
text-align: center;
margin: 8px auto 15px;
font-weight: normal !important;
max-width: 150px;
}
.wprm-recipe-template-compact h1, .wprm-recipe-template-compact h2, .wprm-recipe-template-compact h3, .wprm-recipe-template-compact h4, .wprm-recipe-template-compact h5, .wprm-recipe-template-compact h6 {
font-family: Playfair Display, serif !important;
font-weight: bold !important;
}
.wprm-recipe-ingredients-container .wprm-recipe-ingredient-group-name,
.wprm-recipe-instructions-container .wprm-recipe-instruction-group-name {
font: normal 18px Roboto Condensed, sans-serif !important;
text-transform: uppercase !important;
margin-bottom: 15px !important;
margin-top: 0 !important;
letter-spacing: 1.5px !important;
-webkit-font-smoothing: antialiased;
}
/* Genesis Blocks
--------------------------------------------- */
.gb-block-accordion {
margin-bottom: 1.4em !important;
margin-top: 1.4em !important;
}
.gb-block-accordion .gb-accordion-title {
padding: 22px 25px !important;
outline: 0;
font-size: 14px;
line-height: 1.6;
background: #fff !important;
border: 1px solid #eeeae8;
font: normal 14px Roboto Condensed, sans-serif !important;
text-transform: uppercase;
letter-spacing: 1.25px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.gb-block-accordion .gb-accordion-title:hover {
color: #ab8a5b;
}
.gb-block-accordion .gb-accordion-text {
padding-top: 30px !important;
}
.gb-block-accordion .gb-accordion-title::-webkit-details-marker {
display: none;
}
.gb-block-accordion .gb-accordion-title::after {
content: "\f347";
font-size: 16px;
font-family: "dashicons";
float: right;
color: #111111;
}
.gb-block-accordion details[open] .gb-accordion-title:after {
content: "\f343";
}
/* Genesis Responsive Slider
--------------------------------------------- */
.slide-image {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
filter: alpha(opacity=25);
}
.slide-image:hover {
opacity: .7;
}
.slide-excerpt {
filter: alpha(opacity=100) !important;
opacity: 1 !important;
width: 50%;
margin-left: auto !important;
margin-right: auto !important;
bottom: 50%;
}
html > body .slide-excerpt-border {
width: 500px;
}
.slide-excerpt-border {
background: rgba( 249, 249, 249, .7) !important;
border: 1px solid #eee !important;
margin: 10px;
padding: 25px 20px 22px !important;
position: relative;
z-index: 8;
margin-top: -17% !important;
margin-left: -36% !important;
min-width: 550px !important;
max-width: 550px !important;
}
.slide-excerpt-border h2 {
line-height: 0 !important;
padding: 10px 10px 0px;
}
.slide-excerpt-border h2 a {
font: bold 36px Playfair Display, Didot, serif;
letter-spacing: 1px;
color: #111111;
line-height: 1.2;
}
.slide-excerpt-border h2 a:hover {
color: #ad9066;
}
.slide-excerpt-border p:first-of-type { display: none}
.flex-control-nav li a:focus { outline: 0; }
html > body .slide-excerpt-border {
border: 0 !important;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
list-style: none;
}
.widget-area {
word-wrap: break-word;
}
.home-slider {
text-align: center;
margin-bottom: 40px;
}
.flexslider .slides img {
display: block;
margin: 0 auto;
}
.flexslider {
margin: 0 auto !important;
text-align: center;
}
.slide-excerpt {
background-color: transparent !important;
top : 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin:0 !important;
}
html > body .slide-excerpt-border {
top : 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin:0 !important;
display: block;
position: absolute !important;
z-index: 8;
}
/* Direction Nav */
.flex-control-nav li a {
background: transparent !important;
border: 2px solid #e2e2dd !important;
border-radius: 50px !important;
height: 11px !important;
width: 11px !important;
display: inline-block !important;
margin: 0 6px;
}
.flex-control-nav li a:hover {
background: #e2e2dd !important;
}
.flex-direction-nav li a {
width: 52px !important;
height: 52px !important;
margin: -20px 0 0;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
z-index: 100;
}
.flex-direction-nav li .next {
background-position: -52px 0 !important;
right: -60px !important;
}
.flex-direction-nav li .next:hover {
background-position: -52px -50px !important;
}
.flex-direction-nav li .prev {
left: -60px !important;
}
.flex-direction-nav li .prev:hover {
background-position: 0 -50px !important;
}
#genesis-responsive-slider {
border: 0 !important;
padding: 0 !important;
}
.flex-direction-nav li .prev {
left: 20px !important;
}
.flex-direction-nav li .next {
right: 20px !important;
}
.flex-direction-nav li a {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.slider-area{
text-align: center;
}
/* Genesis eNews Extended
--------------------------------------------- */
.enews-widget input {
margin-bottom: 16px;
}
.enews-widget input[type="submit"] {
width: 100%;
margin-top: 0;
cursor: pointer;
}
.enews-widget p {
text-align: center;
margin-bottom: 20px;
}
/* Homepage eNews Widget
--------------------------------*/
.subscribe-text {
color: #ab8a5b;
font: normal 11px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
max-width: 350px;
text-align: left;
line-height: 1.8;
margin-bottom: 0;
display: block;
margin-top: -12px;
}
.harper-home .home-area .enews .widget-title {
font: bold 56px Playfair Display, serif;
text-transform: none;
letter-spacing: 1px;
margin-bottom: 20px;
padding-bottom: 15px;
text-align: center;
}
.harper-home .home-area .enews input {
float: left;
margin-bottom: 0;
margin-left: 1.5%;
width: 26%;
border: 1px solid #eee;
}
.harper-home .home-area .enews-widget input[type="submit"] {
margin: 0;
margin-left: 1.5%;
padding: 17px 5px 16px;
width: 16%;
border: 0;
cursor: pointer;
letter-spacing: 2px;
}
.harper-home .enews-widget form {
max-width: 900px;
margin: 0 auto;
}
/* Jetpack
--------------------------------------------- */
#wpstats {
display: none;
}
/* Genesis Simple Share
--------------------------------------------- */
.share-after {
clear: both;
text-align: right;
margin-bottom: -40px;
margin-top: 45px;
}
.sharrre .share,
.sharrre:hover .share {
color: #111111;
font-size: 12px;
font-weight: normal !important;
}
.content .share-filled .facebook .count,
.content .share-filled .facebook .count:hover,
.content .share-filled .linkedin .count,
.content .share-filled .linkedin .count:hover,
.content .share-filled .pinterest .count,
.content .share-filled .pinterest .count:hover,
.content .share-filled .twitter .count,
.content .share-filled .twitter .count:hover {
display: none;
}
.content .share-filled .facebook .share,
.content .share-filled .facebook:hover .count,
.content .share-filled .linkedin .share,
.content .share-filled .linkedin:hover .count,
.content .share-filled .pinterest .share,
.content .share-filled .pinterest:hover .count,
.content .share-filled .twitter .share,
.content .share-filled .twitter:hover .count {
background: transparent !important;
color: #111111 !important;
font-size: 10px !important;
font-weight: normal !important;
}
.share-small .no-count .share {
width: 0px;
}
.share-small .share:before,
.share-medium .share:before,
.share-tall .share:before {
font-size: 15px !important;
font-weight: normal !important;
}
/* Ninja Forms
--------------------------------------------- */
.nf-form-layout {
background: #f9f7f6;
color: #111111 !important;
padding: 30px 30px 12px;
}
.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
color: #111111 !important;
}
.nf-form-fields-required,
.nf-form-title,
span.ninja-forms-req-symbol {
display: none;
}
.nf-form-content .ninja-forms-field {
font-size: 15px !important;
}
.label-above .nf-field-label,
.nf-field-label label,
.nf-form-content label {
font: normal 14px Roboto Condensed, sans-serif !important;
text-transform: uppercase;
letter-spacing: 1px;
color: #111111;
margin-bottom: 15px !important;
}
.nf-field-element input,
.nf-field-element select,
.nf-field-element textarea {
padding: 15px;
}
.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea {
background: #fff !important;
}
.nf-form-content input[type="button"] {
font-size: 13px !important;
text-transform: uppercase !important;
background: #ab8a5b !important;
padding: 16px 24px;
color: #fff;
letter-spacing: 2px !important;
border: 0 !important;
}
.nf-form-content input[type="button"]:hover {
background: #ab8a5b !important;
color: #fff !important;
}
.nf-form-content input,
.nf-form-content textarea {
border: 1px solid #fff !important;
}
.nf-form-content input:focus,
.nf-form-content textarea:focus {
border: 1px solid #ccc !important;
}
.nf-pass.field-wrap .nf-field-element:after,
.nf-error.field-wrap .nf-field-element:after {
display: none !important;
}
/* Site Header
---------------------------------------------------------------------------------------------------- */
.site-header .wrap {
width: 100%;
max-width: 1100px;
}
.site-header {
margin: 0 auto;
width: 100%;
background: #f9f7f6;
}
/* Title Area
--------------------------------------------- */
.title-area {
float: left;
overflow: hidden;
text-align: center;
}
.site-title {
font: bold 68px Playfair Display, serif;
line-height: 1.2;
margin-bottom: 0;
letter-spacing: 2px;
}
.site-header {
padding: 40px 0 40px;
padding-left: 5px;
}
.header-image .site-header {
padding: 0;
}
.site-title a,
.site-title a:hover,
.site-title a:focus {
color: #111111;
text-decoration: none;
}
.header-right-active .site-title,
.header-right-active .site-description {
text-align: left;
}
.site-description {
display: block;
font: normal 14px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
color: #111111;
}
.site-description {
margin-bottom: 0;
margin-top: 18px;
}
.header-image .site-description,
.header-image .site-title a {
display: block;
text-indent: -9999px;
}
/* Full width header, no widgets */
.header-full-width .title-area,
.header-full-width .site-title {
float: none;
text-align: center;
}
.header-image .site-description,
.header-image .site-title a,
.header-image .site-title {
display: block;
text-indent: -9999px;
}
/* Logo, hide text */
.header-image .site-header .widget-area {
margin-top: 100px;
}
.header-image .site-title {
padding: 20px 0;
}
/* Logo, header right active */
.header-image .site-title > a {
background-position: center !important;
background-size: contain !important;
display: block;
margin: 0 auto;
min-height: 150px;
}
.header-image .title-area {
width: 100%;
max-width: 400px;
}
/* Logo, full width */
.header-image.header-full-width .site-title > a {
background-position: center !important;
background-size: contain !important;
display: block;
margin: 0 auto;
min-height: 150px;
}
.header-image.header-full-width .title-area {
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.header-image .site-description {
display: none !important;
}
/*
Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
line-height: 1;
}
.genesis-nav-menu .menu-item {
display: inline-block;
}
.genesis-nav-menu li li {
margin-left: 0;
}
.genesis-nav-menu a {
color: #fff;
display: block;
font: normal 12px Roboto Condensed, sans-serif;
letter-spacing: 2px;
padding: 20px 15px 11px;
text-transform: uppercase;
margin-bottom: 1px;
}
.genesis-nav-menu a:hover {
color: #111111;
}
.genesis-nav-menu > li > a {
border-bottom: 5px solid transparent;
}
.genesis-nav-menu > .menu-item > a {
text-transform: uppercase;
}
@media only screen and (min-width: 1021px) {
.genesis-nav-menu .sub-menu {
opacity: 0 !important;
position: absolute;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
width: 180px;
z-index: 9999;
display: block !important;
pointer: cursor;
text-align: left;
pointer-events: none;
background-color: #fff;
border-top: 1px solid #eeeae8;
color: #111111;
} }
.genesis-nav-menu .menu-item:hover > .sub-menu {
opacity: 1 !important;
pointer-events: all;
}
.genesis-nav-menu .sub-menu .sub-menu:before {
display: none;
}
.genesis-nav-menu .sub-menu a,
.site-header .header-widget-area .widget_nav_menu li .sub-menu a {
background-color: #fff;
padding: 11px 16px 10px;
line-height: 1.9em;
position: relative;
word-wrap: break-word;
border: 1px solid #eeeae8;
border-top: 0;
pointer: cursor;
z-index: 9999;
width: 180px;
letter-spacing: 1.5px;
display: block;
font-size: 12px;
color: #111111;
}
.genesis-nav-menu .sub-menu a:hover {
color: #ab8a5b;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: -36px 0 0 179px;
border-top: 1px solid #eeeae8;
}
.genesis-nav-menu .menu-item:hover {
position: static;
}
.genesis-nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1;
}
.genesis-nav-menu > .first > a {
padding-left: 0;
}
.genesis-nav-menu > .last > a {
padding-right: 0;
}
/* Primary Navigation
--------------------------------------------- */
.nav-primary {
text-transform: uppercase;
z-index: 999;
background: #b39871;
width: 100%;
padding-left: 12px;
}
.nav-primary .widget-wrap a {
padding: 0;
display: inline;
z-index: 1;
}
.nav-primary .widget-wrap {
position: absolute;
margin-top: -57px;
right: 54px;
padding: 0;
height: 64px;
background: transparent;
}
.nav-primary .social {
position: relative;
top: 25px;
}
.nav-secondary .social i {
position: relative;
top: 10px
}
/* Secondary Navigation (Below Header)
--------------------------------------------- */
.header-image.header-full-width .nav-secondary {
padding-top: 0;
margin-bottom: -75px;
}
.header-image.header-full-width .headhesive .nav-secondary {
padding-top: 0;
margin-bottom: 0;
}
.header-right-active .nav-secondary {
padding-bottom: 0;
}
.nav-secondary li a {
padding: 19px 26px;
font-size: 13px;
}
.nav-secondary {
text-align: center;
padding: 20px 0 0;
margin-bottom: -20px;
}
.headhesive .nav-secondary {
margin-bottom: 0;
}
/* Header Right Navigation
--------------------------------------------- */
.site-header .header-widget-area .widget-area {
float: right;
}
.site-header .header-widget-area .widget_nav_menu {
text-align: right;
margin-top: 22px;
}
.header-image .header-widget-area .widget_nav_menu {
margin-top: -25px !important;
}
.site-header .header-widget-area .widget_nav_menu li a,
.nav-secondary li a {
padding: 19px 26px 14px;
font-size: 13px;
color: #111111;
}
.site-header .header-widget-area .widget_nav_menu li a:hover,
.nav-secondary li a:hover {
color: #ab8a5b;
}
.site-header .header-widget-area .widget_nav_menu li:last-child a {
padding-right: 7px;
}
.site-header .header-widget-area .widget_nav_menu .sub-menu li:last-child a {
padding-right: 16px;
}
/* Sticky Navigation
--------------------------------------------- */
.admin-bar .headhesive {
top: 32px;
}
.headhesive {
position: fixed;
top: 0;
width: 100%;
display: block;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
z-index: 9999;
-webkit-backface-visibility: hidden;
}
.headhesive--stick {
transform: translateY(0%);
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
box-shadow: 0 0 25px -12px rgba(0,0,0,0.20);
}
.site-header.headhesive--stick,
.site-header.headhesive {
padding: 0;
margin: 0;
background: #111111;
}
.headhesive .site-description {
display: none;
}
.headhesive--stick .site-title,
.headhesive .site-title {
font-size: 36px;
margin-top: 7px;
margin-bottom: 15px;
letter-spacing: .75px;
float: left;
text-align: left;
}
.site-header.headhesive .site-title a,
.headhesive.site-header .header-widget-area .widget_nav_menu li a,
.headhesive .nav-secondary li a {
color: #ffffff;
}
.headhesive.site-header .header-widget-area .widget_nav_menu .sub-menu li a,
.headhesive.site-header .nav-secondary .sub-menu li a {
color: #111111;
}
.headhesive.site-header .header-widget-area .widget_nav_menu li a:hover,
.headhesive.site-header .header-widget-area .widget_nav_menu .sub-menu li a:hover,
.headhesive.site-header .nav-secondary .sub-menu li a:hover,
.headhesive .nav-secondary li a:hover {
color: #ad9066;
}
.headhesive.site-header .widget_nav_menu,
.headhesive--stick.site-header {
padding-top: 2px;
margin-top: 0 !important;
}
.headhesive .nav-secondary {
padding: 0;
}
.headhesive .nav-secondary li:last-child a {
padding-right: 0;
}
.header-full-width .headhesive .title-area {
padding: 0;
margin: 0;
}
.header-right-active .headhesive .nav-secondary {
display: none !important;
}
.headhesive .social i {
color: #fff;
}
.headhesive .custom-html-widget {
color: #fff;
float: right;
display: inline-block;
margin-top: -42px;
position: absolute;
right: 30px;
}
.headhesive--stick .widget_custom_html .widget-wrap a {
display: inline-block;
z-index: 1;
right: 0;
padding: 0;
}
.headhesive--stick:before {
position: relative;
}
.headhesive.site-header .wrap {
max-width: 100%;
padding: 3px 30px 4px;
min-height: 62px;
}
.headhesive.site-header .widget_nav_menu {
text-align: center !important;
}
.headhesive--stick.site-header .widget_nav_menu a,
.headhesive--stick.site-header .nav-secondary a {
margin-top: 2px;
}
.headhesive.site-header .widget_nav_menu .sub-menu a {
margin-bottom: 0;
}
.headhesive.site-header .title-area {
position: absolute;
}
.site-header .widget-area .custom-html-widget {
display: none;
}
.headhesive--stick.site-header .widget-area .custom-html-widget {
display: block;
}
.header-image .headhesive .site-title a {
background: none !important;
}
.header-image .headhesive--stick .site-title a,
.header-image .headhesive--stick .site-title {
text-indent: 0;
}
.header-image .headhesive.site-header .widget-area {
margin-top: 0 !important;
}
.header-image .headhesive .site-title {
padding: 0;
}
.headhesive--unstick {
visibility: hidden;
}
.site-header.headhesive .title-area {
display: none;
}
.site-header.headhesive.headhesive--stick .title-area {
display: block;
}
@media only screen and (max-width: 1021px) {
.headhesive {
display: none;
}
}
/* Primary Nav Search
--------------------------------------------- */
.nav-primary .genesis-nav-menu > .search {
float: right;
}
li a.icon-search:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
content: "\f002";
font-size: 12px;
z-index: 9999;
font-display: swap;
}
li a.icon-search {
cursor: pointer;
color: #fff;
margin-top: -51px;
right: 12px;
position: relative;
}
.search-div {
display: none;
position: absolute;
right: 0;
width: 300px;
padding: 18px;
background: #fff;
margin-top: 1px;
}
.search-div .search-form {
position: relative;
}
.search-div .search-form input[type="search"] {
width: 100%;
padding: 14px;
font-size: 12px;
}
.search-div .search-form input[type="submit"] {
position: absolute;
right: 0;
bottom: 0;
padding: 14px;
height: 44px;
margin-bottom: 0;
}
.nav-primary .search-form {
background: #fff;
}
.nav-primary .search-form input[type="search"] {
padding: 18px 13px 16px;
}
.nav-primary .search-form input[type="submit"] {
right: 12px;
bottom: 3px;
font-size: 80% !important;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus:-ms-input-placeholder {
color: transparent;
}
.mobile-search {
display: none;
}
@media only screen and (max-width: 1021px) {
li a.icon-search,
.search-div {
display: none;
}
.nav-primary .search-form {
border: 1px solid #eeeae8;
}
.mobile-search {
margin-top: 55px;
display: block;
padding: 0 25px 25px;
}
.nav-primary .mobile-search .search-form input[type="submit"] {
bottom: 5px;
right: 5px;
}
}
@media only screen and (max-width: 340px) {
.search-div {
width: auto;
}
}
/* Footer Navigation
--------------------------------------------- */
.footer-menu a {
padding: 0 15px;
letter-spacing: 1.25px;
font: normal 10.5px Roboto Condensed, sans-serif;
text-transform: uppercase;
}
.footer-menu li {
display: inline-block;
}
/*
Content Area
---------------------------------------------------------------------------------------------------- */
/* Before Content
--------------------------------------------- */
.harper-before-content {
border-bottom: 2px solid #eeeae8;
margin-bottom: 50px;
padding: 45px 30px;
}
.harper-before-content .wrap {
max-width: 1050px;
}
.harper-before-content .enews-widget .widget-title {
margin-bottom: 0;
margin-top: 7px;
font-size: 30px;
float: left;
padding-right: 20px;
color: #111;
}
.harper-before-content .enews-widget input {
margin-bottom: 0;
margin-left: 1.25%;
width: 20%;
float: left;
}
.harper-before-content .enews-widget input[type="submit"] {
margin-left: 1.25%;
padding: 17px 5px;
width: 13%;
letter-spacing: 2px;
}
.harper-before-content .enews-widget p {
clear: both;
font-size: 14px;
padding-top: 20px;
display: block;
margin-bottom: -10px;
}
/* Home Page
--------------------------------------------- */
.harper-home .home-area .widget-title {
font: normal 24px Roboto Condensed, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center;
margin-bottom: 32px;
-webkit-font-smoothing: antialiased;
}
.harper-home .home-area .wrap {
max-width: 1100px;
}
.home-area.odd.first .featuredpost .entry img,
.home-area.odd.second .featuredpost .entry img,
.home-area.odd.third .featuredpost .entry img,
.home-area.odd.fourth .featuredpost .entry img {
max-width: 615px;
}
/* Front Page 1
--------------------------------------------- */
.harper-home .front-page-1 {
margin-bottom: 40px;
background: linear-gradient(0deg, #ffffff 56%, #f9f7f6 44%);
}
.front-page-1 .genesis_responsive_slider {
background: #fff;
padding: 22px;
}
.harper-home .front-page-1 .wrap,
.harper-home .front-page-6 .wrap {
max-width: 1100px;
}
.harper-home .front-page-1 .wrap {
background: #ffffff;
}
.harper-home .front-page-1 .featuredpost .entry {
position: relative;
width: 50%;
display: inline-block;
margin-bottom: 0;
border: 22px solid #fff;
background: #fff;
border-bottom: 0 !important;
z-index: 999;
}
.harper-home .front-page-1 .featuredpost .entry:first-of-type {
border-right: 11px solid #fff;
}
.harper-home .front-page-1 .featuredpost .entry:nth-of-type(2) {
border-left: 11px solid #fff;
}
.harper-home .front-page-1 .featuredpost img {
-webkit-transition: all .35s ease-in-out !important;
-moz-transition: all .35s ease-in-out !important;
-o-transition: all .35s ease-in-out !important;
transition: all .35s ease-in-out !important;
-webkit-backface-visibility: hidden !important;
-webkit-transform: rotateX(360deg);
}
.harper-home .front-page-1 .featuredpost .entry:hover .entry-header {
transform: translate(-50%, -4%);
}
.harper-home .front-page-1 .featuredpost .entry-header {
position: absolute;
bottom: 12%;
left: 50%;
-webkit-transform: translate(-50%, 0%);
-moz-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
-o-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 75%;
-webkit-transition: all .35s ease-in-out !important;
-moz-transition: all .35s ease-in-out !important;
-o-transition: all .35s ease-in-out !important;
transition: all .35s ease-in-out !important;
-webkit-backface-visibility: hidden;
background: #fff;
padding: 24px 20px 20px;
background: rgba(255, 255, 255, .8);
z-index: 999;
}
.harper-home .front-page-1 .featuredpost .entry-header .entry-meta {
text-align: center;
margin-bottom: 4px;
}
.harper-home .front-page-1 .featuredpost .entry-title {
font-size: 36px;
text-align: center;
letter-spacing: 1.5px;
font-family: Playfair Display;
font-weight: bold;
opacity: 1 !important;
z-index: 9999;
}
/* Front Page 2
--------------------------------------------- */
.harper-home .front-page-2,
.harper-home .front-page-6 {
background: #f9f7f6;
}
.harper-home .enews {
overflow: hidden;
}
.harper-home .content-sidebar-wrap {
margin-top: 50px;
}
.harper-home .home-area .custom-html-widget h3 {
color: #111111;
font: normal 84px Harper Script, serif;
letter-spacing: 0;
margin-top: 35px;
margin-bottom: 0;
text-align: right;
-webkit-font-smoothing: antialiased;
}
.harper-home .home-area .custom-html-widget p {
font-size: 16px;
max-width: 430px;
line-height: 1.8;
text-align: right;
float: right;
margin-top: 10px;
margin-bottom: 12px;
}
.harper-home .front-page-2 .button {
float: right;
clear: both;
}
.harper-home .widget_media_image img {
border-radius: 1000px;
width: 350px;
border: 3px solid #fff;
margin-left: 80px;
}
.harper-home .front-page-2 .wrap {
width: 1150px;
}
.harper-home .front-page-2 .flexible-widgets {
padding: 50px 20px;
}
/* Front Page 3
--------------------------------------------- */
.harper-home .home-area.odd:not(.front-page-1) .featuredpost .entry-wrap {
margin-top: 80px;
padding: 40px;
background: #fff;
border: 2px solid #ebe8e2;
width: 60%;
right: 0;
position: absolute;
float: right;
}
.harper-home .home-area.odd.second:not(.front-page-1) .featuredpost .entry-wrap,
.harper-home .home-area.odd.fourth:not(.front-page-1) .featuredpost .entry-wrap {
left: 0;
}
.harper-home .featuredpost img {
position: relative;
}
/* Front Page 4
--------------------------------------------- */
.harper-home .front-page-4,
.harper-home .front-page-8 {
background: #f9f7f6;
}
.harper-home .front-page-4 .custom-html-widget {
background: #fff;
padding: 32px;
}
.harper-home .button.shop {
display: table;
text-align: center;
margin: 0 auto;
}
/* Front Page 6
--------------------------------------------- */
.harper-home .front-page-6 .widget-title {
font-family: Playfair Display;
color: #111111;
text-transform: none;
font-size: 54px;
font-weight: bold;
letter-spacing: 1px;
}
.harper-home .front-page-1.home-area .featuredpage:first-of-type {
margin-left: 22px;
}
.harper-home .front-page-1.home-area .featuredpage:nth-of-type(2) {
margin: 0 22px;
}
.harper-home .front-page-1.home-area .featuredpage:nth-of-type(3) {
margin-right: 22px;
}
.harper-home .front-page-1.home-area .featuredpage:first-of-type,
.harper-home .front-page-1.home-area .featuredpage:nth-of-type(2),
.harper-home .front-page-1.home-area .featuredpage:nth-of-type(3) {
margin-top: 22px;
}
.harper-home .featuredpage.widget:hover .widget-title {
transform: translateY(-54%);
}
.harper-home .front-page-6 .flexible-widgets.widget-halves .widget {
width: 100%;
}
.harper-home .featuredpage.widget {
max-width: 30.66761%;
float: left;
clear: none !important;
position: relative;
}
.harper-home .front-page-6 .featuredpage.widget {
max-width: 32%;
float: left;
position: relative;
}
.harper-home .front-page-6 .featuredpage.widget {
margin-right: 22px;
}
.harper-home .front-page-6 .featuredpage:nth-of-type(4) {
margin-right: 0;
}
.harper-home .featuredpage .widget-title {
text-align: center;
position: absolute;
background: rgb(255, 255, 255, .9);
left: 0;
right: 0;
top: 46%;
transform: translateY(-46%);
text-transform: uppercase;
z-index: 999;
margin: 0 60px;
font-family: Roboto Condensed;
font-weight: normal;
-webkit-font-smoothing: antialiased;
font-size: 20px;
padding: 12px;
letter-spacing: 2px;
-webkit-transition: all .35s ease-in-out !important;
-moz-transition: all .35s ease-in-out !important;
-o-transition: all .35s ease-in-out !important;
transition: all .35s ease-in-out !important;
-webkit-backface-visibility: hidden;
}
.harper-home .front-page-1 .featuredpage .widget-title {
top: 48.5%;
transform: translateY(-48.5%);
}
.harper-home .featuredpage .widget-title a {
color: #111111;
}
.harper-home .home-area a.button.white {
margin: 20px auto 0;
text-align: center;
display: table;
background: #fff;
color: #111111;
}
.harper-home .home-area a.button.white:hover {
background: #111111;
color: #fff;
}
.harper-home .woocommerce .product-title {
clear: both;
text-align: center;
display: block;
padding-top: 20px;
font: normal 13px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
}
.harper-home span.woocommerce-Price-amount.amount {
text-align: center;
}
.front-page-5 .widget {
text-align: center;
}
.front-page-5 h3 {
letter-spacing: 2px;
font-size: 28px;
}
/* Front Page 8
--------------------------------------------- */
.harper-home .home-area .shop-widget {
background: #fff;
padding: 30px 15px;
margin: 0 auto;
text-align: center;
}
/* Front Page 9
--------------------------------------------- */
.harper-home .front-page-9 .flexible-widgets {
padding-bottom: 15px;
}
.harper-home a.button.more {
margin: 0 auto;
text-align: center;
display: table;
}
.harper-home .front-page-9 .featuredpost .entry {
margin-bottom: 0;
}
/* Front Page 10
--------------------------------------------- */
.front-page-10 .flexible-widgets {
padding-top: 0;
}
.home .site-inner {
display: none;
}
.home.blog .site-inner {
display: block;
}
/* Flexible Widgets
--------------------------------------------- */
.flexible-widgets {
padding: 60px 0;
}
.harper-home .odd .flexible-widgets {
padding-top: 75px;
padding-bottom: 25px;
}
.flexible-widgets .wrap {
padding: 80px 0 40px;
}
.flexible-widgets.widget-area .widget {
float: left;
}
.flexible-widgets.widget-area .featuredpost.widget {
padding: 0;
}
.flexible-widgets.widget-full .widget,
.flexible-widgets.widget-halves.uneven .widget:last-of-type {
float: none;
width: 100%;
}
.flexible-widgets.widget-fourths .widget {
width: 33%;
}
.flexible-widgets.widget-fourths .widget:first-child {
width: 100%;
}
.flexible-widgets.widget-halves .widget {
width: 50%;
}
.flexible-widgets.widget-thirds .widget {
width: 33.33%;
}
.flexible-widgets.widget-halves .widget:nth-child(odd),
.flexible-widgets.widget-thirds .widget:nth-child(3n+1),
.flexible-widgets.widget-fourths .widget:nth-child(4n+1) {
clear: left;
}
@media only screen and (max-width: 1340px) {
.flexible-widgets .wrap {
max-width: 1220px;
}
}
@media only screen and (max-width: 1200px) {
.flexible-widgets .wrap {
max-width: 1040px;
}
}
@media only screen and (max-width: 800px) {
.harper-home .front-page-1.home-area .featuredpage.widget {
padding: 0;
}
.harper-home .front-page-1 {
margin-bottom: 0;
}
.harper-home .home-area .custom-html-widget h3 {
margin-top: 0;
text-align: center;
}
.harper-home .home-area .custom-html-widget p {
text-align: center;
max-width: 100%;
float: none;
}
.harper-home .widget_media_image img {
margin: 0;
}
.front-page-2 .widget_media_image {
text-align: center;
}
.harper-home .front-page-2 .button {
float: none;
}
.harper-home .front-page-2 a.button.white {
margin-bottom: 30px;
}
.flexible-widgets.widget-fourths .widget,
.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget {
float: none;
width: 100%;
}
.flexible-widgets .widget {
padding-left: 0;
padding-right: 0;
}
}
/* Pricing Table
--------------------------------------------- */
.pricing-table .one-third {
background-color: #fff;
border: 1px solid #f6f2f1;
margin-left: 2%;
margin-right: 2%;
margin-top: 10px !important;
padding: 40px;
width: 32%;
opacity: 1;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.pricing-table .button {
width: 100%;
text-align: center;
margin-top: 0;
}
.pricing-table p {
margin-bottom: 0;
}
.pricing-table .one-third:nth-child(3n+1),
.pricing-table .one-third:nth-child(3n) {
margin: 0 0 0;
}
.pricing-table .one-third:nth-child(3n+2) {
margin-bottom: 0;
margin-top: 0;
}
.pricing-table ul {
margin-left: 0 !important;
}
.pricing-table ul > li {
border-bottom: 1px solid #eeeae8;
padding-bottom: 10px;
margin-bottom: 15px;
list-style-type: none !important;
text-align: center;
font-size: 15px;
}
.pricing-table h4 {
border-bottom: 1px solid #eeeae8;
margin: -40px -40px 40px;
font-size: 30px;
letter-spacing: 1px;
padding: 40px;
text-align: center;
background: #f9f7f6;
}
.pricing-table .price {
font: normal 16px Roboto Condensed, sans-serif !important;
letter-spacing: 1.5px !important;
-webkit-font-smoothing: antialiased;
}
/* Content
--------------------------------------------- */
.content-sidebar .content {
max-width: 730px;
float: left;
}
.sidebar-content .content {
max-width: 730px;
float: right;
}
.content-sidebar .site-inner,
.sidebar-content .site-inner {
max-width: 1100px;
}
.page.content-sidebar .content,
.page.sidebar-content .content {
width: 100%;
}
.full-width-content .site-inner {
max-width: 1100px;
margin: 0 auto;
}
.woocommerce.full-width-content .site-inner,
.woocommerce-page.full-width-content .site-inner {
max-width: 1100px;
}
.single-post.full-width-content .post {
max-width: 950px !important;
margin: 0 auto;
}
.single-featured-image {
margin: 0 auto;
text-align: center;
}
.single-featured-image img {
position: relative;
max-width: 950px;
}
.single-post.full-width-content .entry-title,
.single-post.full-width-content .entry-header .entry-meta {
text-align: center;
}
.single-post.full-width-content .entry-header {
background: #fff;
margin: 0 auto;
width: 72%;
z-index: 9999;
position: relative;
padding: 35px 30px 15px;
}
.single-post.full-width-content .entry-header:after {
background: #eeeae8;
width: 100px;
height: 2px;
display: block;
content:"";
margin: 20px auto 10px;
}
.featuredpost .shop-post,
.featuredpost .shop-post-title {
width: 100%;
}
.featuredpost .shop-post {
background: #fff;
margin-top: 20px;
}
.shop-post,
.shop-post-title {
width: 100%;
}
.shop-post {
float: right;
}
.shop-post-title {
text-align: left;
font: normal 13px Roboto Condensed, sans-serif;
letter-spacing: 1.25px;
text-transform: uppercase;
border-bottom: 1px solid #eeeae8;
padding-bottom: 10px;
float: right;
margin-top: 20px;
}
.shop-post-title:after {
content: "\0025BE";
padding-left: 5px;
}
.single-post .shop-post-title,
.single-post .shop-post,
.archive .shop-post,
.archive .shop-post-title {
display: none;
}
.single-post .shop-post {
max-width: 100%;
width: 100%;
}
/* Entries
--------------------------------------------- */
.entry {
margin-bottom: 5%;
}
.widget .entry {
margin-bottom: 40px;
}
.featuredpage.widget .entry {
margin-bottom: 5px;
}
.sidebar .featured-content .entry {
width: 100% !important;
padding: 0 !important;
margin-bottom: 20px;
}
.sidebar .featured-content .entry-title {
font-size: 15px;
max-width: 85%;
margin: -5px auto 5px !important;
}
.sidebar .wpp-post-title {
font: bold 20px Playfair Display, serif;
margin-top: 15px;
display: inline-block;
margin-bottom: 15px;
padding: 0 15px;
}
.entry-content ol,
.entry-content ul {
margin-bottom: 30px;
margin-left: 40px;
}
.entry-content ol > li {
list-style-type: decimal;
}
.entry-content ul > li {
list-style-type: disc;
}
.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}
.entry-content code {
background-color: #777676;
color: #eee;
}
img.entry-image.attachment-post,
.woocommerce ul.product_list_widget li img,
.widget_media_image img,
.wpp-list-with-thumbnails li img,
.harper-portfolio img,
.cat-archive-featured-image img {
opacity: 1;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
-webkit-backface-visibility: hidden;
}
img.entry-image.attachment-post:hover,
.woocommerce ul.product_list_widget li img:hover,
.widget_media_image img:hover,
.wpp-list-with-thumbnails li:hover img,
.harper-portfolio img:hover,
.cat-archive-featured-image img:hover {
opacity: .7;
}
ul.wp-block-gallery,
ul.blocks-gallery-grid{
margin-left: 0;
}
.single-post ul.wp-block-gallery {
margin-bottom: .6em !important;
}
/* Entry Meta
--------------------------------------------- */
p.entry-meta {
letter-spacing: 1.5px;
margin-bottom: 0;
text-transform: uppercase;
font: normal 12px Roboto Condensed, sans-serif;
color: #111111;
}
.entry-header,
.entry-footer {
text-align: center;
}
.entry-header p.entry-meta {
letter-spacing: 1.5px;
margin-bottom: 8px;
line-height: 2;
}
.entry-categories::before,
.entry-tags::before {
display: inline-block;
font: normal 20px/1 "dashicons";
margin-right: 5px;
margin-top: 2px;
vertical-align: top;
}
.single-post .entry-footer {
padding: 14px 2px;
border-top: 2px solid #eeeae8;
border-bottom: 2px solid #eeeae8;
}
.entry-footer p {
margin-bottom: 0;
}
/* After Entry
--------------------------------------------- */
.after-entry {
padding: 0;
margin-top: 40px !important;
}
.after-entry li {
list-style-type: none;
}
.single-post.full-width-content .after-entry {
max-width: 950px;
margin: 0 auto;
}
.after-entry .enews-widget .widget-title {
font-size: 36px;
text-align: center;
}
.after-entry .enews-widget {
background: #f9f7f6;
padding: 32px 32px 34px 22px;
}
.after-entry .enews input {
float: left;
margin-bottom: 0;
margin-left: 1.5%;
width: 25%;
border: 1px solid #eeeae8;
}
.after-entry .enews-widget input[type="submit"] {
margin: 0;
margin-left: 1.5%;
padding: 16px 15px;
width: 17%;
cursor: pointer;
border: 0;
letter-spacing: 1.5px;
}
/* Related Posts
--------------------------------------------- */
.related {
border: 2px solid #eeeae8;
padding: 35px 20px 50px;
max-width: 950px;
margin: 40px auto 0;
}
.sidebar-content .related,
.content-sidebar .related {
padding: 30px;
}
.related h3 {
margin-bottom: 0;
text-align: center;
letter-spacing: 0;
font: normal 80px Harper Script, serif;
-webkit-font-smoothing: antialiased;
text-transform: lowercase;
}
.related .wrap {
max-width: 1100px;
}
.related img {
-webkit-transition: all .25s ease-in-out !important;
-moz-transition: all .25s ease-in-out !important;
-o-transition: all .25s ease-in-out !important;
transition: all .25s ease-in-out !important;
-webkit-backface-visibility: hidden !important;
opacity: 1;
}
.related img:hover {
opacity: .7;
}
.related-post a.related-post-title {
text-align: center;
display: block;
line-height: 1.6;
padding: 5px 12px 0;
color: #111111;
font-size: 14px;
}
.related-post a.related-post-title:hover {
color: #ab8a5b;
}
.related-post:hover .related-post-title {
opacity: 1;
}
.related-post {
width: 33%;
float: left;
padding: 1.7% 8px 0 8px;
-webkit-backface-visibility: hidden;
}
/* Pagination
--------------------------------------------- */
.pagination {
clear: both;
margin: 40px 0 40px;
text-align: center;
font: normal 12px Roboto Condensed, sans-serif;
letter-spacing: 2px;
}
.single-post .pagination {
margin: 0;
}
.pagination-previous a,
.pagination-next a {
padding: 16px 20px;
color: #ffffff;
background: #ab8a5b;
}
.pagination-previous a:hover,
.pagination-next a:hover {
color: #ffffff;
background: #111111;
}
.pagination-next.alignright .arrow,
.pagination-previous.alignleft .arrow {
font-size: 14px;
}
.archive-pagination li {
display: inline;
margin: 1px;
}
.archive-pagination li a {
background-color: #f9f7f6;
color: #111111;
border: 0;
cursor: pointer;
display: inline-block;
font: normal 12px Roboto Condensed, sans-serif;
letter-spacing: 2px;
padding: 12px 13px;
text-transform: uppercase;
}
.archive-pagination li a:hover {
background: #ab8a5b;
color: #fff;
}
/* Entry Pagination
--------------------------------------------- */
.next-post {
font-family: Roboto Condensed;
color: #111111 !important;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
text-align: left;
display: block;
margin-top: 20px;
letter-spacing: 1px;
}
@media only screen and (min-width: 1022px) {
.adjacent-entry-pagination {
display: none;
}
.previous-entry a {
position: fixed;
bottom: 45px;
right: 32px;
width: 400px;
height: auto;
background-color: #f9f7f6;
text-decoration: none;
font-size: 15px;
text-align: left;
z-index: 9999;
border: 10px solid #fff;
}
.post-navigation-image {
float: left;
width: 40%;
min-width: 150px;
margin-bottom: -4px;
}
.post-navigation-title h3 {
font-size: 18px;
padding-right: 15px;
margin-bottom: 0;
}
.post-navigation-title h3:hover {
color: #ab8a5b;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.post-navigation-title {
width: 55%;
float: right;
}
span.post-navigation-title {
font-size: 18px;
text-align: left !important;
display: block;
padding-top: 6px;
}
}
@media only screen and (max-width: 1021px) {
.adjacent-entry-pagination {
max-width: 900px;
margin: 0 auto;
margin: -20px 0 40px !important;
}
.previous-entry img {
float: left;
width: 150px;
height: 150px;
margin-right: 15px;
}
.previous-entry.alignright {
float: left;
width: 100%;
}
.post-navigation-title {
text-align: left;
padding-top: 15px;
}
.next-post {
margin-bottom: 6px;
}
.post-navigation-title h3 {
font-size: 28px;
}
}
/* Post Comments
--------------------------------------------- */
.comment-respond {
background: #fff;
padding: 40px 0 0;
max-width: 950px;
margin: 0 auto;
}
.entry-comments {
max-width: 950px;
margin: 0 auto;
margin-top: 50px;
}
.comment-respond,
.entry-comments,
.entry-pings {
margin-bottom: 60px;
}
.entry-comments .comment,
.entry-comments .comment-reply {
margin-bottom: 40px;
}
.entry-comments .comment:last-child {
margin-bottom: 15px
}
p.comment-meta {
font-size: 12px;
}
.comment-header {
font-size: 16px;
}
.entry-comments .comment {
border-bottom: 1px solid #eeeae8;
}
.comment-respond label {
display: block;
font-size: 12px;
font: normal 13px Roboto Condensed;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 8px 0 10px;
}
.comment-reply a {
padding: 10px 12px;
font-size: 11px;
}
.comment-content,
.entry-comments .comment {
clear: both;
}
p.form-submit,
.entry-comments .children .comment,
.entry-comments .comment-author {
margin: 0;
}
.comment-repsond input,
.comment-respond select,
.comment-respond textarea {
font-size: 15px;
border: 2px solid #eeeae8;
}
.entry-comments .children .comment {
border: none;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 100%;
border: 1px solid #eeeae8;
padding: 18px;
}
.comment-list li,
.ping-list li {
list-style-type: none;
}
.entry-comments ul.children {
margin-left: 40px;
border-left: 1px solid #eeeae8;
padding-left: 30px;
}
a.comment-edit-link {
font-size: 13px;
}
a.comment-time-link {
color: #222222;
}
.ping-list .reply {
display: none;
}
#reply-title,
.entry-comments h3 {
text-align: center;
font-size: 32px;
letter-spacing: 1px;
}
.logged-in-as {
text-align: center;
}
.comment-form-cookies-consent {
margin-bottom: 10px;
}
.comment-form-cookies-consent label {
display: inline;
text-transform: none;
font: inherit;
font-size: 13px;
letter-spacing: inherit;
margin-left: 10px;
}
p.comment-notes {
text-align: center;
}
/*
Sidebar
---------------------------------------------------------------------------------------------------- */
.sidebar {
float: right;
margin-bottom: 25px;
width: 320px;
}
.sidebar-content .sidebar {
float: left;
}
.sidebar p:last-child {
margin-bottom: 0;
}
.sidebar li {
list-style-type: none;
margin-bottom: 6px;
word-wrap: break-word;
font-size: 15px;
text-align: center;
}
.sidebar ul > li:last-child {
margin-bottom: 0;
}
.sidebar .widget {
margin-bottom: 30px;
}
.sidebar .enews-widget {
background: #f9f7f6;
padding: 30px 36px 25px;
border: 0;
}
.sidebar .enews-widget .widget-title {
font-family: Playfair Display;
font-size: 32px;
font-weight: bold;
text-transform: none;
letter-spacing: 1px;
margin-bottom: 20px;
line-height: 1.3;
color: #111;
}
.sidebar li.cat-item a,
.sidebar .widget_nav_menu a {
background: #f9f7f6;
font-family: Roboto Condensed;
text-transform: uppercase;
font-size: 13px;
color: #111111;
text-align: center;
padding: 10px 14px;
margin: 0 auto 10px;
width: 100%;
display: block;
letter-spacing: 1px;
}
.sidebar li.cat-item a:hover,
.sidebar .widget_nav_menu a:hover {
background: #b39871;
color: #ffffff;
}
.sidebar .custom-html-widget h4 {
text-align: center;
margin-bottom: 0;
}
.sidebar .button {
width: 100%;
text-align: center;
}
/* Social Icons
----------------------------------------------- */
.social i {
color: #111111;
font-family: fontello;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin-right: 8px;
}
.social i:hover {
color: #ab8a5b;
}
.nav-primary .social i {
color: #fff;
}
.nav-primary .social i:hover {
color: #111111;
}
.icon-pinterest,
.icon-gplus,
.icon-tumblr,
.icon-youtube,
.icon-instagram {
font-size: 12px;
}
.icon-facebook {
margin-top: -2px;
font-size: 13px;
}
.icon-heart,
.icon-twitter {
font-size: 13px;
}
.icon-rss {
font-size: 10px;
}
.icon-email {
font-size: 14px;
}
/* About Photo Widget
----------------------------------------------- */
#about-photo {
border-radius: 350px;
width: 100%;
max-width: 350px;
}
#about {
margin: 8px auto 0;
width: 90%;
}
#hover,
.entry-image,
.previous-entry img {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
filter: alpha(opacity=25);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#hover:hover,
.entry-image:hover,
.previous-entry img:hover {
opacity: .7;
}
/* Footer
---------------------------------------------------------------------------------------------------- */
/* Trending Now
----------------------------------------------- */
.woocommerce .harper-trending,
.woocommerce-page .harper-trending,
.woocommerce .harper-instagram,
.woocommerce-page .harper-instagram {
display: none;
}
.harper-trending {
padding-bottom: 10px;
background: #f9f7f6;
padding: 15px 0 10px;
}
.sidebar .wpp-list-with-thumbnails img {
position: relative;
margin-right: 0;
}
.wpp-list li {
position: relative;
max-width: 23.7%;
margin: 9px;
background: transparent !important;
}
.wpp-list li:first-of-type {
margin-left: 0;
}
.wpp-list li:last-of-type {
margin-right: 0;
}
.wpp-list li:last-child {
margin-right: 0;
position: relative;
}
.sidebar .wpp-list li {
margin-right: 0;
margin-left: 0;
max-width: 100%;
margin-bottom: 24px;
}
.harper-trending .wpp-list li:hover a.wpp-post-title,
.sidebar .wpp-list li:hover a.wpp-post-title {
transform: translate(0, -4%);
}
.harper-trending .wrap {
width: 1100px;
margin-bottom: 50px;
}
.harper-trending a.wpp-post-title,
.sidebar a.wpp-post-title {
position: absolute;
line-height: 1.4;
padding: 15px 10px;
display: block;
width: 80%;
font-family: Nunito Sans;
font-size: 15px;
font-weight: normal;
margin: 0 auto;
text-align: center;
float: none;
background: #fff;
bottom: 10%;
left: 0%;
right: 0%;
-webkit-transition: all .35s ease-in-out !important;
-moz-transition: all .35s ease-in-out !important;
-o-transition: all .35s ease-in-out !important;
transition: all .35s ease-in-out !important;
-webkit-backface-visibility: hidden;
background: rgba(255, 255, 255, .8);
}
.sidebar a.wpp-post-title {
font-size: 15px;
}
.harper-trending .wpp-list-with-thumbnails li {
float: left;
clear: none;
}
.harper-trending .widget-title {
padding-top: 15px;
font: normal 80px Harper Script;
letter-spacing: 0;
color: #111111;
margin-bottom: 8px;
text-align: center;
-webkit-font-smoothing: antialiased;
}
/* Mailchimp Signup Form
---------------------------------------------------------------------------- */
#mc_embed_signup {
background: #f9f7f6 !important;
padding: 36px;
}
#mc_embed_signup label {
font-family: Playfair Display;
font-weight: bold !important;
color: #111111;
font-size: 32px !important;
margin-bottom: 15px;
}
#mc_embed_signup input.email {
border: 1px solid #eeeae8 !important;
font-family: Nunito Sans !important;
font-size: 14px !important;
padding: 21.5px 12px !important;
}
#mc_embed_signup .button {
padding: 5px 20px 3px!important;
height: 43.5px !important;
letter-spacing: 2px !important;
font-size: 13px !important;
background: #111111 !important;
color: #fff !important;
margin-left: 4px !important;
}
#mc_embed_signup .button:hover {
background: #ab8a5b !important;
}
/* Footer Widgets
----------------------------------------------- */
.footer-wrap {
background: #b39871;
overflow: auto;
margin-bottom: -23px;
}
.footer-wrap a {
color: #fff;
}
.copyright a:hover,
.footer-menu li a:hover {
color: #111111;
}
.copyright {
text-transform: uppercase;
font: normal 11px Roboto Condensed, sans-serif;
letter-spacing: 1.25px;
text-align: right;
padding: 28px 0px 25px;
padding-right: 70px;
}
.footer-menu.one-half {
width: 50%;
}
.copyright.one-half {
margin: 0;
width: 50%;
}
.copyright p {
margin-bottom: 0;
color: #fff;
}
.footer-menu li:first-of-type:before {
display: none;
}
.footer-menu {
text-transform: uppercase;
font: normal 11px Roboto Condensed, sans-serif;
letter-spacing: 2px;
text-align: left;
padding: 28px 0px 25px;
padding-left: 25px;
}
.footer-widgets {
clear: both;
padding: 60px;
background: #f9f7f6;
}
.footer-widgets .wrap {
max-width: 1100px;
}
.footer-widgets .footer-logo {
text-align: center;
}
.footer-widgets .footer-logo h2 {
font-size: 58px;
margin-top: 8px;
}
.footer-widgets .footer-logo h4 {
font: normal 14px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
-webkit-font-smoothing: antialiased;
}
.footer-widgets li {
margin-bottom: 10px;
font: normal 14px Nunito Sans, sans-serif;
text-align: center;
letter-spacing: 1px;
}
.footer-widgets .widget {
margin-bottom: 30px;
}
.footer-widgets .widget:last-of-type {
margin-bottom: 0px;
}
.footer-widgets li a {
color: #111111;
}
.footer-widgets li a:hover {
color: #ab8a5b;
}
.footer-widgets .widget-title {
font: normal 14px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 15px;
text-align: center;
}
.footer-widgets .enews-widget .widget-title {
font: bold 44px Playfair Display;
color: #111111;
text-transform: none;
letter-spacing: 1px;
text-align: center;
padding-bottom: 10px;
}
.footer-widgets .enews-widget input {
float: left;
margin-bottom: 0;
margin-left: 1.5%;
width: 36.5%;
border: 1px solid #eee;
}
.footer-widgets .enews-widget input[type="submit"] {
margin: 0;
margin-left: 1.5%;
padding: 17px 5px 16px;
width: 22%;
border: 0;
cursor: pointer;
letter-spacing: 2px;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
padding: 20px 0 0;
}
.footer-widgets-1,
.footer-widgets-3 {
width: 25%;
}
.footer-widgets-2 {
width: 50%;
}
.footer-widgets-1 {
float: left;
display: inline-block;
}
.footer-widgets-1 .widget {
margin-bottom: 0;
}
.footer-widgets-2 {
float: left;
padding-top: 15px;
}
.footer-widgets-3 {
float: right;
}
.footer-widgets .search-form input[type="search"] {
border: 1px solid #eeeae8 !important;
padding: 15px 14px;
text-transform: none;
letter-spacing: 1px;
font-size: 13px;
}
.footer-widgets .search-form input[type="submit"] {
font-size: 100% !important;
top: -5px;
}
.footer-widgets .social i,
.harper-insta .social i {
margin: 0;
}
.footer-widgets .social,
.harper-insta .social {
background: #111111;
color: #ffffff;
width: 40px;
height: 40px;
border-radius: 40px;
display: inline-block;
text-align: center;
width: 35px;
height: 35px;
border-radius: 35px;
padding-bottom: 30px;
line-height: 34px;
margin: 0 3px 20px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.footer-widgets .social i,
.harper-insta .social i {
color: #fff;
}
.footer-widgets .social:hover,
.harper-insta .social:hover {
background: #ad9066;
color: #fff;
}
/* Instagram Feed
--------------------------------------------- */
.harper-instagram {
padding-bottom: 60px;
}
.harper-instagram .wrap {
max-width: 1108px;
}
.harper-instagram .textwidget p {
font: normal 14px Roboto Condensed, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin-bottom: 30px;
}
.harper-instagram .textwidget a {
color: #111111;
}
.harper-instagram .textwidget a:hover {
color: #ad9066;
}
#sb_instagram .sbi_follow_btn a {
background: #fff !important;
color: #111111 !important;
margin-top: 15px !important;
}
#sb_instagram {
padding: 0 !important;
}
.harper-instagram .widget {
margin: 0 auto;
}
.harper-instagram .widget-title {
text-align: center;
margin-top: 35px;
font-size: 54px;
color: #ad9066;
margin-bottom: 10px;
}
#sb_instagram .sbi_photo_wrap {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
filter: alpha(opacity=25);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#sb_instagram .sbi_photo_wrap:hover {
opacity: .7;
}
a.sbi_load_btn {
display: none !important;
}
/*
Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
max-width: 1100px;
}
.site-footer,
.site-footer a,
.site-footer p {
color: #777;
}
.site-footer a:hover {
color: #a0a0a0;
}
.site-footer p {
font-size: 11px;
letter-spacing: .2em;
margin-bottom: 0;
text-transform: uppercase;
}
/* Blog formats
---------------------------------------------------------------------------------------------------- */
/* Grid
---------------------------------------------------------------------------- */
.harper-blog-grid #blog-grid .post img,
.harper-blog-list #blog-list .post img {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
filter: alpha(opacity=25);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-bottom: 24px;
}
.harper-blog-grid #blog-grid .post img:hover,
.harper-blog-list #blog-list .post img:hover {
opacity: .7;
}
#blog-grid .share-after {
display: none;
}
.harper-blog-grid #blog-grid {
margin-bottom: 40px;
}
.harper-blog-grid .content .entry-content {
padding: 0 !important;
}
.harper-blog-grid .content .entry {
float: left;
width: 50%;
border: 0;
margin-bottom: 30px;
}
.harper-blog-grid .content .page.entry {
width: 100%;
}
.harper-blog-grid .content .page.entry .entry-title {
margin-bottom: 0;
text-align: center;
margin: 0 auto;
}
.harper-blog-grid .content #blog-grid .entry-title {
border: 0;
text-align: center;
width: 90%;
padding: 0;
margin: 0 auto 10px;
font-size: 30px;
}
.harper-blog-grid .entry-header p.entry-meta,
.harper-blog-list .entry-header p.entry-meta {
margin-bottom: 10px;
text-align: center;
}
.harper-blog-grid .shop-post,
.harper-blog-grid .shop-post-title {
display: none;
}
.harper-blog-grid a.more-link {
display: table;
margin: 0 auto;
}
.harper-blog-grid .content .entry:nth-of-type(odd) {
padding-right: 12px;
}
.harper-blog-grid .content .entry:nth-of-type(2n) {
float: right !important;
}
.harper-blog-grid .content .entry:nth-of-type(even) {
padding-left: 12px;
}
.harper-blog-grid .content .entry:nth-child(2n+1) {
clear: both;
}
@media only screen and (max-width: 680px) {
.harper-blog-grid #blog-grid .post img, .harper-blog-list #blog-list .post img {
margin-bottom: 15px;
}
.harper-blog-grid .content .entry {
width: 100%;
margin-bottom: 6%;
}
.harper-blog-grid .content .entry-title,
.harper-blog-grid .content #blog-grid .entry-title,
.harper-blog-list .content .entry-title,
.harper-blog-list .content #blog-list .entry-title {
clear: both;
width: 100%;
}
.harper-blog-grid .shop-post,
.harper-blog-grid .shop-post-title {
display: block;
}
.harper-blog-grid .shop-post-title {
padding-top: 15px;
}
.harper-blog-grid #blog-grid {
border: 0;
}
.harper-blog-grid .content .entry:nth-of-type(1n),
.harper-blog-grid .content .entry:nth-of-type(2n){
padding: 0 !important;
} }
/* Grid - Alt
---------------------------------------------------------------------------- */
.harper-blog-grid.alt .content .entry:first-of-type {
width: 100%;
}
.harper-blog-grid.alt .content .entry:nth-of-type(1n) {
padding: 0;
}
.harper-blog-grid.alt .content .entry:nth-of-type(2),
.harper-blog-grid.alt .content .entry:nth-of-type(even) {
float: left !important;
padding-left: 0px;
padding-right: 12px;
}
.harper-blog-grid.alt .content .entry:nth-of-type(3),
.harper-blog-grid.alt .content .entry:nth-of-type(odd) {
float: left !important;
padding-left: 12px;
}
.harper-blog-grid.alt .content .entry:first-of-type {
padding: 0;
}
.harper-blog-grid.alt .content .entry:nth-child(2n+1) {
clear: none;
}
.harper-blog-grid.alt .entry:nth-child(3n+1),
.harper-blog-grid.alt .entry:nth-child(5n+1) {
clear: both;
}
.harper-blog-grid.alt #blog-grid {
margin-bottom: 40px;
}
@media only screen and (max-width: 680px) {
.harper-blog-grid.alt .content .entry:nth-of-type(2),
.harper-blog-grid.alt .content .entry:nth-of-type(3),
.harper-blog-grid.alt .content .entry:nth-of-type(3),
.harper-blog-grid.alt .content .entry:nth-of-type(odd),
.harper-blog-grid.alt .content .entry:nth-of-type(even),
.harper-blog-grid.alt #blog-grid {
padding: 0;
}
}
/* List
---------------------------------------------------------------------------- */
.harper-blog-list .content .page.entry {
width: 100%;
margin-bottom: 30px;
}
.harper-blog-list .content .page.entry .entry-title {
margin-bottom: 0;
text-align: center;
}
#blog-list .share-after {
display: none;
}
.harper-blog-list .content .post.has-post-thumbnail img.alignleft {
margin-right: 4%;
width: 50%;
float: left;
}
.harper-blog-list .content .entry-title {
text-align: left;
margin: 0 auto 10px;
border: 0;
padding: 0;
}
.harper-blog-list.full-width-content .content #blog-list .entry-title {
font-size: 40px;
}
.harper-blog-list .content .entry-header p.entry-meta {
text-align: left;
padding-top: 30px;
margin-bottom: 10px;
}
.harper-blog-list .shop-post,
.harper-blog-list .shop-post-title {
clear: both;
top: 20px;
}
.harper-blog-list a.more-link {
display: inline-block;
}
.harper-blog-list.full-width-content .shop-post,
.harper-blog-list.full-width-content .shop-post-title {
width: 46%;
clear: none;
}
.harper-blog-list.full-width-content .content .entry:nth-child(even) img {
float: right;
margin-right: 0;
margin-left: 4%;
}
.harper-blog-list.full-width-content .content .entry-header p.entry-meta {
padding-top: 55px;
}
@media only screen and (max-width: 767px) {
.harper-blog-list a.more-link {
width: inherit;
float: left;
} }
@media only screen and (max-width: 680px) {
.harper-blog-list .content .post.has-post-thumbnail img.alignleft,
.harper-blog-list.full-width-content .shop-post,
.harper-blog-list.full-width-content .shop-post-title {
width: 100%;
margin: 0;
}
.harper-blog-list.full-width-content .content .entry:nth-child(even) img {
margin-left: 0;
}
.harper-blog-list .content .entry-content,
.harper-blog-list .content .entry,
.harper-blog-list.alt .content .entry-content,
.harper-blog-list.alt .content .entry {
padding: 0 !important;
}
.harper-blog-list .content a.more-link {
width: 100%;
margin-bottom: 30px;
}
.harper-blog-list .content .entry-header p.entry-meta,
.harper-blog-list .content .entry:first-of-type .entry-header p.entry-meta,
.harper-blog-list.full-width-content .content .entry-header p.entry-meta {
clear: both;
padding-top: 8px;
text-align: center;
}
.harper-blog-list .content .entry-title,
.harper-blog-list.full-width-content .content .entry-title {
text-align: center;
font-size: 30px;
}
}
/* List - Alt
---------------------------------------------------------------------------- */
.harper-blog-list.alt .post.has-post-thumbnail img.alignleft {
margin-right: 4%;
width: 47%;
float: left;
}
.harper-blog-list.alt .content .entry:first-of-type .entry-title,
.harper-blog-list.alt .content .entry:first-of-type .entry-meta {
text-align: center;
}
.harper-blog-list.alt .content .entry:first-of-type a.more-link {
display: table;
margin: 0 auto;
}
.harper-blog-list.alt .content .entry:first-of-type .entry-header p.entry-meta {
padding-top: 5px;
}
@media only screen and (max-width: 680px) {
.harper-blog-list.alt .post.has-post-thumbnail img.alignleft {
width: 100%;
margin: 0;
}
.harper-blog-list.alt .content .entry .entry-title,
.harper-blog-list.alt .content .entry .entry-meta {
text-align: center;
}
.harper-blog-list.alt .content .entry a.more-link {
display: table;
margin-bottom: 20px;
float: none;
}
.harper-blog-list.alt .content .entry:first-of-type {
padding-bottom: 0 !important;
}
.harper-blog-list.alt .content .entry:first-of-type .entry-header p.entry-meta {
padding-top: 0;
}
}
/* Page Templates
---------------------------------------------------------------------------------------------------- */
/* 404 Page
--------------------------------------------- */
.error404 .entry-content .search-form input[type="search"] {
width: 100%;
background: #fff;
padding: 18px 18px 15px;
}
.error404 .entry-content .search-form {
background: #f9f7f6;
padding: 24px;
margin-bottom: 30px;
margin-top: 30px;
}
.error404 .entry-title {
margin-bottom: 20px;
text-align: center;
font-size: 34px;
}
.error404 .entry-content .search-form input[type="submit"] {
right: 30px;
top: 22px;
font-size: 80% !important;
}
.error404 .entry-content h4 {
font: bold 26px Playfair Display, serif;
letter-spacing: 1px;
}
.error404 .entry-content li {
font-size: 15px;
margin-bottom: 5px;
}
.error404 .entry-content li a {
font-size: 15px;
margin-bottom: 5px;
color: #111111 !important;
}
.error404 .entry-content li a:hover {
color: #d3d0d0 !important;
}
/* Category Archive Page
--------------------------------------------- */
.harper-category-archive .one-third {
float: left;
margin-left: 1.5%;
}
.harper-category-archive .one-third {
width: 32.33333333333%;
}
.harper-category-archive .first {
clear: both;
margin-left: 0;
}
.harper-category-archive .entry {margin-bottom: 1%;}
.harper-category-archive .entry-title {
text-align: center;
padding: 10px 15px;
font-size: 22px;
line-height: 1.4;
}
.harper-category-archive .entry-footer,
.harper-category-archive .entry-content,
.harper-category-archive .entry-meta,
.harper-category-archive .entry-time {
display: none;
margin: 0;
}
.harper-category-archive .archive-description {
margin-bottom: 10px;
}
.harper-category-archive .archive-title {
letter-spacing: 1px;
font-size: 34px;
margin-bottom: 15px;
border-bottom: 0;
text-align: center;
padding: 0;
}
.harper-category-archive .filter-menu {
text-align: center;
margin-bottom: 20px;
}
.harper-category-archive .cat-item:first-child:before {
content: 'Sort by:';
text-transform: uppercase;
font: normal 13px Roboto Condensed, sans-serif;
letter-spacing: 2px;
padding-right: 20px;
color: #111111;
}
.harper-category-archive .cat-item {
text-transform: uppercase;
font: normal 13px Roboto Condensed, sans-serif;
letter-spacing: 2px;
display: inline-block;
padding: 0 12px;
line-height: 2;
}
.harper-category-archive .cat-item a {
color: #ab8a5b;
}
.harper-category-archive .cat-item a:hover {
color: #111111;
}
.harper-category-archive .cat-item:last-child {
padding-right: 0;
}
.harper-category-archive .cat-item-none {
display: none;
}
.harper-category-archive .pagination {
padding-top: 30px;
margin-bottom: 15px;
}
.harper-category-archive span.entry-comments-link,
.harper-category-archive span.entry-comments-link:before {
display: none;
}
.archive-description p {
text-align: center;
width: 70%;
margin: 20px auto 0;
font-size: 14px;
line-height: 2.6rem;
}
.harper-category-archive .site-inner {
margin-bottom: 40px;
}
/* Category Index Page
--------------------------------------------- */
.category-page .featured-content .entry {
width: 32.33333333333%;
float: left;
margin-bottom: 5px;
}
.category-page .featured-content .entry:nth-of-type(2n) {
margin: 0 1.5%;
}
.category-page .featured-content .entry:nth-of-type(3n) {
float: right;
}
.category-page .featuredpost .entry-title a {
font-size: 22px;
margin: 0 auto;
text-align: center;
padding: 0 20px 20px;
line-height: 1.4;
display: block;
}
.content .category-page .widget-title {
text-align: center;
font-size: 32px;
}
.content .category-page .featuredpost .widget-title {
font: normal 22px Roboto Condensed;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
margin: 5px auto 25px;
-webkit-font-smoothing: antialiased;
}
.cat-intro {
width: 80%;
margin: 0 auto;
text-align: center;
line-height: 1.8;
}
.category-page .widget {
margin-bottom: 20px
}
.more-from-category {
clear: both;
margin-bottom: 40px;
text-align: center;
}
.category-page .more-from-category a {
text-align: center;
margin: 0 auto;
}
.page .post-edit-link {
display: none;
}
/* Landing Page
--------------------------------------------- */
.harper-landing {
background: #f9f7f6;
margin-top: 60px;
}
.harper-landing .site-container,
.harper-landing .site-inner {
margin-top: 0 !important;
}
.harper-landing .content {
margin-top: 15px;
margin-bottom: 0;
}
.harper-landing .entry {
margin-bottom: 0;
}
.harper-landing .entry-title {
display: none;
}
.harper-landing .content {
padding: 40px;
}
.harper-landing .harper-backtotop {
display: none;
}
/* Instagram Page
--------------------------------------------- */
.harper-insta.header-right-active .site-title,
.harper-insta.header-right-active .site-description {
text-align: center;
}
.harper-insta .title-area {
padding: 0;
border: 0;
margin: 0 auto;
}
.harper-insta .title-area {
float: none;
}
.harper-insta .entry-title,
.harper-insta .shop-post,
.harper-insta .shop-post-title,
.harper-insta .harper-backtotop,
.harper-insta .headhesive,
.harper-landing .headhesive {
display: none;
}
.harper-insta .featured-content .entry-title {
display: block;
}
.harper-insta .content {
max-width: 800px;
margin: 0 auto;
float: none;
}
.harper-insta .site-inner {
margin-top: 10px !important;
}
.harper-insta .site-container,
.harper-insta .site-inner,
.harper-insta .site-header {
background: #f9f7f6;
}
.harper-insta .menu li {
list-style-type: none !important;
}
.harper-insta .menu li a {
background: #fff;
width: 100%;
color: #111111 !important;
display: block;
text-align: center;
line-height: 2.1rem !important;
margin-bottom: 14px;
padding: 20px 20px 18px;
text-transform: uppercase;
letter-spacing: 1.5px;
font: normal 14px Roboto Condensed, sans-serif;
font-weight: normal !important;
}
.harper-insta .entry-content ul {
margin-left: 0 !important;
}
.harper-insta .site-container {
padding: 0 30px;
}
.harper-insta .site-container {
margin-top: 0;
padding-top: 15px;
}
.harper-insta .widget-title {
text-align: center;
font-size: 30px;
}
.harper-insta .social i {
font-size: 100%;
padding: 3px;
}
.harper-insta .enews-widget {
background: #fff;
padding: 25px 25px 15px;
}
.harper-insta .widget {
margin-bottom: 30px;
}
.harper-insta .widget.widget_nav_menu {
margin-bottom: 15px;
}
.harper-insta .featured-content .entry {
width: 48%;
float: left;
background: #fff;
padding: 25px 25px 10px;
}
.harper-insta .featured-content .entry:nth-of-type(2n) {
margin-left: 2.5%;
}
.harper-insta .featured-content .entry:nth-of-type(3n) {
clear: both;
}
.harper-insta .featured-content .entry-title a,
.harper-insta .featured-content .entry-meta a,
.harper-insta .featured-content .entry-meta {
color: #111111;
font-weight: normal; }
.harper-insta .share-after {
display: none;
}
.harper-insta .featured-content .entry-title {
font-size: 30px;
letter-spacing: .5px;
margin: 0 auto 10px;
text-transform: none;
width: 90%;
text-align: center;
}
.harper-insta .entry-title a {
color: #111111 !important;
}
.harper-insta .featured-content .entry-meta {
text-align: center;
}
.harper-insta a.more-link {
width: 100%;
display: block;
}
/* Portfolio Page
--------------------------------------------- */
.harper-portfolio .site-inner {
margin-bottom: 45px;
}
.harper-portfolio .one-third {
float: left;
margin-left: 1.5%;
}
.harper-portfolio .one-third {
width: 32.33333333333%;
}
.harper-portfolio .first {
clear: both;
margin-left: 0;
}
.harper-portfolio .entry {
margin-bottom: 1%;
}
.harper-portfolio .entry-title {
margin-top: 10px;
font: bold 24px Playfair Display, Didot, serif;
text-align: center;
display: block;
margin-bottom: 20px;
}
.harper-portfolio .entry-meta,
.single-portfolio .entry-meta {
display: none;
}
.harper-portfolio .archive-title {
text-align: center;
}
.harper-portfolio .archive-description p {
text-align: center;
width: 80%;
margin: 0 auto 10px;
}
.single-portfolio .entry-title {
text-align: center;
font-size: 32px;
margin-bottom: 20px;
}
/* Shop Page
--------------------------------------------- */
.harper-shop .site-inner {
margin-bottom: 25px;
}
.harper-shop .site-inner .widget-title {
text-align: center;
font-size: 34px;
}
.harper-shop .site-inner .widget .custom-html-widget div {
background: #fff;
}
.harper-shop .site-inner .widget .custom-html-widget {
border: 2px solid #eeeae8;
padding: 30px;
margin-bottom: 40px;
}
.harper-shop .site-inner .widget .custom-html-widget p {
margin-bottom: 0;
}
/* Fadeup Effect
---------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1021px) {
.js .home .fadeup-effect {
opacity: 0;
overflow: hidden;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translateY(18px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.home .fadeInUp {
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}
}
.prev-next-post-links {
overflow: hidden;
}
.previous-post-link {
float: left;
}
.next-post-link {
float: right;
}
.taxonomy-title {
margin-top: 30px;
margin-bottom: 30px;
}
/* Back to Top button
--------------------------------------------- */
.harper-backtotop {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 12.5px;
right: 20px;
border-radius: 40px;
padding-top: 10px;
overflow: hidden;
white-space: nowrap;
color: #111111;
text-align: center;
vertical-align: middle;
line-height: 40px !important;
visibility: hidden;
opacity: 0;
outline: 0 !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.harper-backtotop:hover {
background: transparent;
color: #ab8a5b;
}
.harper-backtotop.top-is-visible {
visibility: visible;
opacity: 1;
}
.single-post .harper-backtotop {
display: none;
}
/* Responsive Navigation
---------------------------------------------------------------------------------------------------- */
/* Navigation toggles
--------------------------------------------- */
.sub-menu-toggle,
.sub-menu-toggle,
.menu-toggle {
display: none;
visibility: hidden;
}
@media only screen and (min-width: 1022px) {
.nav-mobile,
.menu-mobile {
display: none;
}
}
@media only screen and (max-width: 1021px) {
.nav-header,
.nav-primary {
display: none;
}
}
/* Navigation toggles - Mobile (Change max width as you see fit)
--------------------------------------------- */
@media only screen and (max-width: 1021px) {
.site-header {
padding: 22px 22px 10px;
}
.harper-before-nav {
display: none;
}
.site-header {
margin-top: 45px !important;
}
.harper-insta .site-header {
margin-top: 0 !important;
}
.title-area {
float: none;
text-align: center;
margin: 0 auto;
margin-top: 10px;
}
.header-image .site-header .widget-area {
margin-top: 0;
}
.header-widget-area {
margin-bottom: 30px;
}
.header-image.header-full-width .site-title > a {
margin: 17px auto 15px;
}
.site-header .widget-area {
float: none;
margin-top: 0;
}
.site-header .widget_nav_menu {
text-align: center;
margin-right: 0;
border: 0;
padding: 0;
margin-bottom: -20px;
}
li a.icon-search {
display: none;
}
.nav-primary {
float: left;
padding: 0 !important;
position: fixed;
margin-top: 52px !important;
height: 93vh;
z-index: 9999;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.nav-primary .widget-wrap {
margin-top: 0;
right: 0;
width: 100% !important;
margin-top: -10px;
float: none;
background: #fff;
}
.menu-toggle,
.sub-menu-toggle {
display: block !important;
background-color: #f9f7f6;
color: #111111;
font-size: 2.5em;
overflow: hidden;
width: 100%;
text-align: center;
visibility: visible;
}
.menu-mobile .social i {
color: #111;
}
.nav-primary,
.nav-secondary {
background: #fff !important;
}
.nav-primary li a,
.nav-secondary li a,
.genesis-nav-menu li a,
.site-header .widget_nav_menu li a {
padding: 12px 20px;
letter-spacing: 2px;
background: #fff;
color: #111111;
border-bottom: 1px solid #eee;
}
.nav-primary .social i {
font-size: 140%;
}
button.menu-toggle {
background-color: #111;
color: #fff;
display: inline-block !important;
margin: 0 auto;
border: 0;
padding: 0;
text-align: center;
width: 100%;
position: fixed;
z-index: 9999;
}
button.sub-menu-toggle,
button .sub-menu-toggle {
background: transparent !important;
color: #111111;
width: 100%;
border: 0;
padding: 0;
padding-right: 20px;
text-align: right;
margin-top: -2px;
}
.sub-menu-toggle {
padding: 18px;
padding: 1.8rem;
font-size: 2em;
position: absolute;
right: 0;
top: 0;
z-index: 9999;
}
.sub-menu-toggle:before {
content: "\f347";
font-family: "dashicons";
font-size: 13px;
}
.sub-menu-toggle.activated:before {
content: "\f343";
font-family: "dashicons";
font-size: 13px;
}
.admin-bar .nav-primary {
top: 0;
}
.sticky-start {
clear: both;
}
nav {
display: none;
position: relative;
}
.genesis-nav-menu .menu-item {
position: relative;
display: block;
text-align: left;
}
.footer-menu .menu-item {
display: inline-block;
}
.genesis-nav-menu .menu-item:hover {
position: relative;
}
.genesis-nav-menu .sub-menu {
display: none;
opacity: 1;
position: static;
box-shadow: none;
width: 100%;
opacity: 1 !important;
}
.genesis-nav-menu .sub-menu a {
border-left: 0;
position: relative;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: 0;
}
.genesis-nav-menu .sub-menu .sub-menu a {
padding-left: 30px;
}
.genesis-nav-menu .sub-menu .sub-menu .sub-menu a {
background-color: #fff;
padding-left: 40px;
width: 100%;
}
.nav-primary a:hover,
.nav-primary .current-menu-item > a {
color: #111111;
}
.genesis-nav-menu > li:hover .sub-menu a,
.genesis-nav-menu .sub-menu a {
width: 100%;
background: #fff;
padding-left: 35px !important;
}
.genesis-nav-menu .sub-menu .sub-menu .menu-item a {
padding-left: 55px !important;
}
.nav-secondary .wrap {
border: 0;
}
.site-header .widget-area {
margin-bottom: 5px;
}
.site-header .widget-area,
.header-right-active .title-area {
padding: 0;
}
.site-header {
max-width: 100% !important;
text-align: center;
}
.header-right-active .site-title,
.header-right-active .site-description {
text-align: center;
}
}
/* Responsive Menu
--------------------------------------------- */
.menu-toggle {
cursor: pointer;
display: none;
margin-bottom: -1px;
text-align: center;
}
.menu-toggle::after {
content: "Menu";
display: inline-block;
font: normal 13px Roboto Condensed, sans-serif;
margin: 0 auto;
vertical-align: middle;
margin-top: 5px;
text-align: left;
}
.menu-toggle::before {
content: "\f32a";
display: inline-block;
font: normal 21px 'Ionicons';
text-align: left;
padding: 12px 8px 12px 0;
}
/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
input,
button,
input[type="search"] {
border-radius: 0 !important;
}
}
@media only screen and (max-width: 1300px) {
.site-header .widget-area {
margin-right: 0;
}
.harper-trending .wrap {
width: 100%;
margin: 0 auto;
padding: 0 22px;
}
.site-header {
margin: 0 auto;
}
.header-right-active .site-header {
max-width: 100%;
}
.harper-trending .wrap {
margin-bottom: 50px;
}
.harper-home .featuredpost .post:nth-of-type(5n) {
clear: both;
}
.harper-home .front-page-2 .wrap {
width: 100%;
}
.wpp-list li {
max-width: 23%;
}
}
@media only screen and (max-width: 1139px) {
.content-sidebar .content,
.sidebar-content .content {
max-width: 68%;
}
.content-sidebar .sidebar,
.sidebar-content .sidebar {
max-width: 28%;
}
.harper-home .odd .flexible-widgets {
padding-left: 22px;
padding-right: 22px;
}
.harper-home .featuredpage.widget {
max-width: 30.4%;
}
.harper-home .front-page-6 .featuredpage.widget {
max-width: 31.8%
}
.footer-widgets {
padding: 30px 0 45px;
}
.harper-trending .wrap {
margin-bottom: 0;
}
.flexslider .slides img {
object-fit: cover;
}
.site-inner {
padding: 0 22px;
margin: 0;
}
.flexible-widgets,
.harper-home .odd .flexible-widgets,
.front-page-6 .flexible-widgets {
padding: 50px 30px;
}
.harper-home .home-area.odd:not(.front-page-1) .featuredpost .entry-wrap {
margin-right: 30px;
}
.harper-home .home-area .wrap {
max-width: 100%;
}
}
@media only screen and (max-width: 1000px) {
.harper-home .featuredpage .widget-title {
margin: 0 auto;
max-width: 75%
}
html > body .slide-excerpt-border h2 a {
font-size: 26px;
}
.harper-home .featuredpage.widget {
max-width: 30.2%;
}
.harper-home .front-page-6 .featuredpage.widget {
max-width: 31.6%
}
.harper-home .home-area.odd:not(.front-page-1) .featuredpost .entry-wrap {
padding: 0;
right: unset;
position: unset;
margin-top: 0;
float: none;
width: 100%;
clear: both;
border: 0;
}
.harper-home .home-area.odd:not(.front-page-1) .featuredpost .entry {
margin-bottom: 0;
}
.home-area.odd.first .featuredpost .entry img,
.home-area.odd.second .featuredpost .entry img,
.home-area.odd.third .featuredpost .entry img,
.home-area.odd.fourth .featuredpost .entry img {
max-width: 100%;
margin: 0 auto;
float: none;
}
.home-area.odd .alignleft,
.home-area.odd .alignright {
margin: 0 0 24px;
}
.sidebar .enews-widget .widget-title {
font-size: 26px;
}
}
@media only screen and (max-width: 940px) {
.site-inner {
margin-top: 25px !important;
}
.front-page-1 .wrap,
.front-page-5 .wrap,
.front-page-6 .wrap {
padding: 0;
}
.front-page-1 .wrap,
.front-page-5 .wrap,
.front-page-6 .wrap {
padding: 0 0px;
}
.harper-before-content .enews-widget .widget-title {
float: none;
text-align: center;
margin-top: 0;
margin-bottom: 15px;
}
.harper-before-content {
padding: 30px 30px 35px
}
.harper-before-content .enews-widget input {
width: 25%;
}
.harper-before-content .enews-widget input[type="submit"] {
width: 18%;
}
.harper-home .home-area .enews .widget-title,
.after-entry .enews .widget-title {
float: none;
text-align: center;
}
.footer-menu.one-half,
.copyright.one-half {
width: 100%;
float: none;
text-align: center;
padding: 0;
}
.footer-menu.one-half {
padding-top: 20px;
}
.footer-menu a {
padding: 0 15px;
}
.footer-menu, .copyright {
line-height: 1.7;
}
.copyright.one-half {
margin-bottom: -2px !important;
padding: 3px 5px 20px;
}
.harper-home .featuredpage.widget {
max-width: 29.5%;
}
}
@media only screen and (max-width: 767px) {
.content-sidebar-sidebar .content-sidebar-wrap,
.content-sidebar-sidebar .content,
.content,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content,
.sidebar-primary,
.sidebar-secondary,
.sidebar-sidebar-content .content-sidebar-wrap,
.sidebar-sidebar-content .content,
.sidebar-content .content,
.content-sidebar .content,
.site-header .widget-area,
.front-page-5 .flexible-widgets.widget-halves .widget.widget-first,
.front-page-5 .flexible-widgets.widget-halves .widget.widget-last,
.harper-home .widget-area .featuredpage.widget,
.home.full-width-content .site-inner .entry,
.blog.full-width-content .site-inner .entry,
.content-sidebar .sidebar,
.sidebar-content .sidebar {
width: 100%;
max-width: 100%;
float: none;
}
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds,
.harper-portfolio .portfolio,
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.single-post.full-width-content .site-inner,
.shop-post,
.shop-post-title {
margin: 0;
width: 100% !important;
max-width: 100% !important;
}
.after-entry .enews-widget .widget-title {
font-size: 28px;
}
.related h3 {
font-size: 50px;
}
.sidebar-content .related, .content-sidebar .related {
padding: 22px 10px;
}
.script {
font-size: 60px;
}
.sidebar .widget {
padding: 22px 18px;
}
.single-post .entry-footer {
padding: 10px 0;
}
.harper-home .front-page-1 .featuredpost .entry {
width: 100%;
border: 0 !important;
padding: 22px;
}
.harper-home .front-page-1 .featuredpost .entry:first-of-type {
margin-bottom: -22px;
}
.harper-home .front-page-1 .featuredpost .entry .alignnone {
margin-bottom: 0;
}
.flexible-widgets,
.harper-home .odd .flexible-widgets,
.front-page-6 .flexible-widgets,
.harper-landing .content,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
padding: 30px 22px;
}
.harper-instagram {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 18px;
}
.harper-trending .widget-title,
.harper-home .home-area .custom-html-widget h3 {
font-size: 68px;
}
.harper-trending .widget-title {
padding-top: 0;
}
.harper-category-archive .one-third {
margin: 0 auto 15px;
}
.harper-home .front-page-1.home-area .featuredpage:first-of-type,
.harper-home .front-page-1.home-area .featuredpage:nth-of-type(2),
.harper-home .front-page-1.home-area .featuredpage:nth-of-type(3) {
margin: 0;
padding: 22px 22px 0;
}
.harper-category-archive .site-inner img {
margin: 0 auto 10px;
text-align: center;
float: none;
display: block;
}
.related-post {
width: 50%;
}
.header-image .site-title {
padding-top: 0;
}
.adjacent-entry-pagination .next-entry {
margin-top: 15px;
}
.single-post .site-inner {
padding: 22px;
margin-top: 10px !important;
}
.harper-home .front-page-6.home-area a.button.white {
margin-top: 0;
}
.flexslider .slides img {
height: 300px;
}
.wpp-list li {
max-width: 49%;
margin: 0 0 2%;
}
.wpp-list li:nth-of-type(2n) {
float: right;
}
html > body .slide-excerpt-border {
width: unset !important;
min-width: 400px !important;
}
.single-post.full-width-content .entry-header {
width: 90%;
}
.harper-portfolio .entry {
margin-bottom: 5%;
}
.post.has-post-thumbnail img.alignleft {
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 15px;
}
.genesis_responsive_slider a.more-link {
font-size: 11px;
padding: 8px 12px;
}
.harper-instagram .widget-title {
font-size: 40px;
padding: 0 20px 6px;
width: auto;
margin-top: 20px;
}
.genesis-nav-menu a {
padding: 20px 30px;
}
.genesis-nav-menu .sub-menu .sub-menu {
margin: -31px 0 0 199px;
}
.nav-primary {
padding: 12px 10px 12px 0;
background: #f9f7f6;
margin-top: 0;
}
.nav-primary .sub-menu .sub-menu {
margin: 0 !important;
}
.genesis-nav-menu .sub-menu {
border: 0;
width: 100%;
}
.harper-home .home-area .enews-widget input[type="submit"] {
margin: 10px 0 0;
width: 100%;
}
.harper-home .home-area .enews-widget input#subbox,
.harper-home .home-area .enews-widget input#subbox1,
.harper-home .home-area .enews-widget input#subbox2,
.harper-home .enews-widget input[type="submit"],
.sidebar .enews-widget input#subbox,
.sidebar .enews-widget input#subbox1,
.sidebar .enews-widget input#subbox2,
.sidebar .enews-widget input[type="submit"],
.footer-widgets .enews-widget input,
.after-entry .enews-widget input#subbox,
.after-entry .enews-widget input#subbox1,
.after-entry .enews-widget input#subbox2,
.after-entry .enews-widget input[type="submit"] {
display: inline-block;
width: 100% !important;
margin-left: 0;
margin-bottom: 10px;
}
.harper-home .home-area .enews .widget-title {
float: none;
margin: 0 auto;
border-right: 0;
padding: 10px 0 30px !important;
}
.harper-home .home-area .enews .widget-title,
.harper-home .front-page-6 .widget_custom_html .widget-title,
.footer-widgets .enews-widget .widget-title {
padding: 0 0 20px !important;
margin: 0 auto;
font-size: 34px;
}
.harper-category-archive .cat-item {
padding: 0 8px;
}
.harper-category-archive .cat-item:first-child:before {
padding-right: 16px;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgts-3 {
width: 100%;
}
.footer-widgets-2 {
border: 0;
}
.nf-form-layout {
padding: 22px 22px 2px;
}
.footer-widgets .wrap,
.footer-widgets {
max-width: 100%;
width: 100% !important;
}
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {
padding-left: 22px;
padding-right: 22px;
padding-bottom: 22px;
}
.footer-widgets-1 .widget,
.footer-widgets-2 .widget,
.footer-widgets-3 .widget {
padding: 0;
margin: 0;
}
.footer-widgets .widget_nav_menu {
margin-top: 0 !important;
}
}
@media only screen and (max-width: 650px) {
.harper-category-archive .filter-menu {
float: none;
margin: 15px auto 15px;
text-align: center;
}
.share-after {
margin-bottom: 8px;
margin-top: 0;
text-align: center;
}
.harper-home .home-area .widget-title,
.harper-instagram .widget-title {
text-align: center;
}
.entry-footer .entry-meta {
line-height: 1.8;
text-align: center !important;
}
.harper-instagram .textwidget p {
float: none;
margin-top: -5px;
text-align: center;
margin-bottom: 30px
}
.harper-insta .site-container {
padding-left: 0;
padding-right: 0;
}
.harper-insta .widget .entry {
margin-bottom: 6%;
}
.harper-landing, .harper-landing .site-container {
margin-top: 0;
padding-top: 0;
}
.harper-landing .site-inner {
padding: 0; }
.harper-backtotop { display: none; }
.archive-pagination {margin-bottom: 30px;}
.header-image .site-header {
padding: 0 30px;
}
.header-image .site-title a {
background-size: contain !important;
width: 100%;
margin-top: 0;
}
.harper-home .home-area .enews-widget {
padding: 0;
}
.sidebar .featuredpost .entry {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 600px) {
html > body .slide-excerpt-border {
width: unset !important;
min-width: 300px !important;
}
.related-post {
width: 100%;
padding-bottom: 20px;
}
.related-post:last-child {
padding-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
.pagination-next,
.pagination-previous {
margin-bottom: 20px;
margin-top: -15px;
}
.wpp-list li {
max-width: 100%;
margin-bottom: 22px;
}
.harper-home .home-area .widget-title {
letter-spacing: 1.5px;
margin-bottom: 20px;
margin-top: 0;
}
.harper-home .featuredpage .widget-title {
padding-top: 12px;
font-size: inherit;
}
.harper-trending .wpp-list-with-thumbnails li {
width: 100%;
}
.harper-trending .wrap {
width: 100%;
padding: 12px 20px 0;
}
.post-navigation-title h3 {
font-size: 16px;
}
.single-post.full-width-content .entry-header {
padding: 20px 15px;
}
.entry-title,
.home-area .entry-title {
font-size: 30px;
line-height: 1.2;
}
.harper-home .front-page-1 .featuredpost .entry-title {
font-size: 26px;
}
.harper-home .front-page-1 .featuredpost .entry-header {
padding: 16px 12px 8px;
}
.harper-home .front-page-1 .featuredpost .entry-header .entry-meta,
.entry-header p.entry-meta,
.shop-post-title {
font-size: 11px;
}
.harper-insta .featured-content .entry {
width: 100%;
}
.harper-insta .featured-content .entry:nth-of-type(2n) {
margin-left: 0;
}
.title-area {
padding: 30px 0 10px;
}
.archive-pagination li a {
margin-bottom: 10px;
}
.site-title {
font-size: 52px;
}
.archive-description, .author-box {
margin-bottom: 25px;
}
.category-page .featured-content .entry,
.category-page .featured-content .entry:nth-of-type(2n),
.category-page .featured-content .entry:nth-of-type(3n),
.sidebar .featured-content,
.harper-category-archive .entry {
text-align: center;
width: 100%;
}
.portfolio-featured-image {
margin: 0;
}
.harper-portfolio .archive-title {
margin-bottom: 0px;
padding-bottom: 0;
}
.harper-portfolio .entry-title {
margin-bottom: 20px;
}
.harper-home .home-area .enews-widget input#subbox,
.harper-home .home-area .enews-widget input#subbox1,
.harper-home .home-area .enews-widget input#subbox2,
.harper-home .home-area .enews-widget input#subbox,
.harper-home .home-area .enews-widget input[type="submit"] {
margin: 6px 0;
width: 100% !important;
}
#genesis-responsive-slider {
margin-top: 0 !important;
}
html > body .slide-excerpt-border {
min-width: 280px !important;
}
.slide-excerpt-border h2,
.slide-excerpt-border h2 a {
font-size: 20px !important;
line-height: 1.3 !important;
margin-bottom: 10px;
}
.slide-excerpt-border {
padding: 5px 18px 0px !important;
}
.page.page-template-default:not(.home) .entry-title,
.content .category-page .widget-title,
.harper-portfolio .archive-title {
text-align: center;
font-size: 28px;
}
.post-navigation-title {
padding-top: 0;
}
.harper-before-content .enews-widget .widget-title {
margin-bottom: 12px;
padding-right: 0;
font-size: 26px;
}
.harper-before-content {
padding: 20px;
margin-top: 0;
}
.harper-before-content .enews-widget input {
width: 100%;
margin: 6px 0;
}
.harper-before-content .enews-widget input[type="submit"] {
width: 100%;
margin-left: 0;
}
.footer-widgets {
padding-bottom: 12px;
}
.footer-menu a {
padding: 0 8px;
}
.footer-menu a, .copyright {
letter-spacing: 1px;
}
}
@media only screen and (max-width: 390px) {
.header-image .site-header {
padding: 0 20px;
}
.header-image.header-full-width .site-title > a {
margin-bottom: 0;
margin-top: 0;
}
html > body .slide-excerpt-border {
min-width: 220px !important;
}
}
/* Add Custom CSS Below This Line */