mirror of
https://github.com/10h30/yeuchaybo-v6.git
synced 2026-06-05 15:10:05 +09:00
5178 lines
88 KiB
CSS
Executable File
5178 lines
88 KiB
CSS
Executable File
/*
|
|
* Theme Name: Yeu Chay Bo v6.0
|
|
* Theme URI: https://thuanbui.me/yeuchaybo/
|
|
* Author: Thuan Bui
|
|
* Author URI: https://thuanbui.me
|
|
* Description: A config based Genesis child theme with Gulp and Sass.
|
|
* Version: 6.0.1
|
|
* License: GPL-2.0-or-later
|
|
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
* Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-logo, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
|
|
* Text Domain: child-theme-library
|
|
* Domain Path: /languages
|
|
* Template: genesis
|
|
*/
|
|
@charset 'UTF-8';
|
|
/* # Table of Contents
|
|
|
|
- Reset
|
|
- Normalize 7.0
|
|
- Defaults
|
|
- Box Sizing
|
|
- Float Clearing
|
|
- Typography
|
|
- Headings
|
|
- Forms
|
|
- Objects
|
|
- Tables
|
|
- Accessibility
|
|
- Layout
|
|
- Site Containers
|
|
- Content Width
|
|
- Column Classes
|
|
- Gallery
|
|
- Pricing Tables
|
|
- Common
|
|
- Avatars
|
|
- Genesis
|
|
- Search Form
|
|
- WordPress
|
|
- Gutenberg
|
|
- Header
|
|
- Site Header
|
|
- Title Area
|
|
- Before Header
|
|
- Header Right
|
|
- Hero Section
|
|
- Menus
|
|
- Menus
|
|
- Sub Menus
|
|
- Specific Menus
|
|
- Menu Toggle
|
|
- Sub Menu Toggle
|
|
- Content
|
|
- Entries
|
|
- Entry Content
|
|
- Entry Titles
|
|
- Entry Meta
|
|
- Entry Footer
|
|
- Pagination
|
|
- Comments
|
|
- Sidebars
|
|
- Sidebars
|
|
- Widgets
|
|
- Footer
|
|
- Site Footer
|
|
- Before Footer
|
|
- Footer Widgets
|
|
- Plugins
|
|
- Genesis eNews Extended
|
|
- Genesis Portfolio Pro
|
|
- Genesis Simple FAQ
|
|
- Genesis Simple Share
|
|
- Genesis Testimonial Slider
|
|
- Google Map
|
|
- Ninja Forms
|
|
- SEO Slider
|
|
- Simple Social Icons
|
|
- WP Featherlight
|
|
- WooCommerce Menu Cart
|
|
- Home
|
|
- Front Page Widgets
|
|
- Print
|
|
- Print Styles
|
|
*/
|
|
button,
|
|
hr,
|
|
input {
|
|
overflow: visible;
|
|
}
|
|
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
}
|
|
|
|
progress,
|
|
sub,
|
|
sup {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
[type='checkbox'],
|
|
[type='radio'],
|
|
legend {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
}
|
|
|
|
html {
|
|
line-height: 1.15;
|
|
-ms-text-size-adjust: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
}
|
|
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
main,
|
|
menu,
|
|
nav,
|
|
section {
|
|
display: block;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0.67em 0;
|
|
font-size: 2em;
|
|
}
|
|
|
|
figure {
|
|
margin: 1em 4rem;
|
|
}
|
|
|
|
hr {
|
|
box-sizing: content-box;
|
|
height: 0;
|
|
}
|
|
|
|
code,
|
|
kbd,
|
|
pre,
|
|
samp {
|
|
font-family: monospace;
|
|
font-size: 1em;
|
|
}
|
|
|
|
a {
|
|
background-color: transparent;
|
|
-webkit-text-decoration-skip: objects;
|
|
}
|
|
|
|
abbr[title] {
|
|
border-bottom: none;
|
|
text-decoration: underline;
|
|
-webkit-text-decoration: underline dotted;
|
|
text-decoration: underline dotted;
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
dfn {
|
|
font-style: italic;
|
|
}
|
|
|
|
mark {
|
|
color: #000000;
|
|
background-color: #fdffb6;
|
|
}
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
|
|
sub,
|
|
sup {
|
|
position: relative;
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
audio:not([controls]) {
|
|
display: none;
|
|
height: 0;
|
|
}
|
|
|
|
img {
|
|
border-style: none;
|
|
}
|
|
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
margin: 0;
|
|
font-size: 100%;
|
|
line-height: 1.15;
|
|
}
|
|
|
|
button,
|
|
select {
|
|
text-transform: none;
|
|
}
|
|
|
|
[type='reset'],
|
|
[type='submit'],
|
|
button,
|
|
html [type='button'] {
|
|
-webkit-appearance: button;
|
|
}
|
|
|
|
[type='button']::-moz-focus-inner,
|
|
[type='reset']::-moz-focus-inner,
|
|
[type='submit']::-moz-focus-inner,
|
|
button::-moz-focus-inner {
|
|
padding: 0;
|
|
border-style: none;
|
|
}
|
|
|
|
[type='button']:-moz-focusring,
|
|
[type='reset']:-moz-focusring,
|
|
[type='submit']:-moz-focusring,
|
|
button:-moz-focusring {
|
|
outline: ButtonText dotted 0.1rem;
|
|
}
|
|
|
|
fieldset {
|
|
padding: 0.35em 0.75em 0.625em;
|
|
}
|
|
|
|
legend {
|
|
display: table;
|
|
max-width: 100%;
|
|
color: inherit;
|
|
white-space: normal;
|
|
}
|
|
|
|
textarea {
|
|
overflow: auto;
|
|
}
|
|
|
|
[type='number']::-webkit-inner-spin-button,
|
|
[type='number']::-webkit-outer-spin-button {
|
|
height: auto;
|
|
}
|
|
|
|
[type='search'] {
|
|
-webkit-appearance: textfield;
|
|
outline-offset: -0.2rem;
|
|
}
|
|
|
|
[type='search']::-webkit-search-cancel-button,
|
|
[type='search']::-webkit-search-decoration {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
::-webkit-file-upload-button {
|
|
-webkit-appearance: button;
|
|
font: inherit;
|
|
}
|
|
|
|
summary {
|
|
display: list-item;
|
|
}
|
|
|
|
[hidden],
|
|
template {
|
|
display: none;
|
|
}
|
|
|
|
/* ## Box Sizing
|
|
--------------------------------------------- */
|
|
html,
|
|
input[type='search'] {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
/* ## Float Clearing
|
|
--------------------------------------------- */
|
|
.author-box,
|
|
.clearfix,
|
|
.entry,
|
|
.entry-content,
|
|
.footer-widgets,
|
|
.nav-primary,
|
|
.nav-secondary,
|
|
.pagination,
|
|
.site-container,
|
|
.site-footer,
|
|
.site-header,
|
|
.site-inner,
|
|
.widget,
|
|
.wrap {
|
|
clear: both;
|
|
}
|
|
|
|
.author-box:before,
|
|
.author-box:after,
|
|
.clearfix:before,
|
|
.clearfix:after,
|
|
.entry:before,
|
|
.entry:after,
|
|
.entry-content:before,
|
|
.entry-content:after,
|
|
.footer-widgets:before,
|
|
.footer-widgets:after,
|
|
.nav-primary:before,
|
|
.nav-primary:after,
|
|
.nav-secondary:before,
|
|
.nav-secondary:after,
|
|
.pagination:before,
|
|
.pagination:after,
|
|
.site-container:before,
|
|
.site-container:after,
|
|
.site-footer:before,
|
|
.site-footer:after,
|
|
.site-header:before,
|
|
.site-header:after,
|
|
.site-inner:before,
|
|
.site-inner:after,
|
|
.widget:before,
|
|
.widget:after,
|
|
.wrap:before,
|
|
.wrap:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
/* ## Typography
|
|
--------------------------------------------- */
|
|
* {
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
::-moz-selection {
|
|
background-color: #cbeafb;
|
|
}
|
|
|
|
::selection {
|
|
background-color: #cbeafb;
|
|
}
|
|
|
|
html {
|
|
overflow-x: hidden;
|
|
max-width: 100vw;
|
|
font-size: 62.5%;
|
|
}
|
|
|
|
body {
|
|
overflow-x: hidden;
|
|
max-width: 100vw;
|
|
margin: 0;
|
|
color: #2a3139;
|
|
background-color: #ffffff;
|
|
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
|
|
font-size: 1.8rem;
|
|
font-weight: 400;
|
|
line-height: 1.618;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-font-smoothing: grayscale;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body.boxed-page {
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
body > div {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 1.382em;
|
|
padding: 0;
|
|
}
|
|
|
|
a {
|
|
color: #4d5968;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
a:hover,
|
|
a:focus {
|
|
color: #009cff;
|
|
}
|
|
|
|
ol,
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
hr {
|
|
clear: both;
|
|
margin: 0 0 2em;
|
|
padding: 1em 0 0;
|
|
border: 0;
|
|
border-bottom: 1px solid #eceef1;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: 600;
|
|
}
|
|
|
|
blockquote,
|
|
cite,
|
|
em,
|
|
i {
|
|
font-style: italic;
|
|
}
|
|
|
|
blockquote {
|
|
margin: 0 0 1.382em;
|
|
padding: 0 1em;
|
|
border-left: 2px solid #009cff;
|
|
}
|
|
|
|
blockquote p:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
pre,
|
|
code,
|
|
kbd,
|
|
samp {
|
|
font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace;
|
|
}
|
|
|
|
/* ## Headings
|
|
--------------------------------------------- */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin: 0 0 0.5em;
|
|
font-weight: 700;
|
|
line-height: 1.236;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2.3em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.9em;
|
|
}
|
|
|
|
h4 {
|
|
font-size: 1.8em;
|
|
}
|
|
|
|
h5 {
|
|
font-size: 1.7em;
|
|
}
|
|
|
|
h6 {
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
/* ## Forms
|
|
--------------------------------------------- */
|
|
:focus {
|
|
outline: 2px solid #eceef1;
|
|
}
|
|
|
|
::-moz-placeholder {
|
|
opacity: 1;
|
|
color: #90959f;
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
color: #90959f;
|
|
}
|
|
|
|
input,
|
|
select,
|
|
textarea {
|
|
width: 100%;
|
|
height: 3em;
|
|
padding: 0 1.5em;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 9rem;
|
|
color: #2a3139;
|
|
background-color: #fbfcfd;
|
|
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
|
|
font-size: 1.6rem;
|
|
font-weight: 600;
|
|
line-height: 3;
|
|
}
|
|
|
|
input:focus,
|
|
select:focus,
|
|
textarea:focus {
|
|
border-color: #009cff;
|
|
outline: none;
|
|
}
|
|
|
|
textarea {
|
|
height: auto;
|
|
padding: 1.5em;
|
|
border-radius: 2.5rem;
|
|
line-height: 1.618;
|
|
}
|
|
|
|
input[type='checkbox'],
|
|
input[type='image'],
|
|
input[type='radio'] {
|
|
width: auto;
|
|
}
|
|
|
|
input[type='search'] {
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.button,
|
|
button,
|
|
input[type='button'],
|
|
input[type='reset'],
|
|
input[type='submit'],
|
|
.wp-block-button a {
|
|
display: inline-block;
|
|
width: auto;
|
|
height: 3em;
|
|
padding: 0 3.333333em;
|
|
border: 0;
|
|
border-radius: 9rem;
|
|
color: #ffffff;
|
|
box-shadow: 0 0.25rem 2rem -0.5rem rgba(255, 255, 255, 0);
|
|
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
|
|
font-size: 1.6rem;
|
|
font-weight: 700;
|
|
line-height: 3;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
transition: all 0.3s ease;
|
|
background: #0072ff;
|
|
background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1);
|
|
}
|
|
|
|
.button:hover,
|
|
.button:focus,
|
|
button:hover,
|
|
button:focus,
|
|
input[type='button']:hover,
|
|
input[type='button']:focus,
|
|
input[type='reset']:hover,
|
|
input[type='reset']:focus,
|
|
input[type='submit']:hover,
|
|
input[type='submit']:focus,
|
|
.wp-block-button a:hover,
|
|
.wp-block-button a:focus {
|
|
color: #ffffff;
|
|
box-shadow: 0 0.5rem 2rem -0.5rem rgba(0, 156, 255, 0.3);
|
|
}
|
|
|
|
.button.outline,
|
|
button.outline,
|
|
input[type='button'].outline,
|
|
input[type='reset'].outline,
|
|
input[type='submit'].outline,
|
|
.wp-block-button a.outline {
|
|
color: #009cff;
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 2px #009cff;
|
|
}
|
|
|
|
.button.outline:hover,
|
|
.button.outline:focus,
|
|
button.outline:hover,
|
|
button.outline:focus,
|
|
input[type='button'].outline:hover,
|
|
input[type='button'].outline:focus,
|
|
input[type='reset'].outline:hover,
|
|
input[type='reset'].outline:focus,
|
|
input[type='submit'].outline:hover,
|
|
input[type='submit'].outline:focus,
|
|
.wp-block-button a.outline:hover,
|
|
.wp-block-button a.outline:focus {
|
|
color: #ffffff;
|
|
background-color: #009cff;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.button.white,
|
|
button.white,
|
|
input[type='button'].white,
|
|
input[type='reset'].white,
|
|
input[type='submit'].white,
|
|
.wp-block-button a.white {
|
|
color: #2a3139;
|
|
background: #ffffff;
|
|
box-shadow: 0 0.25rem 2rem rgba(198, 202, 206, 0.05);
|
|
}
|
|
|
|
.button.white:hover,
|
|
.button.white:focus,
|
|
button.white:hover,
|
|
button.white:focus,
|
|
input[type='button'].white:hover,
|
|
input[type='button'].white:focus,
|
|
input[type='reset'].white:hover,
|
|
input[type='reset'].white:focus,
|
|
input[type='submit'].white:hover,
|
|
input[type='submit'].white:focus,
|
|
.wp-block-button a.white:hover,
|
|
.wp-block-button a.white:focus {
|
|
color: #2a3139;
|
|
background: #ffffff;
|
|
box-shadow: 0 1rem 2rem rgba(198, 202, 206, 0.15);
|
|
}
|
|
|
|
.button.white.outline,
|
|
button.white.outline,
|
|
input[type='button'].white.outline,
|
|
input[type='reset'].white.outline,
|
|
input[type='submit'].white.outline,
|
|
.wp-block-button a.white.outline {
|
|
color: #ffffff;
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 2px #ffffff;
|
|
}
|
|
|
|
.button.white.outline:hover,
|
|
.button.white.outline:focus,
|
|
button.white.outline:hover,
|
|
button.white.outline:focus,
|
|
input[type='button'].white.outline:hover,
|
|
input[type='button'].white.outline:focus,
|
|
input[type='reset'].white.outline:hover,
|
|
input[type='reset'].white.outline:focus,
|
|
input[type='submit'].white.outline:hover,
|
|
input[type='submit'].white.outline:focus,
|
|
.wp-block-button a.white.outline:hover,
|
|
.wp-block-button a.white.outline:focus {
|
|
color: #2a3139;
|
|
background: #ffffff;
|
|
box-shadow: inset 0 0 0 0 #ffffff;
|
|
}
|
|
|
|
.button.small,
|
|
button.small,
|
|
input[type='button'].small,
|
|
input[type='reset'].small,
|
|
input[type='submit'].small,
|
|
.wp-block-button a.small {
|
|
height: 2.36em;
|
|
padding: 0 2.36em;
|
|
font-size: 1.3rem;
|
|
line-height: 2.36;
|
|
}
|
|
|
|
.button.large,
|
|
button.large,
|
|
input[type='button'].large,
|
|
input[type='reset'].large,
|
|
input[type='submit'].large,
|
|
.wp-block-button a.large {
|
|
font-size: 1.9rem;
|
|
}
|
|
|
|
.button:disabled,
|
|
button:disabled,
|
|
input[type='button']:disabled,
|
|
input[type='reset']:disabled,
|
|
input[type='submit']:disabled,
|
|
.wp-block-button a:disabled {
|
|
border-width: 0;
|
|
color: #c6cace;
|
|
background: #eceef1;
|
|
box-shadow: none;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.button + button,
|
|
.button + .button,
|
|
button + button,
|
|
button + .button,
|
|
input[type='button'] + button,
|
|
input[type='button'] + .button,
|
|
input[type='reset'] + button,
|
|
input[type='reset'] + .button,
|
|
input[type='submit'] + button,
|
|
input[type='submit'] + .button,
|
|
.wp-block-button a + button,
|
|
.wp-block-button a + .button {
|
|
clear: both;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
input[type='search']::-webkit-search-cancel-button,
|
|
input[type='search']::-webkit-search-results-button {
|
|
display: none;
|
|
}
|
|
|
|
fieldset {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
/* ## Objects
|
|
--------------------------------------------- */
|
|
embed,
|
|
iframe,
|
|
img,
|
|
object,
|
|
video,
|
|
.wp-caption,
|
|
.wp-video-shortcode {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|
|
|
|
img {
|
|
height: auto;
|
|
}
|
|
|
|
figure {
|
|
margin: 0;
|
|
}
|
|
|
|
video {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.no-js .wp-video-shortcode {
|
|
width: 100%;
|
|
border: 1px solid #eceef1;
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
/* ## Tables
|
|
--------------------------------------------- */
|
|
table {
|
|
width: 100%;
|
|
margin-bottom: 4rem;
|
|
border: 1px solid #eceef1;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
background-color: #ffffff;
|
|
line-height: 1;
|
|
}
|
|
|
|
tbody {
|
|
border-bottom: 1px solid #eceef1;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
padding: 0.618em;
|
|
border-top: 1px solid #eceef1;
|
|
border-right: 1px solid #eceef1;
|
|
text-align: left;
|
|
}
|
|
|
|
/* ## Accessibility
|
|
--------------------------------------------- */
|
|
.screen-reader-text,
|
|
.screen-reader-text span,
|
|
.screen-reader-shortcut,
|
|
.wp-custom-logo .site-title,
|
|
.wp-custom-logo .site-description {
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
position: absolute !important;
|
|
width: 0.1rem;
|
|
height: 0.1rem;
|
|
border: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.screen-reader-text:focus,
|
|
.screen-reader-shortcut:focus {
|
|
display: block;
|
|
clip: auto !important;
|
|
z-index: 100000;
|
|
width: auto;
|
|
height: auto;
|
|
padding: 1rem 2rem;
|
|
box-shadow: 0 0 0.2rem 0.2rem rgba(42, 49, 57, 0.1);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.more-link {
|
|
position: relative;
|
|
font-style: normal;
|
|
}
|
|
|
|
.genesis-skip-link {
|
|
margin: 0;
|
|
}
|
|
|
|
.genesis-skip-link li {
|
|
width: 0;
|
|
height: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
/* ## Site Containers
|
|
--------------------------------------------- */
|
|
.boxed-page .site-container {
|
|
max-width: 1152px;
|
|
margin: 0 auto;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 0 0 1px #eceef1, 0 0 10rem rgba(198, 202, 206, 0.1);
|
|
}
|
|
|
|
.content-sidebar-wrap,
|
|
.wrap {
|
|
margin: 0 auto;
|
|
padding-right: 6vw;
|
|
padding-left: 6vw;
|
|
}
|
|
|
|
.content-sidebar-wrap .wrap,
|
|
.wrap .wrap {
|
|
width: auto;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.site-inner {
|
|
clear: both;
|
|
}
|
|
|
|
.home .site-inner {
|
|
padding-top: 61px;
|
|
}
|
|
|
|
.blog .site-inner,
|
|
.archive .site-inner,
|
|
.search-results .site-inner {
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.page-builder .site-inner {
|
|
border-top: 1px solid #eceef1;
|
|
border-bottom: 1px solid #eceef1;
|
|
}
|
|
|
|
.contact-page .site-inner {
|
|
padding-top: 6rem;
|
|
}
|
|
|
|
.content-sidebar-wrap {
|
|
position: relative;
|
|
z-index: 1;
|
|
max-width: 1152px;
|
|
}
|
|
|
|
/* ## Content Widths and Positions
|
|
--------------------------------------------- */
|
|
.content {
|
|
display: flex;
|
|
width: 100%;
|
|
min-height: 40rem;
|
|
padding: 4rem 0;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.home.page .content {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.blog .content,
|
|
.archive .content,
|
|
.search-results .content {
|
|
margin-top: 0;
|
|
padding: 4rem 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.blog .content:before,
|
|
.archive .content:before,
|
|
.search-results .content:before {
|
|
display: none;
|
|
}
|
|
|
|
.home.page .content {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.page .content,
|
|
.single .content,
|
|
.error404 .content {
|
|
position: relative;
|
|
border-radius: 1px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.page .content:before,
|
|
.single .content:before,
|
|
.error404 .content:before {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
height: 40rem;
|
|
box-shadow: 0 -5rem 10rem rgba(42, 49, 57, 0.05);
|
|
content: '';
|
|
pointer-events: none;
|
|
}
|
|
|
|
.sidebar-primary {
|
|
padding-bottom: 5rem;
|
|
}
|
|
|
|
/* ## Column Classes (including fifths)
|
|
--------------------------------------------- */
|
|
.full-width {
|
|
display: block;
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
|
|
.full-width:before,
|
|
.full-width:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
/* ## Gallery
|
|
--------------------------------------------- */
|
|
.gallery,
|
|
.gallery-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.gallery a,
|
|
.gallery img {
|
|
display: block;
|
|
}
|
|
|
|
.single .gallery {
|
|
display: inline-flex;
|
|
position: relative;
|
|
left: 50%;
|
|
width: 100vw;
|
|
max-width: 768px;
|
|
margin: 1.618em auto;
|
|
-webkit-transform: translate(-50%);
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
.gallery-caption {
|
|
display: block;
|
|
}
|
|
|
|
.gallery-item {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0 0 6vw;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ## Pricing Tables
|
|
--------------------------------------------- */
|
|
.pricing-table {
|
|
display: flex;
|
|
margin: 0 auto;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
clear: both;
|
|
}
|
|
|
|
.pricing-table:before,
|
|
.pricing-table:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.pricing-table + .pricing-table {
|
|
margin: 5rem auto;
|
|
}
|
|
|
|
.pricing-table + hr {
|
|
margin: 5rem 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.pricing-table div {
|
|
padding: 3rem;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
.pricing-table div ul {
|
|
margin: 1em 0;
|
|
}
|
|
|
|
.pricing-table div ul li {
|
|
margin: 0;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.pricing-table .featured {
|
|
border: 1px solid #eceef1;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 2rem 5rem -1rem rgba(42, 49, 57, 0.0618);
|
|
-webkit-transform: scale(1.05);
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.pricing-table h4 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.pricing-table p {
|
|
position: relative;
|
|
max-width: 768px;
|
|
margin: 0 auto;
|
|
padding: 0 5%;
|
|
}
|
|
|
|
.pricing-table strong {
|
|
display: block;
|
|
color: #009cff;
|
|
font-size: 2.8em;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.pricing-table em {
|
|
display: block;
|
|
color: #4d5968;
|
|
font-size: small;
|
|
}
|
|
|
|
.pricing-table button,
|
|
.pricing-table .button {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.pricing-table .one-fourth strong {
|
|
font-size: 2.4em;
|
|
}
|
|
|
|
.pricing-table .one-fourth button,
|
|
.pricing-table .one-fourth .button {
|
|
padding-right: 2em;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
/* ## Avatars
|
|
--------------------------------------------- */
|
|
.avatar {
|
|
float: left;
|
|
margin-right: 2rem;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.alignright .avatar {
|
|
margin-left: 2rem;
|
|
}
|
|
|
|
/* ## Genesis
|
|
--------------------------------------------- */
|
|
.breadcrumb {
|
|
width: 100%;
|
|
padding: 1rem 0 0;
|
|
color: #c6cace;
|
|
font-size: 1.4rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.breadcrumb a {
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.breadcrumb a:hover,
|
|
.breadcrumb a:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.after-entry {
|
|
width: 100%;
|
|
margin: 2rem auto;
|
|
padding: 6vw;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
background-color: #f6f8fa;
|
|
text-align: center;
|
|
}
|
|
|
|
.after-entry .enews form {
|
|
display: flex;
|
|
margin: 1em 0 0;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.after-entry .enews input {
|
|
width: 100%;
|
|
margin-bottom: 1em;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.author-box {
|
|
width: 100%;
|
|
max-width: 768px;
|
|
padding: 6vw 0;
|
|
}
|
|
|
|
.author .author-box {
|
|
max-width: 100%;
|
|
margin-bottom: 4rem;
|
|
padding: 4rem;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.author-box p {
|
|
color: #4d5968;
|
|
}
|
|
|
|
.author-box p:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.author-box-title {
|
|
margin-bottom: 0;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
/* ## Search Form
|
|
--------------------------------------------- */
|
|
.search-form {
|
|
display: flex;
|
|
position: relative;
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
clear: both;
|
|
}
|
|
|
|
.search-form:before,
|
|
.search-form:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.search-form .search-toggle {
|
|
display: none;
|
|
width: 2rem;
|
|
height: 2rem;
|
|
background-image: url(assets/images/search.svg);
|
|
cursor: pointer;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.shrink .search-form .search-toggle {
|
|
background-image: url(assets/images/search.svg);
|
|
}
|
|
|
|
.search-form .search-toggle.active {
|
|
background-image: url(assets/images/close.svg);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.shrink .search-form .search-toggle.active {
|
|
background-image: url(assets/images/close.svg);
|
|
}
|
|
|
|
.search-form input[type='search'] {
|
|
width: 30rem;
|
|
margin-right: 1em;
|
|
background-color: rgba(255, 255, 255, 0.2);
|
|
}
|
|
|
|
.site-header .search-form input[type='search'] {
|
|
display: block;
|
|
max-width: 79vw;
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.site-header.shrink .search-form input[type='search'] {
|
|
border: 1px solid #eceef1;
|
|
color: #2a3139;
|
|
}
|
|
|
|
.entry-content .search-form input[type='search'] {
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.search-form input[type='submit'] {
|
|
display: none;
|
|
}
|
|
|
|
.entry .search-form {
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
/* ## WordPress
|
|
--------------------------------------------- */
|
|
a.aligncenter img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
a.alignnone {
|
|
display: inline-block;
|
|
}
|
|
|
|
.alignleft {
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
|
|
a.alignleft,
|
|
a.alignnone,
|
|
a.alignright {
|
|
max-width: 100%;
|
|
}
|
|
|
|
img.centered,
|
|
.aligncenter {
|
|
display: block;
|
|
margin: 0 auto 1em;
|
|
}
|
|
|
|
img.alignnone,
|
|
.alignnone {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
a.alignleft,
|
|
img.alignleft,
|
|
.wp-caption.alignleft {
|
|
margin: 0 1em 1em 0;
|
|
}
|
|
|
|
a.alignright,
|
|
img.alignright,
|
|
.wp-caption.alignright {
|
|
margin: 0 0 1em 1em;
|
|
}
|
|
|
|
.wp-caption-text {
|
|
margin: 0;
|
|
font-size: 1.4rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.entry-content p.wp-caption-text {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.entry-content .wp-audio-shortcode,
|
|
.entry-content .wp-playlist,
|
|
.entry-content .wp-video {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
.sticky,
|
|
.bypostauthor {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.post-edit-link,
|
|
.comment-edit-link {
|
|
display: none;
|
|
}
|
|
|
|
/* ## Gutenberg
|
|
--------------------------------------------- */
|
|
.alignwide {
|
|
position: relative;
|
|
left: 50%;
|
|
width: 100vw;
|
|
max-width: 896px;
|
|
-webkit-transform: translate(-50%);
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
.alignwide img {
|
|
display: inline-block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.alignfull {
|
|
position: relative;
|
|
left: 50%;
|
|
width: 100vw;
|
|
max-width: none;
|
|
margin-left: -50vw !important;
|
|
}
|
|
|
|
.content-sidebar .alignfull,
|
|
.sidebar-content .alignfull {
|
|
max-width: calc(100% + 12rem);
|
|
}
|
|
|
|
.alignfull img {
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin: 1.618em auto;
|
|
}
|
|
|
|
.wp-block-image {
|
|
margin: 10px auto 40px;
|
|
}
|
|
|
|
.wp-block-image figcaption {
|
|
margin: 10px auto 10px;
|
|
}
|
|
|
|
.wp-block-button {
|
|
display: block;
|
|
width: 100%;
|
|
background: transparent;
|
|
text-align: center;
|
|
clear: both;
|
|
}
|
|
|
|
.wp-block-button:before,
|
|
.wp-block-button:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.wp-block-button a {
|
|
display: inline-block;
|
|
}
|
|
|
|
.wp-block-button a:hover,
|
|
.wp-block-button a:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.wp-block-pullquote > p {
|
|
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.wp-block-pullquote cite {
|
|
font-style: normal;
|
|
}
|
|
|
|
.wp-block-gallery:not(.alignfull) {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.wp-block-gallery:not(.alignfull) .blocks-gallery-image {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.blocks-gallery-item img {
|
|
margin: unset;
|
|
}
|
|
|
|
.wp-block-embed {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.blocks-gallery-image {
|
|
display: block;
|
|
width: 100%;
|
|
margin: 0 0 6vw;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ## Site Header
|
|
--------------------------------------------- */
|
|
.site-header {
|
|
position: absolute;
|
|
z-index: 100;
|
|
width: 100%;
|
|
border-bottom: 1px solid rgba(198, 202, 206, 0.3);
|
|
background-color: #ffffff;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.sticky-header .site-header {
|
|
position: fixed;
|
|
}
|
|
|
|
.sticky-header .site-header.shrink {
|
|
background-color: #ffffff;
|
|
box-shadow: 0 0 4rem rgba(42, 49, 57, 0.05);
|
|
}
|
|
|
|
.no-js .site-header {
|
|
position: relative;
|
|
}
|
|
|
|
.boxed-page .site-header {
|
|
max-width: 1152px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.contact-page .site-header {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.site-header > .wrap {
|
|
display: flex;
|
|
position: relative;
|
|
height: 6rem;
|
|
transition: height 0.3s ease;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.no-js .site-header > .wrap {
|
|
height: auto;
|
|
padding: 3rem 6vw;
|
|
}
|
|
|
|
/* ## Title Area
|
|
--------------------------------------------- */
|
|
.title-area {
|
|
display: block;
|
|
position: relative;
|
|
width: 15rem;
|
|
margin: 0 auto 0 0;
|
|
}
|
|
|
|
.site-title {
|
|
margin-bottom: 0;
|
|
font-size: 1.8rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
}
|
|
|
|
.site-title a {
|
|
color: #2a3139;
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.shrink .site-title a {
|
|
color: #2a3139;
|
|
}
|
|
|
|
.site-description {
|
|
margin-bottom: 0;
|
|
opacity: 0.618;
|
|
font-size: 1.4rem;
|
|
line-height: 1;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
position: absolute !important;
|
|
width: 0.1rem;
|
|
height: 0.1rem;
|
|
border: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.custom-logo {
|
|
display: block;
|
|
}
|
|
|
|
.shrink .custom-logo {
|
|
display: block;
|
|
}
|
|
|
|
.secondary-logo {
|
|
display: none;
|
|
}
|
|
|
|
.shrink .secondary-logo {
|
|
display: none;
|
|
}
|
|
|
|
/* ## Before Header
|
|
--------------------------------------------- */
|
|
.before-header {
|
|
display: flex;
|
|
position: relative;
|
|
height: 4rem;
|
|
border-top: 1px solid rgba(198, 202, 206, 0.3);
|
|
border-bottom: 1px solid rgba(198, 202, 206, 0.3);
|
|
color: #3f454c;
|
|
background-color: #f6f8fa;
|
|
font-size: 1.2rem;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.no-js .before-header {
|
|
height: auto;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
|
|
.menu .before-header {
|
|
display: flex;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 3em 0 0;
|
|
padding: 3em 0 0;
|
|
border-bottom: none;
|
|
background-color: transparent;
|
|
clear: both;
|
|
}
|
|
|
|
.menu .before-header:before,
|
|
.menu .before-header:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.menu .before-header .widget {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.menu .before-header .simple-social-icons {
|
|
margin-left: -0.5em;
|
|
}
|
|
|
|
.menu .before-header .simple-social-icons a {
|
|
margin: 0 0.5em 0 0;
|
|
}
|
|
|
|
.before-header .wrap {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.before-header .wrap:before,
|
|
.before-header .wrap:after {
|
|
display: none;
|
|
}
|
|
|
|
.before-header .widget {
|
|
display: flex;
|
|
margin-bottom: 0;
|
|
align-items: center;
|
|
}
|
|
|
|
.before-header .widget:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.before-header .widget-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.before-header p {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.before-header .fa {
|
|
margin-right: 0.5em;
|
|
}
|
|
|
|
.before-header .fa:before {
|
|
line-height: 1.618;
|
|
}
|
|
|
|
.before-header .simple-social-icons ul li a {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
/* ## Header Right
|
|
--------------------------------------------- */
|
|
.header-widget-area {
|
|
display: none;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
|
|
.header-widget-area .widget:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ## Hero Section
|
|
--------------------------------------------- */
|
|
.hero-section {
|
|
position: relative;
|
|
padding: 12rem 0 6rem;
|
|
border-bottom: 1px solid #eceef1;
|
|
background-color: #f6f8fa;
|
|
background-position: center;
|
|
background-size: cover;
|
|
text-align: center;
|
|
}
|
|
|
|
.hero-section:before {
|
|
display: block !important;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(42, 49, 57, 0.5);
|
|
content: '';
|
|
pointer-events: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.hero-section .wrap {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.hero-section h1 {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
}
|
|
|
|
.hero-section p {
|
|
width: 100%;
|
|
max-width: 512px;
|
|
margin: 0.5em auto 0;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ## Custom Header
|
|
--------------------------------------------- */
|
|
.wp-custom-header {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: auto;
|
|
pointer-events: none;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: center;
|
|
object-position: center;
|
|
}
|
|
|
|
.woocommerce .wp-custom-header img,
|
|
.wp-custom-header img,
|
|
.wp-custom-header video,
|
|
.wp-custom-header iframe {
|
|
width: 100%;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: center center;
|
|
object-position: center center;
|
|
}
|
|
|
|
.wp-custom-header iframe {
|
|
position: absolute;
|
|
top: -20%;
|
|
right: -20%;
|
|
bottom: -20%;
|
|
left: -20%;
|
|
width: 140%;
|
|
min-width: 100%;
|
|
max-width: 140%;
|
|
height: 140%;
|
|
min-height: 56.25vw;
|
|
max-height: none;
|
|
margin: auto;
|
|
}
|
|
|
|
.wp-custom-header img {
|
|
display: none;
|
|
}
|
|
|
|
.wp-custom-header-video-button {
|
|
display: none;
|
|
}
|
|
|
|
/* ## Menus
|
|
--------------------------------------------- */
|
|
.menu {
|
|
display: flex;
|
|
width: 100%;
|
|
font-size: 1.6rem;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
clear: both;
|
|
}
|
|
|
|
.menu:before,
|
|
.menu:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.menu .right {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.menu .rss,
|
|
.menu .date,
|
|
.menu .search,
|
|
.menu .twitter {
|
|
display: flex;
|
|
margin-top: 1em;
|
|
margin-left: 0;
|
|
align-items: center;
|
|
}
|
|
|
|
.menu .rss {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.menu .rss a {
|
|
margin-left: 1em;
|
|
}
|
|
|
|
.menu-item {
|
|
display: block;
|
|
position: relative;
|
|
width: 100%;
|
|
padding: 1rem 0;
|
|
order: -1;
|
|
}
|
|
|
|
.menu-item.button {
|
|
display: flex;
|
|
margin: 1em 0;
|
|
padding: 0;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
font-size: 1.2rem;
|
|
align-items: center;
|
|
}
|
|
|
|
.menu-item.button:last-of-type a {
|
|
padding-right: 3em;
|
|
}
|
|
|
|
.menu-item.button a {
|
|
background: #0072ff;
|
|
background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1);
|
|
padding: 1em 3em;
|
|
border-radius: 9rem;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.shrink .menu-item.button a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.menu-item.button a:hover,
|
|
.menu-item.button a:focus,
|
|
.menu-item.button.current-menu-item > a {
|
|
color: #ffffff;
|
|
box-shadow: inset 0 0 0 9rem rgba(0, 17, 51, 0.1);
|
|
}
|
|
|
|
.menu-item a {
|
|
display: inline-block;
|
|
margin: 2px;
|
|
color: #2a3139;
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.menu-item a:hover,
|
|
.menu-item a:focus,
|
|
.menu-item.current-menu-item > a {
|
|
color: #009cff;
|
|
}
|
|
|
|
.menu-item span {
|
|
display: block;
|
|
}
|
|
|
|
/* ## Sub Menus
|
|
--------------------------------------------- */
|
|
.sub-menu {
|
|
display: none;
|
|
clear: both;
|
|
}
|
|
|
|
.sub-menu:before,
|
|
.sub-menu:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.sub-menu:before {
|
|
display: none;
|
|
position: absolute;
|
|
z-index: 98;
|
|
top: -0.5rem;
|
|
left: 3rem;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
border-top: 1px solid #eceef1;
|
|
border-left: 1px solid #eceef1;
|
|
opacity: 1;
|
|
background-color: #f6f8fa;
|
|
content: '';
|
|
transition-delay: 0.3s;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.sub-menu .menu-item {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
.sub-menu .menu-item:first-of-type {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.sub-menu a {
|
|
padding-left: 0.618em;
|
|
}
|
|
|
|
.sub-menu .sub-menu {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
/* ## Specific Menus
|
|
--------------------------------------------- */
|
|
.nav-primary,
|
|
.nav-secondary {
|
|
overflow: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
right: -40rem;
|
|
bottom: 0;
|
|
width: 93vw;
|
|
max-width: 40rem;
|
|
height: 100vh;
|
|
margin: 0;
|
|
padding: 0 4rem;
|
|
border-top: 1px solid #eceef1;
|
|
border-bottom: 1px solid #eceef1;
|
|
background-color: #ffffff;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.nav-primary.activated,
|
|
.nav-secondary.activated {
|
|
right: 0;
|
|
left: auto;
|
|
box-shadow: 0 0 4rem rgba(42, 49, 57, 0.2);
|
|
}
|
|
|
|
.no-js .nav-primary,
|
|
.no-js
|
|
.nav-secondary {
|
|
display: block;
|
|
position: relative;
|
|
right: auto;
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.no-js .nav-primary .wrap,
|
|
.no-js
|
|
.nav-secondary .wrap {
|
|
padding: 0;
|
|
}
|
|
|
|
.no-js .nav-primary .menu,
|
|
.no-js
|
|
.nav-secondary .menu {
|
|
padding: 0;
|
|
}
|
|
|
|
.no-js .nav-primary .menu-item,
|
|
.no-js
|
|
.nav-secondary .menu-item {
|
|
display: inline-flex;
|
|
width: auto;
|
|
padding-right: 1rem;
|
|
}
|
|
|
|
.nav-primary .menu,
|
|
.nav-secondary .menu {
|
|
position: relative;
|
|
padding: 5em 0 7.5em;
|
|
}
|
|
|
|
.nav-primary .um-avatar {
|
|
/* position: absolute; */
|
|
/* top: 3px; */
|
|
max-width: 25px;
|
|
max-height: 25px;
|
|
display: inline-block;
|
|
margin: 0 5px 5px;
|
|
float: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.nav-secondary {
|
|
width: 100%;
|
|
}
|
|
|
|
.nav-secondary .sub-menu .menu-item {
|
|
height: auto;
|
|
}
|
|
|
|
.site-footer .menu {
|
|
justify-content: center;
|
|
margin-bottom: 0;
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
.site-footer .menu-item {
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.site-footer .menu-item:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.site-footer .menu-item:last-of-type a {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.site-footer .menu-item a {
|
|
margin-bottom: 1em;
|
|
padding: 0;
|
|
color: #4d5968;
|
|
}
|
|
|
|
.site-footer .menu-item a:hover,
|
|
.site-footer .menu-item a:focus,
|
|
.site-footer .menu-item.current-menu-item > a {
|
|
color: #009cff;
|
|
}
|
|
|
|
/* ## Menu Toggle
|
|
--------------------------------------------- */
|
|
.menu-toggle {
|
|
display: block;
|
|
position: relative;
|
|
z-index: 1;
|
|
height: auto;
|
|
margin-right: -0.5em;
|
|
padding: 1em 0.5em;
|
|
color: #2a3139;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.menu-toggle:hover,
|
|
.menu-toggle:focus {
|
|
color: #2a3139;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.menu-toggle.activated,
|
|
.shrink .menu-toggle {
|
|
color: #2a3139;
|
|
}
|
|
|
|
.menu-toggle.activated span,
|
|
.shrink .menu-toggle span {
|
|
background: #2a3139;
|
|
}
|
|
|
|
.menu-toggle.activated span:before,
|
|
.menu-toggle.activated span:after,
|
|
.shrink .menu-toggle span:before,
|
|
.shrink .menu-toggle span:after {
|
|
background: #2a3139;
|
|
}
|
|
|
|
.menu-toggle span {
|
|
display: block;
|
|
float: right;
|
|
position: relative;
|
|
width: 2rem;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background: #2a3139;
|
|
}
|
|
|
|
.menu-toggle span:before,
|
|
.menu-toggle span:after {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
border-radius: 3px;
|
|
background-color: #2a3139;
|
|
content: ' ';
|
|
}
|
|
|
|
.menu-toggle span:before {
|
|
top: -0.5rem;
|
|
transition: top 0.2s 0.2s, -webkit-transform 0.2s 0s;
|
|
transition: top 0.2s 0.2s, transform 0.2s 0s;
|
|
transition: top 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
|
|
}
|
|
|
|
.menu-toggle span:after {
|
|
bottom: -0.5rem;
|
|
transition: bottom 0.2s 0.2s, -webkit-transform 0.2s 0s;
|
|
transition: bottom 0.2s 0.2s, transform 0.2s 0s;
|
|
transition: bottom 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
|
|
}
|
|
|
|
.menu-toggle.activated span {
|
|
background: none;
|
|
}
|
|
|
|
.menu-toggle.activated span:before {
|
|
top: 0;
|
|
transition: top 0.2s 0s, -webkit-transform 0.2s 0.2s;
|
|
transition: top 0.2s 0s, transform 0.2s 0.2s;
|
|
transition: top 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
|
|
.menu-toggle.activated span:after {
|
|
bottom: 0;
|
|
transition: bottom 0.2s 0s, -webkit-transform 0.2s 0.2s;
|
|
transition: bottom 0.2s 0s, transform 0.2s 0.2s;
|
|
transition: bottom 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
}
|
|
|
|
/* ## Sub Menu Toggle
|
|
--------------------------------------------- */
|
|
.sub-menu-toggle {
|
|
position: absolute;
|
|
top: 0.1em;
|
|
right: 3em;
|
|
height: auto;
|
|
margin: 0 -1em;
|
|
padding: 1em;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sub-menu-toggle:hover,
|
|
.sub-menu-toggle:focus {
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.sub-menu-toggle:focus {
|
|
outline: 2px solid #eceef1;
|
|
}
|
|
|
|
.sub-menu-toggle:before {
|
|
display: block;
|
|
margin: 0.2rem 0 -0.2rem;
|
|
border: 0.4rem solid transparent;
|
|
border-top-color: #2a3139;
|
|
content: '';
|
|
}
|
|
|
|
.sub-menu-toggle.activated:before {
|
|
margin: -0.2rem 0 0.2rem;
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
/* ## Entries
|
|
--------------------------------------------- */
|
|
.content .entry {
|
|
position: relative;
|
|
margin-bottom: 6vw;
|
|
border: 1px solid #eceef1;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.content .entry:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.page .content .entry,
|
|
.single .content .entry,
|
|
.error404 .content .entry {
|
|
width: 100%;
|
|
border: 0;
|
|
}
|
|
|
|
.home .content .entry,
|
|
.blog .content .entry,
|
|
.archive .content .entry,
|
|
.search-results .content .entry {
|
|
width: 100%;
|
|
margin-bottom: 6vw;
|
|
padding: 3rem;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.home .content .entry:hover,
|
|
.home .content .entry:focus,
|
|
.blog .content .entry:hover,
|
|
.blog .content .entry:focus,
|
|
.archive .content .entry:hover,
|
|
.archive .content .entry:focus,
|
|
.search-results .content .entry:hover,
|
|
.search-results .content .entry:focus {
|
|
box-shadow: 0 2rem 6rem rgba(198, 202, 206, 0.2);
|
|
}
|
|
|
|
.search-no-results .content .entry {
|
|
border: 0;
|
|
}
|
|
|
|
/* ## Entry Content
|
|
--------------------------------------------- */
|
|
.entry-content p {
|
|
color: #4d5968;
|
|
}
|
|
|
|
.entry-content p a:not(.button) {
|
|
color: #4d5968;
|
|
box-shadow: inset 0 -1.5px 0 #009cff;
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.entry-content p a:not(.button):hover,
|
|
.entry-content p a:not(.button):focus {
|
|
color: #009cff;
|
|
}
|
|
|
|
.entry-content h2,
|
|
.entry-content h3,
|
|
.entry-content h4,
|
|
.entry-content h5,
|
|
.entry-content h6 {
|
|
padding-top: 0.618em;
|
|
}
|
|
|
|
.entry-content ol,
|
|
.entry-content ul {
|
|
margin-bottom: 1.618em;
|
|
margin-left: 4rem;
|
|
color: #4d5968;
|
|
line-height: 2;
|
|
}
|
|
|
|
.error404 .entry-content ol,
|
|
.error404
|
|
.entry-content ul {
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
.entry-content ol > li {
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
.entry-content ul:not(.no-bullets) > li {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.entry-content ol ol,
|
|
.entry-content ul ul {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.entry-content li li {
|
|
list-style-type: circle;
|
|
}
|
|
|
|
.entry-content code {
|
|
padding: 0.4rem 0.8rem;
|
|
border: 1px solid #eceef1;
|
|
background-color: #f6f8fa;
|
|
font-size: 1.4rem;
|
|
line-height: 2;
|
|
}
|
|
|
|
.entry-content pre {
|
|
display: block;
|
|
margin: 0 0 1.382em;
|
|
padding: 1rem 2rem;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
background-color: #f6f8fa;
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
.entry-content pre code {
|
|
padding: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.entry-content input,
|
|
.entry-content select,
|
|
.entry-content textarea {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.entry-content iframe,
|
|
.entry-content video {
|
|
width: 100%;
|
|
}
|
|
|
|
.entry-content blockquote {
|
|
display: block;
|
|
position: relative;
|
|
left: 50%;
|
|
width: 896px;
|
|
max-width: 100vw;
|
|
margin: 3em 0;
|
|
padding: 0 6rem 2em;
|
|
border: 0;
|
|
border-top: 1px solid #eceef1;
|
|
border-bottom: 1px solid #eceef1;
|
|
background-color: #ffffff;
|
|
text-align: center;
|
|
-webkit-transform: translate(-50%);
|
|
transform: translate(-50%);
|
|
}
|
|
|
|
.entry-content blockquote:before {
|
|
display: block;
|
|
width: 1em;
|
|
margin: -0.25em auto;
|
|
color: rgba(42, 49, 57, 0.2);
|
|
background-color: #ffffff;
|
|
font-family: 'Georgia', 'Apple Garamond', 'Baskerville', 'Times New Roman', 'Droid Serif', 'Times', 'Source Serif Pro', serif;
|
|
font-size: 8rem;
|
|
line-height: 1;
|
|
content: '“';
|
|
}
|
|
|
|
.entry-image-link {
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
clear: both;
|
|
}
|
|
|
|
.entry-image-link:before,
|
|
.entry-image-link:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.blog .entry-image-link,
|
|
.archive .entry-image-link,
|
|
.search-results .entry-image-link {
|
|
display: block;
|
|
width: calc(100% + 6rem + 0.2rem);
|
|
margin: -3.1rem -3.1rem 3rem;
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
|
|
.entry-image-link img {
|
|
display: block;
|
|
margin: 0;
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
|
|
/* ## Entry Titles
|
|
--------------------------------------------- */
|
|
.entry-title a {
|
|
display: block;
|
|
color: #2a3139;
|
|
font-size: 2rem;
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.entry-title a:hover {
|
|
color: #009cff;
|
|
}
|
|
|
|
/* ## Entry Meta
|
|
--------------------------------------------- */
|
|
.entry-meta {
|
|
width: 100%;
|
|
font-size: small;
|
|
}
|
|
|
|
.entry-footer .entry-meta {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.entry-categories,
|
|
.entry-tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
margin-top: 0.2em;
|
|
}
|
|
|
|
.entry-categories img,
|
|
.entry-tags img {
|
|
display: inline-flex;
|
|
opacity: 0.618;
|
|
}
|
|
|
|
.entry-categories a,
|
|
.entry-tags a {
|
|
display: inline-flex;
|
|
margin-left: 0.2em;
|
|
font-weight: 600;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.entry-author-name {
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.archive-description {
|
|
width: 100vw;
|
|
margin-right: calc(50% - 50vw);
|
|
margin-left: calc(50% - 50vw);
|
|
padding: 15rem 0;
|
|
border-bottom: 1px solid #eceef1;
|
|
background-color: #c6cace;
|
|
}
|
|
|
|
.archive-description h1 {
|
|
max-width: 512px;
|
|
margin: 0 auto;
|
|
color: #ffffff;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ## Entry Footer
|
|
--------------------------------------------- */
|
|
.entry-footer {
|
|
margin-top: 5vw;
|
|
padding: 5vw 0;
|
|
border-top: 1px solid #eceef1;
|
|
border-bottom: 1px solid #eceef1;
|
|
}
|
|
|
|
.blog .entry-footer,
|
|
.archive .entry-footer,
|
|
.search-results .entry-footer {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.single-portfolio .entry-footer {
|
|
display: none;
|
|
}
|
|
|
|
/* ## Pagination
|
|
--------------------------------------------- */
|
|
.pagination {
|
|
padding: 6vw 0;
|
|
clear: both;
|
|
}
|
|
|
|
.pagination:before,
|
|
.pagination:after {
|
|
display: block;
|
|
clear: both;
|
|
content: '';
|
|
}
|
|
|
|
.adjacent-entry-pagination {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.archive-pagination {
|
|
width: 100%;
|
|
}
|
|
|
|
.archive-pagination ul {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.archive-pagination li {
|
|
margin: 0 0.25em 0 0;
|
|
}
|
|
|
|
.archive-pagination a {
|
|
display: block;
|
|
padding: 0.5rem 1rem;
|
|
border-radius: 3px;
|
|
color: #2a3139;
|
|
font-size: 1.6rem;
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.archive-pagination a:hover,
|
|
.archive-pagination a:focus {
|
|
color: #009cff;
|
|
}
|
|
|
|
.archive-pagination .active a {
|
|
background: #0072ff;
|
|
background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.entry-pagination {
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.entry-pagination a {
|
|
padding: 0.5rem 1rem;
|
|
color: #2a3139;
|
|
font-size: 1.6rem;
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.entry-pagination a:hover,
|
|
.entry-pagination a:focus {
|
|
color: #009cff;
|
|
}
|
|
|
|
.entry-pagination > .custom-page-links {
|
|
padding: 0.5rem 1rem;
|
|
background: #0072ff;
|
|
background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1);
|
|
color: #ffffff;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
/* ## Comments
|
|
--------------------------------------------- */
|
|
.comment-respond,
|
|
.entry-comments,
|
|
.entry-pings {
|
|
width: 100%;
|
|
max-width: 768px;
|
|
margin: 0 auto;
|
|
padding: 6vw 0;
|
|
border-radius: 3px;
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
.comment-respond .form-submit {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.comment-respond label {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.comment-respond input,
|
|
.comment-respond textarea {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.comment-respond input[type='submit'] {
|
|
width: auto;
|
|
}
|
|
|
|
.comment-author span:first-of-type {
|
|
font-weight: 700;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.comment-list li {
|
|
padding: 4rem 0 0 5vw;
|
|
}
|
|
|
|
.comment-list .depth-1 {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-list .comment-respond {
|
|
padding-left: 5vw;
|
|
}
|
|
|
|
.comment-list > .comment-respond {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.comment-header {
|
|
margin-bottom: 5vw;
|
|
}
|
|
|
|
.comment-header p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.comment-edit-link {
|
|
padding-left: calc(4.8rem + 1em);
|
|
}
|
|
|
|
.entry-pings .comment-edit-link {
|
|
display: block;
|
|
clear: both;
|
|
padding: 0;
|
|
}
|
|
|
|
.comment-meta {
|
|
padding-left: calc(4.8rem + 1em);
|
|
word-break: break-all;
|
|
}
|
|
|
|
.entry-pings .comment-meta {
|
|
padding: 0 0 1em;
|
|
}
|
|
|
|
.comment-meta .comment-time a {
|
|
color: #c6cace;
|
|
font-size: small;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.comment-content {
|
|
clear: both;
|
|
}
|
|
|
|
.comment-content ul > li {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.comment-respond input[type='email'] label,
|
|
.comment-respond input[type='text'] label,
|
|
.comment-respond input[type='url'] label {
|
|
display: block;
|
|
margin-right: 1rem;
|
|
}
|
|
|
|
.comment-reply-title a {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.entry-pings .reply {
|
|
display: none;
|
|
}
|
|
|
|
.pingback:last-of-type p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.lead {
|
|
font-style: italic;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
font-size: 120%;
|
|
line-height: 2;
|
|
padding: 0 20px 0;
|
|
}
|
|
|
|
.lead:after {
|
|
display: block;
|
|
content: '';
|
|
width: 33%;
|
|
margin: 50px auto 60px;
|
|
border-bottom: 2px solid #eeeeee;
|
|
}
|
|
|
|
/* ## Sidebars
|
|
--------------------------------------------- */
|
|
.sidebar {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.sidebar ol,
|
|
.sidebar ul {
|
|
margin-left: 1em;
|
|
color: #4d5968;
|
|
line-height: 2;
|
|
}
|
|
|
|
.sidebar ol > li {
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
.sidebar ul > li {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.sidebar li li {
|
|
list-style-type: circle;
|
|
}
|
|
|
|
.sidebar a {
|
|
color: #3f454c;
|
|
}
|
|
|
|
.sidebar a:hover,
|
|
.sidebar a:focus {
|
|
color: #009cff;
|
|
}
|
|
|
|
/* ## Widgets
|
|
--------------------------------------------- */
|
|
.sidebar .widget {
|
|
padding: 3.5vw 0;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.sidebar .widget:first-of-type {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.blog .sidebar .widget,
|
|
.archive .sidebar .widget {
|
|
margin-bottom: 7vw;
|
|
padding: 3.5vw;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.widget_calendar table {
|
|
width: 100%;
|
|
}
|
|
|
|
.widget_calendar td,
|
|
.widget_calendar th {
|
|
text-align: center;
|
|
}
|
|
|
|
/* ## Site Footer
|
|
--------------------------------------------- */
|
|
.site-footer {
|
|
position: relative;
|
|
width: 100%;
|
|
border-top: 1px solid #eceef1;
|
|
color: #4d5968;
|
|
}
|
|
|
|
.site-footer a {
|
|
color: #3f454c;
|
|
}
|
|
|
|
.site-footer a:hover,
|
|
.site-footer a:focus {
|
|
color: #009cff;
|
|
}
|
|
|
|
.site-footer .button {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.site-footer .button:hover,
|
|
.site-footer .button:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.site-footer .button.outline {
|
|
color: #009cff;
|
|
}
|
|
|
|
.site-footer .button.outline:hover,
|
|
.site-footer .button.outline:focus {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.site-footer .button.white {
|
|
color: #2a3139;
|
|
}
|
|
|
|
.site-footer .button.white:hover,
|
|
.site-footer .button.white:focus {
|
|
color: #2a3139;
|
|
}
|
|
|
|
.site-footer .button.white.outline {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.site-footer .button.white.outline:hover,
|
|
.site-footer .button.white.outline:focus {
|
|
color: #2a3139;
|
|
}
|
|
|
|
.site-footer .button:disabled {
|
|
color: #c6cace;
|
|
}
|
|
|
|
/* ## Before Footer
|
|
--------------------------------------------- */
|
|
.before-footer {
|
|
padding: 5rem 0;
|
|
border-bottom: 1px solid #eceef1;
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.blog .before-footer,
|
|
.archive .before-footer,
|
|
.search-results .before-footer {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.before-footer .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.before-footer .wrap:before,
|
|
.before-footer .wrap:after {
|
|
display: none;
|
|
}
|
|
|
|
.before-footer .widget {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.before-footer .widget:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.before-footer h2,
|
|
.before-footer h3,
|
|
.before-footer h4,
|
|
.before-footer h5,
|
|
.before-footer h6 {
|
|
color: #2a3139;
|
|
}
|
|
|
|
/* ## Footer Widgets
|
|
--------------------------------------------- */
|
|
.footer-widgets {
|
|
position: relative;
|
|
padding: 5rem 0 0;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.footer-widgets .widget-title {
|
|
margin-bottom: 1em;
|
|
color: #2a3139;
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
.footer-widgets .widget-area {
|
|
margin: 0 auto 4rem;
|
|
}
|
|
|
|
.footer-widgets .widget-area.footer-widgets-1 i {
|
|
display: inline-block;
|
|
float: left;
|
|
margin-top: 0.2em;
|
|
margin-right: 0.618em;
|
|
}
|
|
|
|
.footer-widgets .widget-area.footer-widgets-2 {
|
|
display: flex;
|
|
}
|
|
|
|
.footer-widgets .widget-area.footer-widgets-2 .widget {
|
|
width: 48.71795%;
|
|
}
|
|
|
|
.footer-widgets .widget-area .widget {
|
|
display: block;
|
|
margin-bottom: 4rem;
|
|
}
|
|
|
|
.footer-widgets .widget-area .widget:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.footer-widgets .widget-area .widget.widget_nav_menu {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ## Footer Credits
|
|
--------------------------------------------- */
|
|
.footer-credits {
|
|
display: flex;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 4rem 0;
|
|
border-top: 1px solid #eceef1;
|
|
font-size: 1.5rem;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
align-content: center;
|
|
}
|
|
|
|
.footer-credits .simple-social-icons {
|
|
margin-bottom: 1em;
|
|
margin-left: -1em;
|
|
}
|
|
|
|
.footer-credits .menu-item {
|
|
width: auto;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.footer-credits p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* ## Genesis eNews Extended
|
|
--------------------------------------------- */
|
|
.sidebar .enews input {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.site-footer .enews form {
|
|
position: relative;
|
|
margin-top: 0.618em;
|
|
}
|
|
|
|
.site-footer .enews input[type='text'],
|
|
.site-footer .enews input[type='email'] {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.site-footer .enews input[type='submit'] {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
padding-right: 0;
|
|
color: transparent;
|
|
background: transparent;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.site-footer .enews input[type='submit']:hover + .send-icon,
|
|
.site-footer .enews input[type='submit']:focus + .send-icon {
|
|
opacity: 1;
|
|
}
|
|
|
|
.site-footer .enews .send-icon {
|
|
display: block;
|
|
position: absolute;
|
|
right: 2em;
|
|
bottom: 1em;
|
|
width: 1.8rem;
|
|
height: 1.8rem;
|
|
margin: 0;
|
|
opacity: 0.236;
|
|
background: center/contain no-repeat url(assets/images/paper-plane.svg);
|
|
pointer-events: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* ## Genesis Portfolio Pro
|
|
--------------------------------------------- */
|
|
.archive.genesis-pro-portfolio .content {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.archive.genesis-pro-portfolio .entry {
|
|
width: 100%;
|
|
margin: 0 0 6vw;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.archive.genesis-pro-portfolio .entry:before {
|
|
display: block !important;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(42, 49, 57, 0.5);
|
|
content: '';
|
|
pointer-events: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.archive.genesis-pro-portfolio .entry:before {
|
|
opacity: 0;
|
|
}
|
|
|
|
.archive.genesis-pro-portfolio .entry:hover:before,
|
|
.archive.genesis-pro-portfolio .entry:focus:before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.archive.genesis-pro-portfolio .entry:hover .entry-header,
|
|
.archive.genesis-pro-portfolio .entry:focus .entry-header {
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
.archive.genesis-pro-portfolio .entry-header {
|
|
display: flex;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
margin-top: 100%;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.archive.genesis-pro-portfolio .entry-header a {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/* ## Genesis Simple FAQs
|
|
--------------------------------------------- */
|
|
div.gs-faq {
|
|
padding: 0;
|
|
border-top: 1px solid #eceef1;
|
|
box-shadow: 0 2rem 5rem -0.618rem rgba(42, 49, 57, 0.0618);
|
|
}
|
|
|
|
div.gs-faq .gs-faq__question {
|
|
display: block;
|
|
position: relative;
|
|
z-index: 1;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 1.5em 3em 1.5em 1.5em;
|
|
border: 1px solid #eceef1;
|
|
border-top: 0;
|
|
border-radius: 0;
|
|
color: #2a3139;
|
|
background-color: #ffffff;
|
|
box-shadow: none;
|
|
font-size: 1.8rem;
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
}
|
|
|
|
div.gs-faq .gs-faq__question:hover,
|
|
div.gs-faq .gs-faq__question:focus {
|
|
color: #009cff;
|
|
}
|
|
|
|
div.gs-faq .gs-faq__question:after {
|
|
position: absolute;
|
|
top: 1.5em;
|
|
right: 1em;
|
|
line-height: 1;
|
|
content: '+';
|
|
}
|
|
|
|
div.gs-faq .gs-faq__question.gs-faq--expanded:after {
|
|
content: '-';
|
|
}
|
|
|
|
div.gs-faq .gs-faq__question:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
div.gs-faq .gs-faq__answer {
|
|
margin: 0;
|
|
padding: 3rem;
|
|
border: 1px solid #eceef1;
|
|
border-top: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/* ## Genesis Simple Share
|
|
--------------------------------------------- */
|
|
.share-after {
|
|
margin-top: 4rem;
|
|
}
|
|
|
|
/* ## Genesis Testimonial Slider
|
|
--------------------------------------------- */
|
|
.lSSlideWrapper {
|
|
max-width: calc(100% + 4em);
|
|
margin: 0 -2em;
|
|
}
|
|
|
|
.gts-rating {
|
|
margin: 1em auto -1em;
|
|
}
|
|
|
|
.lSSlideOuter {
|
|
width: 100%;
|
|
}
|
|
|
|
.lSSlideOuter .lSPager,
|
|
.lSSlideOuter .lightSlider {
|
|
height: auto !important;
|
|
}
|
|
|
|
ul.testimonials-list li:before {
|
|
display: block;
|
|
margin: 0 0 -0.5em;
|
|
color: rgba(42, 49, 57, 0.2);
|
|
font-family: 'Georgia', 'Apple Garamond', 'Baskerville', 'Times New Roman', 'Droid Serif', 'Times', 'Source Serif Pro', serif;
|
|
font-size: 8rem;
|
|
line-height: 1;
|
|
content: '“';
|
|
}
|
|
|
|
ul.testimonials-list blockquote {
|
|
padding: 0 2em 1em;
|
|
border: 0;
|
|
}
|
|
|
|
ul.testimonials-list img {
|
|
width: 6rem;
|
|
margin: 2rem auto;
|
|
}
|
|
|
|
ul.testimonials-list h5 {
|
|
color: #2a3139;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.lSSlideOuter .lSPager.lSpg > li a {
|
|
opacity: 0.1;
|
|
background-color: #2a3139;
|
|
}
|
|
|
|
.lSSlideOuter .lSPager.lSpg > li.active a,
|
|
.lSSlideOuter .lSPager.lSpg > li:hover a {
|
|
opacity: 0.3;
|
|
background-color: #2a3139;
|
|
}
|
|
|
|
.gts-company {
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
font-size: small;
|
|
}
|
|
|
|
/* ## Google Map
|
|
--------------------------------------------- */
|
|
|
|
.contact-page .agm-canvas:before {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: rgba(42, 49, 57, 0.618);
|
|
}
|
|
|
|
/* ## Ninja Forms
|
|
--------------------------------------------- */
|
|
.nf-field .nf-field-element input,
|
|
.nf-field .nf-field-element select {
|
|
height: 3em;
|
|
}
|
|
|
|
/* ## SEO Slider
|
|
--------------------------------------------- */
|
|
.slick-initialized .slick-slide {
|
|
display: flex;
|
|
}
|
|
|
|
.no-js .slick-slide:first-of-type {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
.slick-arrow {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* ## Simple Social Icons
|
|
--------------------------------------------- */
|
|
.simple-social-icons {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.simple-social-icons svg[class^='social-'],
|
|
.simple-social-icons svg[class*=' social-'] {
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
stroke-width: 0;
|
|
stroke: currentColor;
|
|
fill: currentColor;
|
|
}
|
|
|
|
.simple-social-icons ul {
|
|
display: flex;
|
|
margin: -0.5em -0.5em 0 0;
|
|
padding: 0;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.simple-social-icons ul li {
|
|
margin: 0.5em 0.5em 0 0;
|
|
padding: 0;
|
|
border: none;
|
|
background: none;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.simple-social-icons ul li a {
|
|
display: inline-block;
|
|
box-sizing: content-box;
|
|
width: 1em;
|
|
height: 1em;
|
|
margin: 2px;
|
|
border: none;
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-variant: normal;
|
|
line-height: 1;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
}
|
|
|
|
.simple-social-icons ul.aligncenter {
|
|
justify-content: center;
|
|
}
|
|
|
|
.simple-social-icons ul.alignleft {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.simple-social-icons ul.alignright {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
/* ## WooCommerce Menu Cart
|
|
--------------------------------------------- */
|
|
.wpmenucartli {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.wpmenucart-contents {
|
|
position: relative;
|
|
margin-top: 1em;
|
|
color: #2a3139;
|
|
font-size: 1.8rem;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.wpmenucart-contents .cartcontents {
|
|
display: flex;
|
|
position: absolute;
|
|
top: -0.4rem;
|
|
right: -0.4rem;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
border-radius: 1.2rem;
|
|
color: #ffffff;
|
|
background-color: #009cff;
|
|
box-shadow: 0 0 0 1px #ffffff;
|
|
font-size: 0.7rem;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
text-align: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* ## WP Featherlight
|
|
--------------------------------------------- */
|
|
.featherlight .featherlight-close-icon {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* ## Event Manager
|
|
--------------------------------------------- */
|
|
.single-event {
|
|
/*&.full-width-content .content {
|
|
max-width: 100%;
|
|
}*/
|
|
}
|
|
|
|
.single-event .event-map {
|
|
flex: 1 1 100%;
|
|
margin-top: 30px;
|
|
max-height: 100% !important;
|
|
height: 300px;
|
|
}
|
|
|
|
.single-event .event-info-wrapper {
|
|
margin: 0 auto 40px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.single-event .event-info-wrapper .event-info {
|
|
box-shadow: 0 16px 65px rgba(0, 0, 0, 0.18);
|
|
flex: 1 1 100%;
|
|
padding: 30px;
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.single-event .event-info-wrapper .event-info p {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.single-event .event-info-wrapper .event-info div {
|
|
margin-bottom: 15px;
|
|
text-align: left;
|
|
}
|
|
|
|
.single-event .event-info-wrapper .event-info div:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.single-event .event-info-wrapper .event-info a ion-icon {
|
|
border-radius: 50%;
|
|
background: #8c8c8c;
|
|
font-size: 16px;
|
|
font-size: 1.6rem;
|
|
padding: 10px;
|
|
color: #ffffff;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.single-event .event-info-wrapper .event-info a ion-icon:hover {
|
|
background: red;
|
|
}
|
|
|
|
.single-event .event-info-wrapper .event-register {
|
|
text-align: center;
|
|
margin-top: 40px;
|
|
flex: 1 1 100%;
|
|
}
|
|
|
|
.single-event .event-meta {
|
|
margin-bottom: 20px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.single-event .event-meta > span {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.single-event .event-meta .event-location:before {
|
|
font-family: ionicons;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
text-decoration: inherit;
|
|
content: '\f455';
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.single-event .event-meta .event-start-date:before {
|
|
font-family: ionicons;
|
|
content: '\f3f3';
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.single-event .event-hero {
|
|
background-attachment: fixed;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.single-event .event-hero .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
min-height: 80vh;
|
|
text-align: center;
|
|
justify-content: center;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.single-event .event-hero .wrap .entry-title {
|
|
font-size: 5.2rem;
|
|
}
|
|
|
|
.single-event .event-button a + a {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.single-event .event-button .button.register {
|
|
background: #009cff;
|
|
}
|
|
|
|
.single-event .event-related-wrapper {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.single-event .event-related-wrapper .event-related-title {
|
|
flex: 0 0 100%;
|
|
}
|
|
|
|
.single-event .event-related-wrapper .event-related-item {
|
|
flex: 1 1 calc((100% - 40px) / 2);
|
|
margin: 0 10px 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.single-event .event-related-wrapper .event-related-item .event-date {
|
|
position: absolute;
|
|
font-size: 12px;
|
|
font-size: 1.2rem;
|
|
top: 0;
|
|
padding: 5px 10px;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.single-event .event-related-wrapper .event-related-item .event-title {
|
|
font-size: 16px;
|
|
font-size: 1.6rem;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.single-event .event-related-wrapper .event-related-item .event-title a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.event-frontpage-wrapper {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
.event-frontpage-wrapper .event-item {
|
|
flex: 1 1 calc((100% - 40px) / 2);
|
|
margin: 0 10px 40px;
|
|
position: relative;
|
|
}
|
|
|
|
.event-frontpage-wrapper .event-item .event-date {
|
|
position: absolute;
|
|
font-size: 12px;
|
|
font-size: 1.2rem;
|
|
top: 0;
|
|
padding: 5px 10px;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: #ffffff;
|
|
}
|
|
|
|
.event-frontpage-wrapper .event-item .event-title {
|
|
font-size: 20px;
|
|
font-size: 2rem;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.event-frontpage-wrapper .event-item .event-title a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* ## Genesis Featured Post Combo
|
|
--------------------------------------------- */
|
|
.site-footer .gfpc-featured-posts .entry-title {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
.site-footer .gfpc-featured-posts article {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.gfpc-featured-posts > article {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.gfpc-featured-posts .entry-content {
|
|
clear: unset;
|
|
}
|
|
|
|
.gfpc-featured-posts .entry-content:before {
|
|
clear: unset;
|
|
}
|
|
|
|
.home .gfpc-overlay-entry {
|
|
height: unset;
|
|
padding: unset;
|
|
position: unset;
|
|
}
|
|
|
|
.home .gfpc-overlay-entry.bottom {
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.home .gfpc-overlay-entry.bottom .entry-title a {
|
|
color: black;
|
|
font-size: 26px;
|
|
font-size: 2.6rem;
|
|
}
|
|
|
|
.home .gfpc-overlay-entry.tint:before {
|
|
background: transparent !important;
|
|
}
|
|
|
|
/* ## WP-Discuz
|
|
--------------------------------------------- */
|
|
#comments {
|
|
width: 100%;
|
|
}
|
|
|
|
#wpcomm textarea,
|
|
#wpcomm .wc-comment-header,
|
|
#wpcomm .wc-comment-footer,
|
|
#wpcomm .wc-comment .wc-comment-left {
|
|
font-family: 'Nunito Sans', -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, helvetica, arial, sans-serif;
|
|
}
|
|
|
|
#wc-comment-header {
|
|
font-size: 28px;
|
|
font-size: 2.8rem;
|
|
}
|
|
|
|
#wpcomm .wc-field-comment textarea {
|
|
padding: 10px;
|
|
height: 150px !important;
|
|
}
|
|
|
|
#wpcomm .wc-field-name input[type='text'],
|
|
#wpcomm .wc-field-email input[type='email'] {
|
|
padding: 10px;
|
|
height: auto;
|
|
}
|
|
|
|
#wpcomm .wc-comment-right .wc-comment-text,
|
|
#wpcomm .wc-comment-right .wc-comment-text *,
|
|
#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea {
|
|
font-size: 1.6rem !important;
|
|
line-height: unset !important;
|
|
}
|
|
|
|
#wpcomm .wc-reply .wc-comment-right .wc-comment-text,
|
|
#wpcomm .wc-reply .wc-comment-right .wc-comment-text * {
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
/*YCB Social Icons*/
|
|
ul.ycb-social-icons {
|
|
margin: 0;
|
|
line-height: unset;
|
|
}
|
|
|
|
ul.ycb-social-icons li {
|
|
padding: 0 !important;
|
|
display: inline-block !important;
|
|
margin: 0 8px 8px 0 !important;
|
|
list-style-type: none !important;
|
|
}
|
|
|
|
ul.ycb-social-icons li a {
|
|
border-radius: 2px;
|
|
font-size: 20px !important;
|
|
font-size: 2rem !important;
|
|
background: #1e90ff;
|
|
padding: 8px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
ul.ycb-social-icons li a:hover {
|
|
background: #00c6ff !important;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
ul.ycb-social-icons li a .svg-inline--fa {
|
|
width: 1.2em;
|
|
text-align: center;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
/* ## Front Page
|
|
--------------------------------------------- */
|
|
.front-page-widget {
|
|
position: relative;
|
|
width: 100%;
|
|
padding: 6rem 0;
|
|
}
|
|
|
|
.front-page-widget:nth-of-type(even) {
|
|
border-top: 1px solid #eceef1;
|
|
border-bottom: 1px solid #eceef1;
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.front-page-widget .widget:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.front-page-widget .textwidget {
|
|
width: 100%;
|
|
}
|
|
|
|
.front-page-widget p,
|
|
.front-page-widget li {
|
|
color: #4d5968;
|
|
}
|
|
|
|
/* ## Front Page 1
|
|
--------------------------------------------- */
|
|
.has-hero-slider .front-page-1 {
|
|
padding: 0;
|
|
background-color: #c6cace;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 > .wrap {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 .slick-slider {
|
|
max-height: 100vh;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 .slick-slide {
|
|
min-height: 100%;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 .slick-dots {
|
|
line-height: 0;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 .slick-wrap {
|
|
max-width: 88vw;
|
|
padding-top: 4rem;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 .slick-content {
|
|
max-width: 768px;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 .slick-arrow {
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 h2 {
|
|
margin-bottom: 0.382em;
|
|
font-size: 2em;
|
|
}
|
|
|
|
.has-hero-slider .front-page-1 p {
|
|
max-width: 512px;
|
|
line-height: 1.382;
|
|
}
|
|
|
|
.front-page-1.hero-section {
|
|
padding: calc(15vw + 6rem) 0 15vw;
|
|
text-align: left;
|
|
}
|
|
|
|
.front-page-1.hero-section .wrap {
|
|
margin: 0 auto;
|
|
padding-right: 6vw;
|
|
padding-left: 6vw;
|
|
}
|
|
|
|
.front-page-1.hero-section h1 {
|
|
text-align: left;
|
|
}
|
|
|
|
.front-page-1.hero-section p {
|
|
margin: 0.5em 0 1.5em;
|
|
color: #ffffff;
|
|
text-align: left;
|
|
}
|
|
|
|
/* ## Front Page 2
|
|
--------------------------------------------- */
|
|
|
|
.front-page-2 .wrap {
|
|
padding: 0;
|
|
}
|
|
|
|
.front-page-2 .gallery img {
|
|
width: 100%;
|
|
height: auto;
|
|
min-height: 1rem;
|
|
margin: 2px;
|
|
padding: 0 6vw;
|
|
}
|
|
|
|
.front-page-2 .gallery-item {
|
|
margin: 0;
|
|
}
|
|
|
|
.no-js .front-page-2 .gallery-item {
|
|
max-width: 50%;
|
|
}
|
|
|
|
.front-page-2 .slick-list {
|
|
width: 100%;
|
|
}
|
|
|
|
.front-page-2 .slick-track {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
min-width: 100%;
|
|
}
|
|
|
|
/* ## Front Page 3
|
|
--------------------------------------------- */
|
|
.front-page-3 .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.front-page-3 .wrap:before,
|
|
.front-page-3 .wrap:after {
|
|
display: none;
|
|
}
|
|
|
|
.front-page-3 .widget hr {
|
|
margin: 5rem 0;
|
|
}
|
|
|
|
.front-page-3 .icon_widget {
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.front-page-3 .icon_widget .widget-title {
|
|
font-size: 1.9rem;
|
|
}
|
|
|
|
.front-page-3 .icon_widget i {
|
|
display: inline-block;
|
|
}
|
|
|
|
.front-page-3 .mejs-container {
|
|
min-width: 86vw !important;
|
|
max-width: 86vw;
|
|
border-radius: 6px;
|
|
background-color: #f6f8fa;
|
|
}
|
|
|
|
.front-page-3 .mejs-mediaelement {
|
|
overflow: hidden;
|
|
padding: 0;
|
|
border-radius: 5px;
|
|
box-shadow: 0 2rem 6rem -2rem rgba(42, 49, 57, 0.236);
|
|
}
|
|
|
|
.front-page-3 .mejs-controls {
|
|
display: none;
|
|
}
|
|
|
|
.front-page-3 .mejs-overlay-button {
|
|
display: flex;
|
|
width: 6rem;
|
|
height: 6rem;
|
|
border-radius: 9rem;
|
|
background-color: #ffffff;
|
|
box-shadow: 0 2rem 3rem -1rem rgba(42, 49, 57, 0.5);
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.front-page-3 .mejs-overlay-button:hover,
|
|
.front-page-3 .mejs-overlay-button:focus {
|
|
-webkit-transform: scale(1.05);
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.front-page-3 .mejs-overlay-button:after {
|
|
display: block;
|
|
color: #2a3139;
|
|
line-height: 1;
|
|
content: '►';
|
|
}
|
|
|
|
.front-page-3 iframe {
|
|
-webkit-transform: scale(1.01);
|
|
transform: scale(1.01);
|
|
}
|
|
|
|
/* ## Front Page 4
|
|
--------------------------------------------- */
|
|
.front-page-4 .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
|
|
.front-page-4 .widget:first-of-type {
|
|
margin-bottom: 5rem;
|
|
}
|
|
|
|
/* ## Front Page 5
|
|
--------------------------------------------- */
|
|
.front-page-5 {
|
|
padding: 0;
|
|
border: none !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-5 .wrap {
|
|
width: 100%;
|
|
min-width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.front-page-5 .widget-title {
|
|
margin: 0 0 5rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-5 .widget-subtitle {
|
|
margin: 10rem 0 1em;
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-5 .display-posts-listing {
|
|
display: flex;
|
|
width: 100vw;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.front-page-5 .listing-item {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100vw;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-5 .image {
|
|
display: block;
|
|
}
|
|
|
|
.front-page-5 .image:before {
|
|
display: block !important;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(42, 49, 57, 0.5);
|
|
content: '';
|
|
pointer-events: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.front-page-5 .image:before {
|
|
opacity: 0;
|
|
}
|
|
|
|
.front-page-5 .image:hover:before,
|
|
.front-page-5 .image:focus:before {
|
|
opacity: 1;
|
|
}
|
|
|
|
.front-page-5 .image:hover + .title,
|
|
.front-page-5 .image:focus + .title {
|
|
top: 50%;
|
|
opacity: 1;
|
|
}
|
|
|
|
.front-page-5 .title {
|
|
position: absolute;
|
|
z-index: 2;
|
|
top: 100%;
|
|
left: 50%;
|
|
opacity: 0;
|
|
color: #ffffff;
|
|
font-size: 1em;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.front-page-5 img {
|
|
min-width: 100%;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* ## Front Page 6
|
|
--------------------------------------------- */
|
|
.front-page-6 {
|
|
background: #0072ff;
|
|
background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1);
|
|
border: none !important;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.front-page-6 .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.front-page-6 .wrap:before,
|
|
.front-page-6 .wrap:after {
|
|
display: none;
|
|
}
|
|
|
|
.front-page-6 .widget:last-of-type .button {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.front-page-6 p {
|
|
max-width: 768px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.front-page-6 .alignright {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* ## Front Page 7
|
|
--------------------------------------------- */
|
|
.front-page-7 {
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-7 .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0;
|
|
}
|
|
|
|
.front-page-7 .wrap:before,
|
|
.front-page-7 .wrap:after {
|
|
display: none;
|
|
}
|
|
|
|
.front-page-7 .widget {
|
|
width: 100%;
|
|
}
|
|
|
|
.front-page-7 .pricing-table {
|
|
margin-right: 6vw;
|
|
margin-left: 6vw;
|
|
}
|
|
|
|
.front-page-7 hr {
|
|
max-width: 88vw;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.front-page-7 ul blockquote {
|
|
padding-right: calc(2em + 6vw);
|
|
padding-left: calc(2em + 6vw);
|
|
}
|
|
|
|
/* ## Front Page 8
|
|
--------------------------------------------- */
|
|
.front-page-8 .wrap {
|
|
position: relative;
|
|
}
|
|
|
|
.front-page-8 .widget-wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.front-page-8 .widget-title {
|
|
width: 100%;
|
|
margin-bottom: 1.618em;
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-8 .widget-subtitle {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-8 .entry {
|
|
padding: 3rem;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.front-page-8 .entry:hover,
|
|
.front-page-8 .entry:focus {
|
|
box-shadow: 0 2rem 6rem rgba(198, 202, 206, 0.2);
|
|
}
|
|
|
|
.front-page-8 .entry > a {
|
|
display: block;
|
|
width: calc(100% + 6rem);
|
|
max-width: calc(100% + 6rem);
|
|
margin: 0;
|
|
margin: -3rem -3rem 3rem;
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
|
|
.front-page-8 .entry > a img {
|
|
border-radius: 3px 3px 0 0;
|
|
}
|
|
|
|
.front-page-8 .entry p:last-of-type {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.front-page-8 .entry-title {
|
|
order: 2;
|
|
}
|
|
|
|
.front-page-8 p.entry-meta {
|
|
order: 1;
|
|
font-size: small;
|
|
}
|
|
|
|
.front-page-8 p.entry-meta:last-of-type {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
/* ## Front Page 9
|
|
--------------------------------------------- */
|
|
.front-page-9 {
|
|
position: relative;
|
|
color: #ffffff;
|
|
background-position: center;
|
|
background-size: cover;
|
|
text-align: center;
|
|
}
|
|
|
|
.front-page-9:before {
|
|
display: block !important;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(42, 49, 57, 0.5);
|
|
content: '';
|
|
pointer-events: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.front-page-9 .widget {
|
|
position: relative;
|
|
z-index: 2;
|
|
max-width: 768px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.front-page-9 .widget-wrap {
|
|
height: 100%;
|
|
}
|
|
|
|
.front-page-9 .widget_media_image {
|
|
position: absolute;
|
|
z-index: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
max-width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.front-page-9 .widget_media_image figure {
|
|
width: 100%;
|
|
min-width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.front-page-9 .widget_media_image img {
|
|
width: 100%;
|
|
height: 100% !important;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
-o-object-position: center;
|
|
object-position: center;
|
|
}
|
|
|
|
.front-page-9 .widget_media_image figcaption {
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
position: absolute !important;
|
|
width: 0.1rem;
|
|
height: 0.1rem;
|
|
border: 0;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.front-page-9 p {
|
|
color: #eceef1;
|
|
}
|
|
|
|
.front-page-9 form {
|
|
margin-top: 1.382em;
|
|
}
|
|
|
|
.front-page-9 ::-moz-placeholder {
|
|
opacity: 1;
|
|
color: #eceef1;
|
|
}
|
|
|
|
.front-page-9 ::-webkit-input-placeholder {
|
|
color: #eceef1;
|
|
}
|
|
|
|
.front-page-9 input {
|
|
display: block;
|
|
margin: 0 auto 1em;
|
|
border: 0;
|
|
color: #ffffff;
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.front-page-9 input[type='submit'] {
|
|
width: auto;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.front-page-9 input:hover,
|
|
.front-page-9 input:focus {
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
}
|
|
|
|
/* # Media Queries
|
|
--------------------------------------------- */
|
|
|
|
@media (min-width: 384px) {
|
|
.before-header p {
|
|
display: inline-flex;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
.has-hero-slider .front-page-1 h2 {
|
|
font-size: 2.2em;
|
|
line-height: 1.236;
|
|
}
|
|
.has-hero-slider .front-page-1 p {
|
|
line-height: 1.618;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 512px) {
|
|
.button + button,
|
|
.button + .button,
|
|
button + button,
|
|
button + .button,
|
|
input[type='button'] + button,
|
|
input[type='button'] + .button,
|
|
input[type='reset'] + button,
|
|
input[type='reset'] + .button,
|
|
input[type='submit'] + button,
|
|
input[type='submit'] + .button,
|
|
.wp-block-button a + button,
|
|
.wp-block-button a + .button {
|
|
clear: none;
|
|
margin-top: 0;
|
|
}
|
|
.gallery-item {
|
|
width: 48.71795%;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.gallery-item:nth-of-type(odd) {
|
|
clear: both;
|
|
margin-left: 0;
|
|
}
|
|
.after-entry .enews input {
|
|
max-width: 38.46154%;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.after-entry .enews input:first-of-type {
|
|
margin-left: 0;
|
|
}
|
|
.blocks-gallery-image {
|
|
width: 48.71795%;
|
|
margin-bottom: 2.5641%;
|
|
}
|
|
.blocks-gallery-image:nth-of-type(odd) {
|
|
clear: both;
|
|
margin-left: 0;
|
|
}
|
|
.home .content .entry,
|
|
.blog .content .entry,
|
|
.archive .content .entry,
|
|
.search-results .content .entry {
|
|
width: 48.71795%;
|
|
margin-bottom: 2.5rem;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.home .content .entry:nth-of-type(odd),
|
|
.blog .content .entry:nth-of-type(odd),
|
|
.archive .content .entry:nth-of-type(odd),
|
|
.search-results .content .entry:nth-of-type(odd) {
|
|
margin-left: 0;
|
|
}
|
|
.archive.genesis-pro-portfolio .entry {
|
|
width: 48.71795%;
|
|
margin-bottom: 2.5rem;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.archive.genesis-pro-portfolio .entry:nth-of-type(odd) {
|
|
margin-left: 0;
|
|
}
|
|
.has-hero-slider .front-page-1 .slick-arrow {
|
|
visibility: visible;
|
|
}
|
|
.front-page-5 .listing-item {
|
|
width: 50vw;
|
|
}
|
|
.front-page-9 input {
|
|
display: inline-block;
|
|
width: auto;
|
|
margin: 0 0.2em 1em;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
body {
|
|
font-size: 1.8rem;
|
|
}
|
|
body > div {
|
|
font-size: 1.8rem;
|
|
}
|
|
h1 {
|
|
font-size: 3em;
|
|
}
|
|
.wp-video-shortcode {
|
|
width: auto;
|
|
}
|
|
.content-sidebar-wrap,
|
|
.wrap {
|
|
width: 88%;
|
|
max-width: 1152px;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
.contact-page .site-inner {
|
|
padding-top: 10rem;
|
|
}
|
|
.contact-page.has-before-header .site-inner {
|
|
padding-top: 14rem;
|
|
}
|
|
.content {
|
|
padding: 6rem;
|
|
}
|
|
.home.page .content {
|
|
margin: 0;
|
|
}
|
|
.blog .content,
|
|
.archive .content,
|
|
.search-results .content {
|
|
padding: 6rem 0;
|
|
}
|
|
.page .content,
|
|
.single .content,
|
|
.error404 .content {
|
|
margin: -6rem auto 0;
|
|
}
|
|
.page .content:before,
|
|
.single .content:before,
|
|
.error404 .content:before {
|
|
display: block;
|
|
}
|
|
.landing-page .content {
|
|
margin-top: 0;
|
|
}
|
|
.landing-page .content:before {
|
|
display: none;
|
|
}
|
|
.one-half,
|
|
.one-third,
|
|
.one-fourth,
|
|
.one-fifth,
|
|
.one-sixth,
|
|
.two-thirds,
|
|
.two-fourths,
|
|
.two-fifths,
|
|
.two-sixths,
|
|
.three-fourths,
|
|
.three-fifths,
|
|
.three-sixths,
|
|
.four-fifths,
|
|
.four-sixths,
|
|
.five-sixths {
|
|
float: left;
|
|
clear: none;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.one-half,
|
|
.three-sixths,
|
|
.two-fourths {
|
|
width: 48.71795%;
|
|
}
|
|
.one-third,
|
|
.two-sixths {
|
|
width: 31.62393%;
|
|
}
|
|
.four-sixths,
|
|
.two-thirds {
|
|
width: 65.81197%;
|
|
}
|
|
.one-fourth {
|
|
width: 23.07692%;
|
|
}
|
|
.three-fourths {
|
|
width: 74.35897%;
|
|
}
|
|
.one-fifth {
|
|
width: 17.94872%;
|
|
}
|
|
.two-fifths {
|
|
width: 38.46154%;
|
|
}
|
|
.three-fifths {
|
|
width: 58.97436%;
|
|
}
|
|
.four-fifths {
|
|
width: 79.48718%;
|
|
}
|
|
.one-sixth {
|
|
width: 14.52991%;
|
|
}
|
|
.five-sixths {
|
|
width: 82.90598%;
|
|
}
|
|
.first {
|
|
clear: both;
|
|
margin-left: 0;
|
|
}
|
|
.gallery-item {
|
|
margin-bottom: 2.5rem;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-item:nth-of-type(odd) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-2 .gallery-item {
|
|
width: 48.71795%;
|
|
}
|
|
.gallery-columns-2 .gallery-item:nth-of-type(odd) {
|
|
margin-left: 0;
|
|
}
|
|
.gallery-columns-3 .gallery-item {
|
|
width: 31.62393%;
|
|
}
|
|
.gallery-columns-3 .gallery-item:nth-of-type(odd) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-3 .gallery-item:nth-of-type(3n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.gallery-columns-4 .gallery-item {
|
|
width: 23.07692%;
|
|
}
|
|
.gallery-columns-4 .gallery-item:nth-of-type(3n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-4 .gallery-item:nth-of-type(4n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.gallery-columns-5 .gallery-item {
|
|
width: 17.94872%;
|
|
}
|
|
.gallery-columns-5 .gallery-item:nth-of-type(4n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-5 .gallery-item:nth-of-type(5n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.gallery-columns-6 .gallery-item {
|
|
width: 14.52991%;
|
|
}
|
|
.gallery-columns-6 .gallery-item:nth-of-type(5n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-6 .gallery-item:nth-of-type(6n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.gallery-columns-7 .gallery-item {
|
|
width: 12.08791%;
|
|
}
|
|
.gallery-columns-7 .gallery-item:nth-of-type(6n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-7 .gallery-item:nth-of-type(7n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.gallery-columns-8 .gallery-item {
|
|
width: 10.25641%;
|
|
}
|
|
.gallery-columns-8 .gallery-item:nth-of-type(7n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-8 .gallery-item:nth-of-type(8n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.gallery-columns-9 .gallery-item {
|
|
width: 8.83191%;
|
|
}
|
|
.gallery-columns-9 .gallery-item:nth-of-type(8n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.gallery-columns-9 .gallery-item:nth-of-type(9n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.pricing-table + .pricing-table {
|
|
margin: 10rem 0;
|
|
}
|
|
.pricing-table + hr {
|
|
margin: 10rem 0;
|
|
}
|
|
.author-box {
|
|
padding: 6rem 0;
|
|
}
|
|
.blocks-gallery-image {
|
|
margin-bottom: 2.5641%;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.blocks-gallery-image:nth-of-type(odd) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-2 .blocks-gallery-image {
|
|
width: 48.71795%;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(odd) {
|
|
margin-left: 0;
|
|
}
|
|
.wp-block-gallery.columns-3 .blocks-gallery-image {
|
|
width: 31.62393%;
|
|
}
|
|
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(odd) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.wp-block-gallery.columns-4 .blocks-gallery-image {
|
|
width: 23.07692%;
|
|
}
|
|
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(3n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.wp-block-gallery.columns-5 .blocks-gallery-image {
|
|
width: 17.94872%;
|
|
}
|
|
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(4n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.wp-block-gallery.columns-6 .blocks-gallery-image {
|
|
width: 14.52991%;
|
|
}
|
|
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(5n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.wp-block-gallery.columns-7 .blocks-gallery-image {
|
|
width: 12.08791%;
|
|
}
|
|
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(6n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.wp-block-gallery.columns-8 .blocks-gallery-image {
|
|
width: 10.25641%;
|
|
}
|
|
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(7n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.wp-block-gallery.columns-9 .blocks-gallery-image {
|
|
width: 8.83191%;
|
|
}
|
|
.wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(8n + 1) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.wp-block-gallery.columns-9 .blocks-gallery-image:nth-of-type(9n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.hero-section {
|
|
padding: 16rem 0 16rem;
|
|
}
|
|
.blog .hero-section,
|
|
.archive .hero-section,
|
|
.search-results .hero-section {
|
|
padding-bottom: 10rem;
|
|
}
|
|
.hero-section .wrap {
|
|
max-width: 896px;
|
|
}
|
|
.nav-primary,
|
|
.nav-secondary {
|
|
right: calc(-40rem + -6vw);
|
|
}
|
|
.nav-primary.activated,
|
|
.nav-secondary.activated {
|
|
right: -6vw;
|
|
}
|
|
.entry-footer {
|
|
margin-top: 4rem;
|
|
padding: 4rem 0;
|
|
}
|
|
.comment-respond,
|
|
.entry-comments,
|
|
.entry-pings {
|
|
padding: 6rem 0;
|
|
}
|
|
.comment-header {
|
|
margin-bottom: 2em;
|
|
}
|
|
.sidebar .widget {
|
|
padding: 3rem 0;
|
|
}
|
|
.sidebar .widget:first-of-type {
|
|
padding-top: 3rem;
|
|
}
|
|
.blog .sidebar .widget,
|
|
.archive .sidebar .widget {
|
|
margin-bottom: 3rem;
|
|
padding: 3rem;
|
|
}
|
|
.site-footer .widget-area {
|
|
margin-bottom: 0;
|
|
}
|
|
.before-footer {
|
|
padding: 7.5rem 0;
|
|
}
|
|
.before-footer p {
|
|
margin: 0;
|
|
}
|
|
.footer-widgets {
|
|
padding: 10rem 0 0;
|
|
}
|
|
.footer-widgets .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.footer-widgets .widget-area {
|
|
width: 31.62393%;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.footer-widgets .widget-area.footer-widgets-1 {
|
|
margin-left: 0;
|
|
}
|
|
.footer-widgets .widget-area.footer-widgets-2 {
|
|
margin-bottom: 0;
|
|
}
|
|
.footer-credits {
|
|
margin-top: 10rem;
|
|
}
|
|
.footer-credits .wrap {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
}
|
|
.footer-credits .widget:last-of-type {
|
|
text-align: right;
|
|
}
|
|
.footer-credits .simple-social-icons {
|
|
margin-bottom: 0;
|
|
}
|
|
.front-page-widget {
|
|
padding: 10rem 0;
|
|
}
|
|
.has-hero-slider .front-page-1 {
|
|
padding: 0;
|
|
}
|
|
.has-hero-slider .front-page-1 .slick-slider {
|
|
max-height: 100vh;
|
|
}
|
|
.has-hero-slider .front-page-1 .slick-arrow {
|
|
top: 50%;
|
|
}
|
|
.has-hero-slider .front-page-1 h2 {
|
|
font-size: 3em;
|
|
}
|
|
.front-page-1.hero-section {
|
|
padding: 16rem 0;
|
|
}
|
|
.front-page-1.hero-section .wrap {
|
|
width: 88%;
|
|
max-width: 1152px;
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
.front-page-2 {
|
|
padding: 5rem 0;
|
|
}
|
|
.front-page-2 .widget-wrap {
|
|
width: calc(100% + 10vw);
|
|
max-width: calc(100% + 10vw);
|
|
margin: 0 -5vw;
|
|
}
|
|
.front-page-2 .gallery img {
|
|
padding: 0 5vw;
|
|
}
|
|
.no-js .front-page-2 .gallery img {
|
|
padding: 0 1rem;
|
|
}
|
|
.front-page-2 .gallery-item {
|
|
margin: 0 !important;
|
|
}
|
|
.no-js .front-page-2 .gallery-item {
|
|
max-width: 100%;
|
|
}
|
|
.front-page-3 .widget hr {
|
|
margin: 7.5rem 0;
|
|
}
|
|
.front-page-3 .mejs-container {
|
|
min-width: 100% !important;
|
|
max-width: 100%;
|
|
}
|
|
.front-page-3 .mejs-mediaelement {
|
|
box-shadow: 0 3rem 9rem -3rem rgba(42, 49, 57, 0.236);
|
|
}
|
|
.front-page-3 .mejs-overlay-button {
|
|
width: 8rem;
|
|
height: 8rem;
|
|
}
|
|
.front-page-4 .pull-left {
|
|
position: relative;
|
|
right: 0;
|
|
width: 150%;
|
|
max-width: 150% !important;
|
|
margin-left: -50%;
|
|
}
|
|
.front-page-5 {
|
|
padding: 0;
|
|
}
|
|
.front-page-5 .listing-item {
|
|
width: 33.33333333333333vw;
|
|
}
|
|
.front-page-6 {
|
|
padding: 10rem 0;
|
|
}
|
|
.front-page-6 .widget {
|
|
margin-bottom: 0;
|
|
}
|
|
.front-page-6 p {
|
|
margin-bottom: 0;
|
|
}
|
|
.front-page-7 .pricing-table {
|
|
margin-top: 5rem;
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
.front-page-7 hr {
|
|
max-width: 100%;
|
|
}
|
|
.front-page-7 ul blockquote {
|
|
padding-right: 2em;
|
|
padding-left: 2em;
|
|
}
|
|
.front-page-8 .entry {
|
|
clear: none;
|
|
width: 31.62393%;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 2.5641%;
|
|
}
|
|
.front-page-8 .entry:nth-of-type(3n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.front-page-8 .entry:nth-of-type(1n + 4) {
|
|
margin-top: 2.5641%;
|
|
}
|
|
.front-page-9 .wrap {
|
|
padding: 5rem 0;
|
|
}
|
|
.front-page-9 input {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 896px) {
|
|
.home .site-inner {
|
|
padding-top: 101px;
|
|
}
|
|
.content-sidebar-wrap {
|
|
display: flex;
|
|
padding: 0;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
}
|
|
.content-sidebar-wrap:before,
|
|
.content-sidebar-wrap:after {
|
|
display: none;
|
|
}
|
|
.sidebar-content .content-sidebar-wrap {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.single .content,
|
|
.contact-page .content {
|
|
width: 768px;
|
|
}
|
|
.single-product .content {
|
|
width: 896px;
|
|
}
|
|
.content {
|
|
width: 100%;
|
|
}
|
|
.sidebar-primary {
|
|
width: 25%;
|
|
padding-top: 3rem;
|
|
}
|
|
.blog .sidebar-primary,
|
|
.archive .sidebar-primary {
|
|
padding-top: 6rem;
|
|
}
|
|
.sidebar-content .content,
|
|
.content-sidebar .content {
|
|
width: calc(75% - 5rem);
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
.single .gallery {
|
|
max-width: 896px;
|
|
}
|
|
.after-entry {
|
|
width: calc(100% + 12rem);
|
|
max-width: calc(100% + 12rem);
|
|
margin: 0 -6rem;
|
|
padding: 6rem;
|
|
}
|
|
.search-form .search-toggle {
|
|
display: block;
|
|
}
|
|
.site-header .search-form input[type='search'] {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 2em;
|
|
bottom: 0;
|
|
margin: auto 1em auto 0;
|
|
}
|
|
.sticky-header .site-header.shrink > .wrap {
|
|
height: 7rem;
|
|
}
|
|
.site-header > .wrap {
|
|
height: 10rem;
|
|
padding: 0;
|
|
flex-wrap: nowrap;
|
|
}
|
|
.no-js .site-header > .wrap {
|
|
padding: 0;
|
|
}
|
|
.site-description {
|
|
line-height: 1.382;
|
|
text-align: left;
|
|
}
|
|
.before-header {
|
|
width: 100vw;
|
|
max-width: 100%;
|
|
}
|
|
.sticky-header .shrink .before-header {
|
|
margin-top: -4rem;
|
|
}
|
|
.before-header .wrap {
|
|
width: 88%;
|
|
max-width: 1152px;
|
|
padding: 0;
|
|
}
|
|
.header-widget-area {
|
|
display: block;
|
|
margin: 0 0 0 0.5em;
|
|
order: 5;
|
|
}
|
|
.hero-section {
|
|
padding: 20rem 0 16rem;
|
|
}
|
|
.has-before-header .hero-section {
|
|
padding-top: 24rem;
|
|
}
|
|
.has-nav-secondary .hero-section {
|
|
padding-top: 26rem;
|
|
}
|
|
.has-before-header.has-nav-secondary .hero-section {
|
|
padding-top: 30rem;
|
|
}
|
|
.blog .hero-section,
|
|
.archive .hero-section,
|
|
.search-results .hero-section {
|
|
padding-bottom: 10rem;
|
|
}
|
|
.menu {
|
|
font-size: 1.4rem;
|
|
}
|
|
.menu .rss,
|
|
.menu .date,
|
|
.menu .search,
|
|
.menu .twitter {
|
|
margin-top: 0;
|
|
margin-left: 0.618em;
|
|
}
|
|
.menu-item {
|
|
display: flex;
|
|
width: auto;
|
|
height: 10rem;
|
|
padding: 0 0.618em;
|
|
align-items: center;
|
|
order: initial;
|
|
}
|
|
.shrink .menu-item {
|
|
height: 7rem;
|
|
}
|
|
.menu-item:first-of-type > a {
|
|
padding-left: 0;
|
|
}
|
|
.menu-item:last-of-type a {
|
|
padding-right: 0;
|
|
}
|
|
.menu-item.button {
|
|
margin: 0 0 0 1em;
|
|
}
|
|
.sub-menu {
|
|
position: absolute;
|
|
z-index: 99;
|
|
top: 100%;
|
|
left: 0;
|
|
width: 20rem;
|
|
margin-left: -1em;
|
|
padding: 1em 0;
|
|
border: 1px solid #eceef1;
|
|
border-radius: 3px;
|
|
background-color: #f6f8fa;
|
|
}
|
|
.sub-menu:before {
|
|
display: block;
|
|
}
|
|
.sub-menu .menu-item {
|
|
height: auto;
|
|
padding: 0.5em 1em;
|
|
}
|
|
.sub-menu .menu-item:first-of-type {
|
|
margin-top: 0;
|
|
}
|
|
.sub-menu a {
|
|
position: relative;
|
|
padding: 0;
|
|
color: #90959f;
|
|
word-wrap: break-word;
|
|
}
|
|
.sub-menu .sub-menu {
|
|
top: -0.5em;
|
|
left: -0.1rem;
|
|
margin: -0.1rem 0 0 19.9rem;
|
|
padding-left: 0;
|
|
border: 1px solid #eceef1;
|
|
}
|
|
.nav-primary,
|
|
.nav-secondary {
|
|
display: block;
|
|
overflow: visible;
|
|
position: relative;
|
|
top: auto;
|
|
right: auto;
|
|
bottom: auto;
|
|
left: auto;
|
|
width: auto;
|
|
max-width: none;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
}
|
|
.nav-primary.activated,
|
|
.nav-secondary.activated {
|
|
right: auto;
|
|
box-shadow: none;
|
|
}
|
|
.no-js .nav-primary,
|
|
.no-js
|
|
.nav-secondary {
|
|
display: block;
|
|
width: auto;
|
|
}
|
|
.nav-primary .menu,
|
|
.nav-secondary .menu {
|
|
padding: 0;
|
|
}
|
|
.nav-secondary {
|
|
width: 100%;
|
|
border-top: 1px solid rgba(198, 202, 206, 0.3);
|
|
}
|
|
.nav-secondary .menu-item {
|
|
height: 6rem;
|
|
}
|
|
.sticky-header .shrink .nav-secondary .menu-item {
|
|
height: 5rem;
|
|
}
|
|
.nav-secondary .menu > .menu-item:first-of-type {
|
|
padding-left: 0;
|
|
}
|
|
.menu-toggle {
|
|
display: none;
|
|
}
|
|
.sub-menu-toggle {
|
|
display: none;
|
|
}
|
|
.home .content .entry,
|
|
.blog .content .entry,
|
|
.archive .content .entry,
|
|
.search-results .content .entry {
|
|
width: 31.62393%;
|
|
margin-bottom: 2.5rem;
|
|
}
|
|
.home .content .entry:nth-of-type(odd),
|
|
.blog .content .entry:nth-of-type(odd),
|
|
.archive .content .entry:nth-of-type(odd),
|
|
.search-results .content .entry:nth-of-type(odd) {
|
|
margin-left: 2.5641%;
|
|
}
|
|
.home .content .entry:nth-of-type(3n + 1),
|
|
.blog .content .entry:nth-of-type(3n + 1),
|
|
.archive .content .entry:nth-of-type(3n + 1),
|
|
.search-results .content .entry:nth-of-type(3n + 1) {
|
|
margin-left: 0;
|
|
}
|
|
.pagination {
|
|
padding: 5rem 0;
|
|
}
|
|
.lead {
|
|
margin: 50px -50px;
|
|
font-size: 140%;
|
|
}
|
|
.wpmenucart-contents {
|
|
margin-left: 1em;
|
|
}
|
|
.single-event .event-map {
|
|
flex: 1 1 100%;
|
|
margin-top: 0;
|
|
}
|
|
.single-event .event-info-wrapper {
|
|
box-shadow: 0 16px 65px rgba(0, 0, 0, 0.18);
|
|
}
|
|
.single-event .event-info-wrapper .event-info div {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.single-event .event-info-wrapper .event-info div dt {
|
|
flex: 0 1 120px;
|
|
font-weight: 700;
|
|
}
|
|
.single-event .event-info-wrapper .event-info div dd {
|
|
flex: 1 1 auto;
|
|
margin-left: 0;
|
|
}
|
|
.single-event .event-info-wrapper .event-info {
|
|
box-shadow: none;
|
|
flex: 1 1 100%;
|
|
padding: 60px;
|
|
text-align: unset;
|
|
margin: 0 auto 0;
|
|
max-width: 760px;
|
|
}
|
|
.single-event .event-related-wrapper {
|
|
margin: 40px -70px 30px;
|
|
}
|
|
.single-event .event-related-wrapper .event-related-item {
|
|
flex: 0 1 calc((100% - 60px)/3);
|
|
}
|
|
.single-event .event-related-wrapper .event-related-item img {
|
|
width: 100%;
|
|
}
|
|
.event-frontpage-wrapper .event-item {
|
|
flex: 0 1 calc((100% - 60px)/3);
|
|
}
|
|
.event-frontpage-wrapper .event-item img {
|
|
width: 100%;
|
|
}
|
|
.home .gfpc-overlay-entry {
|
|
padding: 15px 30px;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|
|
.home .gfpc-overlay-entry.bottom {
|
|
background: white;
|
|
bottom: 20px !important;
|
|
width: 40%;
|
|
}
|
|
.has-hero-slider .front-page-1 .slick-wrap {
|
|
width: 88%;
|
|
max-width: 1152px;
|
|
padding-top: 10rem;
|
|
}
|
|
.has-before-header .has-hero-slider .front-page-1 .slick-wrap {
|
|
padding-top: 14rem;
|
|
}
|
|
.has-nav-secondary .has-hero-slider .front-page-1 .slick-wrap {
|
|
padding-top: 16rem;
|
|
}
|
|
.has-nav-secondary.has-before-header .has-hero-slider .front-page-1 .slick-wrap {
|
|
padding-top: 20rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1152px) {
|
|
.header-widget-area {
|
|
margin: 0 0 0 2em;
|
|
}
|
|
.menu-item {
|
|
padding: 0 1em;
|
|
}
|
|
.front-page-2 {
|
|
padding: 7.5rem 0;
|
|
}
|
|
.front-page-2 .widget-wrap {
|
|
width: calc(100% + 7.5rem);
|
|
max-width: calc(100% + 7.5rem);
|
|
margin: 0 -3.75rem;
|
|
}
|
|
.front-page-2 .gallery img {
|
|
padding: 0 3.75rem;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1280px) {
|
|
.hero-section {
|
|
padding: 24rem 0 20rem;
|
|
}
|
|
.has-before-header .hero-section {
|
|
padding-top: 28rem;
|
|
}
|
|
.has-nav-secondary .hero-section {
|
|
padding-top: 30rem;
|
|
}
|
|
.has-before-header.has-nav-secondary .hero-section {
|
|
padding-top: 34rem;
|
|
}
|
|
.blog .hero-section,
|
|
.archive .hero-section,
|
|
.search-results .hero-section {
|
|
padding-bottom: 14rem;
|
|
}
|
|
.menu .rss,
|
|
.menu .date,
|
|
.menu .search,
|
|
.menu .twitter {
|
|
margin-left: 1.5em;
|
|
}
|
|
.comment-respond input[type='email'],
|
|
.comment-respond input[type='text'],
|
|
.comment-respond input[type='url'] {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.pricing-table div {
|
|
width: 100%;
|
|
}
|
|
.contact-page .agm-canvas {
|
|
height: 30rem !important;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
color: #2a3139 !important;
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
}
|
|
a,
|
|
a:visited {
|
|
text-decoration: underline;
|
|
}
|
|
a[href]:after {
|
|
content: ' (' attr(href) ')';
|
|
}
|
|
abbr[title]:after {
|
|
content: ' (' attr(title) ')';
|
|
}
|
|
a[href^='javascript:']:after,
|
|
a[href^='#']:after,
|
|
.site-title > a:after {
|
|
content: '';
|
|
}
|
|
thead {
|
|
display: table-header-group;
|
|
}
|
|
img,
|
|
tr {
|
|
page-break-inside: avoid;
|
|
}
|
|
img {
|
|
max-width: 100% !important;
|
|
}
|
|
@page {
|
|
margin: 2cm 0.5cm;
|
|
}
|
|
p,
|
|
h2,
|
|
h3 {
|
|
orphans: 3;
|
|
widows: 3;
|
|
}
|
|
blockquote,
|
|
pre {
|
|
border: 1px solid #eceef1;
|
|
page-break-inside: avoid;
|
|
}
|
|
.content,
|
|
.content-sidebar {
|
|
width: 100%;
|
|
}
|
|
button,
|
|
input,
|
|
select,
|
|
textarea,
|
|
.breadcrumb,
|
|
.comment-edit-link,
|
|
.comment-form,
|
|
.comment-list .reply a,
|
|
.comment-reply-title,
|
|
.edit-link,
|
|
.entry-comments-link,
|
|
.entry-footer,
|
|
.genesis-box,
|
|
.header-widget-area,
|
|
.hidden-print,
|
|
.home-top,
|
|
.nav-primary,
|
|
.nav-secondary,
|
|
.post-edit-link,
|
|
.sidebar {
|
|
display: none !important;
|
|
}
|
|
.title-area {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.site-title > a {
|
|
margin: 0;
|
|
text-decoration: none;
|
|
text-indent: 0;
|
|
}
|
|
.site-inner {
|
|
position: relative;
|
|
top: -10rem;
|
|
padding-top: 0;
|
|
}
|
|
.author-box {
|
|
margin-bottom: 0;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
orphans: 3;
|
|
page-break-after: avoid;
|
|
page-break-inside: avoid;
|
|
widows: 3;
|
|
}
|
|
img {
|
|
page-break-after: avoid;
|
|
page-break-inside: avoid;
|
|
}
|
|
blockquote,
|
|
pre,
|
|
table {
|
|
page-break-inside: avoid;
|
|
}
|
|
dl,
|
|
ol,
|
|
ul {
|
|
page-break-before: avoid;
|
|
}
|
|
}
|
|
|
|
/*# sourceMappingURL=style.css.map */
|