You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5886 lines
125 KiB
5886 lines
125 KiB
/*
|
|
Theme Name: Cordero
|
|
Theme URI: https://uxlthemes.com/theme/cordero/
|
|
Author: UXL Themes
|
|
Author URI: https://uxlthemes.com
|
|
Description: Cordero is a WordPress theme with customizable accent color, header layout options including side header, support for the Gutenberg visual block editor and WooCommerce, block patterns including full width hero, featured services, and pricing table. Cordero also has three page templates including transparent header, a narrower Reading View post template, and schema.org SEO markup.
|
|
Version: 1.2.6
|
|
Requires at least: 5
|
|
Tested up to: 5.8
|
|
Requires PHP: 5.6
|
|
License: GNU General Public License v2 or later
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
Text Domain: cordero
|
|
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, block-patterns, block-styles, wide-blocks, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, footer-widgets, microformats, blog, news, e-commerce
|
|
|
|
This theme, like WordPress, is licensed under the GPL.
|
|
*/
|
|
|
|
/*--------------------------------------------------------------
|
|
# Normalize
|
|
--------------------------------------------------------------*/
|
|
html{
|
|
font-family: sans-serif;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
body{
|
|
margin: 0;
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section,
|
|
summary{
|
|
display: block;
|
|
margin: 0;
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video{
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
audio:not([controls]){
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
|
|
[hidden],
|
|
template{
|
|
display: none;
|
|
}
|
|
|
|
a{
|
|
background-color: transparent;
|
|
}
|
|
|
|
abbr[title]{
|
|
border-bottom: 1px dotted;
|
|
}
|
|
|
|
b,
|
|
strong{
|
|
font-weight: bold;
|
|
}
|
|
|
|
dfn{
|
|
font-style: italic;
|
|
}
|
|
|
|
mark{
|
|
background: #ff0;
|
|
color: #313131;
|
|
}
|
|
|
|
small{
|
|
font-size: 80%;
|
|
}
|
|
|
|
sub,
|
|
sup{
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
position: relative;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sup{
|
|
top: -0.5em;
|
|
}
|
|
|
|
sub{
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
img{
|
|
border: 0;
|
|
}
|
|
|
|
svg:not(:root){
|
|
overflow: hidden;
|
|
}
|
|
|
|
figure{
|
|
margin: 0;
|
|
}
|
|
|
|
hr{
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
}
|
|
|
|
pre{
|
|
overflow: auto;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp{
|
|
font-family: monospace, monospace;
|
|
font-size: 1em;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea{
|
|
color: inherit;
|
|
font: inherit;
|
|
margin: 0;
|
|
}
|
|
|
|
button{
|
|
overflow: visible;
|
|
}
|
|
|
|
button,
|
|
select{
|
|
text-transform: none;
|
|
}
|
|
|
|
button,
|
|
html input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"]{
|
|
-webkit-appearance: button;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button[disabled],
|
|
html input[disabled]{
|
|
cursor: default;
|
|
}
|
|
|
|
button::-moz-focus-inner,
|
|
input::-moz-focus-inner{
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
input{
|
|
line-height: normal;
|
|
}
|
|
|
|
input[type="checkbox"],
|
|
input[type="radio"]{
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
input[type="number"]::-webkit-inner-spin-button,
|
|
input[type="number"]::-webkit-outer-spin-button{
|
|
height: auto;
|
|
}
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
input[type="search"]::-webkit-search-decoration{
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
fieldset{
|
|
border: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em;
|
|
}
|
|
|
|
legend{
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
textarea{
|
|
overflow: auto;
|
|
}
|
|
|
|
optgroup{
|
|
font-weight: bold;
|
|
}
|
|
|
|
table{
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
th{
|
|
padding: 0.3em;
|
|
border: 1px solid #f1f1f1;
|
|
background: #fbfbfb;
|
|
font-weight: 500;
|
|
text-align: inherit;
|
|
}
|
|
td{
|
|
padding: 0.3em;
|
|
border: 1px solid #f1f1f1;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Typography
|
|
--------------------------------------------------------------*/
|
|
body,
|
|
button,
|
|
input,
|
|
select,
|
|
textarea{
|
|
color: #313131;
|
|
font-family: 'Work Sans', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
line-height: 1.6;
|
|
transition: color .3s ease;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6{
|
|
color: #313131;
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-weight: normal;
|
|
line-height: 1.2;
|
|
margin: 0 0 .5em;
|
|
transition: color .3s ease;
|
|
}
|
|
|
|
h1{
|
|
font-size: 1.875em;
|
|
}
|
|
|
|
h2{
|
|
font-size: 1.75em;
|
|
}
|
|
|
|
h3{
|
|
font-size: 1.625em;
|
|
}
|
|
|
|
h4{
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
h5{
|
|
font-size: 1.375em;
|
|
}
|
|
|
|
h6{
|
|
font-size: 1.125em;
|
|
}
|
|
|
|
p{
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
dfn,
|
|
cite,
|
|
em,
|
|
i{
|
|
font-style: italic;
|
|
}
|
|
|
|
blockquote{
|
|
border-left: 4px solid #313131;
|
|
padding-left: 1em;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
address{
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
pre{
|
|
background: #eee;
|
|
font-family: "Courier 10 Pitch", Courier, monospace;
|
|
font-size: 0.9375em;
|
|
line-height: 1.6;
|
|
margin-bottom: 1.6em;
|
|
max-width: 100%;
|
|
overflow: auto;
|
|
padding: 1.6em;
|
|
}
|
|
|
|
code{
|
|
background-color: #f2f2f2;
|
|
padding: 0.125em 0.25em;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
tt,
|
|
var{
|
|
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
|
|
font-size: 0.9375em;
|
|
}
|
|
|
|
abbr,
|
|
acronym{
|
|
border-bottom: 1px dotted #666;
|
|
cursor: help;
|
|
}
|
|
|
|
mark,
|
|
ins{
|
|
background: #fff9c0;
|
|
text-decoration: none;
|
|
}
|
|
|
|
big{
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Elements
|
|
--------------------------------------------------------------*/
|
|
html{
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after{ /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body{
|
|
background: #ffffff; /* Fallback for when there is no custom background color defined. */
|
|
}
|
|
|
|
blockquote{
|
|
quotes: "" "";
|
|
position: relative;
|
|
}
|
|
|
|
q{
|
|
quotes: "" "";
|
|
position: relative;
|
|
padding: 0 0.75rem;
|
|
}
|
|
|
|
hr{
|
|
background-color: rgba(0,0,0,0.2);
|
|
border: 0;
|
|
height: 1px;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
ul,
|
|
ol{
|
|
margin: 0 0 1em 1.25em;
|
|
padding: 0;
|
|
}
|
|
|
|
ul{
|
|
list-style: disc;
|
|
}
|
|
|
|
ol{
|
|
list-style: decimal;
|
|
}
|
|
|
|
li > ul,
|
|
li > ol{
|
|
margin-bottom: 0;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
li > ul{
|
|
list-style: circle;
|
|
}
|
|
|
|
dt{
|
|
font-weight: bold;
|
|
}
|
|
|
|
dd{
|
|
margin: 0 1em 1em;
|
|
}
|
|
|
|
img{
|
|
height: auto; /* Make sure images are scaled correctly. */
|
|
max-width: 100%; /* Adhere to container width. */
|
|
vertical-align: middle;
|
|
}
|
|
|
|
table{
|
|
margin: 0 0 1em;
|
|
width: 100%;
|
|
border: 1px solid #f1f1f1;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Forms
|
|
--------------------------------------------------------------*/
|
|
.button,
|
|
a.button,
|
|
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"],
|
|
#infinite-handle span button,
|
|
#infinite-handle span button:hover,
|
|
#infinite-handle span button:focus,
|
|
#infinite-handle span button:active,
|
|
.woocommerce #respond input#submit,
|
|
.woocommerce a.button,
|
|
.woocommerce button.button,
|
|
.woocommerce input.button,
|
|
.woocommerce #respond input#submit.alt,
|
|
.woocommerce a.button.alt,
|
|
.woocommerce button.button.alt,
|
|
.woocommerce input.button.alt,
|
|
.woocommerce a.added_to_cart,
|
|
.woocommerce #respond input#submit.alt.disabled,
|
|
.woocommerce #respond input#submit.alt.disabled:hover,
|
|
.woocommerce #respond input#submit.alt:disabled,
|
|
.woocommerce #respond input#submit.alt:disabled:hover,
|
|
.woocommerce #respond input#submit.alt:disabled[disabled],
|
|
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
|
|
.woocommerce a.button.alt.disabled,
|
|
.woocommerce a.button.alt.disabled:hover,
|
|
.woocommerce a.button.alt:disabled,
|
|
.woocommerce a.button.alt:disabled:hover,
|
|
.woocommerce a.button.alt:disabled[disabled],
|
|
.woocommerce a.button.alt:disabled[disabled]:hover,
|
|
.woocommerce button.button.alt.disabled,
|
|
.woocommerce button.button.alt.disabled:hover,
|
|
.woocommerce button.button.alt:disabled,
|
|
.woocommerce button.button.alt:disabled:hover,
|
|
.woocommerce button.button.alt:disabled[disabled],
|
|
.woocommerce button.button.alt:disabled[disabled]:hover,
|
|
.woocommerce input.button.alt.disabled,
|
|
.woocommerce input.button.alt.disabled:hover,
|
|
.woocommerce input.button.alt:disabled,
|
|
.woocommerce input.button.alt:disabled:hover,
|
|
.woocommerce input.button.alt:disabled[disabled],
|
|
.woocommerce input.button.alt:disabled[disabled]:hover,
|
|
.woocommerce #respond input#submit:hover,
|
|
.woocommerce a.button:hover,
|
|
.woocommerce button.button:hover,
|
|
.woocommerce input.button:hover{
|
|
font-weight: initial;
|
|
background: #d82978;
|
|
padding: .5em 1em;
|
|
color: #fff;
|
|
border: 0;
|
|
border-radius: 0;
|
|
line-height: 1.6;
|
|
height: auto;
|
|
}
|
|
|
|
/* NEED RULES FOR WOOCOMMERCE BUTTONS ON HOVER. DON'T WANT DEFAULT WC BACKGROUND COLOR!!! */
|
|
.woocommerce #respond input#submit:hover,
|
|
.woocommerce a.button:hover,
|
|
.woocommerce button.button:hover,
|
|
.woocommerce input.button:hover,
|
|
.woocommerce #respond input#submit.alt:hover,
|
|
.woocommerce a.button.alt:hover,
|
|
.woocommerce button.button.alt:hover,
|
|
.woocommerce input.button.alt:hover,
|
|
.woocommerce a.added_to_cart,
|
|
.woocommerce a.added_to_cart:hover{
|
|
background: #d82978;
|
|
}
|
|
|
|
.quantity input[type="button"]{
|
|
width: 2.5em;
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="password"],
|
|
input[type="search"],
|
|
input[type="number"],
|
|
input[type="tel"],
|
|
input[type="range"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="week"],
|
|
input[type="time"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="color"],
|
|
textarea{
|
|
color: #313131;
|
|
background-color: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
border-radius: 0;
|
|
transition:all 0.3s ease-in-out;
|
|
-moz-transition:all 0.3s ease-in-out;
|
|
-webkit-transition:all 0.3s ease-in-out;
|
|
height: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
select{
|
|
border: 1px solid #f1f1f1;
|
|
padding: .5em 40px .5em .75em;
|
|
background-color: #fbfbfb;
|
|
background-image: url("images/down-arrow.svg");
|
|
background-position: right center;
|
|
background-position: calc(100% - .75em) center;
|
|
background-repeat: no-repeat;
|
|
background-size: 1em;
|
|
position: relative;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
border-radius: 0;
|
|
}
|
|
select::-ms-expand {
|
|
display: none;
|
|
}
|
|
select:focus{
|
|
background-image: url("images/up-arrow.svg");
|
|
}
|
|
|
|
input[type="button"]:focus,
|
|
input[type="reset"]:focus,
|
|
input[type="submit"]:focus{
|
|
outline: 1px dotted #313131;
|
|
}
|
|
|
|
input[type="text"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="tel"]:focus,
|
|
input[type="range"]:focus,
|
|
input[type="date"]:focus,
|
|
input[type="month"]:focus,
|
|
input[type="week"]:focus,
|
|
input[type="time"]:focus,
|
|
input[type="datetime"]:focus,
|
|
input[type="datetime-local"]:focus,
|
|
input[type="color"]:focus,
|
|
textarea:focus,
|
|
select:focus{
|
|
border: 1px solid #313131;
|
|
background-color: #fbfbfb;
|
|
}
|
|
|
|
input[type="text"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="password"],
|
|
input[type="search"],
|
|
input[type="number"],
|
|
input[type="tel"],
|
|
input[type="range"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="week"],
|
|
input[type="time"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="color"]{
|
|
padding: .5em 1em;
|
|
}
|
|
|
|
textarea{
|
|
padding: .5em 1em;
|
|
width: 100%;
|
|
min-height: 100px;
|
|
}
|
|
|
|
input[type="search"]{
|
|
width: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Links
|
|
--------------------------------------------------------------*/
|
|
a{
|
|
color: #d82978;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:visited{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
a.button,
|
|
.single-entry-content a.button{
|
|
color: #fff;
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.button:focus{
|
|
outline: 1px dotted #313131;
|
|
}
|
|
|
|
a.read-more{
|
|
font-size: 0.875em;
|
|
}
|
|
|
|
a.more-tag{
|
|
display: block;
|
|
font-size: 0.875em;
|
|
position: relative;
|
|
}
|
|
|
|
.tag-read-more a.more-tag{
|
|
display: inline-block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Accessibility
|
|
--------------------------------------------------------------*/
|
|
/* Text meant only for screen readers. */
|
|
.screen-reader-text{
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
position: absolute !important;
|
|
height: 1px;
|
|
width: 1px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.screen-reader-text:focus{
|
|
background-color: #f1f1f1;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
|
|
clip: auto !important;
|
|
color: #21759b;
|
|
display: block;
|
|
font-size: 14px;
|
|
font-size: 0.875em;
|
|
font-weight: bold;
|
|
height: auto;
|
|
left: 5px;
|
|
line-height: normal;
|
|
padding: 15px 23px 14px;
|
|
text-decoration: none;
|
|
top: 5px;
|
|
width: auto;
|
|
z-index: 100000; /* Above WP toolbar. */
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Alignments
|
|
--------------------------------------------------------------*/
|
|
.alignleft{
|
|
display: inline;
|
|
float: left;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
.alignright{
|
|
display: inline;
|
|
float: right;
|
|
margin-left: 1.5em;
|
|
}
|
|
|
|
.aligncenter{
|
|
clear: both;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Clearings
|
|
--------------------------------------------------------------*/
|
|
.clearfix:before,
|
|
.clearfix:after,
|
|
.entry-content:before,
|
|
.entry-content:after,
|
|
.comment-content:before,
|
|
.comment-content:after,
|
|
.site-header:before,
|
|
.site-header:after,
|
|
.site-content:before,
|
|
.site-content:after,
|
|
.site-footer:before,
|
|
.site-footer:after,
|
|
.nav-links:before,
|
|
.nav-links:after{
|
|
content: "";
|
|
display: table;
|
|
}
|
|
|
|
.clearfix:after,
|
|
.entry-content:after,
|
|
.comment-content:after,
|
|
.site-header:after,
|
|
.site-content:after,
|
|
.site-footer:after,
|
|
.nav-links:after{
|
|
clear: both;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Widgets
|
|
--------------------------------------------------------------*/
|
|
.widget{
|
|
margin: 0 0 30px;
|
|
}
|
|
|
|
.widget ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.widget ul ul{
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.widget .post-date{
|
|
font-size: 80%;
|
|
color: #bbb;
|
|
padding-right: 50%;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#colophon .widget{
|
|
margin: 0;
|
|
}
|
|
|
|
/* Make sure select elements fit in widgets. */
|
|
.widget select{
|
|
max-width: 100%;
|
|
}
|
|
|
|
/* Search widget. */
|
|
.widget_search .search-submit{
|
|
display: none;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Posts and pages
|
|
--------------------------------------------------------------*/
|
|
#grid-loop,
|
|
#main .infinite-wrap{
|
|
margin: 0 0 1em 0;
|
|
display: grid;
|
|
grid-column-gap: 3%;
|
|
grid-row-gap: 1em;
|
|
}
|
|
|
|
|
|
|
|
#main.post-columns-1 #grid-loop,
|
|
.related-posts.post-columns-1 #grid-loop,
|
|
#main.post-columns-1 .infinite-wrap{
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
#main.post-columns-2 #grid-loop,
|
|
.related-posts.post-columns-2 #grid-loop,
|
|
#main.post-columns-2 .infinite-wrap{
|
|
grid-template-columns: repeat(2,48.5%);
|
|
}
|
|
|
|
#main.post-columns-3 #grid-loop,
|
|
.related-posts.post-columns-3 #grid-loop,
|
|
#main.post-columns-3 .infinite-wrap{
|
|
grid-template-columns: repeat(3,31.333%);
|
|
}
|
|
|
|
#main.post-columns-4 #grid-loop,
|
|
.related-posts.post-columns-4 #grid-loop,
|
|
#main.post-columns-4 .infinite-wrap{
|
|
grid-template-columns: repeat(4,22.75%);
|
|
}
|
|
|
|
|
|
|
|
|
|
.woocommerce ul.products,
|
|
.woocommerce-page ul.products{
|
|
margin: 0 0 1em 0;
|
|
display: grid;
|
|
grid-column-gap: 1%;
|
|
grid-row-gap: 1em;
|
|
}
|
|
|
|
.woocommerce ul.products.columns-1,
|
|
.woocommerce-page ul.products.columns-1{
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
.woocommerce ul.products.columns-2,
|
|
.woocommerce-page ul.products.columns-2{
|
|
grid-template-columns: 49.5% 49.5%;
|
|
}
|
|
|
|
.woocommerce ul.products.columns-3,
|
|
.woocommerce-page ul.products.columns-3{
|
|
grid-template-columns: repeat(3,32.666666%);
|
|
}
|
|
|
|
.woocommerce ul.products.columns-4,
|
|
.woocommerce-page ul.products.columns-4{
|
|
grid-template-columns: repeat(4,24.25%);
|
|
}
|
|
|
|
.woocommerce ul.products.columns-5,
|
|
.woocommerce-page ul.products.columns-5{
|
|
grid-template-columns: repeat(5,19.2%);
|
|
}
|
|
|
|
.woocommerce ul.products.columns-6,
|
|
.woocommerce-page ul.products.columns-6{
|
|
grid-template-columns: repeat(6,15.833333%);
|
|
}
|
|
|
|
.woocommerce ul.products.columns-7,
|
|
.woocommerce-page ul.products.columns-7{
|
|
grid-template-columns: repeat(7,13.428571%);
|
|
}
|
|
|
|
.woocommerce ul.products.columns-8,
|
|
.woocommerce-page ul.products.columns-8{
|
|
grid-template-columns: repeat(8,11.625%);
|
|
}
|
|
|
|
.hentry{
|
|
margin: 0 0 1.5em;
|
|
}
|
|
|
|
#grid-loop article,
|
|
#main .infinite-wrap article,
|
|
.woocommerce ul.products li.product,
|
|
.woocommerce-page ul.products li.product{
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
#grid-loop article,
|
|
#main .infinite-wrap article{
|
|
margin: 0 0 1.5em;
|
|
}
|
|
|
|
#grid-loop article .post-thumbnail img,
|
|
#main .infinite-wrap article .post-thumbnail img{
|
|
width: 100%;
|
|
}
|
|
|
|
.woocommerce ul.products li.product,
|
|
.woocommerce-page ul.products li.product{
|
|
text-align: center;
|
|
background: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
}
|
|
|
|
.product-wrap{
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
#grid-loop article .entry-title,
|
|
#main .infinite-wrap article .entry-title{
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
#grid-loop article.sticky:before,
|
|
#main .infinite-wrap article.sticky:before{
|
|
content: "";
|
|
display: block;
|
|
width: 3px;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: -8px;
|
|
top: 0;
|
|
background: #d82978;
|
|
}
|
|
|
|
.updated:not(.published){
|
|
display: none;
|
|
}
|
|
|
|
.page-links{
|
|
clear: both;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
#primary{
|
|
width: 72.5%;
|
|
float: left;
|
|
}
|
|
|
|
.sidebar-left #primary{
|
|
float: right;
|
|
}
|
|
|
|
#secondary{
|
|
width: 25%;
|
|
float: right;
|
|
margin-bottom: 2em;
|
|
background: #fbfbfb;
|
|
}
|
|
|
|
#secondary th{
|
|
background: rgba(0,0,0,.007);
|
|
}
|
|
|
|
#secondary input,
|
|
#secondary td{
|
|
background: #fff;
|
|
}
|
|
|
|
.sidebar-left #secondary{
|
|
float: left;
|
|
}
|
|
|
|
#primary.full-width,
|
|
.sidebar-below #primary,
|
|
.sidebar-below #secondary,
|
|
.post-template-template-single-reading #secondary,
|
|
.post-template-template-single-reading-paragraph #secondary{
|
|
width: auto;
|
|
float: none;
|
|
}
|
|
|
|
.sidebar-below #secondary,
|
|
.post-template-template-single-reading #secondary,
|
|
.post-template-template-single-reading-paragraph #secondary{
|
|
display: grid;
|
|
grid-column-gap: 2%;
|
|
grid-row-gap: 1em;
|
|
grid-template-columns: repeat(3,32%);
|
|
}
|
|
|
|
article{
|
|
position: relative;
|
|
margin-bottom: 1.25em;
|
|
}
|
|
|
|
#primary > #main > article{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.container.entry-header{
|
|
padding: 0;
|
|
}
|
|
|
|
.entry-header{
|
|
text-align: left;
|
|
margin-bottom: 5px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.single .entry-header,
|
|
.page-header,
|
|
.archive-header{
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.entry-header .entry-title,
|
|
.archive-header .archive-title{
|
|
-ms-word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.title-meta-wrapper{
|
|
position: relative;
|
|
}
|
|
|
|
.entry-excerpt,
|
|
.taxonomy-description{
|
|
text-align: center;
|
|
}
|
|
|
|
.post-thumbnail{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.entry-content p{
|
|
-ms-word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.single-excerpt,
|
|
.archive-description,
|
|
.entry-meta{
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.entry-meta,
|
|
.entry-footer{
|
|
font-size: 0.875em;
|
|
font-style: normal;
|
|
}
|
|
|
|
.entry-footer .tags-links,
|
|
.entry-footer .edit-link{
|
|
display: block;
|
|
clear: both;
|
|
}
|
|
|
|
.entry-footer span.tags-links{
|
|
margin-top: 0.625em;
|
|
}
|
|
|
|
.entry-meta .author img,
|
|
.entry-footer .author img{
|
|
border-radius: 50%;
|
|
margin-right: 2rem;
|
|
}
|
|
|
|
.archive-title .author img{
|
|
border-radius: 50%;
|
|
display: block;
|
|
margin: 0 auto 1rem;
|
|
border: 2px solid rgba(255,255,255,.5);
|
|
}
|
|
|
|
.archive.author .archive-description{
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.single .entry-footer{
|
|
margin: 1em 0;
|
|
padding: .5em 0;
|
|
border-top: 1px solid;
|
|
border-bottom: 1px solid;
|
|
border-color: rgba(0,0,0,.05);
|
|
}
|
|
|
|
.single .related-posts .entry-footer{
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
ul.archive-sub-cats{
|
|
list-style: none;
|
|
margin-left: 0;
|
|
}
|
|
|
|
ul.archive-sub-cats li{
|
|
display: inline-block;
|
|
margin-right: 1em;
|
|
margin-bottom: .75em;
|
|
padding: .5em 1em;
|
|
background: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
}
|
|
|
|
.meta-separator{
|
|
padding: 0 .5em;
|
|
}
|
|
|
|
.post-template-template-single-reading .entry-header.single,
|
|
.post-template-template-single-reading-paragraph .entry-header.single{
|
|
text-align: center;
|
|
}
|
|
|
|
.post-template-template-single-reading .single-entry-content{
|
|
max-width: 640px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.post-template-template-single-reading-paragraph .single-entry-content p{
|
|
max-width: 640px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Asides
|
|
--------------------------------------------------------------*/
|
|
aside{
|
|
color: #313131;
|
|
}
|
|
|
|
aside input,
|
|
aside button{
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.shop-filter-wrap{
|
|
margin: 0 0 20px;
|
|
clear: both;
|
|
}
|
|
|
|
.shop-filter-wrap .shop-filter-toggle{
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
border: 1px solid #f1f1f1;
|
|
padding: .5em 2.5em .5em 1em;
|
|
background-color: #fbfbfb;
|
|
}
|
|
|
|
.shop-filter-wrap .shop-filter-toggle.active{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.shop-filter-wrap .shop-filter-toggle .toggle-icon{
|
|
position: relative;
|
|
}
|
|
|
|
#shop-filters{
|
|
display: none;
|
|
background: #fbfbfb;
|
|
padding: 1em;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.shop-filter-wrap #shop-filters.active{
|
|
display: table;
|
|
}
|
|
|
|
#shop-filters aside{
|
|
background: transparent;
|
|
display: table-cell;
|
|
width: 100%;
|
|
position: relative;
|
|
border-right: 1px solid #fff;
|
|
}
|
|
|
|
#shop-filters aside:last-child{
|
|
border-right: none;
|
|
}
|
|
|
|
#shop-filters aside a{
|
|
color: #313131;
|
|
}
|
|
|
|
#shop-filters .widget{
|
|
margin: 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.shop-filters-widget-title{
|
|
position: relative;
|
|
font-size: 1em;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#shop-filters li{
|
|
width: 32.333333%;
|
|
min-width: 120px;
|
|
margin-right: 1%;
|
|
float: left;
|
|
}
|
|
|
|
#shop-filters form{
|
|
max-width: 240px;
|
|
}
|
|
|
|
#shop-filters button{
|
|
padding: 0 1em;
|
|
line-height: 1.75em;
|
|
height: 1.75em;
|
|
font-size: 1em;
|
|
}
|
|
|
|
|
|
#shop-filters .customize-partial-edit-shortcut button,
|
|
#shop-filters .widget .customize-partial-edit-shortcut button{
|
|
height: 30px;
|
|
font-size: 18px;
|
|
padding: 3px;
|
|
}
|
|
|
|
#shop-filters input[type="text"]{
|
|
height: 1.5em;
|
|
}
|
|
|
|
.sidebar-widget-title,
|
|
.page-sidebar-widget-title,
|
|
.shop-sidebar-widget-title{
|
|
position: relative;
|
|
padding-bottom: .625em;
|
|
margin-bottom: .3125em;
|
|
font-size: 1.25em;
|
|
text-align: left;
|
|
}
|
|
|
|
.widget-area ul{
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.widget-area ul ul{
|
|
margin-top: .3125em;
|
|
}
|
|
|
|
.widget-area ul ul li{
|
|
padding-left: .625em;
|
|
}
|
|
|
|
.widget-area ul ul li:last-child{
|
|
border-bottom: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.widget-area li{
|
|
margin: 0 0 7px 0;
|
|
}
|
|
|
|
.widget-area .widget{
|
|
padding: 2em;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.widget-area .widget.widget_image{
|
|
padding: .33em;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.widget-area form{
|
|
margin-top: 1.25em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Comments
|
|
--------------------------------------------------------------*/
|
|
article.comment-body{
|
|
background: #fbfbfb;
|
|
padding: 1.5em;
|
|
}
|
|
|
|
.comment-content a{
|
|
-ms-word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.bypostauthor{
|
|
display: block;
|
|
}
|
|
|
|
.author-email-url{
|
|
margin-left: -2%;
|
|
}
|
|
|
|
.comment-form-author{
|
|
float: left;
|
|
width: 32%;
|
|
}
|
|
.comment-form-email,
|
|
.comment-form-url{
|
|
float: left;
|
|
margin-left: 2% !important;
|
|
width: 32%;
|
|
}
|
|
|
|
.author-email-url input{
|
|
width: 100%;
|
|
}
|
|
|
|
.comment-form .form-submit{
|
|
clear: both;
|
|
}
|
|
|
|
#comments{
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.logged-in-as,
|
|
.comment-notes{
|
|
font-size: .875em;
|
|
}
|
|
|
|
#comments ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
#comments li.comment{
|
|
margin: 0 0 20px;
|
|
}
|
|
|
|
#comments li.comment .children{
|
|
display: block;
|
|
margin: 20px 0 0 30px;
|
|
padding: 0px;
|
|
list-style: none;
|
|
}
|
|
|
|
.comment-list .comment-respond{
|
|
margin-top: 20px;
|
|
border: 1px solid #EEE;
|
|
padding: 20px;
|
|
}
|
|
|
|
.comment-list .vcard img{
|
|
border-radius: 50%;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.comment-list .vcard .fn{
|
|
font-weight: normal;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.comment-list .edit-link{
|
|
position: absolute;
|
|
top: 0;
|
|
left: auto;
|
|
}
|
|
|
|
.comment-list .edit-link a{
|
|
font-size: .875em;
|
|
display: inline-block;
|
|
padding: 10px;
|
|
}
|
|
|
|
.comment-list .comment-meta{
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.comment-list .comment-author{
|
|
display: inline-block;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.comment-list .comment-author .says{
|
|
display: none;
|
|
}
|
|
|
|
.comment-list .comment-metadata{
|
|
display: inline-block;
|
|
padding-top: 10px;
|
|
font-size: .875em;
|
|
}
|
|
|
|
.comment-list .comment-metadata a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.comment-list .reply{
|
|
display: inline-block;
|
|
}
|
|
|
|
.comment-list .reply a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
#cancel-comment-reply-link{
|
|
float: right;
|
|
}
|
|
|
|
.comment-navigation .nav-previous a,
|
|
.comment-navigation .nav-next a{
|
|
display: inline-block;
|
|
padding: 0 10px;
|
|
font-size: .875em;
|
|
line-height: 22px;
|
|
position: relative;
|
|
}
|
|
|
|
.comment-navigation .nav-next a{
|
|
margin-right: 13px;
|
|
}
|
|
|
|
.comment-navigation .nav-next a:after{
|
|
content: "";
|
|
position: absolute;
|
|
border-left: 11px solid #fbfbfb;
|
|
border-top: 11px solid transparent;
|
|
border-bottom: 11px solid transparent;
|
|
top: 0;
|
|
right: -11px;
|
|
}
|
|
|
|
.comment-navigation .nav-previous a{
|
|
margin-left: 11px;
|
|
}
|
|
|
|
.comment-navigation .nav-previous a:after{
|
|
content: "";
|
|
position: absolute;
|
|
border-right: 11px solid #fbfbfb;
|
|
border-top: 11px solid transparent;
|
|
border-bottom: 11px solid transparent;
|
|
top: 0;
|
|
left: -11px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Related Posts
|
|
--------------------------------------------------------------*/
|
|
|
|
.related-posts{
|
|
margin: 0 0 30px 0;
|
|
}
|
|
|
|
.related-posts #grid-loop article .entry-content{
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
# Media
|
|
--------------------------------------------------------------*/
|
|
.page-content .wp-smiley,
|
|
.entry-content .wp-smiley,
|
|
.comment-content .wp-smiley{
|
|
border: none;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Make sure embeds and iframes fit their containers. */
|
|
embed,
|
|
iframe,
|
|
object{
|
|
max-width: 100%;
|
|
}
|
|
|
|
.entry-video{
|
|
position: relative;
|
|
padding-bottom: 56.25%;
|
|
height: 0;
|
|
}
|
|
|
|
#grid-loop article .entry-video,
|
|
#main .infinite-wrap article .entry-video{
|
|
overflow: hidden;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.entry-video embed,
|
|
.entry-video iframe,
|
|
.entry-video object,
|
|
.entry-video video{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Captions
|
|
--------------------------------------------------------------*/
|
|
.wp-caption{
|
|
margin-bottom: 15px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.wp-caption img[class*="wp-image-"]{
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.wp-caption .wp-caption-text{
|
|
margin: 0.8075em 0;
|
|
}
|
|
|
|
.wp-caption-text{
|
|
background: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
text-align: center;
|
|
font-size: 1em;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Galleries
|
|
--------------------------------------------------------------*/
|
|
.gallery{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.gallery-item{
|
|
display: inline-block;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
|
|
.gallery-columns-2 .gallery-item{
|
|
max-width: 50%;
|
|
}
|
|
|
|
.gallery-columns-3 .gallery-item{
|
|
max-width: 33.33%;
|
|
}
|
|
|
|
.gallery-columns-4 .gallery-item{
|
|
max-width: 25%;
|
|
}
|
|
|
|
.gallery-columns-5 .gallery-item{
|
|
max-width: 20%;
|
|
}
|
|
|
|
.gallery-columns-6 .gallery-item{
|
|
max-width: 16.66%;
|
|
}
|
|
|
|
.gallery-columns-7 .gallery-item{
|
|
max-width: 14.28%;
|
|
}
|
|
|
|
.gallery-columns-8 .gallery-item{
|
|
max-width: 12.5%;
|
|
}
|
|
|
|
.gallery-columns-9 .gallery-item{
|
|
max-width: 11.11%;
|
|
}
|
|
|
|
.gallery-caption{
|
|
display: block;
|
|
margin: 0 10px 10px 10px;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## General
|
|
--------------------------------------------------------------*/
|
|
.container{
|
|
width: 96%;
|
|
max-width: 1240px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.site-content{
|
|
position: relative;
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.post-template-template-single-transparent-header .site-content,
|
|
.post-template-template-no-title .site-content,
|
|
.page-template-template-transparent-header .site-content,
|
|
.page-template-template-no-title .site-content,
|
|
.home.page-template-default .site-content{
|
|
margin-top: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Header
|
|
--------------------------------------------------------------*/
|
|
#masthead{
|
|
background-color: #fff;
|
|
background-repeat: no-repeat;
|
|
background-position: top center;
|
|
background-size: cover;
|
|
color: #2d2354;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 100%;
|
|
transition: all .7s ease;
|
|
}
|
|
|
|
#masthead.transparent{
|
|
background-color: transparent;
|
|
color: #fff;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 999;
|
|
}
|
|
|
|
#masthead.scrolled{
|
|
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 999;
|
|
transition: all .7s ease;
|
|
}
|
|
|
|
#masthead.not-fixed.not-fixed-scrolled{
|
|
position: absolute;
|
|
}
|
|
|
|
#masthead.transparent.scrolled{
|
|
background-color: #2d2354;
|
|
}
|
|
|
|
.logged-in.admin-bar #masthead.scrolled{
|
|
top: 32px;
|
|
}
|
|
|
|
#masthead #masthead-inner{
|
|
display: grid;
|
|
align-items: center;
|
|
padding: 1.25rem 0;
|
|
transition: padding .5s;
|
|
}
|
|
|
|
#masthead.scrolled #masthead-inner{
|
|
padding: .625rem 0 0.3125rem 0;
|
|
transition: padding 1s;
|
|
}
|
|
|
|
#masthead #masthead-inner.logo-left{
|
|
grid-template-columns: minmax(auto,25%) auto auto;
|
|
}
|
|
|
|
#masthead #masthead-inner.logo-right{
|
|
grid-template-columns: auto auto minmax(auto,25%);
|
|
}
|
|
|
|
#site-branding{
|
|
grid-column: 1/4;
|
|
text-align: center;
|
|
}
|
|
|
|
.logo-left #site-branding{
|
|
grid-column: 1/2;
|
|
text-align: left;
|
|
}
|
|
|
|
.logo-right #site-branding{
|
|
grid-column: 3/4;
|
|
text-align: right;
|
|
}
|
|
|
|
.toggle-nav{
|
|
grid-column: 1/4;
|
|
justify-self: center;
|
|
display: none;
|
|
}
|
|
|
|
.toggle-nav-open{
|
|
display: none;
|
|
}
|
|
|
|
#site-navigation{
|
|
grid-column: 1/4;
|
|
justify-self: center;
|
|
font-weight: normal;
|
|
color: #2d2354;
|
|
display: flex;
|
|
}
|
|
|
|
#site-nav-after{
|
|
display: none;
|
|
background-color: #000;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.logo-left #site-navigation{
|
|
grid-column: 2/4;
|
|
justify-self: end;
|
|
}
|
|
|
|
.logo-right #site-navigation{
|
|
grid-column: 1/3;
|
|
justify-self: start;
|
|
}
|
|
|
|
#masthead.transparent #site-navigation{
|
|
color: #fff;
|
|
}
|
|
|
|
#site-navigation a{
|
|
color: #2d2354;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#masthead.transparent #site-navigation a{
|
|
color: #fff;
|
|
}
|
|
|
|
#top-bar{
|
|
display: block;
|
|
margin: 0;
|
|
padding: 10px 0;
|
|
border-bottom: 1px solid rgba(0,0,0,.05);
|
|
font-size: .75em;
|
|
line-height: 1.6;
|
|
transition: padding .5s;
|
|
}
|
|
|
|
#masthead.transparent #top-bar{
|
|
border-color: rgba(255,255,255,.05);
|
|
}
|
|
|
|
#top-bar aside,
|
|
#top-bar h1,
|
|
#top-bar h2,
|
|
#top-bar h3,
|
|
#top-bar h4,
|
|
#top-bar h5,
|
|
#top-bar h6{
|
|
color: #2d2354;
|
|
}
|
|
|
|
#masthead.transparent #top-bar aside,
|
|
#masthead.transparent #top-bar h1,
|
|
#masthead.transparent #top-bar h2,
|
|
#masthead.transparent #top-bar h3,
|
|
#masthead.transparent #top-bar h4,
|
|
#masthead.transparent #top-bar h5,
|
|
#masthead.transparent #top-bar h6{
|
|
color: #fff;
|
|
}
|
|
|
|
#masthead.scrolled #top-bar{
|
|
padding: 5px 0;
|
|
transition: padding 1s;
|
|
}
|
|
|
|
.top-bar-widget-title{
|
|
margin: 0;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
#top-bar a.button, #top-bar a.button:hover,
|
|
#top-bar button, #top-bar input[type="button"], #top-bar input[type="reset"], #top-bar input[type="submit"],
|
|
#top-bar input[type="text"], #top-bar input[type="email"], #top-bar input[type="url"], #top-bar input[type="password"], #top-bar input[type="search"], #top-bar input[type="number"], #top-bar input[type="tel"], #top-bar input[type="range"], #top-bar input[type="date"], #top-bar input[type="month"], #top-bar input[type="week"], #top-bar input[type="time"], #top-bar input[type="datetime"], #top-bar input[type="datetime-local"], #top-bar input[type="color"], #top-bar textarea{
|
|
height: auto;
|
|
padding: .125em .3125em;
|
|
font-size: .75em;
|
|
line-height: .75em;
|
|
margin: 2px 0;
|
|
max-width: 160px;
|
|
}
|
|
|
|
#top-bar p,
|
|
#top-bar .widget,
|
|
#top-bar .widget p{
|
|
margin: 0;
|
|
padding: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
#top-bar .widget{
|
|
display: inline-block;
|
|
width: 48%;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#top-bar .widget:nth-child(odd){
|
|
text-align: left;
|
|
margin-right: 1%;
|
|
}
|
|
#top-bar .widget:nth-child(even){
|
|
text-align: right;
|
|
margin-left: 1%;
|
|
}
|
|
|
|
#top-bar ul{
|
|
position: relative;
|
|
list-style: none;
|
|
}
|
|
|
|
#top-bar li{
|
|
display: inline-block;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
#top-bar li:first-child{
|
|
margin-left: 0;
|
|
}
|
|
|
|
#top-bar ul > li > ul{
|
|
display: none;
|
|
border: 1px;
|
|
border-style: solid;
|
|
border-color: rgba(255,255,255,0.1);
|
|
border-top: 0;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#top-bar ul > li.menu-item-has-children:hover > ul{
|
|
position: absolute;
|
|
display: block;
|
|
margin-left: 0;
|
|
text-align: left;
|
|
z-index: 101;
|
|
}
|
|
#top-bar ul > li.menu-item-has-children:hover > ul > li{
|
|
display: block;
|
|
margin-left: 0;
|
|
padding: 5px;
|
|
}
|
|
|
|
#top-bar ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul,
|
|
#top-bar ul > li.menu-item-has-children > ul > li.menu-item-has-children > ul:hover{
|
|
display: none;
|
|
}
|
|
|
|
#masthead .extra-wrap{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
#masthead .top-search{
|
|
position: relative;
|
|
margin: 0;
|
|
padding: .625rem;
|
|
}
|
|
|
|
#masthead .logo-right .top-search{
|
|
margin-left: -1em;
|
|
}
|
|
|
|
.top-search .cordero-icon-search{
|
|
color: #2d2354;
|
|
background: transparent;
|
|
padding: 0;
|
|
}
|
|
|
|
#masthead.transparent .top-search .cordero-icon-search{
|
|
color: #fff;
|
|
}
|
|
|
|
#masthead .top-search .icons.search-close{
|
|
font-family: inherit;
|
|
font-size: 1em;
|
|
line-height: 1;
|
|
display: block;
|
|
text-align: center;
|
|
height: 0;
|
|
width: 0;
|
|
color: transparent;
|
|
background: transparent;
|
|
padding: 0;
|
|
margin-left: 1em;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
#site-navigation .menu-close{
|
|
display: none;
|
|
}
|
|
|
|
.top-search .search-close:before{
|
|
position: absolute;
|
|
top: .25em;
|
|
left: 0;
|
|
font-family: dashicons;
|
|
font-size: 1.4em;
|
|
content: "\f158";
|
|
}
|
|
|
|
.top-search .cordero-icon-search:focus,
|
|
.top-search .search-close:focus,
|
|
#site-navigation .menu-close:focus{
|
|
outline: 1px dotted;
|
|
}
|
|
|
|
#masthead .top-search .icons.search-close:focus{
|
|
height: auto;
|
|
width: auto;
|
|
color: #2d2354;
|
|
margin-top: 1em;
|
|
padding-top: .5em;
|
|
opacity: 1;
|
|
}
|
|
|
|
.top-search .mini-search{
|
|
position: absolute;
|
|
top: auto;
|
|
right: 0;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
padding: 10px;
|
|
background: #fff;
|
|
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1);
|
|
z-index: 99999;
|
|
transform: translateY(30px);
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
.logo-right .top-search .mini-search{
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.top-search.search-open .mini-search{
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
#masthead .search-form,
|
|
#masthead .woocommerce-product-search{
|
|
width: 320px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
#masthead .search-form input[type="submit"],
|
|
#masthead .woocommerce-product-search button[type="submit"]{
|
|
position: relative;
|
|
display: inline-block;
|
|
border: 0;
|
|
box-shadow: none;
|
|
transition: none;
|
|
}
|
|
|
|
#masthead .search-form input[type="submit"]:focus,
|
|
#masthead .woocommerce-product-search button[type="submit"]:focus{
|
|
outline: 1px dotted #000;
|
|
}
|
|
|
|
#masthead .search-form input[type="search"],
|
|
#masthead .woocommerce-product-search input[type="search"]{
|
|
display: inline-block;
|
|
width: 220px;
|
|
border: none;
|
|
background: transparent;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#masthead .search-form input[type="search"]::placeholder,
|
|
#masthead .woocommerce-product-search input[type="search"]::placeholder{
|
|
opacity: .6;
|
|
}
|
|
|
|
#masthead .top-account{
|
|
position: relative;
|
|
margin: 0;
|
|
padding: .625rem;
|
|
}
|
|
|
|
#masthead .top-account .mini-account{
|
|
position: absolute;
|
|
top: auto;
|
|
right: 0;
|
|
text-align: left;
|
|
font-size: 90%;
|
|
padding: 10px;
|
|
min-width: 240px;
|
|
max-height: 480px;
|
|
overflow: auto;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
z-index: 99999;
|
|
transform: translateY(40px);
|
|
background: #fff;
|
|
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1);
|
|
color: #313131;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#masthead .logo-right .top-account .mini-account{
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
#masthead .top-account .mini-account a,
|
|
#masthead.transparent #site-navigation .top-account .mini-account a{
|
|
color: #d82978;
|
|
}
|
|
|
|
.woocommerce .top-account .col2-set .col-1,
|
|
.woocommerce-page .top-account .col2-set .col-1,
|
|
.woocommerce .top-account .col2-set .col-2,
|
|
.woocommerce-page .top-account .col2-set .col-2{
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.top-account #customer_login .u-column2{
|
|
margin-top: .8em;
|
|
border-top: 1px solid rgba(255,255,255,.3);
|
|
}
|
|
|
|
.top-account h2{
|
|
position: relative;
|
|
font-size: 1.15em;
|
|
text-transform: none;
|
|
margin: 0 0 .8em;
|
|
}
|
|
|
|
.top-account #customer_login .u-column2 h2{
|
|
margin-top: .8em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.top-account #customer_login .u-column2 h2:after{
|
|
font-family: dashicons;
|
|
content: "\f347";
|
|
font-size: 1em;
|
|
text-shadow: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.top-account #customer_login .u-column2.open h2:after{
|
|
content: "\f343";
|
|
}
|
|
|
|
.top-account #customer_login .u-column2 form{
|
|
display: none;
|
|
}
|
|
|
|
.top-account #customer_login .u-column2.open form{
|
|
display: block;
|
|
}
|
|
|
|
.top-account p{
|
|
margin: 0 0 7px;
|
|
}
|
|
|
|
.top-account input{
|
|
padding: .25em .5em;
|
|
}
|
|
|
|
.top-account .woocommerce-MyAccount-navigation{
|
|
width: 100%;
|
|
}
|
|
|
|
.top-account form .form-row .required{
|
|
color: red;
|
|
}
|
|
|
|
.woocommerce .top-account form .form-row .required{
|
|
visibility: hidden;
|
|
transition: all .7s;
|
|
transition-delay: 1s;
|
|
}
|
|
.woocommerce .top-account:hover .mini-account form .form-row .required{
|
|
visibility: visible;
|
|
transition-delay: 0s;
|
|
}
|
|
|
|
div.mini-account form.login{
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
div.mini-account .form-row,
|
|
div.mini-account .form-row-first,
|
|
span.mini-account .form-row-last{
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
|
|
.top-account .woocommerce-form__label-for-checkbox{
|
|
padding: 20px 0 10px 0;
|
|
margin-left: 0;
|
|
display: block;
|
|
}
|
|
|
|
.top-account .woocommerce-form__label-for-checkbox span{
|
|
font-size: 90%;
|
|
}
|
|
|
|
.top-account input#rememberme.woocommerce-form__input.woocommerce-form__input-checkbox{
|
|
height: 10px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#masthead .top-wishlist{
|
|
position: relative;
|
|
margin: 0;
|
|
padding: .625rem;
|
|
}
|
|
|
|
#masthead .top-cart{
|
|
position: relative;
|
|
margin: 0;
|
|
padding: .625rem;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart{
|
|
position: absolute;
|
|
top: auto;
|
|
right: 0;
|
|
text-align: left;
|
|
font-size: 90%;
|
|
padding: 10px;
|
|
min-width: 240px;
|
|
max-height: 480px;
|
|
overflow: auto;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
z-index: 99999;
|
|
transform: translateY(40px);
|
|
background: #fff;
|
|
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1);
|
|
color: #313131;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#masthead .logo-right .top-cart .mini-cart{
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart a,
|
|
#masthead.transparent .top-cart .mini-cart a:not(.button),
|
|
#masthead.transparent #site-navigation .top-cart .mini-cart a:not(.button){
|
|
color: #d82978;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart a.button{
|
|
color: #fff;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart p{
|
|
margin: 0;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart .woocommerce-mini-cart__buttons .button{
|
|
display: block;
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#masthead .top-account:hover .mini-account,
|
|
#masthead .top-account .mini-account.locked,
|
|
#masthead .top-cart:hover .mini-cart,
|
|
#masthead .top-account a:focus ~ .mini-account,
|
|
#masthead .top-cart a:focus ~ .mini-cart{
|
|
top: auto;
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition: all .3s ease;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart ul.cart_list{
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart ul.cart_list li:after, #masthead .top-cart .mini-cart ul.cart_list li:before, #masthead .top-cart .mini-cart ul.product_list_widget li:after, #masthead .top-cart .mini-cart ul.product_list_widget li:before{
|
|
content: ' ';
|
|
display: table;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart ul.cart_list li:after{
|
|
clear: both;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart ul.cart_list li{
|
|
padding: 4px 0;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart ul.cart_list li a{
|
|
display: block;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart a.remove{
|
|
display: block;
|
|
font-size: 2em;
|
|
height: 1em;
|
|
width: 1em;
|
|
text-align: center;
|
|
line-height: 1;
|
|
border-radius: 100%;
|
|
color: red !important;
|
|
text-decoration: none;
|
|
border: 0;
|
|
float: right;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart a.remove:hover{
|
|
color: #fff !important;
|
|
background: red;
|
|
opacity: 1;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart ul.cart_list li img{
|
|
float: right;
|
|
margin-left: 4px;
|
|
width: 42px;
|
|
height: auto;
|
|
box-shadow: none;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart li.empty{
|
|
list-style: none;
|
|
text-align: center;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart dt{
|
|
font-weight: normal;
|
|
}
|
|
|
|
#masthead .top-cart .mini-cart dd{
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
#masthead a.cordero-cart{
|
|
position: relative;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#masthead a.cordero-wishlist{
|
|
position: relative;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
#masthead a.cordero-cart .item-count,
|
|
#masthead a.cordero-wishlist .wishlist_products_counter_number,
|
|
#masthead a.wishlist_products_counter .wishlist_products_counter_number{
|
|
position: absolute;
|
|
top: -0.75em;
|
|
left: auto;
|
|
line-height: 1;
|
|
}
|
|
|
|
#site-branding h1,
|
|
#site-branding p,
|
|
#site-branding .custom-logo{
|
|
margin: 0 0 .4em;
|
|
padding: 0;
|
|
line-height: 1.2;
|
|
transition: all .7s ease;
|
|
}
|
|
|
|
#masthead.scrolled #site-branding h1,
|
|
#masthead.scrolled #site-branding p,
|
|
#masthead.scrolled #site-branding .custom-logo{
|
|
margin-bottom: .2em;
|
|
transition: all .7s ease;
|
|
}
|
|
|
|
.site-title{
|
|
font-family: 'Montserrat';
|
|
font-size: 2.4em;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
|
|
#masthead-inner.logo-left .site-title{
|
|
text-align: left;
|
|
}
|
|
|
|
#masthead-inner.logo-right .site-title{
|
|
text-align: right;
|
|
}
|
|
|
|
.site-title a,
|
|
.site-title a:hover,
|
|
.site-title a:active,
|
|
.site-title a:focus{
|
|
text-decoration: none;
|
|
color: #2d2354;
|
|
padding: 0 .25em;
|
|
}
|
|
|
|
#masthead.transparent .site-title a,
|
|
#masthead.transparent .site-title a:hover,
|
|
#masthead.transparent .site-title a:active,
|
|
#masthead.transparent .site-title a:focus{
|
|
color: #fff;
|
|
}
|
|
|
|
#site-branding.stfls .site-title:first-letter,
|
|
#site-branding.stfls .site-title::first-letter{
|
|
background: #2d2354;
|
|
color: #fff;
|
|
border-radius: .1em;
|
|
padding: 0 .2em;
|
|
margin: 0 .04em 0 0;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
#masthead.transparent #site-branding.stfls .site-title:first-letter,
|
|
#masthead.transparent #site-branding.stfls .site-title::first-letter{
|
|
background: #fff;
|
|
color: #2d2354;
|
|
}
|
|
|
|
#site-branding.border .site-title a{
|
|
border: 3px solid;
|
|
}
|
|
|
|
#site-branding.border .site-title a:focus{
|
|
outline: 1px dotted;
|
|
}
|
|
|
|
#site-branding.stfls .site-title a,
|
|
#site-branding.no-styling .site-title a{
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#site-branding.background .site-title a{
|
|
border: none;
|
|
border-radius: .1em;
|
|
background: #2d2354;
|
|
color: #fff;
|
|
}
|
|
|
|
#masthead.transparent #site-branding.background .site-title a{
|
|
background: #fff;
|
|
color: #2d2354;
|
|
}
|
|
|
|
.site-description{
|
|
clear: both;
|
|
}
|
|
|
|
.tagline-hidden .site-description{
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
position: absolute;
|
|
}
|
|
|
|
.masthead-block{
|
|
background: transparent;
|
|
height: 70px;
|
|
}
|
|
|
|
@media (min-width: 1025px){
|
|
.masthead-left #masthead{
|
|
background: #fbfbfb;
|
|
width: 250px;
|
|
height: 100vh;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: auto;
|
|
z-index: 99;
|
|
}
|
|
|
|
.masthead-left #content,
|
|
.masthead-left #colophon{
|
|
width: calc(100% - 250px);
|
|
margin-left: 250px;
|
|
}
|
|
|
|
.masthead-left #masthead #masthead-inner{
|
|
display: block;
|
|
}
|
|
|
|
.masthead-left #site-navigation{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.masthead-left #primary-menu li{
|
|
float: none;
|
|
}
|
|
|
|
.masthead-left #primary-menu ul{
|
|
left: 20px;
|
|
}
|
|
|
|
.masthead-left .top-search .mini-search,
|
|
.masthead-left #masthead .top-account .mini-account,
|
|
.masthead-left #masthead .top-cart .mini-cart{
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
|
|
.masthead-left #top-bar .widget{
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.masthead-left #top-bar .widget:nth-child(2n+1){
|
|
text-align: center;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.masthead-left #primary.full-width .entry-content .alignfull{
|
|
margin-left: -webkit-calc(-50vw + 50% + 125px);
|
|
margin-left: calc(-50vw + 50% + 125px);
|
|
margin-right: -webkit-calc(-50vw + 50% + 125px);
|
|
margin-right: calc(-50vw + 50% + 125px);
|
|
max-width: calc(100vw - 250px);
|
|
width: calc(100vw - 250px);
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1024px){
|
|
.masthead-left #masthead-inner{
|
|
justify-items: start;
|
|
}
|
|
|
|
.masthead-left #site-branding{
|
|
grid-column: 2/3;
|
|
}
|
|
|
|
.masthead-left .toggle-nav{
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
justify-self: left;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Menu
|
|
--------------------------------------------------------------*/
|
|
.toggle-nav,
|
|
.toggle-nav-open{
|
|
font-size: 32px;
|
|
background: transparent;
|
|
color: #2d2354;
|
|
cursor: pointer;
|
|
width: 32px;
|
|
padding: 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
.toggle-nav-open{
|
|
margin: 0 auto;
|
|
padding: 10px 2px;
|
|
}
|
|
|
|
#masthead.transparent .toggle-nav{
|
|
color: #fff;
|
|
}
|
|
|
|
.toggle-nav:hover,
|
|
.toggle-nav-open:hover{
|
|
background: transparent;
|
|
}
|
|
|
|
.toggle-nav:focus,
|
|
.toggle-nav-open:focus{
|
|
outline: 1px dotted;
|
|
}
|
|
|
|
#primary-menu{
|
|
margin: 0;
|
|
}
|
|
|
|
#primary-menu li{
|
|
float: left;
|
|
position: relative;
|
|
list-style: none;
|
|
}
|
|
|
|
#primary-menu > li{
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#primary-menu li a{
|
|
display: block;
|
|
text-decoration: none;
|
|
padding: .625rem 1em;
|
|
transition: color .3s ease;
|
|
}
|
|
|
|
#masthead.transparent #primary-menu li a{
|
|
color: #fff;
|
|
}
|
|
|
|
#masthead.transparent #primary-menu ul li a{
|
|
color: #2d2354;
|
|
}
|
|
|
|
#primary-menu li.menu-item-has-children a{
|
|
padding-right: 1.5em;
|
|
}
|
|
|
|
#primary-menu:hover li a{
|
|
opacity: .7;
|
|
transition: opacity .3s ease;
|
|
}
|
|
|
|
#primary-menu li:hover a,
|
|
#primary-menu li a:hover{
|
|
opacity: 1;
|
|
transition: opacity .3s ease;
|
|
}
|
|
|
|
#primary-menu ul{
|
|
position: absolute;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
background: #fff;
|
|
color: #2d2354;
|
|
box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1);
|
|
min-width: 180px;
|
|
text-align: left;
|
|
top: 140%;
|
|
margin: 0;
|
|
z-index: 99999;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#primary-menu li.menu-item-has-children.locked > ul,
|
|
#primary-menu li.menu-item-has-children:hover > ul,
|
|
#primary-menu li.menu-item-has-children a:focus ~ ul{
|
|
visibility: visible;
|
|
opacity: 1;
|
|
top: 100%;
|
|
transition: all 0.3s ease;
|
|
}
|
|
#primary-menu ul li{
|
|
width: 100%;
|
|
background: none;
|
|
text-transform: none;
|
|
}
|
|
#primary-menu ul li a{
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#primary-menu li.menu-item-has-children:hover > ul:hover li a{
|
|
opacity: .7;
|
|
transition: opacity .3s ease;
|
|
}
|
|
#primary-menu li.menu-item-has-children:hover > ul li:hover a,
|
|
#primary-menu li.menu-item-has-children:hover > ul li a:hover{
|
|
opacity: 1;
|
|
transition: opacity .3s ease;
|
|
}
|
|
|
|
#primary-menu ul li.menu-item-has-children ul,
|
|
#primary-menu ul li.menu-item-has-children ul,
|
|
#primary-menu ul li.menu-item-has-children.locked ul,
|
|
#primary-menu ul li.menu-item-has-children:hover ul,
|
|
#primary-menu ul li.menu-item-has-children a:focus ~ ul{
|
|
left: 100%;
|
|
top: 5px;
|
|
}
|
|
|
|
.sub-menu li{
|
|
border-bottom: 1px solid rgba(255,255,255,0.1);
|
|
}
|
|
|
|
.sub-menu li:last-child{
|
|
border: 0;
|
|
}
|
|
|
|
#primary-menu li.menu-item-has-children .sub-menu a{
|
|
color: #2d2354;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
margin: 0;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
#primary-menu li.menu-item-has-children:hover .sub-menu a{
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.menu-item-has-children .sub-trigger{
|
|
display: none;
|
|
}
|
|
|
|
.page-links,
|
|
.comments-pagination{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.page-links a,
|
|
.comments-pagination .page-numbers{
|
|
padding: 0 .5em;
|
|
}
|
|
|
|
.posts-navigation,
|
|
.post-navigation{
|
|
padding: 1em 0;
|
|
margin: 0 0 2em 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.posts-navigation .nav-previous,
|
|
.post-navigation .nav-previous{
|
|
float: left;
|
|
width: 50%;
|
|
}
|
|
|
|
.posts-navigation .nav-next,
|
|
.post-navigation .nav-next{
|
|
float: right;
|
|
text-align: right;
|
|
width: 50%;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Footer
|
|
--------------------------------------------------------------*/
|
|
#colophon{
|
|
color: #fff;
|
|
background-color: #2d2354;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
#colophon aside{
|
|
background: transparent;
|
|
color: #fff;
|
|
}
|
|
|
|
.site-footer ul{
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.site-footer ul ul{
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.site-footer a{
|
|
color: #d82978;
|
|
}
|
|
|
|
.top-footer-widget-title,
|
|
.footer-column-widget-title{
|
|
color: #fff;
|
|
position: relative;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#top-footer{
|
|
border-bottom: 1px solid rgba(255,255,255,.05)
|
|
}
|
|
|
|
#top-footer .container{
|
|
padding-top: 1.5em;
|
|
padding-bottom: 1.5em;
|
|
}
|
|
|
|
#middle-footer{
|
|
padding: 1.5em 0 0;
|
|
border-bottom: 1px solid rgba(255,255,255,.05)
|
|
}
|
|
|
|
#middle-footer .container{
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
.middle-footer{
|
|
margin-left: -3%;
|
|
}
|
|
|
|
.footer{
|
|
float: left;
|
|
width: 30.3333333333%;
|
|
margin-left: 3%;
|
|
}
|
|
|
|
#bottom-footer{
|
|
padding: 1.5em 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
#bottom-footer .container{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
#bottom-footer.centered .container,
|
|
#bottom-footer.centered-info-below .container{
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
#bottom-footer.centered .site-info{
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
#bottom-footer.centered-info-below .site-info{
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.site-info .copyright{
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.site-info .sep{
|
|
opacity: .4;
|
|
}
|
|
|
|
.site-info-right,
|
|
#footer-menu ul{
|
|
list-style-type: none;
|
|
list-style: none;
|
|
list-style-image: none;
|
|
line-height: 32px;
|
|
}
|
|
#footer-menu li{
|
|
padding: 0 8px;
|
|
display: inline;
|
|
}
|
|
|
|
#footer-menu a,
|
|
.widget_nav_menu a{
|
|
position: relative;
|
|
}
|
|
|
|
#footer-menu a[href*="facebook.com"],
|
|
.widget_nav_menu a[href*="facebook.com"],
|
|
#footer-menu a[href*="instagram.com"],
|
|
.widget_nav_menu a[href*="instagram.com"],
|
|
#footer-menu a[href*="twitter.com"],
|
|
.widget_nav_menu a[href*="twitter.com"],
|
|
#footer-menu a[href*="youtube.com"],
|
|
.widget_nav_menu a[href*="youtube.com"],
|
|
#footer-menu a[href^="mailto:"],
|
|
.widget_nav_menu a[href^="mailto:"],
|
|
#footer-menu a[href$="/feed/"],
|
|
.widget_nav_menu a[href$="/feed/"]{
|
|
font-size: 1px;
|
|
letter-spacing: -1px;
|
|
margin-right: 0px;
|
|
margin-left: 28px;
|
|
color: transparent;
|
|
}
|
|
|
|
#footer-menu a[href^="tel:"],
|
|
.widget_nav_menu a[href^="tel:"]{
|
|
margin-right: 0px;
|
|
margin-left: 31px;
|
|
}
|
|
|
|
#footer-menu a[href*="facebook.com"]:before,
|
|
.widget_nav_menu a[href*="facebook.com"]:before,
|
|
#footer-menu a[href*="instagram.com"]:before,
|
|
.widget_nav_menu a[href*="instagram.com"]:before,
|
|
#footer-menu a[href*="twitter.com"]:before,
|
|
.widget_nav_menu a[href*="twitter.com"]:before,
|
|
#footer-menu a[href*="youtube.com"]:before,
|
|
.widget_nav_menu a[href*="youtube.com"]:before{
|
|
font-family: dashicons;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
position: absolute;
|
|
font-size: 20px;
|
|
letter-spacing: normal;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius: 100%;
|
|
top: -20px;
|
|
right: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
#footer-menu a[href^="mailto:"]:before,
|
|
.widget_nav_menu a[href^="mailto:"]:before,
|
|
#footer-menu a[href$="/feed/"]:before,
|
|
.widget_nav_menu a[href$="/feed/"]:before{
|
|
font-family: dashicons;
|
|
font-weight: 900;
|
|
text-align: center;
|
|
position: absolute;
|
|
font-size: 20px;
|
|
letter-spacing: normal;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius: 100%;
|
|
top: -20px;
|
|
right: 0;
|
|
color: #fff;
|
|
}
|
|
|
|
#footer-menu a[href^="tel:"]:before,
|
|
.widget_nav_menu a[href^="tel:"]:before{
|
|
font-family: dashicons;
|
|
font-weight: 900;
|
|
text-align: center;
|
|
position: absolute;
|
|
font-size: 20px;
|
|
letter-spacing: normal;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border-radius: 100%;
|
|
top: -6px;
|
|
left: -36px;
|
|
color: #fff;
|
|
}
|
|
|
|
#footer-menu a[href*="facebook.com"]:before,
|
|
.widget_nav_menu a[href*="facebook.com"]:before{
|
|
content: "\f305";
|
|
background: #3b5998;
|
|
}
|
|
#footer-menu a[href*="instagram.com"]:before,
|
|
.widget_nav_menu a[href*="instagram.com"]:before{
|
|
content: "\f12d";
|
|
background: #f04857;
|
|
}
|
|
#footer-menu a[href*="twitter.com"]:before,
|
|
.widget_nav_menu a[href*="twitter.com"]:before{
|
|
content: "\f301";
|
|
background: #1da1f2;
|
|
}
|
|
#footer-menu a[href*="youtube.com"]:before,
|
|
.widget_nav_menu a[href*="youtube.com"]:before{
|
|
content: "\f236";
|
|
background: #ff0000;
|
|
}
|
|
#footer-menu a[href^="mailto:"]:before,
|
|
.widget_nav_menu a[href^="mailto:"]:before{
|
|
content: "\f465";
|
|
background: #d82978;
|
|
}
|
|
#footer-menu a[href^="tel:"]:before,
|
|
.widget_nav_menu a[href^="tel:"]:before{
|
|
content: "\f525";
|
|
background: #d82978;
|
|
}
|
|
#footer-menu a[href$="/feed/"]:before,
|
|
.widget_nav_menu a[href$="/feed/"]:before{
|
|
content: "\f303";
|
|
background: #fd9800;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Pagination CSS
|
|
--------------------------------------------------------------*/
|
|
.pagination{
|
|
text-align: center;
|
|
margin: 2em 0;
|
|
}
|
|
|
|
.pagination span,
|
|
.pagination .dots,
|
|
.pagination a{
|
|
background: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
padding: .67rem 1.33rem;
|
|
color: #313131;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pagination a:hover,
|
|
.pagination .current{
|
|
background: transparent;
|
|
border-color: inherit;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## WooCommerce CSS
|
|
--------------------------------------------------------------*/
|
|
.woocommerce nav.woocommerce-pagination{
|
|
text-align: center;
|
|
margin: 2em 0;
|
|
}
|
|
|
|
.woocommerce nav.woocommerce-pagination ul{
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.woocommerce nav.woocommerce-pagination ul li{
|
|
border: 0;
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.woocommerce nav.woocommerce-pagination ul li a,
|
|
.woocommerce nav.woocommerce-pagination ul li span{
|
|
background: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
padding: .67rem 1.33rem;
|
|
line-height: 2.68;
|
|
color: #313131;
|
|
display: unset;
|
|
}
|
|
|
|
.woocommerce nav.woocommerce-pagination ul li a:focus,
|
|
.woocommerce nav.woocommerce-pagination ul li a:hover,
|
|
.woocommerce nav.woocommerce-pagination ul li span.current{
|
|
background: transparent;
|
|
border-color: inherit;
|
|
}
|
|
|
|
.single.single-product .quantity .input-text.qty.text,
|
|
.p-quantity .input-text.qty.text,
|
|
.woocommerce .quantity .qty{
|
|
-moz-appearance: textfield;
|
|
-webkit-appearance: textfield;
|
|
}
|
|
|
|
.single.single-product .quantity .input-text.qty.text::-webkit-outer-spin-button,
|
|
.p-quantity .input-text.qty.text::-webkit-outer-spin-button,
|
|
.woocommerce .quantity .qty::-webkit-outer-spin-button,
|
|
.single.single-product .quantity .input-text.qty.text::-webkit-inner-spin-button,
|
|
.p-quantity .input-text.qty.text::-webkit-inner-spin-button,
|
|
.woocommerce .quantity .qty::-webkit-inner-spin-button{
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.woocommerce .woocommerce-breadcrumb{
|
|
color: #313131;
|
|
opacity: .8;
|
|
text-align: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.woocommerce-products-header{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.woocommerce .term-description{
|
|
margin: 0;
|
|
padding: 0 0 0 4em;
|
|
}
|
|
|
|
.woocommerce .woocommerce-result-count{
|
|
margin: .7em 0 1em;
|
|
}
|
|
|
|
.woocommerce div.product,
|
|
.woocommerce-page div.product{
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
.woocommerce ul.products li.product,
|
|
.woocommerce-page ul.products li.product,
|
|
.woocommerce ul.products.columns-2 li.product,
|
|
.woocommerce-page ul.products.columns-2 li.product,
|
|
.woocommerce ul.products.columns-3 li.product,
|
|
.woocommerce-page ul.products.columns-3 li.product,
|
|
.woocommerce ul.products.columns-4 li.product,
|
|
.woocommerce-page ul.products.columns-4 li.product,
|
|
.woocommerce ul.products.columns-5 li.product,
|
|
.woocommerce-page ul.products.columns-5 li.product,
|
|
.woocommerce ul.products.columns-6 li.product,
|
|
.woocommerce-page ul.products.columns-6 li.product,
|
|
.woocommerce ul.products.columns-7 li.product,
|
|
.woocommerce-page ul.products.columns-7 li.product,
|
|
.woocommerce ul.products.columns-8 li.product,
|
|
.woocommerce-page ul.products.columns-8 li.product{
|
|
width: auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.woocommerce ul.products li.product .product-extra-img,
|
|
.woocommerce-page ul.products li.product .product-extra-img{
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow: hidden;
|
|
z-index: 8;
|
|
transition: all .5s ease-in;
|
|
}
|
|
|
|
.woocommerce ul.products li.product:hover .product-extra-img,
|
|
.woocommerce-page ul.products li.product:hover .product-extra-img{
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap{
|
|
border-top: 1px solid #f1f1f1;
|
|
}
|
|
|
|
.woocommerce ul.products li.product .woocommerce-loop-category__title,
|
|
.woocommerce ul.products li.product .woocommerce-loop-product__title,
|
|
.woocommerce ul.products li.product h3{
|
|
padding: 0;
|
|
margin: 0 0 .5em;
|
|
font-size: 1.125em;
|
|
}
|
|
|
|
.woocommerce ul.products li.product .woocommerce-placeholder{
|
|
border: none;
|
|
}
|
|
|
|
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist{
|
|
left: auto;
|
|
right: 10px;
|
|
}
|
|
|
|
.yith-wcwl-add-button > a i{
|
|
margin-right: 0;
|
|
font-size: .875em;
|
|
}
|
|
|
|
.woocommerce ul.products li.product .woocommerce-loop-category__title mark.count{
|
|
display: none;
|
|
}
|
|
|
|
.woocommerce div.product div.images .flex-control-thumbs li img{
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.woocommerce div.product p.price,
|
|
.woocommerce div.product span.price,
|
|
.woocommerce div.product .stock,
|
|
.woocommerce ul.products li.product .price{
|
|
color: #313131;
|
|
transition: color .3s ease;
|
|
}
|
|
|
|
.woocommerce ul.products li.product .price{
|
|
font-size: 1em;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.woocommerce div.product p.price,
|
|
.woocommerce div.product span.price,
|
|
.woocommerce div.product .stock{
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
.woocommerce ul.products li.product .price ins,
|
|
.woocommerce div.product p.price ins,
|
|
.woocommerce div.product span.price ins{
|
|
font-weight: 400;
|
|
}
|
|
|
|
.product .product_meta > span{
|
|
position: relative;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.quantity.hidden .minus,
|
|
.quantity.hidden .plus{
|
|
display: none;
|
|
}
|
|
|
|
#add_payment_method .cart-collaterals .cart_totals .discount td,
|
|
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
|
|
.woocommerce-checkout .cart-collaterals .cart_totals .discount td{
|
|
color: #d82978;
|
|
}
|
|
|
|
.woocommerce span.onsale,
|
|
.woocommerce ul.products li.product .onsale{
|
|
background-color: #d82978;
|
|
margin: 0;
|
|
padding: .25em .5em;
|
|
top: 0;
|
|
left: 0;
|
|
right: auto;
|
|
font-weight: normal;
|
|
min-width: auto;
|
|
min-height: auto;
|
|
line-height: 2em;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.woocommerce span.onsale{
|
|
font-size: 1em;
|
|
}
|
|
|
|
.woocommerce ul.products li.product .onsale{
|
|
font-size: .857em;
|
|
}
|
|
|
|
.woocommerce div.product form.cart .variations select{
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.woocommerce .products .star-rating{
|
|
margin: .5em auto .5em;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap a.button,
|
|
.woocommerce .product-addtocart-wrap a.button:hover,
|
|
.woocommerce .product-addtocart-wrap a.added_to_cart,
|
|
.woocommerce .product-addtocart-wrap a.added_to_cart:hover{
|
|
background: transparent;
|
|
color: #d82978;
|
|
padding: 0;
|
|
margin: 0 0 1em 0;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap .add_to_cart_button,
|
|
.woocommerce .product-addtocart-wrap a.added_to_cart{
|
|
position: relative;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap .product_type_simple.add_to_cart_button,
|
|
.woocommerce .product-addtocart-wrap .product_type_simple.add_to_cart_button:hover{
|
|
padding-left: 1.25em;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap .button.product_type_variable,
|
|
.woocommerce .product-addtocart-wrap .button.product_type_variable:hover{
|
|
padding-right: 1em;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap .product_type_simple.add_to_cart_button:before,
|
|
.woocommerce .product-addtocart-wrap .product_type_simple.add_to_cart_button:hover:before{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
font-family: 'dashicons';
|
|
content: "\f174";
|
|
display: block !important;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap .button.product_type_variable:before,
|
|
.woocommerce .product-addtocart-wrap .button.product_type_variable:hover:before{
|
|
position: absolute;
|
|
top: .05em;
|
|
right: 0;
|
|
font-family: 'dashicons';
|
|
content: "\f345";
|
|
display: block !important;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap a.added_to_cart,
|
|
.woocommerce .product-addtocart-wrap a.added_to_cart:hover{
|
|
padding-left: 1.25em;
|
|
margin-top: 1em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.woocommerce .product-addtocart-wrap a.added_to_cart:before{
|
|
position: absolute;
|
|
top: .05em;
|
|
left: 0;
|
|
font-family: 'dashicons';
|
|
font-weight: normal;
|
|
content: "\f177";
|
|
}
|
|
|
|
/*.woocommerce .product-addtocart-wrap .product_type_simple.add_to_cart_button:hover:before,
|
|
.woocommerce .product-addtocart-wrap .product_type_variable.add_to_cart_button:hover:before{
|
|
display: none;
|
|
}*/
|
|
|
|
.woocommerce ul.products li.product .button.add_to_cart_button.added{
|
|
display: none;
|
|
}
|
|
|
|
.woocommerce-error{
|
|
border-color: #b81c23;
|
|
}
|
|
|
|
.woocommerce-info,
|
|
.woocommerce-message{
|
|
border-color: #d82978;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs{
|
|
padding: 0;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:before{
|
|
border-width: 1px;
|
|
border-color: inherit;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:before{
|
|
bottom: -6px;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:before{
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li{
|
|
padding: .5rem 1rem .25rem;
|
|
border-width: 1px;
|
|
border-bottom-width: 0;
|
|
background: #fbfbfb;
|
|
border-color: #f1f1f1;
|
|
margin-left: 10px;
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child{
|
|
margin-left: 0;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
|
|
background: #fff;
|
|
border-color: inherit;
|
|
}
|
|
|
|
.woocommerce #respond input#submit.disabled,
|
|
.woocommerce #respond input#submit:disabled,
|
|
.woocommerce #respond input#submit:disabled[disabled],
|
|
.woocommerce a.button.disabled,
|
|
.woocommerce a.button:disabled,
|
|
.woocommerce a.button:disabled[disabled],
|
|
.woocommerce button.button.disabled,
|
|
.woocommerce button.button:disabled,
|
|
.woocommerce button.button:disabled[disabled],
|
|
.woocommerce input.button.disabled,
|
|
.woocommerce input.button:disabled,
|
|
.woocommerce input.button:disabled[disabled]{
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.woocommerce table.shop_attributes,
|
|
.woocommerce table.shop_attributes th,
|
|
.woocommerce table.shop_attributes td{
|
|
border-width: 0;
|
|
}
|
|
|
|
.woocommerce table.shop_attributes td{
|
|
padding: 0.3em;
|
|
}
|
|
|
|
.woocommerce table.shop_attributes tr:nth-child(2n) td{
|
|
background: transparent;
|
|
}
|
|
|
|
.woocommerce table.shop_attributes tr td,
|
|
.woocommerce table.shop_attributes tr th{
|
|
border-bottom: 1px solid rgba(0,0,0,.1);
|
|
}
|
|
|
|
.woocommerce table.shop_attributes tr:last-child td,
|
|
.woocommerce table.shop_attributes tr:last-child th{
|
|
border-bottom: none;
|
|
}
|
|
|
|
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
|
|
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
|
|
background-color: #d82978;
|
|
}
|
|
|
|
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
top: -.45em;
|
|
}
|
|
|
|
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
|
|
background-color: rgba(0,0,0,.1);
|
|
}
|
|
|
|
.woocommerce .widget_price_filter .ui-slider-horizontal{
|
|
height: .3em;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget:after{
|
|
content: "";
|
|
display: table;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget:after{
|
|
clear: both;
|
|
}
|
|
|
|
|
|
#top-footer ul.product_list_widget li{
|
|
float: left;
|
|
width: 16.666666%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li:nth-child(6n+1){
|
|
clear: both;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li img{
|
|
float: left;
|
|
width: 48px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.woocommerce ins{
|
|
background: transparent;
|
|
}
|
|
|
|
.woocommerce div.product form.cart div.quantity{
|
|
float: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.woocommerce div.product form.cart div.quantity input[type="button"]{
|
|
background-color: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
color: inherit;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.woocommerce div.product form.cart .button{
|
|
float: none;
|
|
width: 100%;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
section.up-sells.products,
|
|
section.related.products{
|
|
clear: both;
|
|
}
|
|
|
|
.woocommerce-MyAccount-navigation ul{
|
|
list-style: none;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
|
|
position: relative;
|
|
display: block;
|
|
padding: .25em 0 .5em;
|
|
color: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
|
|
font-weight: 400;
|
|
}
|
|
|
|
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
|
|
color: inherit;
|
|
}
|
|
|
|
/*
|
|
## fix for WC products when using 'grid' layout
|
|
## standard WC is content: ' ';
|
|
## which causes issues with first item
|
|
*/
|
|
.woocommerce .products ul::after,
|
|
.woocommerce .products ul::before,
|
|
.woocommerce ul.products::after,
|
|
.woocommerce ul.products::before,
|
|
.woocommerce-page ul.products::after,
|
|
.woocommerce-page ul.products::before{
|
|
content: none;
|
|
}
|
|
|
|
.product-template-single-product-image-after.woocommerce #content div.product div.images,
|
|
.product-template-single-product-image-after.woocommerce div.product div.images,
|
|
.product-template-single-product-image-after.woocommerce-page #content div.product div.images,
|
|
.product-template-single-product-image-after.woocommerce-page div.product div.images,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce #content div.product div.images,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product div.images,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce-page #content div.product div.images,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce-page div.product div.images{
|
|
float: right;
|
|
}
|
|
|
|
.product-template-single-product-image-after.woocommerce #content div.product div.summary,
|
|
.product-template-single-product-image-after.woocommerce div.product div.summary,
|
|
.product-template-single-product-image-after.woocommerce-page #content div.product div.summary,
|
|
.product-template-single-product-image-after.woocommerce-page div.product div.summary,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce #content div.product div.summary,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product div.summary,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce-page #content div.product div.summary,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce-page div.product div.summary{
|
|
float: left;
|
|
}
|
|
|
|
.product-template-single-product-image-after.woocommerce div.product div.images .woocommerce-product-gallery__trigger,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
|
|
right: auto;
|
|
left: .5em;
|
|
}
|
|
|
|
.product-template-single-product-image-after.woocommerce .onsale,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce .onsale{
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.product-template-single-product-wide-image.woocommerce #content div.product div.images,
|
|
.product-template-single-product-wide-image.woocommerce div.product div.images,
|
|
.product-template-single-product-wide-image.woocommerce-page #content div.product div.images,
|
|
.product-template-single-product-wide-image.woocommerce-page div.product div.images,
|
|
.product-template-single-product-wide-image.woocommerce #content div.product div.summary,
|
|
.product-template-single-product-wide-image.woocommerce div.product div.summary,
|
|
.product-template-single-product-wide-image.woocommerce-page #content div.product div.summary,
|
|
.product-template-single-product-wide-image.woocommerce-page div.product div.summary,
|
|
.product-template-single-product-wide-image-after.woocommerce #content div.product div.images,
|
|
.product-template-single-product-wide-image-after.woocommerce div.product div.images,
|
|
.product-template-single-product-wide-image-after.woocommerce-page #content div.product div.images,
|
|
.product-template-single-product-wide-image-after.woocommerce-page div.product div.images,
|
|
.product-template-single-product-wide-image-after.woocommerce #content div.product div.summary,
|
|
.product-template-single-product-wide-image-after.woocommerce div.product div.summary,
|
|
.product-template-single-product-wide-image-after.woocommerce-page #content div.product div.summary,
|
|
.product-template-single-product-wide-image-after.woocommerce-page div.product div.summary{
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.product-template-single-product-tabs-inline.woocommerce #content div.product .woocommerce-tabs,
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs,
|
|
.product-template-single-product-tabs-inline.woocommerce-page #content div.product .woocommerce-tabs,
|
|
.product-template-single-product-tabs-inline.woocommerce-page div.product .woocommerce-tabs{
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.product-template-single-product-tabs-inline.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-tabs-inline.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-tabs-inline.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce-page div.product .woocommerce-tabs ul.tabs li{
|
|
display: block;
|
|
}
|
|
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li{
|
|
border-bottom-width: 1px;
|
|
max-width: 100%;
|
|
margin-left: 0;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs::before,
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs::before,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li::before{
|
|
border: none;
|
|
}
|
|
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li a,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li a{
|
|
padding: .25em 0 .25em;
|
|
}
|
|
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li a::after,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li a::after{
|
|
font-family: dashicons;
|
|
content: "\f347";
|
|
font-size: 1.2em;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.product-template-single-product-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after,
|
|
.product-template-single-product-image-after-tabs-inline.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::after{
|
|
content: "";
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Sticky Footer CSS
|
|
--------------------------------------------------------------*/
|
|
html,body{
|
|
height: 100%;
|
|
}
|
|
|
|
#page.sticky-footer{
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
|
|
#colophon.sticky-footer{
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Blocks CSS
|
|
--------------------------------------------------------------*/
|
|
.site-content{
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid{
|
|
margin: 0 0 1em 0;
|
|
display: grid;
|
|
grid-column-gap: 3%;
|
|
grid-row-gap: 2em;
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid.columns-2{
|
|
grid-template-columns: 48.5% 48.5%;
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid.columns-3{
|
|
grid-template-columns: repeat(3,31.333333%);
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid.columns-4{
|
|
grid-template-columns: repeat(4,22.75%);
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid.columns-5{
|
|
grid-column-gap: 2%;
|
|
grid-row-gap: 1.33em;
|
|
grid-template-columns: repeat(5,18.4%);
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid.columns-6{
|
|
grid-column-gap: 2%;
|
|
grid-row-gap: 1.33em;
|
|
grid-template-columns: repeat(6,15%);
|
|
}
|
|
|
|
.wp-block-latest-posts.columns-2 li,
|
|
.wp-block-latest-posts.columns-3 li,
|
|
.wp-block-latest-posts.columns-4 li,
|
|
.wp-block-latest-posts.columns-5 li,
|
|
.wp-block-latest-posts.columns-6 li{
|
|
width: 100%;
|
|
}
|
|
|
|
@media (max-width: 768px){
|
|
.wp-block-latest-posts.is-grid.columns-2,
|
|
.wp-block-latest-posts.is-grid.columns-3,
|
|
.wp-block-latest-posts.is-grid.columns-4,
|
|
.wp-block-latest-posts.is-grid.columns-5,
|
|
.wp-block-latest-posts.is-grid.columns-6{
|
|
grid-column-gap: 3%;
|
|
grid-row-gap: 2em;
|
|
grid-template-columns: 48.5% 48.5%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px){
|
|
.wp-block-latest-posts.is-grid.columns-2,
|
|
.wp-block-latest-posts.is-grid.columns-3,
|
|
.wp-block-latest-posts.is-grid.columns-4,
|
|
.wp-block-latest-posts.is-grid.columns-5,
|
|
.wp-block-latest-posts.is-grid.columns-6{
|
|
grid-template-columns: 100%;
|
|
}
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid li{
|
|
margin: 0;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
|
|
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__featured-image > img{
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid li > a{
|
|
font-family: 'Montserrat';
|
|
font-size: 1.25em;
|
|
font-weight: normal;
|
|
margin: 1rem 0 0 0;
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-date{
|
|
font-size: .8125em;
|
|
margin: 0;
|
|
color: inherit;
|
|
opacity: .7;
|
|
}
|
|
|
|
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt{
|
|
margin: 0 0 1em 0;
|
|
}
|
|
|
|
.wp-block-group.has-background,
|
|
p.has-background{
|
|
padding: 1em 1.5em;
|
|
}
|
|
|
|
#primary.full-width .entry-content .alignfull{
|
|
margin-left: -webkit-calc(-50vw + 50%);
|
|
margin-left: calc(-50vw + 50%);
|
|
margin-right: -webkit-calc(-50vw + 50%);
|
|
margin-right: calc(-50vw + 50%);
|
|
max-width: 100vw;
|
|
width: 100vw;
|
|
}
|
|
|
|
.entry-content .alignfull,
|
|
.entry-content .alignwide{
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-image.alignfull img,
|
|
.wp-block-image.alignwide img{
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-cover,
|
|
.wp-block-cover-image{
|
|
background-color: #2d2354;
|
|
color: #fff;
|
|
}
|
|
|
|
.wp-block-cover-image.alignfull > .wp-block-cover-image__inner-container > .wp-block-group,
|
|
.wp-block-cover.alignfull > .wp-block-cover__inner-container > .wp-block-group,
|
|
.wp-block-group.alignfull > .wp-block-group__inner-container > .wp-block-group{
|
|
width: 96%;
|
|
max-width: 1240px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.wp-block-button__link{
|
|
background-color: #d82978;
|
|
border-radius: 0;
|
|
font-size: 1em;
|
|
color: #fff;
|
|
margin-bottom: 1em;
|
|
padding: .5em 1em;
|
|
}
|
|
|
|
.is-style-outline .wp-block-button__link{
|
|
color: #313131;
|
|
}
|
|
|
|
.wp-block-column > div{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.has-drop-cap:not(:focus)::first-letter{
|
|
font-size: 6em;
|
|
font-weight: normal;
|
|
margin: 0.05em 0.1em 0 0;
|
|
}
|
|
|
|
.has-drop-cap:not(:focus)::first-letter::after{
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
.has-drop-cap:not(:focus)::after{
|
|
padding: 0;
|
|
}
|
|
|
|
hr.wp-block-separator{
|
|
background-color: rgba(0,0,0,0.1);
|
|
border: 0;
|
|
height: 4px;
|
|
margin-bottom: 2em;
|
|
width: 20%;
|
|
}
|
|
|
|
hr.wp-block-separator.extra-small,
|
|
hr.wp-block-separator.is-style-extra-small{
|
|
width: 1em;
|
|
max-width: 100%;
|
|
}
|
|
|
|
hr.wp-block-separator.small,
|
|
hr.wp-block-separator.is-style-small{
|
|
width: 4em;
|
|
max-width: 100%;
|
|
}
|
|
|
|
hr.wp-block-separator.medium,
|
|
hr.wp-block-separator.is-style-medium{
|
|
width: 10em;
|
|
max-width: 100%;
|
|
}
|
|
|
|
hr.wp-block-separator.large,
|
|
hr.wp-block-separator.is-style-large{
|
|
width: 16em;
|
|
max-width: 100%;
|
|
}
|
|
|
|
hr.wp-block-separator.extra-large,
|
|
hr.wp-block-separator.is-style-extra-large{
|
|
width: 22em;
|
|
max-width: 100%;
|
|
}
|
|
|
|
hr.wp-block-separator.huge,
|
|
hr.wp-block-separator.is-style-huge{
|
|
width: 28em;
|
|
max-width: 100%;
|
|
}
|
|
|
|
hr.wp-block-separator.align-left,
|
|
hr.wp-block-separator.is-style-align-left{
|
|
margin-left: 0;
|
|
}
|
|
|
|
hr.wp-block-separator.align-right,
|
|
hr.wp-block-separator.is-style-align-right{
|
|
margin-right: 0;
|
|
}
|
|
|
|
.wp-block-separator.is-style-wide{
|
|
width: 100%;
|
|
}
|
|
|
|
.wp-block-separator.is-style-dots{
|
|
width: auto;
|
|
}
|
|
|
|
.wp-block-separator.is-style-dots::before{
|
|
font-size: 2em;
|
|
color: initial;
|
|
}
|
|
|
|
.wp-block-quote{
|
|
border-left: 4px solid;
|
|
padding: 0 0 0 1em;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.wp-block-pullquote{
|
|
border-left: none;
|
|
border-top: 4px solid;
|
|
border-bottom: 4px solid;
|
|
padding: 3em 0 3em 0;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.wp-block-pullquote blockquote{
|
|
border-left: none;
|
|
}
|
|
|
|
.has-accent-color-color,
|
|
.wp-block-button__link.has-accent-color-color,
|
|
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-color-color,
|
|
hr.wp-block-separator.has-accent-color-color{
|
|
color: #d82978;
|
|
}
|
|
|
|
.has-accent-color-background-color,
|
|
.wp-block-button__link.has-accent-color-background-color,
|
|
hr.wp-block-separator.has-accent-color-background-color,
|
|
.wp-block-cover-image.has-background-dim.has-accent-color-background-color,
|
|
.wp-block-cover.has-background-dim.has-accent-color-background-color{
|
|
background-color: #d82978;
|
|
}
|
|
|
|
.has-accent-color-2-color,
|
|
.wp-block-button__link.has-accent-color-2-color,
|
|
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-color-2-color,
|
|
hr.wp-block-separator.has-accent-color-2-color{
|
|
color: #2d2354;
|
|
}
|
|
|
|
.has-accent-color-2-background-color,
|
|
.wp-block-button__link.has-accent-color-2-background-color,
|
|
hr.wp-block-separator.has-accent-color-2-background-color,
|
|
.wp-block-cover-image.has-background-dim.has-accent-color-2-background-color,
|
|
.wp-block-cover.has-background-dim.has-accent-color-2-background-color{
|
|
background-color: #2d2354;
|
|
}
|
|
|
|
.has-accent-color-3-color,
|
|
.wp-block-button__link.has-accent-color-3-color,
|
|
.wp-block-button.is-style-outline .wp-block-button__link.has-accent-color-3-color,
|
|
hr.wp-block-separator.has-accent-color-3-color{
|
|
color: #fbfbfb;
|
|
}
|
|
|
|
.has-accent-color-3-background-color,
|
|
.wp-block-button__link.has-accent-color-3-background-color,
|
|
hr.wp-block-separator.has-accent-color-3-background-color,
|
|
.wp-block-cover-image.has-background-dim.has-accent-color-3-background-color,
|
|
.wp-block-cover.has-background-dim.has-accent-color-3-background-color{
|
|
background-color: #fbfbfb;
|
|
}
|
|
|
|
.has-black-color,
|
|
.wp-block-button__link.has-black-color,
|
|
.wp-block-button.is-style-outline .wp-block-button__link.has-black-color,
|
|
hr.wp-block-separator.has-black-color{
|
|
color: #000000;
|
|
}
|
|
|
|
.has-black-background-color,
|
|
.wp-block-button__link.has-black-background-color,
|
|
hr.wp-block-separator.has-black-background-color,
|
|
.wp-block-cover-image.has-background-dim.has-black-background-color,
|
|
.wp-block-cover.has-background-dim.has-black-background-color{
|
|
background-color: #000000;
|
|
}
|
|
|
|
.has-white-color,
|
|
.wp-block-button__link.has-white-color,
|
|
.wp-block-button.is-style-outline .wp-block-button__link.has-white-color,
|
|
hr.wp-block-separator.has-white-color{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.has-white-background-color,
|
|
.wp-block-button__link.has-white-background-color,
|
|
hr.wp-block-separator.has-white-background-color,
|
|
.wp-block-cover-image.has-background-dim.has-white-background-color,
|
|
.wp-block-cover.has-background-dim.has-white-background-color{
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.wp-block-columns{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.has-tiny-font-size{
|
|
font-size: 10px;
|
|
}
|
|
|
|
.has-small-font-size{
|
|
font-size: 13px;
|
|
}
|
|
|
|
.has-normal-font-size{
|
|
font-size: 16px;
|
|
}
|
|
|
|
.has-medium-font-size{
|
|
font-size: 24px;
|
|
}
|
|
|
|
.has-large-font-size{
|
|
font-size: 36px;
|
|
}
|
|
|
|
.has-huge-font-size{
|
|
font-size: 48px;
|
|
}
|
|
|
|
.has-gigantic-font-size{
|
|
font-size: 60px;
|
|
}
|
|
|
|
.has-massive-font-size{
|
|
font-size: 72px;
|
|
}
|
|
|
|
@media (min-width:600px) and (max-width: 781px){
|
|
.has-medium-font-size{
|
|
font-size: 20px;
|
|
}
|
|
|
|
.has-large-font-size{
|
|
font-size: 27px;
|
|
}
|
|
|
|
.has-huge-font-size{
|
|
font-size: 36px;
|
|
}
|
|
|
|
.has-gigantic-font-size{
|
|
font-size: 45px;
|
|
}
|
|
|
|
.has-massive-font-size{
|
|
font-size: 54px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:599px){
|
|
.has-medium-font-size{
|
|
font-size: 18px;
|
|
}
|
|
|
|
.has-large-font-size{
|
|
font-size: 23px;
|
|
}
|
|
|
|
.has-huge-font-size{
|
|
font-size: 30px;
|
|
}
|
|
|
|
.has-gigantic-font-size{
|
|
font-size: 36px;
|
|
}
|
|
|
|
.has-massive-font-size{
|
|
font-size: 44px;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Block Styles
|
|
--------------------------------------------------------------*/
|
|
|
|
.is-style-rc-1{
|
|
border-radius: 1px;
|
|
}
|
|
.is-style-rc-2{
|
|
border-radius: 2px;
|
|
}
|
|
.is-style-rc-3{
|
|
border-radius: 3px;
|
|
}
|
|
.is-style-rc-4{
|
|
border-radius: 4px;
|
|
}
|
|
.is-style-rc-5{
|
|
border-radius: 5px;
|
|
}
|
|
.is-style-rc-6{
|
|
border-radius: 6px;
|
|
}
|
|
.is-style-rc-7{
|
|
border-radius: 7px;
|
|
}
|
|
.is-style-rc-8{
|
|
border-radius: 8px;
|
|
}
|
|
.is-style-rc-9{
|
|
border-radius: 9px;
|
|
}
|
|
.is-style-rc-10{
|
|
border-radius: 10px;
|
|
}
|
|
.is-style-rc-11{
|
|
border-radius: 11px;
|
|
}
|
|
.is-style-rc-12{
|
|
border-radius: 12px;
|
|
}
|
|
.is-style-rc-13{
|
|
border-radius: 13px;
|
|
}
|
|
.is-style-rc-14{
|
|
border-radius: 14px;
|
|
}
|
|
.is-style-rc-15{
|
|
border-radius: 15px;
|
|
}
|
|
.is-style-rc-16{
|
|
border-radius: 16px;
|
|
}
|
|
.is-style-rc-17{
|
|
border-radius: 17px;
|
|
}
|
|
.is-style-rc-18{
|
|
border-radius: 18px;
|
|
}
|
|
.is-style-rc-19{
|
|
border-radius: 19px;
|
|
}
|
|
.is-style-rc-20{
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.is-style-content-width{
|
|
width: max-content;
|
|
margin: 0;
|
|
}
|
|
|
|
.is-style-content-width.has-background{
|
|
padding: 0.125em;
|
|
}
|
|
|
|
.is-style-content-width.has-text-align-left{
|
|
margin: 0 auto 0 0;
|
|
}
|
|
|
|
.is-style-content-width.has-text-align-center{
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.is-style-content-width.has-text-align-right{
|
|
margin: 0 0 0 auto;
|
|
}
|
|
|
|
p.is-style-zero-margin,
|
|
h1.is-style-zero-margin,
|
|
h2.is-style-zero-margin,
|
|
h3.is-style-zero-margin,
|
|
h4.is-style-zero-margin,
|
|
h5.is-style-zero-margin,
|
|
h6.is-style-zero-margin{
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.is-style-translucent{
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.is-style-with-separator{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.is-style-with-separator:after{
|
|
display: block;
|
|
content: "";
|
|
margin-left: .5em;
|
|
border-bottom: 2px solid;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.has-text-align-right.is-style-with-separator:after{
|
|
display: none;
|
|
}
|
|
|
|
.has-text-align-right.is-style-with-separator:before{
|
|
display: block;
|
|
content: "";
|
|
margin-right: .5em;
|
|
border-bottom: 2px solid;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.has-text-align-center.is-style-with-separator:before,
|
|
.has-text-align-center.is-style-with-separator:after{
|
|
display: block;
|
|
content: "";
|
|
border-bottom: 2px solid;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.has-text-align-center.is-style-with-separator:before{
|
|
margin-right: .5em;
|
|
}
|
|
|
|
.has-text-align-center.is-style-with-separator:after{
|
|
margin-left: .5em;
|
|
}
|
|
|
|
p.is-style-with-separator:after,
|
|
p.has-text-align-right.is-style-with-separator:before,
|
|
p.has-text-align-center.is-style-with-separator:before,
|
|
p.has-text-align-center.is-style-with-separator:after{
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
.is-style-with-separator-2{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.is-style-with-separator-2:after{
|
|
display: block;
|
|
content: "";
|
|
margin-left: .5em;
|
|
border: .125em solid;
|
|
border-radius: .125em;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.has-text-align-right.is-style-with-separator-2:after{
|
|
display: none;
|
|
}
|
|
|
|
.has-text-align-right.is-style-with-separator-2:before{
|
|
display: block;
|
|
content: "";
|
|
margin-right: .5em;
|
|
border: .125em solid;
|
|
border-radius: .125em;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.has-text-align-center.is-style-with-separator-2:before,
|
|
.has-text-align-center.is-style-with-separator-2:after{
|
|
display: block;
|
|
content: "";
|
|
border: .125em solid;
|
|
border-radius: .125em;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.has-text-align-center.is-style-with-separator-2:before{
|
|
margin-right: .5em;
|
|
}
|
|
|
|
.has-text-align-center.is-style-with-separator-2:after{
|
|
margin-left: .5em;
|
|
}
|
|
|
|
.wp-block-cover.is-style-no-padding,
|
|
.wp-block-cover-image.is-style-no-padding{
|
|
padding: 0;
|
|
}
|
|
|
|
.is-style-point-down{
|
|
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
|
|
}
|
|
|
|
.is-style-point-up{
|
|
clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 0% 100%);
|
|
}
|
|
|
|
.is-style-box-shadow{
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
.wp-block-image.is-style-box-shadow{
|
|
box-shadow: none;
|
|
}
|
|
|
|
.wp-block-image.is-style-box-shadow img{
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.wp-block-image.is-style-chevron-left img{
|
|
clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
|
|
}
|
|
|
|
.wp-block-image.is-style-chevron-right img{
|
|
clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
|
|
}
|
|
|
|
.wp-block-image.is-style-point-down,
|
|
.wp-block-image.is-style-point-up{
|
|
clip-path: none;
|
|
}
|
|
|
|
.wp-block-image.is-style-point-down img{
|
|
clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%);
|
|
}
|
|
|
|
.wp-block-image.is-style-point-up img{
|
|
clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 100%, 0% 100%);
|
|
}
|
|
|
|
.wp-block-group.is-style-quote p:first-of-type,
|
|
.wp-block-group.is-style-quote p:last-of-type{
|
|
position: relative;
|
|
}
|
|
|
|
.wp-block-group.is-style-quote p:last-of-type{
|
|
padding-bottom: .33em;
|
|
}
|
|
|
|
.wp-block-group.is-style-quote p:first-of-type:before,
|
|
.wp-block-group.is-style-quote p:last-of-type:after{
|
|
font-family: dashicons;
|
|
content: "\f122";
|
|
display: inline-block;
|
|
position: relative;
|
|
font-size: 2em;
|
|
opacity: .25;
|
|
}
|
|
|
|
.wp-block-group.is-style-quote p:first-of-type:before{
|
|
top: 0;
|
|
right: -.33em;
|
|
}
|
|
|
|
.wp-block-group.is-style-quote p:last-of-type:after{
|
|
vertical-align: text-top;
|
|
transform: rotate(180deg);
|
|
top: .165em;
|
|
left: -.33em;
|
|
}
|
|
|
|
.is-style-bordered .blocks-gallery-grid .blocks-gallery-image,
|
|
.is-style-bordered .blocks-gallery-grid .blocks-gallery-item,
|
|
.wp-block-gallery.is-style-bordered .blocks-gallery-image,
|
|
.wp-block-gallery.is-style-bordered .blocks-gallery-item{
|
|
border-radius: 10px;
|
|
padding: 10px;
|
|
background-color: rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.is-style-bordered .blocks-gallery-grid .blocks-gallery-image figure img,
|
|
.is-style-bordered .blocks-gallery-grid .blocks-gallery-item figure img,
|
|
.wp-block-gallery.is-style-bordered .blocks-gallery-image figure img,
|
|
.wp-block-gallery.is-style-bordered .blocks-gallery-item figure img{
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.is-style-bordered .blocks-gallery-grid .blocks-gallery-image figcaption,
|
|
.is-style-bordered .blocks-gallery-grid .blocks-gallery-item figcaption,
|
|
.wp-block-gallery.is-style-bordered .blocks-gallery-image figcaption,
|
|
.wp-block-gallery.is-style-bordered .blocks-gallery-item figcaption{
|
|
bottom: 10px;
|
|
width: calc(100% - 20px);
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
.is-style-box-shadow .blocks-gallery-grid,
|
|
.wp-block-gallery.is-style-box-shadow{
|
|
box-shadow: none;
|
|
}
|
|
|
|
.is-style-box-shadow .blocks-gallery-grid .blocks-gallery-image,
|
|
.is-style-box-shadow .blocks-gallery-grid .blocks-gallery-item,
|
|
.wp-block-gallery.is-style-box-shadow .blocks-gallery-image,
|
|
.wp-block-gallery.is-style-boc-shadow .blocks-gallery-item{
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.is-style-framed .blocks-gallery-grid .blocks-gallery-image,
|
|
.is-style-framed .blocks-gallery-grid .blocks-gallery-item,
|
|
.wp-block-gallery.is-style-framed .blocks-gallery-image,
|
|
.wp-block-gallery.is-style-framed .blocks-gallery-item{
|
|
padding: 5px;
|
|
border: 5px solid rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.is-style-framed .blocks-gallery-grid .blocks-gallery-image figcaption,
|
|
.is-style-framed .blocks-gallery-grid .blocks-gallery-item figcaption,
|
|
.wp-block-gallery.is-style-framed .blocks-gallery-image figcaption,
|
|
.wp-block-gallery.is-style-framed .blocks-gallery-item figcaption{
|
|
bottom: 5px;
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
.wp-block-media-text.is-style-angled-divider .wp-block-media-text__media{
|
|
clip-path: polygon(100% 0%,90% 100%,0% 100%,0% 0%);
|
|
}
|
|
|
|
.wp-block-media-text.has-media-on-the-right.is-style-angled-divider .wp-block-media-text__media{
|
|
clip-path: polygon(0% 0%,100% 0%,100% 100%,10% 100%);
|
|
}
|
|
|
|
@media (max-width:599px){
|
|
.wp-block-media-text.is-stacked-on-mobile.is-style-angled-divider .wp-block-media-text__media{
|
|
clip-path: polygon(100% 0%,100% 90%,0% 100%,0% 0%);
|
|
}
|
|
|
|
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right.is-style-angled-divider .wp-block-media-text__media{
|
|
clip-path: polygon(0% 0%,100% 10%,100% 100%,0% 100%);
|
|
}
|
|
}
|
|
|
|
.wp-block-media-text.is-style-inset-frame .wp-block-media-text__media{
|
|
position: relative;
|
|
}
|
|
|
|
.wp-block-media-text.is-style-inset-frame .wp-block-media-text__media:after{
|
|
content: "";
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
left: 20px;
|
|
border: 5px solid rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
.wp-block-media-text.is-style-inset-frame.media-text-overlap-heading .wp-block-media-text__content,
|
|
.wp-block-media-text.is-style-inset-frame.is-style-media-text-overlap .wp-block-media-text__content{
|
|
z-index: 1;
|
|
}
|
|
|
|
.is-style-inset-frame .blocks-gallery-grid .blocks-gallery-image figure,
|
|
.is-style-inset-frame .blocks-gallery-grid .blocks-gallery-item figure,
|
|
.wp-block-gallery.is-style-inset-frame .blocks-gallery-image figure,
|
|
.wp-block-gallery.is-style-inset-frame .blocks-gallery-item figure{
|
|
position: relative;
|
|
}
|
|
|
|
.is-style-inset-frame .blocks-gallery-grid .blocks-gallery-image figure:after,
|
|
.is-style-inset-frame .blocks-gallery-grid .blocks-gallery-item figure:after,
|
|
.wp-block-gallery.is-style-inset-frame .blocks-gallery-image figure:after,
|
|
.wp-block-gallery.is-style-inset-frame .blocks-gallery-item figure:after{
|
|
content: "";
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
left: 20px;
|
|
border: 5px solid rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
.wp-block-cover.is-style-inset-frame,
|
|
.wp-block-cover-image.is-style-inset-frame{
|
|
padding: 40px;
|
|
}
|
|
|
|
.wp-block-cover.is-style-inset-frame:after,
|
|
.wp-block-cover-image.is-style-inset-frame:after{
|
|
content: "";
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
left: 20px;
|
|
border: 5px solid rgba(255, 255, 255, 0.3);
|
|
min-height: calc(100% - 40px);
|
|
}
|
|
/*--------------------------------------------------------------
|
|
## Block Patterns
|
|
--------------------------------------------------------------*/
|
|
|
|
.featured-style-1 .wp-block-columns,
|
|
.wp-block-columns.featured-style-1{
|
|
margin-top: 60px;
|
|
}
|
|
|
|
.featured-style-1 .wp-block-columns .wp-block-column,
|
|
.wp-block-columns.featured-style-1 .wp-block-column{
|
|
background-color: #fbfbfb;
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
border-radius: 6px;
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
.featured-style-1 .wp-block-image{
|
|
margin-top: -60px;
|
|
}
|
|
|
|
.featured-style-1 .wp-block-image figure{
|
|
background-color: #2d2354;
|
|
padding: 1em;
|
|
border-radius: 50%;
|
|
box-shadow: 0px 0px 0px 4px rgba(45, 35, 84, 0.45);
|
|
}
|
|
|
|
.wp-block-columns.pricing-table.has-featured{
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.wp-block-columns.pricing-table .wp-block-column{
|
|
background-color: #fbfbfb;
|
|
padding: 1em;
|
|
border-radius: 6px;
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
.wp-block-columns.pricing-table .wp-block-column.is-featured{
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.06);
|
|
transform: translateY(-30px);
|
|
}
|
|
|
|
.wp-block-columns.pricing-table ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.wp-block-columns.pricing-table li{
|
|
display: block;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.wp-block-columns.pricing-table li:before{
|
|
font-family: dashicons;
|
|
content: "\f147";
|
|
font-size: 1.4em;
|
|
vertical-align: middle;
|
|
margin-right: 0.5em;
|
|
margin-left: -1.5em;
|
|
}
|
|
|
|
.wp-block-columns.pricing-table div.wp-block-buttons{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.wp-block-cover.has-overlap{
|
|
padding-bottom: 120px;
|
|
}
|
|
|
|
.wp-block-columns.overlap,
|
|
.wp-block-columns.pricing-table.has-featured.overlap{
|
|
position: relative;
|
|
z-index: 9;
|
|
margin-top: -90px;
|
|
}
|
|
|
|
.features-media-text .wp-block-media-text__content .wp-block-columns:last-child{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.features-media-text .wp-block-media-text__content .wp-block-columns .wp-block-column:first-child{
|
|
flex-basis: 18%;
|
|
}
|
|
|
|
.features-media-text .wp-block-media-text__content .wp-block-columns .wp-block-column:nth-child(2n){
|
|
flex-basis: 78%;
|
|
margin-left: 4%;
|
|
}
|
|
|
|
.wp-block-columns.with-offset{
|
|
margin-top: 4em;
|
|
}
|
|
|
|
.wp-block-columns.with-offset .wp-block-column.has-offset,
|
|
.wp-block-column.is-style-offset{
|
|
margin-top: -4em;
|
|
margin-bottom: 4em;
|
|
}
|
|
|
|
.wp-block-column.is-style-offset-box-shadow{
|
|
margin-top: -4em;
|
|
margin-bottom: 4em;
|
|
box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.03);
|
|
}
|
|
|
|
.wp-block-columns.without-gaps .wp-block-column:not(:first-child),
|
|
.wp-block-columns.is-style-no-spacing .wp-block-column:not(:first-child){
|
|
margin-left: 0;
|
|
}
|
|
|
|
.wp-block-gallery.without-gaps .blocks-gallery-item,
|
|
.wp-block-gallery.is-style-no-spacing .blocks-gallery-item{
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.wp-block-media-text.food-menu-item .wp-block-media-text__content .wp-block-separator{
|
|
margin-left: -25%;
|
|
margin-top: -28px;
|
|
height: 1px;
|
|
width: 45%;
|
|
}
|
|
|
|
.wp-block-media-text.has-media-on-the-right.food-menu-item .wp-block-media-text__content .wp-block-separator{
|
|
margin-left: 80%;
|
|
}
|
|
|
|
.wp-block-cover.about-profile .wp-block-columns{
|
|
margin-top: 2em;
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.about-profile .wp-block-column .wp-block-image{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.about-profile .wp-block-column hr.wp-block-separator{
|
|
width: 150%;
|
|
max-width: unset;
|
|
}
|
|
|
|
.about-profile .wp-block-column .wp-block-social-links{
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.wp-block-group.testimonial:before{
|
|
font-family: dashicons;
|
|
font-size: 2.4em;
|
|
content: "\f122";
|
|
color: #d82978;
|
|
}
|
|
|
|
.wp-block-group.testimonial hr.wp-block-separator{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.media-text-overlap-heading.wp-block-media-text{
|
|
-ms-grid-columns: 50% 1fr !important;
|
|
grid-template-columns: 50% 1fr !important;
|
|
}
|
|
|
|
.media-text-overlap-heading.wp-block-media-text.has-media-on-the-right{
|
|
-ms-grid-columns: 1fr 50% !important;
|
|
grid-template-columns: 1fr 50% !important;
|
|
}
|
|
|
|
.media-text-overlap-heading.wp-block-media-text .wp-block-media-text__content h1:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text .wp-block-media-text__content h2:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text .wp-block-media-text__content h3:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text .wp-block-media-text__content h4:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text .wp-block-media-text__content h5:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text .wp-block-media-text__content h6:first-child{
|
|
width: 216%;
|
|
margin-left: -117.5%;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.media-text-overlap-heading.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content h1:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content h2:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content h3:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content h4:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content h5:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content h6:first-child{
|
|
margin-left: 0;
|
|
margin-right: -117.5%;
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.media-text-overlap,
|
|
.wp-block-media-text.is-image-fill.is-style-media-text-overlap{
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-top.media-text-overlap,
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-top.is-style-media-text-overlap{
|
|
margin-top: 0;
|
|
margin-bottom: 90px;
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-bottom.media-text-overlap,
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-bottom.is-style-media-text-overlap{
|
|
margin-top: 90px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.media-text-overlap figure.wp-block-media-text__media,
|
|
.wp-block-media-text.is-image-fill.is-style-media-text-overlap figure.wp-block-media-text__media{
|
|
height: calc(100% + 120px);
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-top.media-text-overlap figure.wp-block-media-text__media,
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-top.is-style-media-text-overlap figure.wp-block-media-text__media,
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-bottom.media-text-overlap figure.wp-block-media-text__media,
|
|
.wp-block-media-text.is-image-fill.is-vertically-aligned-bottom.is-style-media-text-overlap figure.wp-block-media-text__media{
|
|
height: calc(100% + 90px);
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.media-text-overlap .wp-block-media-text__content,
|
|
.wp-block-media-text.is-image-fill.is-style-media-text-overlap .wp-block-media-text__content{
|
|
margin-left: -120px;
|
|
padding-top: 20%;
|
|
padding-bottom: 20%;
|
|
background: inherit;
|
|
}
|
|
|
|
.wp-block-media-text.has-media-on-the-right.is-image-fill.media-text-overlap .wp-block-media-text__content,
|
|
.wp-block-media-text.has-media-on-the-right.is-image-fill.is-style-media-text-overlap .wp-block-media-text__content{
|
|
margin-left: 0;
|
|
margin-right: -120px;
|
|
}
|
|
|
|
.ribbon-group{
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.ribbon-group > .wp-block-group__inner-container > *:not(.alignfull){
|
|
max-width: calc(100% - 60px) !important;
|
|
}
|
|
|
|
.ribbon-group .wp-block-group__inner-container > h1,
|
|
.ribbon-group .wp-block-group__inner-container > h2,
|
|
.ribbon-group .wp-block-group__inner-container > h3,
|
|
.ribbon-group .wp-block-group__inner-container > h4,
|
|
.ribbon-group .wp-block-group__inner-container > h5,
|
|
.ribbon-group .wp-block-group__inner-container > h6{
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 20px 30px;
|
|
margin: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.ribbon-group .wp-block-group__inner-container > h1:before,
|
|
.ribbon-group .wp-block-group__inner-container > h2:before,
|
|
.ribbon-group .wp-block-group__inner-container > h3:before,
|
|
.ribbon-group .wp-block-group__inner-container > h4:before,
|
|
.ribbon-group .wp-block-group__inner-container > h5:before,
|
|
.ribbon-group .wp-block-group__inner-container > h6:before{
|
|
content: "";
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
left: 0;
|
|
top: 100%;
|
|
background: inherit;
|
|
border: 30px solid rgba(0,0,0,0.25);
|
|
clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
|
|
}
|
|
|
|
.ribbon-group > .wp-block-group__inner-container > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){
|
|
position: relative;
|
|
margin: -10px 0 10px 60px;
|
|
}
|
|
|
|
.rtl .ribbon-group .wp-block-group__inner-container > h1:before,
|
|
.rtl .ribbon-group .wp-block-group__inner-container > h2:before,
|
|
.rtl .ribbon-group .wp-block-group__inner-container > h3:before,
|
|
.rtl .ribbon-group .wp-block-group__inner-container > h4:before,
|
|
.rtl .ribbon-group .wp-block-group__inner-container > h5:before,
|
|
.rtl .ribbon-group .wp-block-group__inner-container > h6:before{
|
|
left: auto;
|
|
right: 0;
|
|
clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
|
|
}
|
|
|
|
.rtl .ribbon-group > .wp-block-group__inner-container > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){
|
|
position: relative;
|
|
margin: -10px 60px 10px 0;
|
|
}
|
|
|
|
@media (max-width: 781px){
|
|
.featured-style-1 .wp-block-columns .wp-block-column,
|
|
.wp-block-columns.featured-style-1 .wp-block-column{
|
|
flex-basis: 100% !important;
|
|
margin-bottom: 90px;
|
|
}
|
|
|
|
.wp-block-columns.pricing-table .wp-block-column{
|
|
flex-basis: 100% !important;
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
.wp-block-columns.pricing-table .wp-block-column.is-featured{
|
|
transform: none;
|
|
}
|
|
|
|
.featured-style-1 .wp-block-columns .wp-block-column:nth-child(2n),
|
|
.wp-block-columns.featured-style-1 .wp-block-column:nth-child(2n),
|
|
.wp-block-columns.pricing-table .wp-block-column:nth-child(2n){
|
|
margin-left: 0;
|
|
}
|
|
|
|
.featured-style-1 .wp-block-columns .wp-block-column:last-child,
|
|
.wp-block-columns.featured-style-1 .wp-block-column:last-child,
|
|
.wp-block-columns.pricing-table .wp-block-column:last-child{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.features-media-text .wp-block-media-text__content .wp-block-columns .wp-block-column:first-child{
|
|
flex-basis: 18% !important;
|
|
}
|
|
|
|
.features-media-text .wp-block-media-text__content .wp-block-columns .wp-block-column:nth-child(2n){
|
|
flex-basis: 78% !important;
|
|
}
|
|
|
|
.wp-block-columns.without-gaps .wp-block-column:nth-child(2n),
|
|
.wp-block-columns.is-style-no-spacing .wp-block-column:nth-child(2n){
|
|
margin-left: 0;
|
|
}
|
|
|
|
.wp-block-columns.is-style-not-stacked-on-mobile,
|
|
.wp-block-columns.is-style-no-spacing-not-stacked-on-mobile{
|
|
flex-wrap: nowrap;
|
|
}
|
|
|
|
.wp-block-columns.is-style-not-stacked-on-mobile .wp-block-column,
|
|
.wp-block-columns.is-style-not-stacked-on-mobile.is-style-no-spacing .wp-block-column,
|
|
.wp-block-columns.is-style-no-spacing-not-stacked-on-mobile .wp-block-column{
|
|
flex-basis: auto !important;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.wp-block-columns.is-style-not-stacked-on-mobile .wp-block-column:not(:first-child){
|
|
margin-left: 32px !important;
|
|
}
|
|
|
|
.wp-block-columns.is-style-not-stacked-on-mobile.is-style-no-spacing .wp-block-column:not(:first-child),
|
|
.wp-block-columns.is-style-no-spacing-not-stacked-on-mobile .wp-block-column:not(:first-child){
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width:600px) and (max-width: 781px){
|
|
.wp-block-columns.without-gaps .wp-block-column,
|
|
.wp-block-columns.is-style-no-spacing .wp-block-column{
|
|
flex-basis: 50% !important;
|
|
}
|
|
|
|
.wp-block-columns.cta-with-images .wp-block-column,
|
|
.wp-block-columns.food-menu-item .wp-block-column{
|
|
flex-basis: 100% !important;
|
|
}
|
|
|
|
.wp-block-columns.cta-with-images .wp-block-column:nth-child(2n),
|
|
.wp-block-columns.food-menu-item .wp-block-column:nth-child(2n){
|
|
margin-left: 0;
|
|
}
|
|
|
|
.wp-block-columns.food-menu-item .wp-block-column .has-text-align-right{
|
|
text-align: left;
|
|
}
|
|
|
|
.wp-block-media-text.food-menu-item{
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.wp-block-media-text.food-menu-item .wp-block-media-text__content .has-large-font-size{
|
|
font-size: 24px;
|
|
}
|
|
|
|
.about-profile .wp-block-column hr.wp-block-separator{
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media (max-width:599px){
|
|
.features-media-text.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.features-media-text.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{
|
|
margin-top: 0;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.features-media-text.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content .wp-block-columns .wp-block-column:first-child{
|
|
flex-basis: 18% !important;
|
|
}
|
|
|
|
.features-media-text.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content .wp-block-columns .wp-block-column:nth-child(2n){
|
|
flex-basis: 78% !important;
|
|
}
|
|
|
|
.wp-block-columns.with-offset{
|
|
margin-top: 0;
|
|
}
|
|
|
|
.wp-block-columns.with-offset .wp-block-column.has-offset,
|
|
.wp-block-column.is-style-offset,
|
|
.wp-block-column.is-style-offset-box-shadow{
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.wp-block-columns.food-menu > .wp-block-column:first-child{
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.wp-block-columns.food-menu-item .wp-block-column:first-child{
|
|
flex-basis: 66.66% !important;
|
|
}
|
|
|
|
.wp-block-columns.food-menu-item .wp-block-column:nth-child(2n){
|
|
flex-basis: 33.33% !important;
|
|
}
|
|
|
|
.wp-block-media-text.food-menu-item{
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
.wp-block-media-text.food-menu-item .wp-block-media-text__content .wp-block-separator{
|
|
display: none;
|
|
}
|
|
|
|
.about-profile .wp-block-column hr.wp-block-separator{
|
|
width: 25%;
|
|
}
|
|
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{
|
|
-ms-grid-columns: 100% !important;
|
|
grid-template-columns: 100% !important;
|
|
}
|
|
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h1:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h2:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h3:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h4:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h5:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content h6:first-child{
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-top: -1em;
|
|
}
|
|
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content h1:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content h2:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content h3:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content h4:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content h5:first-child,
|
|
.media-text-overlap-heading.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content h6:first-child{
|
|
margin-right: 0;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.media-text-overlap.is-stacked-on-mobile,
|
|
.wp-block-media-text.is-image-fill.is-style-media-text-overlap.is-stacked-on-mobile{
|
|
width: 90%;
|
|
margin-left: 5%;
|
|
margin-right: 5%;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#primary.full-width .entry-content .alignfull.wp-block-media-text.is-image-fill.media-text-overlap.is-stacked-on-mobile,
|
|
#primary.full-width .entry-content .alignfull.wp-block-media-text.is-image-fill.is-style-media-text-overlap.is-stacked-on-mobile{
|
|
width: 100%;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.media-text-overlap.is-stacked-on-mobile figure.wp-block-media-text__media,
|
|
.wp-block-media-text.is-image-fill.is-style-media-text-overlap.is-stacked-on-mobile figure.wp-block-media-text__media{
|
|
height: 100%;
|
|
width: 111%;
|
|
margin-left: -5.5%;
|
|
}
|
|
|
|
.wp-block-media-text.is-image-fill.media-text-overlap.is-stacked-on-mobile .wp-block-media-text__content,
|
|
.wp-block-media-text.is-image-fill.is-style-media-text-overlap.is-stacked-on-mobile .wp-block-media-text__content{
|
|
margin-top: -40px;
|
|
margin-left: 0;
|
|
padding-top: 8%;
|
|
padding-bottom: 8%;
|
|
}
|
|
|
|
.wp-block-media-text.has-media-on-the-right.is-image-fill.media-text-overlap .wp-block-media-text__content,
|
|
.wp-block-media-text.has-media-on-the-right.is-image-fill.is-style-media-text-overlap .wp-block-media-text__content{
|
|
margin-bottom: -40px;
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## WooCommerce Blocks CSS
|
|
--------------------------------------------------------------*/
|
|
|
|
.wp-block-woocommerce-attribute-filter,
|
|
.wp-block-woocommerce-price-filter{
|
|
background: #fbfbfb;
|
|
padding: 1em 1.5em .25em 1.5em;
|
|
}
|
|
|
|
.wp-block-woocommerce-active-filters > h5{
|
|
background: #fbfbfb;
|
|
padding: 1rem 1.5rem 1.25em 1.5rem;
|
|
margin: 0;
|
|
}
|
|
|
|
.wp-block-woocommerce-active-filters > div{
|
|
background: #fbfbfb;
|
|
padding: 0 1.5em 0 1.5em;
|
|
}
|
|
|
|
.wp-block-woocommerce-active-filters > div:last-child{
|
|
background: #fbfbfb;
|
|
padding-bottom: .25em;
|
|
}
|
|
|
|
.wc-block-attribute-filter .wc-block-attribute-filter-list li{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.wc-block-active-filters .wc-block-active-filters__clear-all{
|
|
color: inherit;
|
|
}
|
|
|
|
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress,
|
|
.rtl .wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress{
|
|
--range-color: #d82978;
|
|
}
|
|
|
|
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper input[type="range"]:focus{
|
|
border: none;
|
|
}
|
|
|
|
.wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-thumb{
|
|
background-image: none;
|
|
background-color: #d82978;
|
|
width: 21px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-thumb{
|
|
background-image: none;
|
|
background-color: #d82978;
|
|
width: 21px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-thumb{
|
|
background-image: none;
|
|
background-color: #d82978;
|
|
width: 21px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-thumb{
|
|
background-image: none;
|
|
background-color: #d82978;
|
|
width: 21px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.wc-block-price-filter .wc-block-price-filter__controls .wc-block-price-filter__amount{
|
|
border-radius: 0;
|
|
}
|
|
|
|
.wc-block-featured-product,
|
|
.wc-block-featured-category{
|
|
background-color: #2d2354;
|
|
overflow: hidden;
|
|
}
|
|
|
|
@media (min-width: 600px){
|
|
.wp-block-column > div.equal-height,
|
|
.wp-block-cover.equal-height,
|
|
.wp-block-cover-image.equal-height,
|
|
.wc-block-featured-product.equal-height,
|
|
.wc-block-featured-category.equal-height{
|
|
min-height: auto !important;
|
|
height: calc(100% - 1em);
|
|
}
|
|
|
|
.wp-block-column > div.equal-height-2,
|
|
.wp-block-cover.equal-height-2,
|
|
.wp-block-cover-image.equal-height-2,
|
|
.wc-block-featured-product.equal-height-2,
|
|
.wc-block-featured-category.equal-height-2{
|
|
min-height: auto !important;
|
|
height: calc(50% - 1em);
|
|
}
|
|
|
|
.wp-block-column > div.equal-height-3,
|
|
.wp-block-cover.equal-height-3,
|
|
.wp-block-cover-image.equal-height-3,
|
|
.wc-block-featured-product.equal-height-3,
|
|
.wc-block-featured-category.equal-height-3{
|
|
min-height: auto !important;
|
|
height: calc(33.333% - 1em);
|
|
}
|
|
|
|
.wp-block-column > div.equal-height-4,
|
|
.wp-block-cover.equal-height-4,
|
|
.wp-block-cover-image.equal-height-4,
|
|
.wc-block-featured-product.equal-height-4,
|
|
.wc-block-featured-category.equal-height-4{
|
|
min-height: auto !important;
|
|
height: calc(25% - 1em);
|
|
}
|
|
}
|
|
|
|
.wc-block-featured-product .wc-block-featured-product__variation{
|
|
font-size: 1.125em;
|
|
}
|
|
|
|
.wc-block-featured-product .wc-block-featured-product__price{
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
.wc-block-grid .wc-block-grid__products,
|
|
.wc-block-grid__products{
|
|
margin: 0 0 1em 0;
|
|
display: grid;
|
|
grid-column-gap: 1%;
|
|
grid-row-gap: 1em;
|
|
}
|
|
|
|
.wc-block-grid.has-1-columns .wc-block-grid__products{
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
.wc-block-grid.has-2-columns .wc-block-grid__products{
|
|
grid-template-columns: 49.5% 49.5%;
|
|
}
|
|
|
|
.wc-block-grid.has-3-columns .wc-block-grid__products{
|
|
grid-template-columns: repeat(3,32.666666%);
|
|
}
|
|
|
|
.wc-block-grid.has-4-columns .wc-block-grid__products{
|
|
grid-template-columns: repeat(4,24.25%);
|
|
}
|
|
|
|
.wc-block-grid.has-5-columns .wc-block-grid__products{
|
|
grid-template-columns: repeat(5,19.2%);
|
|
}
|
|
|
|
.wc-block-grid.has-6-columns .wc-block-grid__products{
|
|
grid-template-columns: repeat(6,15.833333%);
|
|
}
|
|
|
|
.wc-block-grid.has-7-columns .wc-block-grid__products{
|
|
grid-template-columns: repeat(7,13.428571%);
|
|
}
|
|
|
|
.wc-block-grid.has-8-columns .wc-block-grid__products{
|
|
grid-template-columns: repeat(8,11.625%);
|
|
}
|
|
|
|
@media (max-width: 768px){
|
|
.wc-block-grid.has-3-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-4-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-5-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-6-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-7-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-8-columns .wc-block-grid__products{
|
|
display: grid;
|
|
grid-template-columns: 49.5% 49.5%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px){
|
|
.wc-block-grid.has-2-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-3-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-4-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-5-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-6-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-7-columns .wc-block-grid__products,
|
|
.wc-block-grid.has-8-columns .wc-block-grid__products{
|
|
display: grid;
|
|
grid-template-columns: 100%;
|
|
}
|
|
|
|
.wc-block-grid.has-1-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-2-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-3-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-4-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-5-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-6-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-7-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-8-columns .wc-block-grid__product{
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.wc-block-grid.has-2-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-3-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-4-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-5-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-6-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-7-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-8-columns .wc-block-grid__product{
|
|
max-width: 100%;
|
|
}
|
|
|
|
.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
|
|
.wc-block-grid.has-5-columns:not(.alignfull) .wc-block-grid__product,
|
|
.wc-block-grid.has-6-columns:not(.alignfull) .wc-block-grid__product,
|
|
.wc-block-grid.has-7-columns .wc-block-grid__product,
|
|
.wc-block-grid.has-8-columns .wc-block-grid__product{
|
|
font-size: 1em;
|
|
}
|
|
|
|
.wc-block-grid__product{
|
|
background: #fbfbfb;
|
|
border: 1px solid #f1f1f1;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-image{
|
|
margin: 0;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-image img{
|
|
width: 100%;
|
|
}
|
|
|
|
.wc-block-grid__product .product-extra-img{
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
overflow: hidden;
|
|
z-index: 8;
|
|
transition: all .5s ease-in;
|
|
}
|
|
|
|
.wc-block-grid__product:hover .product-extra-img{
|
|
visibility: visible;
|
|
opacity: 1;
|
|
transition: all .5s ease-out;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-title{
|
|
padding: 0;
|
|
margin: 1em 0 .5em;
|
|
font-size: 1.125em;
|
|
font-weight: normal;
|
|
font-family: 'Montserrat';
|
|
color: #313131;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-price{
|
|
padding: 0;
|
|
margin: 0 0 .5em;
|
|
font-size: 1em;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.wc-block-featured-product .wc-block-featured-product__price del
|
|
.wc-block-grid__product .wc-block-grid__product-price del{
|
|
opacity: .5;
|
|
}
|
|
|
|
.wc-block-featured-product .wc-block-featured-product__price ins,
|
|
.wc-block-grid__product .wc-block-grid__product-price ins{
|
|
background: 0 0;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.wc-block-grid__product-onsale{
|
|
background-color: #d82978;
|
|
margin: 0;
|
|
padding: .25em .5em;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: auto;
|
|
font-weight: normal;
|
|
min-width: auto;
|
|
min-height: auto;
|
|
line-height: 2em;
|
|
border-radius: 0;
|
|
border: none;
|
|
color: #fff;
|
|
text-transform: none;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart{
|
|
margin: 0;
|
|
border-top: 1px solid #f1f1f1;
|
|
padding-bottom: 0 !important;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.add_to_cart_button,
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.added_to_cart{
|
|
position: relative;
|
|
background: transparent;
|
|
color: #d82978;
|
|
padding: 1em 1.25em 1em 0;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.add_to_cart_button[href*="add-to-cart"]{
|
|
padding: 1em 0 1em 1.25em;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.add_to_cart_button:before{
|
|
position: absolute;
|
|
top: auto;
|
|
right: 0;
|
|
font-family: 'dashicons';
|
|
content: "\f345";
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.add_to_cart_button[href*="add-to-cart"]:before{
|
|
position: absolute;
|
|
top: auto;
|
|
right: auto;
|
|
left: 0;
|
|
font-family: 'dashicons';
|
|
content: "\f174";
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.add_to_cart_button.added{
|
|
display: none;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.added_to_cart{
|
|
font-weight: 600;
|
|
padding: 1em 0 1em 1.25em;
|
|
}
|
|
|
|
.wc-block-grid__product .wc-block-grid__product-add-to-cart a.added_to_cart:before{
|
|
position: absolute;
|
|
top: auto;
|
|
left: 0;
|
|
font-family: 'dashicons';
|
|
content: "\f177";
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Icons CSS
|
|
--------------------------------------------------------------*/
|
|
|
|
.nav-links .dashicons{
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.woocommerce-pagination .page-numbers .dashicons{
|
|
line-height: 2.1;
|
|
}
|
|
|
|
.comment-list a.comment-reply-link:before{
|
|
font-family: dashicons;
|
|
content: "\f474";
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.toggle-nav:before{
|
|
font-family: dashicons;
|
|
content: "\f228";
|
|
}
|
|
|
|
.toggle-nav-open:before{
|
|
font-family: dashicons;
|
|
content: "\f158";
|
|
}
|
|
|
|
.menu-item-has-children:after{
|
|
font-family: dashicons;
|
|
content: "\f347";
|
|
font-size: 1em;
|
|
text-shadow: none;
|
|
opacity: .8;
|
|
position: absolute;
|
|
top: .7rem;
|
|
right: .2rem;
|
|
}
|
|
.menu-item-has-children .menu-item-has-children:after{
|
|
content: "\f345";
|
|
top: .4rem;
|
|
right: 1rem;
|
|
}
|
|
|
|
#primary-menu:hover .menu-item-has-children:after{
|
|
opacity: .4;
|
|
}
|
|
#primary-menu li.menu-item-has-children:hover:after{
|
|
opacity: .8;
|
|
}
|
|
|
|
#masthead .icons{
|
|
font-family: dashicons;
|
|
font-size: 1.4em;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
#masthead .icons.cordero-icon-search:before{
|
|
display: block;
|
|
width: 1em;
|
|
content: "\f179";
|
|
cursor: pointer;
|
|
}
|
|
|
|
#masthead .top-search.search-open .icons.cordero-icon-search:before{
|
|
content: "\f158";
|
|
}
|
|
|
|
#masthead .cordero-icon-user:before{
|
|
content: "\f110";
|
|
}
|
|
|
|
.logged-in #masthead .cordero-icon-user:before{
|
|
content: "\f110";
|
|
}
|
|
|
|
#masthead .cordero-icon-heart:before{
|
|
content: "\f487";
|
|
}
|
|
|
|
#masthead .icons,
|
|
#masthead a.wishlist_products_counter{
|
|
position: relative;
|
|
}
|
|
|
|
#masthead a.wishlist_products_counter{
|
|
margin-right: 15px;
|
|
}
|
|
|
|
#masthead a.wishlist_products_counter:before{
|
|
font-family: dashicons;
|
|
content: "\f487";
|
|
font-size: 1.4em;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
#masthead .cordero-icon-shopping-cart:before{
|
|
content: "\f174";
|
|
}
|
|
|
|
.shop-filter-wrap .shop-filter-toggle .toggle-icon:before{
|
|
font-family: dashicons;
|
|
content: "\f347";
|
|
position: absolute;
|
|
top: 0;
|
|
left: .5em;
|
|
font-size: 1.4em;
|
|
line-height: 1;
|
|
}
|
|
.shop-filter-wrap .shop-filter-toggle.active .toggle-icon:before{
|
|
content: "\f343";
|
|
}
|
|
|
|
.cordero-icon-folder:before{
|
|
font-family: dashicons;
|
|
content: "\f318";
|
|
font-style: normal;
|
|
}
|
|
|
|
.cordero-icon-tag:before{
|
|
font-family: dashicons;
|
|
content: "\f323";
|
|
font-style: normal;
|
|
}
|
|
|
|
a.more-tag:after{
|
|
font-family: dashicons;
|
|
content: "\f345";
|
|
position: absolute;
|
|
top: .1875em;
|
|
right: auto;
|
|
margin-left: .25em;
|
|
font-size: .875em;
|
|
}
|
|
|
|
.woocommerce-MyAccount-navigation-link:before{
|
|
font-family: dashicons;
|
|
content: "\f12a";
|
|
font-style: normal;
|
|
display: inline-block;
|
|
width: 20px;
|
|
}
|
|
.woocommerce-MyAccount-navigation-link--dashboard:before{
|
|
content: "\f110";
|
|
}
|
|
.woocommerce-MyAccount-navigation-link--orders:before{
|
|
content: "\f513";
|
|
}
|
|
.woocommerce-MyAccount-navigation-link--downloads:before{
|
|
content: "\f316";
|
|
}
|
|
.woocommerce-MyAccount-navigation-link--edit-address:before{
|
|
content: "\f230";
|
|
}
|
|
.woocommerce-MyAccount-navigation-link--edit-account:before{
|
|
content: "\f464";
|
|
}
|
|
.woocommerce-MyAccount-navigation-link--customer-logout:before{
|
|
content: "\f310";
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Jetpack CSS
|
|
--------------------------------------------------------------*/
|
|
|
|
.infinite-scroll #main nav.pagination{
|
|
display: none;
|
|
}
|
|
|
|
.infinite-loader{
|
|
color: #d82978;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.infinite-loader .spinner{
|
|
left: 50% !important;
|
|
}
|
|
|
|
#infinite-handle{
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#infinite-handle span{
|
|
background: transparent;
|
|
font-size: inherit;
|
|
padding: 0;
|
|
}
|
|
|
|
.infinite-wrap .entry-video{
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Responsive CSS
|
|
--------------------------------------------------------------*/
|
|
|
|
@media (max-width: 1120px){
|
|
.container,
|
|
.wp-block-cover-image.alignfull .wp-block-cover__inner-container,
|
|
.wp-block-cover.alignfull .wp-block-cover__inner-container{
|
|
max-width: 100%;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li{
|
|
width: 25%;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li:nth-child(4n+1){
|
|
clear: both;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li:nth-child(6n+1){
|
|
clear: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 1024px){
|
|
|
|
.logo-left #site-branding{
|
|
grid-column: 1/3;
|
|
}
|
|
|
|
.logo-right #site-branding{
|
|
grid-column: 2/4;
|
|
}
|
|
|
|
.logo-left .toggle-nav{
|
|
grid-column: 3/4;
|
|
justify-self: end;
|
|
}
|
|
|
|
.logo-right .toggle-nav{
|
|
grid-column: 1/2;
|
|
justify-self: start;
|
|
}
|
|
|
|
.toggle-nav,
|
|
.toggle-nav-open,
|
|
#site-navigation .menu-close{
|
|
display: block;
|
|
}
|
|
|
|
#site-navigation .menu-close{
|
|
width: 100%;
|
|
}
|
|
|
|
.toggle-nav-open,
|
|
.toggle-nav-open:hover{
|
|
padding: 20px 0;
|
|
background: #fbfbfb;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
width: calc(100% - 2px);
|
|
margin: 1px;
|
|
}
|
|
|
|
.admin-bar .toggle-nav-open{
|
|
padding-top: 66px;
|
|
}
|
|
|
|
#site-navigation .menu-close{
|
|
opacity: 0;
|
|
}
|
|
|
|
#site-navigation .menu-close:focus{
|
|
opacity: 1;
|
|
outline: 1px dotted #2d2354;
|
|
}
|
|
|
|
#site-navigation{
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
background: #fff;
|
|
position: fixed;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 80%;
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden auto;
|
|
box-shadow: 3px -1px 8px rgba(0, 0, 0, 0.4);
|
|
transition: all .3s ease-in;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.menu-open #site-navigation{
|
|
visibility: visible;
|
|
opacity: 1;
|
|
left: 0;
|
|
transition: all .3s ease-out;
|
|
}
|
|
|
|
body.menu-open{
|
|
overflow: hidden;
|
|
}
|
|
|
|
#site-nav-after{
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: -100%;
|
|
width: 100%;
|
|
height: 100vh;
|
|
z-index: 99;
|
|
transition: all .3s ease-in;
|
|
}
|
|
|
|
.menu-open #site-nav-after{
|
|
left: 0;
|
|
cursor: pointer;
|
|
transition: all .3s ease-out;
|
|
}
|
|
|
|
#masthead.transparent #site-navigation,
|
|
#masthead.transparent #site-navigation a,
|
|
#masthead.transparent #primary-menu li a,
|
|
#masthead.transparent .top-search .cordero-icon-search{
|
|
color: #2d2354;
|
|
}
|
|
|
|
#primary-menu{
|
|
padding: 10px 2%;
|
|
}
|
|
|
|
#primary-menu li{
|
|
position: relative;
|
|
width: 100%;
|
|
border-top: 0;
|
|
margin-top: 0;
|
|
}
|
|
#primary-menu > li:after{
|
|
display: none;
|
|
}
|
|
#primary-menu li a{
|
|
display: inline-block;
|
|
padding: 8px 10px;
|
|
margin: 0;
|
|
width: calc(100% - 40px);
|
|
}
|
|
#primary-menu li.menu-item-has-children a,
|
|
#primary-menu li.menu-item-has-children a:hover{
|
|
padding: 8px 10px;
|
|
}
|
|
.menu-item-has-children:after{
|
|
display: none;
|
|
}
|
|
.menu-item-has-children .menu-item-has-children:after{
|
|
display: none;
|
|
}
|
|
#primary-menu > li.current-menu-item,
|
|
#primary-menu > li:hover,
|
|
#primary-menu > li.current-menu-item:hover{
|
|
background-image: none;
|
|
}
|
|
.menu-item-has-children .sub-trigger{
|
|
position: relative;
|
|
width: 30px;
|
|
height: 20px;
|
|
line-height: 0.5;
|
|
z-index: 100;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
color: #2d2354;
|
|
background: transparent;
|
|
}
|
|
|
|
.menu-item-has-children .sub-trigger:focus{
|
|
outline: 1px dotted;
|
|
}
|
|
.menu-item-has-children .sub-trigger:after{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
font-family: dashicons;
|
|
font-size: 26px;
|
|
text-shadow: none;
|
|
content: "\f347";
|
|
}
|
|
.menu-item-has-children .sub-trigger.is-open:after{
|
|
content: "\f343";
|
|
}
|
|
#primary-menu .sub-menu,
|
|
#primary-menu li:hover > .sub-menu,
|
|
#primary-menu ul.children,
|
|
#primary-menu li:hover > ul.children,
|
|
#primary-menu ul li.menu-item-has-children ul,
|
|
#primary-menu ul li.menu-item-has-children ul,
|
|
#primary-menu ul li.menu-item-has-children.locked ul,
|
|
#primary-menu ul li.menu-item-has-children:hover ul,
|
|
#primary-menu ul li.menu-item-has-children a:focus ~ ul{
|
|
left: 0;
|
|
width: 100%;
|
|
border: none;
|
|
box-shadow: none;
|
|
display: none;
|
|
opacity: 1;
|
|
visibility: visible;
|
|
position: relative;
|
|
top: 0 !important;
|
|
transition: none;
|
|
background: transparent;
|
|
}
|
|
#primary-menu .sub-menu li,
|
|
#primary-menu ul.children li{
|
|
padding: 0;
|
|
text-transform: none;
|
|
border: 0;
|
|
}
|
|
|
|
#primary-menu li.menu-item-has-children .sub-menu a{
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
#primary-menu > li > ul,
|
|
#primary-menu > li > ul > li > ul,
|
|
#primary-menu > li > ul > li > ul > li > ul{
|
|
padding-left: 10px;
|
|
}
|
|
|
|
#primary-menu ul{
|
|
transition: none;
|
|
}
|
|
|
|
#primary-menu ul ul,
|
|
#primary-menu ul li:hover ul{
|
|
left: auto;
|
|
top: auto;
|
|
}
|
|
|
|
#masthead .top-account .mini-account,
|
|
#masthead .top-cart .mini-cart{
|
|
display: none;
|
|
}
|
|
|
|
#masthead .extra-wrap{
|
|
justify-content: left;
|
|
padding: 10px 2%;
|
|
}
|
|
|
|
.top-search .mini-search{
|
|
left: 1px;
|
|
right: auto;
|
|
bottom: 40px;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 768px){
|
|
#top-bar .widget{
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
#top-bar .widget:nth-child(odd){
|
|
text-align: center;
|
|
margin-right: 0;
|
|
}
|
|
#top-bar .widget:nth-child(even){
|
|
text-align: center;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#top-bar li{
|
|
margin-left: 7px;
|
|
}
|
|
|
|
#top-bar li:first-child{
|
|
margin-left: 0;
|
|
}
|
|
|
|
#main.post-columns-1 #grid-loop,
|
|
.related-posts.post-columns-1 #grid-loop,
|
|
#main.post-columns-1 .infinite-wrap,
|
|
#main.post-columns-2 #grid-loop,
|
|
.related-posts.post-columns-2 #grid-loop,
|
|
#main.post-columns-2 .infinite-wrap,
|
|
#main.post-columns-3 #grid-loop,
|
|
.related-posts.post-columns-3 #grid-loop,
|
|
#main.post-columns-3 .infinite-wrap,
|
|
#main.post-columns-4 #grid-loop,
|
|
.related-posts.post-columns-4 #grid-loop,
|
|
#main.post-columns-4 .infinite-wrap{
|
|
grid-template-columns: 48.5% 48.5%;
|
|
}
|
|
|
|
.woocommerce ul.products.columns-2,
|
|
.woocommerce-page ul.products.columns-2,
|
|
.woocommerce ul.products.columns-3,
|
|
.woocommerce-page ul.products.columns-3,
|
|
.woocommerce ul.products.columns-4,
|
|
.woocommerce-page ul.products.columns-4,
|
|
.woocommerce ul.products.columns-5,
|
|
.woocommerce-page ul.products.columns-5,
|
|
.woocommerce ul.products.columns-6,
|
|
.woocommerce-page ul.products.columns-6,
|
|
.woocommerce ul.products.columns-7,
|
|
.woocommerce-page ul.products.columns-7,
|
|
.woocommerce ul.products.columns-8,
|
|
.woocommerce-page ul.products.columns-8{
|
|
grid-template-columns: 49.5% 49.5%;
|
|
}
|
|
|
|
.footer{
|
|
width: 47%;
|
|
}
|
|
|
|
.footer:nth-child(3){
|
|
clear: both;
|
|
}
|
|
|
|
.footer:nth-child(3),
|
|
.footer:nth-child(4){
|
|
margin-top: 25px;
|
|
}
|
|
|
|
#masthead .top-account:hover .mini-account,
|
|
#masthead .top-cart:hover .mini-cart{
|
|
transform: translateY(-480px);
|
|
visibility: hidden;
|
|
z-index: -99;
|
|
}
|
|
|
|
#masthead a.cordero-cart{
|
|
margin-right: 12px;
|
|
}
|
|
|
|
#bottom-footer .container{
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
#bottom-footer .site-info{
|
|
margin-bottom: 2em;
|
|
}
|
|
|
|
#bottom-footer.info-right .site-info{
|
|
margin-top: 2em;
|
|
}
|
|
|
|
#shop-filters aside{
|
|
display: block;
|
|
border-right: 0;
|
|
border-top: 1px solid #fff;
|
|
clear: both;
|
|
}
|
|
|
|
#shop-filters aside:first-child{
|
|
border-top: none;
|
|
}
|
|
|
|
#shop-filters aside:after{
|
|
clear: both;
|
|
}
|
|
|
|
#shop-filters aside:before,
|
|
#shop-filters aside:after{
|
|
content: "";
|
|
display: table;
|
|
}
|
|
|
|
#primary{
|
|
width: auto !important;
|
|
float: none !important;
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
#secondary{
|
|
width: auto;
|
|
float: none !important;
|
|
}
|
|
|
|
.sidebar-below #secondary,
|
|
.post-template-template-single-reading #secondary,
|
|
.post-template-template-single-reading-paragraph #secondary{
|
|
display: block;
|
|
}
|
|
|
|
.woocommerce ul.products[class*="columns-"] li.product,
|
|
.woocommerce-page ul.products[class*="columns-"] li.product{
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li{
|
|
width: 50%;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li:nth-child(2n+1){
|
|
clear: both;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li:nth-child(4n+1){
|
|
clear: none;
|
|
}
|
|
|
|
.woocommerce-products-header{
|
|
flex-direction: column;
|
|
}
|
|
|
|
.woocommerce .term-description {
|
|
padding: 0;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 599px){
|
|
#masthead{
|
|
top: 0 !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 580px){
|
|
#comments{
|
|
padding: 15px;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li{
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
#top-footer ul.product_list_widget li:nth-child(2n+1){
|
|
clear: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px){
|
|
.middle-footer{
|
|
margin: 0;
|
|
}
|
|
|
|
.footer{
|
|
width: auto;
|
|
float: none;
|
|
margin: 0 0 20px !important;
|
|
}
|
|
|
|
.footer:last-child{
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#bottom-footer{
|
|
text-align: center;
|
|
}
|
|
|
|
#comments{
|
|
padding: 10px;
|
|
}
|
|
|
|
.author-email-url{
|
|
margin-left: 0
|
|
}
|
|
|
|
.comment-form-author,
|
|
.comment-form-email,
|
|
.comment-form-url{
|
|
width: auto;
|
|
margin-left: 0;
|
|
float: none;
|
|
}
|
|
|
|
#masthead .top-account,
|
|
#masthead .top-wishlist,
|
|
#masthead .top-cart{
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
#main.post-columns-1 #grid-loop,
|
|
.related-posts.post-columns-1 #grid-loop,
|
|
#main.post-columns-1 .infinite-wrap,
|
|
#main.post-columns-2 #grid-loop,
|
|
.related-posts.post-columns-2 #grid-loop,
|
|
#main.post-columns-2 .infinite-wrap,
|
|
#main.post-columns-3 #grid-loop,
|
|
.related-posts.post-columns-3 #grid-loop,
|
|
#main.post-columns-3 .infinite-wrap,
|
|
#main.post-columns-4 #grid-loop,
|
|
.related-posts.post-columns-4 #grid-loop,
|
|
#main.post-columns-4 .infinite-wrap,
|
|
.woocommerce ul.products.columns-2,
|
|
.woocommerce-page ul.products.columns-2,
|
|
.woocommerce ul.products.columns-3,
|
|
.woocommerce-page ul.products.columns-3,
|
|
.woocommerce ul.products.columns-4,
|
|
.woocommerce-page ul.products.columns-4,
|
|
.woocommerce ul.products.columns-5,
|
|
.woocommerce-page ul.products.columns-5,
|
|
.woocommerce ul.products.columns-6,
|
|
.woocommerce-page ul.products.columns-6,
|
|
.woocommerce ul.products.columns-7,
|
|
.woocommerce-page ul.products.columns-7,
|
|
.woocommerce ul.products.columns-8,
|
|
.woocommerce-page ul.products.columns-8{
|
|
grid-template-columns: 100%;
|
|
}
|
|
}
|
|
|
|
/*--------------------------------------------------------------
|
|
## Print CSS
|
|
--------------------------------------------------------------*/
|
|
@media print{
|
|
#masthead,
|
|
#secondary,
|
|
#colophon,
|
|
#respond{
|
|
display: none;
|
|
}
|
|
}
|
|
|