a:link, a:visited {
color: hsl(204, 33%, 70%) !important;
text-decoration: none !important;
}
a:hover {
color: hsl(204, 33%, 50%) !important;
text-decoration: underline !important;
}
a:link.button, a:visited.button {
color: #222222 !important;
}
.site-title a, .storefront-primary-navigation a {
color: hsl(0, 0%, 94%) !important;
}
.site-title a:hover {
text-decoration: none;
}
.site-header {
padding: .25em .25em 0 .25em;
background-color: #2c2d33 !important;
}
.site-header .col-full {
margin-left: 0;
margin-right: 0;
}
.site-header .site-branding {
width: 69% !important;
}
.widget_search form::before, .widget_product_search form::before {
color: #43454b;
}
.storefront-primary-navigation a:hover {
background-color: hsl(204, 33%, 50%) !important;
text-decoration: none !important;
color: hsl(0, 0%, 94%) !important;
}
.secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children::after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {
background-color: hsl(204, 33%, 50%) !important;
text-decoration: none !important;
color: hsl(0, 0%, 94%) !important;
}
h1.entry-title {
display: none;
}
.page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
max-width: 100% !important;
}
.page-template-template-homepage .site-main {
padding-top: 1em;
}
#intro {
line-height: 1.3em;
font-size: 0.75em;
}
#appointment {
text-align: center;
}
#henri_penne_house figcaption {
font-size: .75em;
line-height: 1.3em;
position: relative;
bottom: 4em;
}
body.blog, body.single-post {
background-image: none !important;
}
ul.product_list_widget li del, ul.product_list_widget li ins {
display: none;
}
ul.display-posts-listing {
list-style-type: none;
margin-left: 0;
}
#blog_signup_form {
text-align: center;
}
@media screen and (min-width: 768px) {
.site-header {
padding-top: 1em;
}
.site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
display: block;
width: 41.7391304348%;
float: left;
margin-right: 4.347826087%;
clear: both;
margin-bottom: 1em;
}
.storefront-primary-navigation {
background-color: #86969c !important;
}
.storefront-primary-navigation a:hover {
background-color: hsl(204, 33%, 50%);
}
.site-footer {
padding-bottom: 0;
}
.footer-widgets {
padding-top: 1em;
}
.site-info {
padding-top: 1em;
padding-bottom: 1em;
}
.col-full {
max-width: 71.7em;
}
.right-sidebar .content-area {
width: 69.565187%;
margin-right: 8.695652%;
}
body.home .content-area {
width: 100%;
margin-right; 0;
}
body.home figure {
display: table;
}
figure#leadin_interior {
max-width: 50%;
width: 50%;
height: auto;
float: left;
}
#intro {
font-size: initial;
line-height: initial;
float: left;
width: 50%;
display: block;
}
#appointment {
width: 25%;
float: left;
padding-top: 3em;
margin-right: 1.4%;
font-size: 1.25em;
}
#appointment a {
font-size: 1.5em;
}
figure#henri_penne_house {
right: 0;
max-width: 23.6%;
width: 23.6%;
height: auto;
float: left;
padding-top: 1.5em;
}
#henri_penne_house p {
font-size: 0em;
}
#henri_penne_house figcaption {
font-size: initial;
line-height: initial;
position: relative;
bottom: 4.15em;
opacity: .75;
}
#shop_gallery {
clear: both;
}
#blog_roll {
width: 60%;
float: left;
margin-right: 5%;
}
#blog_roll li {
clear: both;
}
#blog_roll .listing-item .image {
float: left;
margin-right: 1.618em;
}
#customer_gallery {
width: 35%;
float: left;
}
#customer_gallery img {
width: 100%;
}
section#about {
width: 35%;
float: left;
margin-top: 2em;
}
#about img {
width: 100%;
}
body.home figcaption {
font-size: .8em;
}
body.home .gallery {
clear: both;
margin-top: 3em;
}
body.home figure.gallery-item {
margin-right: 2% !important;
margin-left: 0 !important;
width: 32% !important;
}
body.home figure.gallery-item:last-of-type {
margin-right: 0 !important;
margin-left: 0 !important;
}
.blog .wp-post-image {
width: 25%;
height: auto;
float: left;
margin-right: 1em;
}
.product_list_widget li img {
max-width: 38.199601%;
}
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
padding: 1.618em 1.618em 1.25em 1em;
}
.single-product div.product .images {
width: 55.8823529412%;
}
.single-product div.product .summary {
width: 38.196601%;
}
.woocommerce-tabs .panel {
width: 38.196601%;
}
}
@media screen and (max-width: 40em) {
.site-header .custom-logo-link, .site-header .site-branding, .site-header .site-logo-anchor, .site-header .site-logo-link {
width: 50%;
}
.site-branding .site-title {
font-size: 1.2em;
}
.site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children::after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {
background-color: #6BA980;
}
}
.site-branding .site-description {
font-style: italic;
} .site-header-cart {
display: none;
}
.site-header-cart .cart-contents {
padding: 1em 0;
display: block;
position: relative;
background-color: transparent;
height: auto;
width: auto;
text-indent: 0;
}
sup {
font-size: 60%;
}
.input-text, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
background-color: #E6E6E6;
}
.input-text:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
background-color: #D3CEC6;
}
div.wpcf7-mail-sent-ok {
border: none;
}
.single-product div.product .images .thumbnails::after, .single-product div.product .woocommerce-tabs, .storefront-full-width-content.single-product div.product .woocommerce-tabs, .storefront-sorting::after {
clear: none;
}
.woocommerce-tabs ul.tabs {
display: none;
}
table td, table th {
padding: .5em 1em;
}
table th {
background-color: hsla(1, 100%, 9%, .60);
}
table tbody td {
background-color: hsla(7, 100%, 10%, .30);
}
table tbody tr:nth-child(2n) td {
background-color: hsla(5, 100%, 10%, .50);
}
img {
border-radius: 0;
}