@charset 'UTF-8';

html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
hr {
overflow: visible;
box-sizing: content-box;
height: 0;
}
pre {
font-family: monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
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: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
display: table;
box-sizing: border-box;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
html {
overflow-x: hidden;
box-sizing: border-box;
max-width: 100vw;
font-size: 62.5%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
overflow-x: hidden;
width: 100vw;
height: 100%;
margin: 0;
color: #404e6b;
background-color: #ffffff;
font-family: karla, hk grotesk, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
font-size: 18px;
font-size: 1.8rem;
font-weight: 500;
line-height: 1.618;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
color: #404e6b;
text-decoration: underline;
-webkit-text-decoration-color: #7b51ff;
text-decoration-color: #7b51ff;
transition: all 0.25s ease-in-out;
}
a:hover,
a:focus,
a:active {
color: #7b51ff;
}
p {
margin: 0 0 16px;
padding: 0;
}
hr {
clear: both;
margin: 0 0 16px;
padding: 16px 0 0;
border: 0;
border-bottom: 1px solid rgba(215, 220, 231, 0.75);
border-collapse: collapse;
}
b,
strong {
font-weight: 700;
}
blockquote,
cite,
em,
i {
font-style: italic;
}
blockquote {
border-left: 4px solid rgba(215, 220, 231, 0.75);
color: #5f749e;
margin: 16px auto;
padding: 16px;
}
blockquote p:last-of-type {
margin-bottom: 0;
}
blockquote cite {
display: inline-block;
margin-top: 16px;
text-align: left;
}
code,
kbd,
samp {
display: inline-block;
padding: 0.1em 0.5em;
border-radius: 6px;
color: #d7dce7;
background-color: #293244;
font-family: 'Consolas', 'monaco', monospace;
font-size: 80%;
}
pre {
overflow-x: scroll;
padding: 32px;
border-radius: 6px;
color: #d7dce7;
background-color: #293244;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
font-family: 'Consolas', 'monaco', monospace;
font-size: 80%;
}
pre code,
pre kbd,
pre samp {
padding: 0;
background-color: transparent;
font-size: 100%;
}
pre button,
pre [type='button'],
pre [type='reset'],
pre [type='submit'],
pre .button,
pre a.button {
margin-bottom: 8px;
font-family: karla, hk grotesk, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 16px;
font-family: karla, hk grotesk, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
font-weight: 700;
line-height: 1.2944;
}
h1 {
font-size: 39.81312px;
font-size: 3.98131rem;
}
h2 {
font-size: 33.1776px;
font-size: 3.31776rem;
}
h3 {
font-size: 27.648px;
font-size: 2.7648rem;
}
h4 {
font-size: 23.04px;
font-size: 2.304rem;
}
h5 {
font-size: 19.2px;
font-size: 1.92rem;
}
h6 {
font-size: 16px;
font-size: 1.6rem;
}
ul,
ol,
dl {
margin: 0 0 16px;
padding: 0;
list-style-position: inside;
}
ul ul,
ul ol,
ul dl,
ol ul,
ol ol,
ol dl,
dl ul,
dl ol,
dl dl {
margin: 8px 16px;
}
dd,
dt {
margin: 0;
}
dt {
font-weight: 600;
}
button,
[type='button'],
[type='reset'],
[type='submit'],
.button,
a.button {
display: inline-block;
overflow: hidden;
position: relative;
width: auto;
padding: 16px 32px;
border: 0;
border-radius: 32px;
color: #ffffff;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
font-size: 14.99531px;
font-size: 1.49953rem;
font-weight: 700;
line-height: 1;
white-space: normal;
text-decoration: none;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.25s ease-in-out;
background: linear-gradient(135deg, #825aff 0%, #7448ff 100%);
}
button:hover,
button:focus,
button:active,
[type='button']:hover,
[type='button']:focus,
[type='button']:active,
[type='reset']:hover,
[type='reset']:focus,
[type='reset']:active,
[type='submit']:hover,
[type='submit']:focus,
[type='submit']:active,
.button:hover,
.button:focus,
.button:active,
a.button:hover,
a.button:focus,
a.button:active {
outline: none;
color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.2);
text-decoration: none;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
button:disabled,
button:disabled:hover,
button:disabled:focus,
[type='button']:disabled,
[type='button']:disabled:hover,
[type='button']:disabled:focus,
[type='reset']:disabled,
[type='reset']:disabled:hover,
[type='reset']:disabled:focus,
[type='submit']:disabled,
[type='submit']:disabled:hover,
[type='submit']:disabled:focus,
.button:disabled,
.button:disabled:hover,
.button:disabled:focus,
a.button:disabled,
a.button:disabled:hover,
a.button:disabled:focus {
opacity: 0.5;
background-color: #97a5c1;
cursor: not-allowed;
}
button.small,
[type='button'].small,
[type='reset'].small,
[type='submit'].small,
.button.small,
a.button.small {
padding: 10.664px 25.888px;
font-size: small;
}
button.large,
[type='button'].large,
[type='reset'].large,
[type='submit'].large,
.button.large,
a.button.large {
font-size: large;
}
button.outline,
[type='button'].outline,
[type='reset'].outline,
[type='submit'].outline,
.button.outline,
a.button.outline {
border: 2px solid #7b51ff;
color: #7b51ff;
background: transparent;
}
button.white,
[type='button'].white,
[type='reset'].white,
[type='submit'].white,
.button.white,
a.button.white {
color: #7b51ff;
background: #ffffff;
}
button.white.outline,
[type='button'].white.outline,
[type='reset'].white.outline,
[type='submit'].white.outline,
.button.white.outline,
a.button.white.outline {
border: 2px solid #ffffff;
color: #ffffff;
background: transparent;
}
button a,
[type='button'] a,
[type='reset'] a,
[type='submit'] a,
.button a,
a.button a {
color: #ffffff;
text-decoration: none;
}
.white a,
.outline a {
color: #7b51ff;
}
.white a:hover,
.white a:focus,
.white a:active,
.outline a:hover,
.outline a:focus,
.outline a:active {
color: #7b51ff;
}
.outline.white a {
color: #ffffff;
}
.outline.white a:hover,
.outline.white a:focus,
.outline.white a:active {
color: #ffffff;
}
::-webkit-input-placeholder {
opacity: 1;
color: #9eabc5;
}
:-ms-input-placeholder {
opacity: 1;
color: #9eabc5;
}
::-ms-input-placeholder {
opacity: 1;
color: #9eabc5;
}
::placeholder {
opacity: 1;
color: #9eabc5;
}
label {
display: block;
margin: 0 0 8px;
}
input,
select,
textarea {
width: 100%;
margin: 0 0 8px;
padding: 16px 25.888px;
border: 1px solid rgba(215, 220, 231, 0.75);
border-radius: 48px;
color: #4b5c7e;
background-color: #ffffff;
background-clip: padding-box;
font-size: 1.6rem;
font-weight: 500;
transition: all 0.25s ease-in-out;
}
input:focus,
select:focus,
textarea:focus {
border-color: #9eabc5;
outline: none;
}
input:disabled,
input:disabled:hover,
select:disabled,
select:disabled:hover,
textarea:disabled,
textarea:disabled:hover {
border-color: #5f749e;
color: #9eabc5;
background-color: #e7eaf0;
cursor: not-allowed;
}
textarea {
border-radius: 24px;
}
select {
position: relative;
height: 3em;
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/chevron-down.svg);
background-repeat: no-repeat;
background-position: 95% center;
background-size: 1em;
-webkit-appearance: none;
}
input[type='checkbox'],
input[type='image'],
input[type='radio'] {
width: auto;
margin-right: 8px;
}
input[type='color'] {
min-height: 48px;
}
input[type='search'] {
-webkit-appearance: none;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button {
display: none;
}
fieldset {
min-width: 0;
margin: 32px 0 0;
padding: 0.01em 0 0 0;
border: 0;
}
body:not(:-moz-handler-blocked) fieldset {
display: table-cell;
}
legend {
display: table;
float: left;
width: 100%;
padding: 0;
font-size: 23.04px;
font-size: 2.304rem;
margin: 0 0 16px;
font-family: karla, hk grotesk, system-ui, -apple-system, BlinkMacSystemFont, 'Avenir Next', 'Avenir', 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Helvetica', 'Fira Sans', 'Roboto', 'Noto', 'Droid Sans', 'Cantarell', 'Oxygen', 'Ubuntu', 'Franklin Gothic Medium', 'Century Gothic', 'Liberation Sans', sans-serif;
font-weight: 700;
line-height: 1.2944;
}
legend + * {
clear: both;
}
table {
width: 100%;
margin: 8px 0;
border-radius: 6px;
border-spacing: 0;
border-collapse: collapse;
background-color: #ffffff;
word-break: break-all;
}
th,
td {
padding: 16px;
border: 1px solid rgba(215, 220, 231, 0.75);
text-align: left;
}
th {
font-weight: 600;
}
embed,
iframe,
object,
video,
.wp-caption {
width: 100%;
max-width: 100%;
}
img {
max-width: 100%;
height: auto;
vertical-align: top;
}
figure {
margin: 0;
}
iframe {
border: 0;
}
.site-container {
position: relative;
}
.site-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: absolute;
z-index: 10;
top: 0;
width: 100%;
height: 6rem;
}
.site-header .wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
}
.site-footer {
margin-top: auto;
color: #4b5c7e;
background-color: #f7f8fa;
}
.site-footer .wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.site-footer a {
text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
color: #7b51ff;
}
.site-footer input[type='email'] {
border: 0;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
}
.wrap {
width: 90%;
max-width: 1152px;
margin-right: auto;
margin-left: auto;
}
.wrap .wrap {
width: 100%;
max-width: 100%;
}
.title-area {
line-height: 1.2944;
transition: all 0.25s ease-in-out;
}
.title-area:hover,
.title-area:focus,
.title-area:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.has-halloween-easter-egg .title-area {
display: flex;
align-items: center;
}
.has-halloween-easter-egg .title-area:before {
margin-top: 5.33333px;
margin-right: 16px;
font-size: xx-large;
content: '👻';
}
.site-title {
margin: 0;
font-size: 23.04px;
font-size: 2.304rem;
font-weight: 700;
line-height: 1;
}
.wp-custom-logo .site-title {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.site-title a {
display: block;
color: #ffffff;
text-decoration: none;
}
.site-title a:hover,
.site-title a:focus,
.site-title a:active {
text-decoration: none;
}
.site-description {
margin: 0;
color: #ffffff;
font-size: smaller;
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.has-site-description .site-description {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
overflow: visible;
position: static;
white-space: inherit;
width: auto;
}
.custom-logo {
width: 100%;
max-width: 256px;
}
.custom-logo-link {
display: flex;
align-items: center;
}
.nav-primary {
display: flex;
z-index: 3;
width: calc(100vw - 32px);
margin: auto;
padding: 0 0 32px;
border-radius: 6px;
opacity: 0;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1), 0 32px 64px -16px rgba(64, 78, 107, 0.1);
transition: all 0.25s ease-in-out;
-webkit-transform: scale(0.95);
transform: scale(0.95);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
pointer-events: none;
will-change: transform,opacity;
flex-wrap: wrap;
justify-content: flex-end;
position: absolute;
top: 16px;
right: -50%;
left: -50%;
}
.nav-primary.visible {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
.no-js .nav-primary {
display: flex;
position: relative;
}
.menu {
display: flex;
width: 100%;
margin: 0;
font-size: 16px;
font-size: 1.6rem;
font-weight: 700;
text-transform: uppercase;
list-style-type: none;
flex-wrap: wrap;
align-items: center;
}
.no-js .menu {
width: 100%;
border: 0;
transition: all 0.2s ease;
}
.menu-item {
display: flex;
position: relative;
width: 100%;
margin: 0;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.menu-item-has-children > a span {
display: inline-flex;
align-items: center;
}
.menu-item-has-children > a span:after {
margin-left: 0.3em;
padding-bottom: 1px;
border-style: solid;
height: 0;
width: 0;
border-color: #ffffff transparent transparent;
border-width: 3px 3px 0;
}
.menu-item.button {
width: auto;
margin: 16px 0 16px 32px;
padding: 0;
}
.menu-item.button .menu-item-link {
width: auto;
padding: 0.9em 2em 1em;
}
.menu-item.button .menu-item-link:hover span,
.menu-item.button .menu-item-link:focus span,
.menu-item.button .menu-item-link:active span {
opacity: 1;
}
.sidebar .menu-item,
.site-footer .menu-item {
justify-content: flex-start;
}
.menu-item-link {
width: calc(100% - 48px);
color: #4b5c7e;
text-decoration: none;
transition: all 0.1s ease;
}
.menu-item-link:hover,
.menu-item-link:focus,
.menu-item-link:active {
text-decoration: none;
}
.menu-item-link span {
transition: all 0.25s ease-in-out;
}
.menu-toggle {
display: flex;
position: relative;
z-index: 3;
margin: 16px 0;
padding: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
transition: none;
align-items: center;
justify-content: center;
height: 25.888px;
width: 25.888px;
}
.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
outline: none;
background-color: transparent;
box-shadow: none;
-webkit-transform: none;
transform: none;
}
.menu-toggle .hamburger,
.menu-toggle .hamburger:before,
.menu-toggle .hamburger:after {
display: block;
position: absolute;
width: 25.888px;
height: 3px;
border-radius: 6px;
background-color: #ffffff;
content: '';
transition: none;
}
.menu-toggle .hamburger {
top: auto;
right: auto;
bottom: auto;
margin: auto;
}
.menu-toggle .hamburger:before,
.menu-toggle .hamburger:after {
transition: background-color 0.25s ease-in-out;
}
.menu-toggle .hamburger:before {
top: -8px;
}
.menu-toggle .hamburger:after {
bottom: -8px;
}
.menu-close {
display: flex;
float: right;
margin: 0;
padding: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
transition: none;
align-items: center;
justify-content: center;
position: relative;
top: 0;
right: 0;
height: 64px;
width: 64px;
}
.menu-close:hover,
.menu-close:focus,
.menu-close:active {
outline: none;
background-color: transparent;
box-shadow: none;
-webkit-transform: none;
transform: none;
}
.menu-close:before,
.menu-close:after {
display: block;
position: absolute;
width: 25.888px;
height: 3px;
border-radius: 6px;
background-color: #5f749e;
content: '';
transition: none;
}
.menu-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sub-menu {
display: none;
top: 100%;
width: 100%;
margin: 0;
padding: 0;
border-radius: 6px;
background-color: #f7f8fa;
text-transform: none;
list-style-type: none;
}
.no-js .menu-item-has-children:hover > .sub-menu,
.no-js .menu-item-has-children:focus > .sub-menu {
display: block;
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: all;
}
.sub-menu .menu-item {
margin: 16px 0;
padding: 0;
}
.sub-menu .menu-item:first-of-type {
margin-top: 32px;
}
.sub-menu .menu-item:last-of-type {
margin-bottom: 32px;
}
.sub-menu .menu-item ~ .menu-item-has-children {
margin-top: 0;
}
.sub-menu .menu-item.menu-item-has-children {
width: 100%;
margin-bottom: 0;
padding: 0;
}
.sub-menu .menu-item.menu-item-has-children:last-of-type {
margin-bottom: 16px;
}
.sub-menu .menu-item.menu-item-has-children .sub-menu-toggle {
display: none;
}
.sub-menu .menu-item-link {
width: 100%;
color: #404e6b;
padding-top: 0;
padding-bottom: 0;
}
.sub-menu .menu-item-link:hover,
.sub-menu .menu-item-link:focus,
.sub-menu .menu-item-link:active {
color: #7b51ff;
}
.sub-menu .sub-menu {
display: block !important;
padding: 0;
}
.sub-menu .sub-menu .menu-item:first-of-type {
margin-top: 16px;
}
.sub-menu .sub-menu .menu-item:last-of-type {
margin-bottom: 16px;
}
.sub-menu .sub-menu:before {
display: none;
}
.sub-menu-toggle {
display: flex;
margin: 0;
padding: 0;
background: transparent;
line-height: 0;
justify-content: center;
height: 32px;
width: 32px;
}
.sub-menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:active {
background-color: transparent;
-webkit-transform: none;
transform: none;
}
.sub-menu-toggle:focus {
outline: 1px solid rgba(215, 220, 231, 0.75);
}
.sub-menu-toggle:before {
content: '';
border-style: solid;
height: 0;
width: 0;
border-color: #404e6b transparent transparent;
border-width: 0.5rem 0.5rem 0;
}
.sub-menu-toggle.activated:before {
border-style: solid;
height: 0;
width: 0;
border-color: transparent transparent #404e6b;
border-width: 0 0.5rem 0.5rem;
}
.header-widget-area .widget {
margin-bottom: 0;
}
.wp-custom-header {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
opacity: 0.15;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.wp-custom-header-video-button {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.wp-custom-header img {
width: auto;
min-width: 100%;
max-width: none;
height: auto;
min-height: 100%;
max-height: none;
position: absolute;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.wp-custom-header iframe {
height: 100vh;
width: 100vh;
position: absolute;
}
.hero-section {
display: flex;
position: relative;
padding: 86px 0 176px;
color: #ffffff;
background-position: center;
background-size: cover;
text-align: center;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #825aff 0%, #7448ff 100%);
}
.hero-section:before,
.hero-section:after {
display: block;
height: 10rem;
background-repeat: no-repeat;
background-position: bottom left;
background-size: 100% auto;
content: '';
position: absolute;
right: -1px;
bottom: -1px;
left: -1px;
}
.has-curve-divider .hero-section:before,
.has-curve-divider .hero-section:after {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/curve.svg);
}
.has-angle-divider .hero-section:before,
.has-angle-divider .hero-section:after {
bottom: -1px;
left: -10px;
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/angle.svg);
}
.has-wave-divider .hero-section:before,
.has-wave-divider .hero-section:after {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/wave.svg);
}
.hero-section:before {
opacity: 0.2;
-webkit-transform: rotate(-5deg) translateX(5%);
transform: rotate(-5deg) translateX(5%);
}
.hero-section:after {
box-shadow: 0 10px 0 0 #ffffff;
}
.has-excerpt-shortcode .hero-section {
z-index: 4;
padding-bottom: 0;
}
.hero-section .wrap {
display: flex;
position: relative;
z-index: 1;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-right: 0;
margin-left: 0;
}
.hero-section .search-form {
position: relative;
width: 100%;
max-width: 512px;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
transition: all 0.25s ease-in-out;
}
.hero-section .search-form:hover,
.hero-section .search-form:focus,
.hero-section .search-form:focus-within {
-webkit-transform: scale(1.033);
transform: scale(1.033);
}
.hero-section .search-form ::-webkit-input-placeholder {
opacity: 1;
color: #e7eaf0;
}
.hero-section .search-form :-ms-input-placeholder {
opacity: 1;
color: #e7eaf0;
}
.hero-section .search-form ::-ms-input-placeholder {
opacity: 1;
color: #e7eaf0;
}
.hero-section .search-form ::placeholder {
opacity: 1;
color: #e7eaf0;
}
.hero-section .search-form input {
margin: 0;
color: #f7f8fa;
background: rgba(255, 255, 255, 0.15);
}
.hero-section .search-form input[type='submit'] {
display: none;
color: #404e6b;
background: #f7f8fa;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.hero-section h1 {
width: 100%;
max-width: 768px;
margin-bottom: 0;
}
.hero-section p {
width: 640px;
max-width: 100%;
margin-top: 16px;
color: rgba(255, 255, 255, 0.82);
}
.hero-section p:last-of-type {
margin-bottom: 0;
}
.hero-section a {
color: #ffffff;
transition: all 0.25s ease-in-out;
}
.hero-section a:hover,
.hero-section a:focus,
.hero-section a:active {
color: #7b51ff;
}
.hero-section input {
border: 0;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
}
.hero-section button,
.hero-section [type='button'],
.hero-section [type='reset'],
.hero-section [type='submit'],
.hero-section .button,
.hero-section a.button {
color: #ffffff;
}
.hero-section .pricing-table,
.hero-section .gs-faq,
.hero-section .agm-canvas {
width: 100%;
max-width: 100%;
margin: 32px 0 -208px !important;
border-radius: 6px;
color: #404e6b;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1), 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.hero-section .pricing-table {
max-width: 90%;
}
.hero-section .gs-faq {
text-align: left;
}
.hero-section .gs-faq p {
margin: 0;
color: #4b5c7e;
}
.hero-section .gs-faq a {
color: #4b5c7e;
}
.hero-section .agm-canvas {
background-color: #f7f8fa;
}
.hero-section p:empty {
margin: 0;
}
.hero-subtitle {
margin-bottom: 0;
}
div.hero-background {
opacity: 0.1;
background-size: cover !important;
background-position: center !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.breadcrumb {
display: block;
margin: 0 0 16px;
width: 100%;
position: relative;
z-index: 1;
}
.hero-section .breadcrumb {
margin: 16px 0 0;
}
.content {
z-index: 2;
width: 100%;
}
.is-singular .content {
margin-bottom: 0;
}
.is-archive .content {
position: relative;
margin: -144px 0 48px;
padding: 0 5vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.is-archive .content > div {
margin-right: 0;
margin-left: 0;
}
.is-archive .content > div {
margin-right: auto;
margin-left: auto;
}
.is-archive.author .content {
margin-top: -176px;
}
.content-sidebar .content,
.sidebar-content .content {
margin-right: auto;
margin-left: auto;
}
.center-content .content {
max-width: 640px;
margin-right: auto;
margin-left: auto;
}
.front-page .content,
.page-template-page-full .content {
margin: 0;
padding: 0;
background: transparent;
}
.sidebar {
margin-top: 16px;
margin-bottom: 16px;
}
.sidebar ol,
.sidebar ul {
list-style-type: none;
}
.sidebar .menu {
justify-content: flex-start;
}
.sidebar .menu-item {
width: 50%;
padding: 0 0 16px;
}
.sidebar .menu-item.button {
margin: 0;
padding: 0;
}
.sidebar .menu-item-link {
padding: 0;
color: #5f749e;
}
.author .hero-section h1 {
display: none;
}
.author-box {
display: flex;
width: 100%;
padding: 32px;
border-radius: 6px;
background-color: #f7f8fa;
flex-wrap: wrap;
margin-bottom: 48px;
}
.author .author-box {
display: flex;
width: calc(100% + 10vw);
max-width: calc(100% + 10vw);
margin: 32px -5vw 64px;
padding: 48px;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
justify-content: center;
flex-wrap: wrap;
}
.author .author-box-title {
width: 100%;
padding: 25.888px 0 16px;
text-align: center;
}
.author .author-box-content {
padding: 0;
text-align: center;
}
.author .author-box img {
max-width: 128px;
margin-top: -80px;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
box-shadow: 0 8px 16px rgba(64, 78, 107, 0.2);
height: 80px;
width: 80px;
}
.author-box-title {
width: 100%;
margin: 16px 0;
}
.author-box-content {
font-size: smaller;
}
.author-box-content p:last-of-type {
margin-bottom: 0;
}
.avatar {
float: left;
max-width: 48px;
margin-right: 16px;
border-radius: 9rem;
height: 48px;
width: 48px;
}
.entry::after {
clear: both;
content: '';
display: block;
}
.is-archive .entry {
margin-bottom: 32px;
padding: 32px;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 8px 48px -8px rgba(64, 78, 107, 0.1);
transition: all 0.25s ease-in-out;
}
.is-archive .entry:hover,
.is-archive .entry:focus,
.is-archive .entry:active {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.is-archive .entry a {
text-decoration: none;
}
.is-singular .entry {
position: relative;
min-height: 30rem;
margin-top: -136px;
margin-bottom: 32px;
padding: 5vw;
border-radius: 6px;
background-color: #ffffff;
}
.is-singular .entry:before {
display: block;
height: 30rem;
box-shadow: 0 -32px 64px -16px rgba(64, 78, 107, 0.1);
content: '';
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
.has-excerpt-shortcode.is-singular .entry {
margin-top: 240px;
margin-bottom: 80px;
}
.has-excerpt-shortcode.has-hero-section-mockup .entry {
margin-top: 128px;
margin-bottom: 80px;
}
.has-excerpt-shortcode .entry,
.has-content-shortcode .entry {
background-color: transparent;
box-shadow: none;
padding-bottom: 0;
}
.has-content-shortcode .entry {
padding: 0 5vw;
}
.has-featured-image .entry:before,
.has-excerpt-shortcode .entry:before,
.has-content-shortcode .entry:before {
display: none;
}
.page-template-page-landing .content .entry {
margin-top: 32px;
}
.page-template-page-landing .content .entry:before {
display: none;
}
.single.has-featured-image .entry {
margin-top: -176px;
background-color: transparent;
}
.single.has-no-featured-image .entry {
margin-top: -160px;
}
.is-archive .entry .entry-title {
display: block;
margin-top: 8px;
margin-bottom: 8px;
font-size: 23.04px;
font-size: 2.304rem;
}
.entry-meta {
position: relative;
}
.is-archive .entry-meta {
display: flex;
margin-bottom: 0;
font-size: smaller;
align-items: center;
flex-wrap: wrap;
}
.entry-image-link {
display: block;
width: calc(100% + (32px * 2));
max-width: calc(100% + (32px * 2));
margin: -32px -32px 32px;
}
.entry-image {
border-radius: 6px 6px 0 0;
}
.entry-image img {
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0 0 5vw;
border-radius: 6px;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
}
.entry-content {
position: relative;
color: #4b5c7e;
}
.entry-content pre h1,
.entry-content pre h2,
.entry-content pre h3,
.entry-content pre h4,
.entry-content pre h5,
.entry-content pre h6 {
color: #d7dce7;
}
.entry-categories,
.entry-tags {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
margin-right: 0.3em;
}
.entry-categories img,
.entry-tags img {
display: none;
margin-right: 8px;
padding: 3.2px;
border-radius: 48px;
background-color: #e7eaf0;
}
.entry-categories a,
.entry-tags a {
display: inline-block;
padding: 0 0.5em;
border-radius: 6px;
color: #5f749e;
background-color: #e7eaf0;
font-size: small;
font-weight: 700;
text-decoration: none;
}
.more-link {
display: block;
font-weight: 600;
}
.ellipses {
margin-left: -0.3em;
}
.post-edit-link {
display: none;
}
.wp-block-button .wp-block-button__link {
display: inline-block;
overflow: hidden;
position: relative;
width: auto;
padding: 16px 32px;
border: 0;
border-radius: 32px;
color: #ffffff;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
font-size: 14.99531px;
font-size: 1.49953rem;
font-weight: 700;
line-height: 1;
white-space: normal;
text-decoration: none;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.25s ease-in-out;
background: linear-gradient(135deg, #825aff 0%, #7448ff 100%);
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active {
outline: none;
color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.2);
text-decoration: none;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.wp-block-button .wp-block-button__link:disabled,
.wp-block-button .wp-block-button__link:disabled:hover,
.wp-block-button .wp-block-button__link:disabled:focus {
opacity: 0.5;
background-color: #97a5c1;
cursor: not-allowed;
}
.wp-block-cover-text {
position: relative;
}
.wp-block-embed {
margin-top: 16px;
margin-bottom: 16px;
}
.wp-block-gallery {
margin-top: 16px;
margin-bottom: 16px;
}
.wp-block-gallery .blocks-gallery-item img {
align-self: center;
}
.wp-block-image {
margin-top: 16px;
margin-bottom: 16px;
}
.mockup-browser .wp-block-image,
.mockup-ipad .wp-block-image,
.mockup-laptop .wp-block-image {
margin: 0;
}
.wp-block-image.alignleft {
margin-right: 16px;
}
.wp-block-image.alignright {
margin-left: 16px;
}
.wp-block-image.alignwide {
max-width: calc(100% + 10vw);
}
.wp-block-image.alignfull {
max-width: none;
}
.wp-block-image img {
width: 100%;
}
.wp-block-pullquote {
border-color: #5f749e;
border-left: 0;
margin-top: 48px;
margin-bottom: 48px;
padding-top: 16px;
padding-bottom: 16px;
}
.wp-block-pullquote.aligncenter {
margin-top: 48px;
margin-bottom: 48px;
}
.wp-block-pullquote blockquote {
margin: 0;
border: 0;
}
.wp-block-pullquote p {
font-size: 23.04px;
font-size: 2.304rem;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
border-color: #5f749e;
}
.wp-block-table.alignwide {
width: 90vw;
}
.wp-block-table td,
.wp-block-table th {
padding: 16px;
border: 1px solid rgba(215, 220, 231, 0.75);
}
.gallery {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.gallery-item {
width: calc((100% - (25.888px * 1)) / 2);
margin-bottom: 25.888px;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-item img {
width: 100%;
}
.pagination {
width: 100%;
margin: 16px auto 0;
}
.pagination ul {
display: flex;
margin-bottom: 0;
list-style-type: none;
flex-wrap: wrap;
justify-content: center;
}
.pagination a {
display: inline-flex;
border-radius: 32px;
color: #4b5c7e;
background-color: #ffffff;
box-shadow: 0 8px 32px 0 rgba(64, 78, 107, 0.2);
font-weight: 700;
text-decoration: none;
-webkit-transform: scale(0.7);
transform: scale(0.7);
align-items: center;
justify-content: center;
height: 48px;
width: 48px;
}
.pagination a:hover,
.pagination a:focus,
.pagination a:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.pagination .active a {
color: #ffffff;
background: linear-gradient(135deg, #825aff 0%, #7448ff 100%);
}
.entry-comments {
margin-top: 32px;
padding: 0 5vw;
}
.comment {
margin: 48px 0;
}
.comment-list {
list-style-type: none;
}
.comment .children {
list-style-type: none;
margin: 16px 0 0 32px;
}
.comment-header {
color: #4b5c7e;
font-size: smaller;
}
.comment-header a {
text-decoration: none;
}
.comment-author {
margin: 0;
}
.comment-edit-link {
display: none;
}
.comment-content {
color: #4b5c7e;
}
.comment-reply-link {
font-weight: 700;
}
.comment-respond {
padding: 8px 5vw 48px;
}
.search-form {
position: relative;
}
.search-form:before {
display: block;
z-index: 1;
opacity: 0.4;
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/search-dark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 1em;
content: '';
pointer-events: none;
height: calc(32px + 1em);
width: calc(32px + 1em);
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.error404 .search-form {
margin-bottom: 48px;
}
.hero-section .search-form {
margin: 32px 0 8px;
}
.hero-section .search-form ::-webkit-input-placeholder {
opacity: 0.5;
color: #ffffff;
}
.hero-section .search-form :-ms-input-placeholder {
opacity: 0.5;
color: #ffffff;
}
.hero-section .search-form ::-ms-input-placeholder {
opacity: 0.5;
color: #ffffff;
}
.hero-section .search-form ::placeholder {
opacity: 0.5;
color: #ffffff;
}
.hero-section .search-form:before {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/search-light.svg);
}
.has-dark-hero-search-style .hero-section .search-form ::-webkit-input-placeholder {
color: #12161e;
}
.has-dark-hero-search-style .hero-section .search-form :-ms-input-placeholder {
color: #12161e;
}
.has-dark-hero-search-style .hero-section .search-form ::-ms-input-placeholder {
color: #12161e;
}
.has-dark-hero-search-style .hero-section .search-form ::placeholder {
color: #12161e;
}
.has-dark-hero-search-style .hero-section .search-form:before {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/search-dark.svg);
}
.widget {
width: 100%;
margin-bottom: 32px;
position: relative;
}
.widget-title {
font-size: 19.2px;
font-size: 1.92rem;
}
.sidebar .widget.featured-content .entry::after {
clear: both;
content: '';
display: block;
}
.sidebar .widget.featured-content .entry-image {
max-width: 80px;
}
.sidebar .widget.featured-content .entry-title {
margin-bottom: 3.2px;
font-size: 16px;
font-size: 1.6rem;
}
.footer-widgets {
padding: 51.216px 0;
font-size: smaller;
font-weight: 500;
}
.footer-widgets .widget-title {
color: #404e6b;
}
.footer-widget-area {
width: 100%;
margin-bottom: 0;
}
.footer-widget-area:last-of-type {
margin-bottom: 0;
}
.footer-widget-area:last-of-type .widget {
margin-bottom: 0;
}
.footer-widget-area .widget {
margin-bottom: 32px;
}
.footer-widget-area .menu {
align-items: flex-start;
}
.footer-widget-area .menu-item {
width: 50%;
margin: 8px 0 0;
padding-top: 0;
padding-left: 0;
font-weight: 500;
text-transform: none;
align-items: flex-start;
}
.footer-widget-area .menu-item:nth-of-type(1),
.footer-widget-area .menu-item:nth-of-type(2) {
margin-top: 0;
}
.footer-widget-area .menu-item-link {
width: 100%;
padding: 0;
color: #4b5c7e;
}
.footer-widget-area .menu-item-link:hover,
.footer-widget-area .menu-item-link:focus,
.footer-widget-area .menu-item-link:active {
color: #7b51ff;
}
.footer-credits {
font-size: smaller;
}
.footer-credits .wrap {
padding: 32px 0;
border-top: 1px solid rgba(215, 220, 231, 0.75);
border-top-color: rgba(151, 165, 193, 0.15);
}
.footer-credits .widget {
margin-bottom: 0;
}
.footer-credits p {
width: 100%;
margin-bottom: 0;
}
.js.front-page .content .widget {
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.front-page-1 {
display: flex;
position: relative;
padding: 86px 0 176px;
color: #ffffff;
background-position: center;
background-size: cover;
text-align: center;
flex-wrap: wrap;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #825aff 0%, #7448ff 100%);
}
.front-page-1:before,
.front-page-1:after {
display: block;
height: 10rem;
background-repeat: no-repeat;
background-position: bottom left;
background-size: 100% auto;
content: '';
position: absolute;
right: -1px;
bottom: -1px;
left: -1px;
}
.has-curve-divider .front-page-1:before,
.has-curve-divider .front-page-1:after {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/curve.svg);
}
.has-angle-divider .front-page-1:before,
.has-angle-divider .front-page-1:after {
bottom: -1px;
left: -10px;
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/angle.svg);
}
.has-wave-divider .front-page-1:before,
.has-wave-divider .front-page-1:after {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/wave.svg);
}
.front-page-1:before {
opacity: 0.2;
-webkit-transform: rotate(-5deg) translateX(5%);
transform: rotate(-5deg) translateX(5%);
}
.front-page-1:after {
box-shadow: 0 10px 0 0 #ffffff;
}
.has-excerpt-shortcode .front-page-1 {
z-index: 4;
padding-bottom: 0;
}
.front-page-1 .wrap {
display: flex;
position: relative;
z-index: 1;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-right: 0;
margin-left: 0;
}
.front-page-1 .search-form {
position: relative;
width: 100%;
max-width: 512px;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
transition: all 0.25s ease-in-out;
}
.front-page-1 .search-form:hover,
.front-page-1 .search-form:focus,
.front-page-1 .search-form:focus-within {
-webkit-transform: scale(1.033);
transform: scale(1.033);
}
.front-page-1 .search-form ::-webkit-input-placeholder {
opacity: 1;
color: #e7eaf0;
}
.front-page-1 .search-form :-ms-input-placeholder {
opacity: 1;
color: #e7eaf0;
}
.front-page-1 .search-form ::-ms-input-placeholder {
opacity: 1;
color: #e7eaf0;
}
.front-page-1 .search-form ::placeholder {
opacity: 1;
color: #e7eaf0;
}
.front-page-1 .search-form input {
margin: 0;
color: #f7f8fa;
background: rgba(255, 255, 255, 0.15);
}
.front-page-1 .search-form input[type='submit'] {
display: none;
color: #404e6b;
background: #f7f8fa;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.front-page-1 h1 {
width: 100%;
max-width: 768px;
margin-bottom: 0;
}
.front-page-1 p {
width: 640px;
max-width: 100%;
margin-top: 16px;
color: rgba(255, 255, 255, 0.82);
}
.front-page-1 p:last-of-type {
margin-bottom: 0;
}
.front-page-1 a {
color: #ffffff;
transition: all 0.25s ease-in-out;
}
.front-page-1 a:hover,
.front-page-1 a:focus,
.front-page-1 a:active {
color: #7b51ff;
}
.front-page-1 input {
border: 0;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
}
.front-page-1 button,
.front-page-1 [type='button'],
.front-page-1 [type='reset'],
.front-page-1 [type='submit'],
.front-page-1 .button,
.front-page-1 a.button {
color: #ffffff;
}
.front-page-1 .widget {
margin-top: 32px;
}
.front-page-1 .widget:last-of-type {
margin-bottom: -288px;
}
.front-page-1 .first {
text-align: left;
}
.front-page-1 h1 {
font-weight: 700;
}
.front-page-1 .mejs-container {
background: #e7eaf0;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1), 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.front-page-1 .mejs-container:hover .mejs-controls,
.front-page-1 .mejs-container:focus .mejs-controls,
.front-page-1 .mejs-container:active .mejs-controls {
opacity: 1;
}
.front-page-1 .mejs-container .mejs-controls {
background: #4b5c7e;
}
.front-page-1 .mejs-controls {
border-radius: 0 0 8px 8px;
opacity: 0;
transition: all 0.25s ease-in-out;
}
.front-page-1 .mejs-controls button {
border-radius: 0;
}
.front-page-1 img {
display: block;
border-radius: 8px;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.front-page-1 video,
.front-page-1 iframe,
.front-page-1 .mejs-container,
.front-page-1 .mejs-mediaelement {
display: block;
border-radius: 8px;
}
.has-browser-video-style .front-page-1 video,
.has-browser-video-style
.front-page-1 iframe,
.has-browser-video-style
.front-page-1 .mejs-container,
.has-browser-video-style
.front-page-1 .mejs-mediaelement {
border-radius: 0 0 8px 8px;
}
.front-page-1 iframe {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.front-page-1 .mejs-mediaelement {
overflow: hidden;
position: relative;
}
.front-page-1 .white,
.front-page-1 a.white {
color: #7b51ff;
}
.front-page-2 {
padding: 208px 0 48px;
text-align: center;
}
.front-page-2 .wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.front-page-2 .wrap > div {
margin-right: 0;
margin-left: 0;
}
.front-page-2 .widget_text:first-of-type {
margin-bottom: 48px;
}
.front-page-2 .gallery-item {
padding: 0 40px 48px;
opacity: 0.82;
}
.front-page-3 .wrap {
align-items: center;
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.front-page-3 .widget-title {
margin-bottom: 32px;
font-size: 27.648px;
font-size: 2.7648rem;
}
.front-page-3 .widget {
margin-bottom: 80px;
}
.front-page-3 .widget:nth-of-type(1) {
order: 1;
}
.front-page-3 .widget:nth-of-type(2) {
order: 2;
}
.front-page-3 .widget:nth-of-type(3) {
order: 3;
}
.front-page-3 .widget:nth-of-type(4) {
order: 4;
}
.front-page-3 .widget:nth-of-type(5) {
order: 5;
}
.front-page-3 .widget:nth-of-type(6) {
order: 6;
}
.front-page-3 .widget_text {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.front-page-3 .widget_text.first {
justify-content: flex-start;
}
.front-page-3 .widget_media_video,
.front-page-3 .widget_media_image,
.front-page-3 .widget_media_gallery {
position: relative;
max-width: 512px;
border-radius: 8px;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.front-page-3 .widget_media_video:before,
.front-page-3 .widget_media_image:before,
.front-page-3 .widget_media_gallery:before {
display: block;
z-index: -2;
opacity: 0.1;
content: '';
-webkit-transform: scale(1.3);
transform: scale(1.3);
background: linear-gradient(135deg, #825aff 0%, #7448ff 100%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.front-page-3 .widget_media_video:after,
.front-page-3 .widget_media_image:after,
.front-page-3 .widget_media_gallery:after {
display: block;
z-index: -1;
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/blob.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: '';
-webkit-transform: scale(1.31);
transform: scale(1.31);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.front-page-3 .widget_media_video:nth-of-type(3):before,
.front-page-3 .widget_media_image:nth-of-type(3):before,
.front-page-3 .widget_media_gallery:nth-of-type(3):before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.front-page-3 .widget_media_video:nth-of-type(3):after,
.front-page-3 .widget_media_image:nth-of-type(3):after,
.front-page-3 .widget_media_gallery:nth-of-type(3):after {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/blob-2.svg);
-webkit-transform: scale(1.21) rotate(180deg);
transform: scale(1.21) rotate(180deg);
}
.front-page-3 .widget_media_video:nth-of-type(5):before,
.front-page-3 .widget_media_image:nth-of-type(5):before,
.front-page-3 .widget_media_gallery:nth-of-type(5):before {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.front-page-3 .widget_media_video:nth-of-type(5):after,
.front-page-3 .widget_media_image:nth-of-type(5):after,
.front-page-3 .widget_media_gallery:nth-of-type(5):after {
background-image: url(//smogcheckcupertino.com/wp-content/themes/startup-pro-1.1.6/assets/images/blob-3.svg);
-webkit-transform: scale(1.31);
transform: scale(1.31);
}
.front-page-3 .widget_media_gallery {
box-shadow: none;
}
.front-page-3 img,
.front-page-3 video,
.front-page-3 iframe,
.front-page-3 .mejs-container,
.front-page-3 .mejs-mediaelement {
display: block;
border-radius: 8px;
}
.front-page-3 iframe {
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.front-page-3 .mejs-mediaelement {
overflow: hidden;
position: relative;
}
.front-page-3 .play-button {
display: flex;
z-index: 1;
border-radius: 80px;
background-color: #ffffff;
text-align: center;
content: '▶';
justify-content: space-between;
align-items: center;
height: 80px;
width: 80px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.front-page-3 .mejs-controls {
display: none;
border-radius: 0 0 8px 8px;
}
.front-page-3 .gallery-item {
position: relative;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.front-page-3 .gallery-item:nth-of-type(1),
.front-page-3 .gallery-item:nth-of-type(2) {
align-self: flex-end;
}
.front-page-3 .gallery-item:nth-of-type(3),
.front-page-3 .gallery-item:nth-of-type(4) {
align-self: flex-start;
}
.front-page-3 .gallery-item:nth-of-type(odd) {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.front-page-3 .gallery-item:nth-of-type(even) {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
.front-page-3 .wp-caption-text {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
display: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.front-page-3 ul,
.front-page-3 ol {
margin-bottom: 0;
counter-reset: counter;
}
.front-page-3 ul li,
.front-page-3 ol li {
position: relative;
margin-bottom: 20px;
padding-left: 40px;
color: #5f749e;
list-style: none;
counter-increment: counter;
}
.front-page-3 ul li:last-of-type,
.front-page-3 ol li:last-of-type {
margin-bottom: 0;
}
.front-page-3 ul li:before,
.front-page-3 ol li:before {
display: inline-flex;
position: absolute;
left: 0;
margin-top: 3.2px;
border-radius: 32px;
color: #97a5c1;
background-color: #f7f8fa;
box-shadow: 0 5px 10px -2px rgba(64, 78, 107, 0.1);
font-size: 1rem;
font-weight: 700;
content: counter(counter);
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
}
.front-page-3 ul li:before {
content: '✔';
}
.front-page-3 p {
color: #5f749e;
}
.front-page-3 p:last-of-type {
margin-bottom: 0;
}
.front-page-4 {
padding: 0 0 32px;
text-align: center;
}
.front-page-4 .widget-title {
margin-bottom: 32px;
font-size: 27.648px;
font-size: 2.7648rem;
}
.front-page-4 .widget {
width: 100%;
}
.icon-widget .fa {
position: relative;
margin-bottom: 25.888px;
display: inline-block;
line-height: 1;
}
.icon-widget .fa:before {
width: 1em;
height: 1em;
}
.icon-widget .fa-2x {
font-size: 1.75em;
}
.icon-widget p {
color: #5f749e;
font-size: 16px;
font-size: 1.6rem;
}
.before-footer {
font-size: smaller;
}
.before-footer .wrap {
padding: 60px 0 calc((48px * 1.25) - 32px);
border-bottom: 1px solid rgba(215, 220, 231, 0.75);
border-bottom-color: rgba(151, 165, 193, 0.15);
align-items: center;
}
.before-footer .widget {
margin-bottom: 32px;
}
.before-footer .widget-title {
margin-bottom: 16px;
color: #404e6b;
font-size: 27.648px;
font-size: 2.7648rem;
}
.before-footer p {
color: #97a5c1;
line-height: 1;
}
.before-footer p:last-of-type {
margin-bottom: 0;
}
.enews { }
.before-footer .enews {
transition: all 0.25s ease-in-out;
}
.before-footer .enews:focus,
.before-footer .enews:hover,
.before-footer .enews:focus-within {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.enews form {
position: relative;
padding: 0;
}
.enews input[type='email'] {
width: 100%;
}
.enews input[type='submit'] {
margin-top: 8px;
}
.testimonials-list blockquote {
border: 0;
}
.testimonials-list li {
margin-bottom: 32px;
}
.lSSlideOuter {
padding: 32px 0;
}
.lSSlideOuter .star {
position: relative;
margin: 0 0.1em;
height: 12.944px;
width: 12.944px;
}
.lSSlideOuter .star:after {
display: block;
border-radius: 2rem;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
content: '';
-webkit-filter: grayscale(1);
filter: grayscale(1);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.lSSlideOuter blockquote {
margin: 0;
border: 0;
font-size: 16px;
font-size: 1.6rem;
}
.lSSlideOuter img {
width: 60px;
height: 60px;
margin-bottom: 25.888px;
box-shadow: 0 16px 32px -16px rgba(18, 22, 30, 0.5);
}
.lSSlideOuter h5 {
font-size: smaller;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #e7eaf0;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li:focus a,
.lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #d7dce7;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.simple-social-icons ul.alignleft {
margin-left: -1em;
}
.gs-faq {
border: 1px solid rgba(215, 220, 231, 0.75);
border-radius: 6px;
background: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
}
.gs-faq .gs-faq__question {
display: block;
width: 100%;
margin-top: -1px;
margin-bottom: 0;
padding: 21.328px 48px 21.328px 21.328px;
border-bottom: 1px solid rgba(215, 220, 231, 0.75);
border-radius: 0;
color: #5f749e;
background: transparent;
box-shadow: none;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
text-align: left;
letter-spacing: normal;
text-transform: none;
line-height: 1.2944;
}
.gs-faq .gs-faq__question:hover,
.gs-faq .gs-faq__question:focus,
.gs-faq .gs-faq__question:active {
background-color: #f7f8fa;
color: #404e6b;
box-shadow: inset 0 1px 0 rgba(215, 220, 231, 0.75);
-webkit-transform: none;
transform: none;
}
.gs-faq .gs-faq__question:first-of-type {
border-radius: 6px 6px 0 0;
}
.gs-faq .gs-faq__question:last-of-type {
border-radius: 0 0 6px 6px;
border-bottom: 0;
}
.gs-faq .gs-faq__question:after {
float: right;
width: 1em;
margin-right: -32px;
color: #97a5c1;
text-align: center;
content: '+';
}
.gs-faq .gs-faq__question.gs-faq--expanded:after {
content: '-';
}
.gs-faq__answer__heading {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.gs-faq__answer {
display: none;
padding: 32px;
border-bottom: 1px solid rgba(215, 220, 231, 0.75);
background-color: #f7f8fa;
}
.no-js .gs-faq__answer {
display: block;
}
.gs-faq__answer:last-of-type {
border-top: 1px solid rgba(215, 220, 231, 0.75);
border-bottom: 0;
}
.gs-faq__answer p:last-of-type {
margin-bottom: 0;
}
.pricing-table {
display: flex;
flex-wrap: wrap;
justify-content: center;
border-radius: 6px;
background-color: #f7f8fa;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1), 0 16px 32px -16px rgba(64, 78, 107, 0.1);
align-items: center;
align-content: center;
}
.hero-section .pricing-table {
color: #404e6b;
}
.pricing-table > div {
width: 100%;
margin-bottom: 0;
margin-left: 0;
padding: 48px 16px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pricing-table > div > * {
width: 100%;
}
.pricing-table .featured {
position: relative;
z-index: 1;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.pricing-table .featured ul li:before {
background-color: #f7f8fa;
}
.pricing-table__name {
margin-bottom: 0;
}
.pricing-table__price {
display: block;
font-size: 39.81312px;
font-size: 3.98131rem;
}
.pricing-table__features {
margin: 8px 0 16px;
color: #5f749e;
list-style-type: none;
}
.pricing-table ul {
width: auto;
margin: 16px 0 32px;
}
.pricing-table ul li {
position: relative;
margin-bottom: 8px;
padding-left: 40px;
color: #5f749e;
list-style: none;
text-align: left;
}
.pricing-table ul li:last-of-type {
margin-bottom: 0;
}
.pricing-table ul li:before {
display: inline-flex;
position: absolute;
left: 0;
margin-top: 3.2px;
border-radius: 32px;
color: #97a5c1;
background-color: #ffffff;
box-shadow: 0 5px 10px -2px rgba(64, 78, 107, 0.1);
font-size: 1rem;
font-weight: 700;
content: '✔';
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
}
.tax-portfolio-type .entry,
.post-type-archive-portfolio .entry {
display: flex;
overflow: hidden;
position: relative;
padding: 0;
color: #ffffff;
text-align: center;
transition: all 0.25s ease-in-out;
align-items: center;
justify-content: center;
}
.tax-portfolio-type .entry.hide,
.post-type-archive-portfolio .entry.hide {
position: absolute;
opacity: 0;
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
.tax-portfolio-type .entry-header,
.post-type-archive-portfolio .entry-header {
display: flex;
display: none;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tax-portfolio-type .entry-content,
.post-type-archive-portfolio .entry-content {
width: 100%;
}
.tax-portfolio-type .portfolio-featured-image a,
.post-type-archive-portfolio .portfolio-featured-image a {
display: block;
}
.tax-portfolio-type .portfolio-featured-image img,
.post-type-archive-portfolio .portfolio-featured-image img {
width: 100%;
}
.portfolio-items {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.portfolio-items > div {
margin-right: 0;
margin-left: 0;
}
.portfolio-sizer {
width: 25%;
}
.portfolio-filter {
display: flex;
width: 100%;
font-size: smaller;
font-weight: 600;
justify-content: center;
flex-wrap: wrap;
}
.no-js .portfolio-filter {
display: none;
}
.portfolio-filter .wrap {
justify-content: center;
position: relative;
z-index: 1;
margin-bottom: 32px;
padding: 48px;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 8px 32px -1.23077px rgba(75, 92, 126, 0.1);
padding: 32px 16px;
margin: 0 auto 48px;
}
.portfolio-filter .wrap:hover,
.portfolio-filter .wrap:focus,
.portfolio-filter .wrap:active {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.portfolio-filter .wrap a {
text-decoration: none;
}
.portfolio-filter a {
display: inline-block;
margin: 16px;
color: #404e6b;
}
.portfolio-filter a:hover,
.portfolio-filter a:focus,
.portfolio-filter a.active {
outline: none;
color: #7b51ff;
}
div[class*='wp-block-atomic'] {
margin-bottom: 48px;
}
.ab-block-accordion .ab-accordion-title {
background-color: #f7f8fa;
color: #4b5c7e;
border-radius: 6px;
padding: 16px;
}
.ab-block-cta .ab-button {
display: inline-block;
overflow: hidden;
position: relative;
width: auto;
padding: 16px 32px;
border: 0;
border-radius: 32px;
color: #ffffff;
background-color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1);
font-size: 14.99531px;
font-size: 1.49953rem;
font-weight: 700;
line-height: 1;
white-space: normal;
text-decoration: none;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transition: all 0.25s ease-in-out;
background: linear-gradient(135deg, #825aff 0%, #7448ff 100%);
}
.ab-block-cta .ab-button:hover,
.ab-block-cta .ab-button:focus,
.ab-block-cta .ab-button:active {
outline: none;
color: #ffffff;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.2);
text-decoration: none;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.ab-block-cta .ab-button:disabled,
.ab-block-cta .ab-button:disabled:hover,
.ab-block-cta .ab-button:disabled:focus {
opacity: 0.5;
background-color: #97a5c1;
cursor: not-allowed;
}
.ab-block-cta {
background-color: #f7f8fa;
color: #4b5c7e;
}
.ab-container {
background-color: #f7f8fa;
color: #4b5c7e;
}
.ab-container-content {
width: 80%;
}
.ab-block-container {
background-color: #f7f8fa;
color: #4b5c7e;
}
.ab-block-post-grid .is-grid.columns-2 {
grid-template-columns: 50% 50%;
}
.ab-post-grid-items article {
padding: 32px;
border-radius: 6px;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.ab-post-grid-items a {
text-decoration: none;
}
.ab-post-grid-items a:hover,
.ab-post-grid-items a:focus,
.ab-post-grid-items a:active {
box-shadow: none !important;
}
.ab-block-post-grid-image {
width: calc(100% + (32px * 2));
max-width: calc(100% + (32px * 2));
margin: -32px -32px 32px;
}
.ab-block-post-grid-image img {
border-radius: 6px 6px 0 0;
}
.ab-block-testimonial img {
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1), 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.ab-block-profile {
background-color: #f7f8fa;
color: #4b5c7e;
}
.ab-block-profile .ab-profile-image-wrap {
border-radius: 9rem;
background: transparent;
margin: 0 auto;
height: 80px;
width: 80px;
}
.ab-block-profile img {
border-radius: 9rem;
background: transparent;
box-shadow: 0 16px 32px -16px rgba(64, 78, 107, 0.1), 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.ab-block-sharing a {
text-decoration: none;
}
.ab-block-testimonial {
background-color: #f7f8fa;
color: #4b5c7e;
}
.hero-section .mockup-ipad {
margin-top: 32px;
margin-bottom: -48px;
}
.hero-section .mockup-laptop {
max-width: 90%;
margin-top: 32px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.hero-section .mockup-browser {
margin-top: 32px;
margin-bottom: -80px;
}
.mockup-ipad {
display: flex;
position: relative;
margin-bottom: 80px;
padding: 0.618em 2.472em;
border-radius: 3.2rem;
background: #ffffff;
box-shadow: inset 0 4px 7px 1px #ffffff, inset 0 -5px 20px rgba(173, 186, 204, 0.25), 0 2px 6px rgba(0, 21, 64, 0.14), 0 10px 20px rgba(0, 21, 64, 0.05);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform: rotate(-10deg) translateY(4rem) scale(1.1);
transform: rotate(-10deg) translateY(4rem) scale(1.1);
-webkit-transform: scale(1.1) translateX(0) translateY(2rem) perspective(319rem) rotateY(-29deg) rotateX(4deg) rotate(1deg);
transform: scale(1.1) translateX(0) translateY(2rem) perspective(319rem) rotateY(-29deg) rotateX(4deg) rotate(1deg);
justify-content: center;
align-items: center;
}
.mockup-ipad img {
border: 1px solid #f7f8fa;
border-radius: 6px;
box-shadow: none;
}
.mockup-laptop {
position: relative;
margin-bottom: 144px;
padding: 16px;
border-radius: 2rem;
background-color: #ffffff;
}
.mockup-laptop .lid {
border-radius: 2rem;
background: linear-gradient(45deg, #e5ebf2, #f3f8fb);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.mockup-laptop .screen {
position: relative;
margin: 1rem 0 2rem;
border-radius: 4px;
background: #f2f6fa;
box-shadow: -1px 1px 6px rgba(171, 183, 204, 0.1);
}
.mockup-laptop .screen img {
box-shadow: none;
}
.mockup-laptop .chassis {
display: block;
position: absolute;
left: -3%;
width: 106%;
height: 15rem;
margin-top: -15px;
border-radius: 10px;
background: linear-gradient(rgba(145, 161, 181, 0.2), rgba(145, 161, 181, 0)), linear-gradient(45deg, #e5ebf2, #f3f8fb);
box-shadow: inset 0 -2px 3px rgba(145, 161, 181, 0.5), inset -1px -6px 4px rgba(253, 255, 255, 0.9);
-webkit-transform: perspective(880px) rotateX(40deg);
transform: perspective(880px) rotateX(40deg);
}
.mockup-laptop .keyboard {
display: block;
position: relative;
width: 92%;
height: 6rem;
margin: 16px auto 5.33333px;
border-radius: 2px 2px 4px 4px;
opacity: 0.3;
background: linear-gradient(45deg, #b2bdcc, #c1ccd8);
box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}
.mockup-laptop .trackpad {
display: block;
position: relative;
width: 30%;
height: 5rem;
margin: 0 auto;
border-radius: 4px 4px 6px 6px;
opacity: 0.3;
background: linear-gradient(45deg, #b2bdcc, #c1ccd8);
box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}
.has-browser-video-style .front-page-1 .widget_media_video,
.mockup-browser {
display: block;
position: relative;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.has-browser-video-style .front-page-1 .widget_media_video:before,
.has-browser-video-style .front-page-1 .widget_media_video:after,
.mockup-browser:before,
.mockup-browser:after {
display: block;
content: '';
}
.has-browser-video-style .front-page-1 .widget_media_video:before,
.mockup-browser:before {
position: relative;
z-index: 1;
width: 100%;
height: 32px;
margin-bottom: -1px;
border-radius: 8px 8px 0 0;
background-color: #f7f8fa;
}
.has-browser-video-style .front-page-1 .widget_media_video:after,
.mockup-browser:after {
z-index: 2;
border-radius: 8px;
background-color: #ff5142;
box-shadow: 16px 0 0 0 #ffc54e, 32px 0 0 0 #00cd9e;
height: 10px;
width: 10px;
position: absolute;
top: 10.66667px;
left: 16px;
}
.has-browser-video-style .front-page-1 .widget_media_video img,
.mockup-browser img {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.featured-content .widget-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.featured-content .widget-wrap > div {
margin-right: 0;
margin-left: 0;
}
.featured-content .widget-title {
width: 100%;
}
.featured-content .entry {
margin-bottom: 32px;
padding: 16px;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 8px 48px -8px rgba(64, 78, 107, 0.1);
transition: all 0.25s ease-in-out;
}
.featured-content .entry:hover,
.featured-content .entry:focus,
.featured-content .entry:active {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.featured-content .entry a {
text-decoration: none;
}
.featured-content .entry > a {
display: block;
width: calc(100% + 32px);
margin: -16px -16px 16px;
}
.featured-content .entry > a .entry-image {
width: 100%;
max-width: 100%;
}
.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.screen-reader-shortcut:active,
.screen-reader-shortcut:focus,
.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text span:active,
.screen-reader-text span:focus {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
height: auto;
overflow: visible;
position: static;
white-space: inherit;
width: auto;
position: absolute;
padding: 8px;
color: #ffffff;
background-color: #404e6b;
text-decoration: none;
}
.more-link {
position: relative;
}
.genesis-skip-link {
margin: 0;
}
.genesis-skip-link li {
width: 0;
height: 0;
list-style: none;
}
:focus {
outline: 1px solid rgba(215, 220, 231, 0.75);
}
.has-primary-background-color {
background-color: #7b51ff;
}
.has-accent-background-color {
background-color: #ffa500;
}
.has-success-background-color {
background-color: #00cd9e;
}
.has-warning-background-color {
background-color: #ffc54e;
}
.has-error-background-color {
background-color: #ff5142;
}
.has-white-background-color {
background-color: #ffffff;
}
.has-black-background-color {
background-color: #12161e;
}
.has-h1-font-size {
font-size: 39.81312px;
font-size: 3.98131rem;
}
.has-h2-font-size {
font-size: 33.1776px;
font-size: 3.31776rem;
}
.has-h3-font-size {
font-size: 27.648px;
font-size: 2.7648rem;
}
.has-h4-font-size {
font-size: 23.04px;
font-size: 2.304rem;
}
.has-h5-font-size {
font-size: 19.2px;
font-size: 1.92rem;
}
.has-h6-font-size {
font-size: 16px;
font-size: 1.6rem;
}
.aligncenter,
.alignleft,
.alignright {
display: block;
float: none;
margin: 0 auto 16px;
}
.aligncenter::after {
clear: both;
content: '';
display: block;
}
.alignwide,
.alignfull {
position: relative;
left: 50%;
width: 100vw;
}
.content-sidebar .alignwide,
.sidebar-content .alignwide,
.content-sidebar .alignfull,
.sidebar-content .alignfull {
left: auto;
width: 100%;
max-width: 100%;
margin-left: 0;
-webkit-transform: none;
transform: none;
}
.alignwide img,
.alignfull img {
display: inline-block;
width: 100%;
margin: 16px auto;
}
.alignwide {
max-width: calc(100% + 10vw);
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
.alignfull {
max-width: none;
margin-left: -50vw;
}
.grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.grid > div {
margin-right: 0;
margin-left: 0;
}
.full-width {
width: 100%;
}
@media (min-width: 512px) {
.is-archive .entry {
width: calc((100% - (32px * 1)) / 2 - 0.2px);
}
}
@media (min-width: 640px) {
.menu-close {
height: 80px;
width: 80px;
}
}
@media (min-width: 896px) and (min-width: 896px) {
.sub-menu .sub-menu .menu-item a {
padding: 8px 0;
}
}
@media (min-width: 896px) {
.site-header {
height: 10rem;
}
.site-header .wrap {
flex-wrap: nowrap;
}
.site-inner .wrap {
max-width: 1024px;
}
.front-page .site-inner .wrap {
max-width: 1152px;
}
.wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.title-area {
padding-top: 16px;
padding-bottom: 16px;
}
.nav-primary {
display: flex !important;
position: relative;
width: auto;
margin: 0 0 0 auto;
padding: 0;
opacity: 1;
background-color: transparent;
box-shadow: none;
-webkit-transform: none;
transform: none;
pointer-events: auto;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
}
.nav-secondary {
border-top: 1px solid rgba(215, 220, 231, 0.75);
}
.nav-secondary .menu {
justify-content: flex-start;
}
.menu {
width: auto;
border: 0;
background-color: transparent;
font-size: small;
justify-content: flex-end;
}
.menu-item {
display: flex;
width: auto;
margin: 0;
padding: 16px 8px;
justify-content: center;
flex-wrap: wrap;
}
.menu-item:first-of-type {
padding-left: 0;
}
.menu-item:last-of-type {
padding-right: 0;
}
.menu-item:last-of-type .sub-menu {
border-radius: 0 0 6px 6px;
}
.menu-item-has-children > a {
padding-bottom: 0;
}
.menu-item.button {
margin-left: 16px;
font-size: small;
}
.menu-item-link {
width: auto;
color: #ffffff;
}
.menu-item-link:hover,
.menu-item-link:focus,
.menu-item-link:active {
color: #ffffff;
}
.menu-item-link:hover span,
.menu-item-link:focus span,
.menu-item-link:active span {
opacity: 0.75;
}
.menu-toggle {
display: none;
}
.menu-close {
display: none;
}
.sub-menu {
display: block !important;
position: absolute;
top: calc(100% - 1px);
width: auto;
min-width: 22rem;
margin: 0;
padding: 16px 0 0;
opacity: 0;
background-color: #ffffff;
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
white-space: nowrap;
transition: all 0.1s ease;
-webkit-transform: perspective(880px) rotateX(-40deg) scale(0.9);
transform: perspective(880px) rotateX(-40deg) scale(0.9);
-webkit-transform-origin: center 0;
transform-origin: center 0;
pointer-events: none;
}
.sub-menu::after {
clear: both;
content: '';
display: block;
}
.sub-menu:before {
display: block;
content: '';
margin: 0 auto;
position: absolute;
top: -6px;
right: -50%;
left: -50%;
border-style: solid;
height: 0;
width: 0;
border-color: transparent transparent #ffffff;
border-width: 0 7px 7px;
}
.menu-item-has-grandchildren .sub-menu {
min-width: 33rem;
}
.sfHover .sub-menu {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: initial;
transition: all 0.4s ease;
}
.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus > .sub-menu {
display: block;
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: all;
transition: all 0.4s ease;
}
.sub-menu .menu-item {
width: auto;
margin: 0;
padding: 0;
justify-content: flex-start;
align-items: flex-start;
}
.sub-menu .menu-item:first-of-type {
margin-top: 0;
}
.sub-menu .menu-item:last-of-type {
margin-bottom: 0;
}
.sub-menu .menu-item:last-of-type > a {
padding-bottom: 24px;
}
.sub-menu .menu-item.menu-item-has-children {
width: 33rem;
}
.sub-menu .menu-item.menu-item-has-children:first-of-type > a {
margin-top: 0;
padding-top: 8px;
}
.sub-menu .menu-item.menu-item-has-children:last-of-type {
margin-bottom: 0;
}
.sub-menu .menu-item.menu-item-has-children > a {
padding-top: 16px;
padding-bottom: 16px;
}
.sub-menu .menu-item-link {
display: block;
padding: 8px 24px;
}
.sub-menu .menu-item-link:hover span,
.sub-menu .menu-item-link:focus span,
.sub-menu .menu-item-link:active span {
opacity: 1;
}
.sub-menu .sub-menu {
display: flex !important;
position: static;
right: auto;
left: auto;
width: 100%;
margin-right: 0;
margin-left: 0;
padding: 16px 24px;
border-radius: 0;
opacity: 1;
background-color: #f7f8fa;
box-shadow: none;
font-weight: 600;
line-height: 1;
text-transform: none;
-webkit-transform: none;
transform: none;
transform: none;
flex-wrap: wrap;
}
.sub-menu .sub-menu .menu-item {
width: 50%;
}
.sub-menu .sub-menu .menu-item:first-of-type {
margin-top: 0;
}
.sub-menu .sub-menu .menu-item:last-of-type {
margin-bottom: 0;
}
.sub-menu .sub-menu .menu-item:last-of-type > a {
padding-bottom: 8px;
}
.sub-menu-toggle {
display: none;
}
.header-widget-area {
margin-left: 32px;
}
.wp-custom-header iframe {
max-width: 125vw;
max-height: 125vw;
height: 125vw;
width: 125vw;
}
.hero-section {
padding: 136px 0 240px;
}
.hero-section:before,
.hero-section:after {
height: 32rem;
background-position: bottom right;
}
.hero-section .pricing-table,
.hero-section .gs-faq,
.hero-section .agm-canvas {
max-width: 768px;
margin: 48px 0 -128px !important;
}
.content {
margin-bottom: 32px;
}
.is-singular .content {
margin-bottom: 32px;
}
.is-archive .content {
position: relative;
margin: -192px auto 80px;
padding: 0;
justify-content: flex-start;
align-items: flex-start;
}
.is-archive.author .content {
margin-top: -256px;
}
.content-sidebar .content,
.sidebar-content .content {
width: calc(100% - (30rem + 48px));
margin-right: 0;
margin-left: 0;
}
.sidebar-content .content {
order: 1;
}
.center-content .content {
width: calc(100% - (30rem + 48px));
min-width: 640px;
}
.sidebar {
margin-top: 32px;
margin-bottom: 32px;
z-index: 1;
margin-top: -48px;
}
.content-sidebar .sidebar,
.sidebar-content .sidebar {
width: 30rem;
}
.content-sidebar .sidebar {
position: relative;
width: calc(30rem + 48px);
margin-top: -112px;
padding: 32px;
border-radius: 0 6px 0 0;
background-color: #ffffff;
}
.content-sidebar .sidebar:before {
display: block;
height: 30rem;
box-shadow: 0 -16px 32px -8px rgba(64, 78, 107, 0.1);
content: '';
border-radius: 0 6px 0 0;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
.sidebar-content .sidebar {
position: relative;
width: calc(30rem + 48px);
margin-top: -112px;
padding: 32px;
border-radius: 6px 0 0 0;
background-color: #ffffff;
}
.sidebar-content .sidebar:before {
display: block;
height: 30rem;
box-shadow: 0 -16px 32px -8px rgba(64, 78, 107, 0.1);
content: '';
border-radius: 6px 0 0 0;
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: 0;
}
.author-box {
display: block;
padding: 48px;
}
.author .author-box {
max-width: 768px;
margin-right: auto;
margin-left: auto;
}
.author-box-title {
width: auto;
margin: 0 0 8px;
}
.author-box-content {
padding-left: 64px;
}
.is-archive .entry {
width: calc((100% - (32px * 2)) / 3 - 0.2px);
margin-left: 32px;
}
.is-archive .entry:nth-of-type(3n + 1) {
margin-left: 0;
}
.is-archive.center-content .entry,
.is-archive.content-sidebar .entry,
.is-archive.sidebar-content .entry {
width: calc((100% - (32px * 1)) / 2 - 0.2px);
}
.is-archive.center-content .entry:nth-of-type(3n + 1),
.is-archive.content-sidebar .entry:nth-of-type(3n + 1),
.is-archive.sidebar-content .entry:nth-of-type(3n + 1) {
margin-left: 32px;
}
.is-archive.center-content .entry:nth-of-type(2n + 1),
.is-archive.content-sidebar .entry:nth-of-type(2n + 1),
.is-archive.sidebar-content .entry:nth-of-type(2n + 1) {
margin-left: 0;
}
.is-singular .entry {
margin-top: -192px;
margin-bottom: 48px;
padding: 48px;
}
.has-excerpt-shortcode.is-singular .entry {
margin-top: 128px;
margin-bottom: 0;
}
.has-excerpt-shortcode.has-hero-section-mockup .entry {
margin-top: 208px;
margin-bottom: 0;
}
.has-content-shortcode .entry {
margin-top: -240px;
}
.single.has-featured-image .entry {
margin: -256px 0 0;
}
.single.has-no-featured-image .entry {
margin: -240px 0 0;
}
.entry-image img {
width: calc(100% + (48px * 2));
max-width: calc(100% + (48px * 2));
margin: -48px -48px 48px;
}
.wp-block-column {
margin-left: 32px;
}
.wp-block-column:first-of-type {
margin-left: 0;
}
.wp-block-image.alignwide {
max-width: 120%;
}
.wp-block-table.alignwide {
width: 768px;
}
.gallery-item {
margin-left: 25.888px;
}
.gallery-columns-1 .gallery-item {
margin-left: 0;
}
.gallery-columns-2 .gallery-item {
width: calc((100% - (25.888px * 1)) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n + 1) {
margin-left: 0;
}
.gallery-columns-3 .gallery-item {
width: calc((100% - (25.888px * 2)) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n + 1) {
margin-left: 0;
}
.gallery-columns-4 .gallery-item {
width: calc((100% - (25.888px * 3)) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n + 1) {
margin-left: 0;
}
.gallery-columns-5 .gallery-item {
width: calc((100% - (25.888px * 4)) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n + 1) {
margin-left: 0;
}
.gallery-columns-6 .gallery-item {
width: calc((100% - (25.888px * 5)) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n + 1) {
margin-left: 0;
}
.gallery-columns-7 .gallery-item {
width: calc((100% - (25.888px * 6)) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n + 1) {
margin-left: 0;
}
.gallery-columns-8 .gallery-item {
width: calc((100% - (25.888px * 7)) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n + 1) {
margin-left: 0;
}
.gallery-columns-9 .gallery-item {
width: calc((100% - (25.888px * 8)) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n + 1) {
margin-left: 0;
}
.entry-comments {
margin-top: 48px;
padding: 0 48px;
}
.comment-respond {
padding: 8px 48px 48px;
}
.widget {
margin-bottom: 48px;
}
.footer-widget-area {
width: auto;
flex: 1;
margin-left: 32px;
}
.footer-widget-area:first-of-type {
margin-left: 0;
flex: 2;
}
.footer-widget-area .widget {
margin-bottom: 16px;
}
.footer-widget-area .widget:last-of-type {
margin-bottom: 0;
}
.footer-widget-area .menu-item {
width: 100%;
margin-top: 0;
font-size: 14.99531px;
font-size: 1.49953rem;
}
.backtotop {
float: right;
}
.front-page-1 {
padding: 136px 0 240px;
}
.front-page-1:before,
.front-page-1:after {
height: 32rem;
background-position: bottom right;
}
.front-page-1 {
padding: 180px 0 100px;
}
.front-page-1 .widget {
margin-top: 0;
}
.front-page-1 .widget:last-of-type {
margin-bottom: 32px;
}
.front-page-1 .first p {
max-width: 90%;
}
.front-page-2 {
padding: 128px 32px 128px;
}
.front-page-2 .widget_text:first-of-type {
margin-bottom: 80px;
}
.front-page-3 {
padding-bottom: 0;
}
.front-page-3 .widget {
margin-bottom: 208px;
}
.front-page-3 .widget:nth-of-type(3) {
order: 4;
}
.front-page-3 .widget:nth-of-type(4) {
order: 3;
}
.front-page-3 .widget_text .widget-wrap {
width: calc(100% - 32px);
}
.front-page-4 {
padding: 0 32px 64px;
}
.front-page-4 .widget-title {
margin-bottom: 48px;
font-size: 33.1776px;
font-size: 3.31776rem;
}
.icon-widget p {
padding: 0 16px;
}
.before-footer {
font-size: 1em;
line-height: 1;
}
.before-footer .widget-title {
font-size: 33.1776px;
font-size: 3.31776rem;
line-height: 1;
}
.enews input[type='submit'] {
min-height: 5rem;
margin-top: 0;
position: absolute;
right: 0;
bottom: 0;
}
.testimonials-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.testimonials-list li {
width: calc((100% - (32px * 2)) / 3 - 0.2px);
}
.lSSlideOuter .lSPager.lSpg {
padding-top: 32px;
}
.pricing-table .featured {
box-shadow: 0 32px 64px -16px rgba(64, 78, 107, 0.1);
}
.pricing-table .one-half {
width: calc(100% / 2);
}
.pricing-table .one-third {
width: calc(100% / 3);
}
.pricing-table .one-fourth {
width: calc(100% / 4);
}
.pricing-table .one-fifth {
width: calc(100% / 5);
}
.pricing-table .one-sixth {
width: calc(100% / 6);
}
.tax-portfolio-type .hero-section,
.post-type-archive-portfolio .hero-section {
padding-bottom: 176px;
}
.tax-portfolio-type .content,
.post-type-archive-portfolio .content {
margin-top: calc(-128px + -16px);
}
.portfolio-filter .wrap {
width: auto;
min-width: 768px;
max-width: 768px;
}
.hero-section .mockup-ipad {
margin-bottom: -128px;
}
.hero-section .mockup-laptop {
margin-bottom: -80px;
}
.hero-section .mockup-browser {
margin-bottom: -176px;
}
.featured-content .entry {
float: left;
width: calc((100% - (32px * 2)) / 3 - 0.2px);
margin-bottom: 32px;
margin-left: 32px;
}
.featured-content .entry:nth-of-type(3n + 1) {
margin-left: 0;
}
.alignleft {
float: left;
margin: 0 16px 16px 0;
}
.alignright {
float: right;
margin: 0 0 16px 16px;
}
.alignwide {
max-width: 120%;
}
.hide-desktop {
display: none !important;
}
}
@media only screen and (min-width: 896px) {
.column,
.one-half,
.one-third,
.one-fourth,
.one-fifth,
.one-sixth,
.one-seventh,
.one-eighth,
.one-ninth,
.one-tenth,
.one-eleventh,
.one-twelfth,
.two-thirds,
.two-fourths,
.two-fifths,
.two-sixths,
.two-sevenths,
.two-eighths,
.two-ninths,
.two-tenths,
.two-elevenths,
.two-twelfths,
.three-fourths,
.three-fifths,
.three-sixths,
.three-sevenths,
.three-eighths,
.three-ninths,
.three-tenths,
.three-elevenths,
.three-twelfths,
.four-fifths,
.four-sixths,
.four-sevenths,
.four-eighths,
.four-ninths,
.four-tenths,
.four-elevenths,
.four-twelfths,
.five-sixths,
.five-sevenths,
.five-eighths,
.five-ninths,
.five-tenths,
.five-elevenths,
.five-twelfths,
.six-sevenths,
.six-eighths,
.six-ninths,
.six-tenths,
.six-elevenths,
.six-twelfths,
.seven-eighths,
.seven-ninths,
.seven-tenths,
.seven-elevenths,
.seven-twelfths,
.eight-ninths,
.eight-tenths,
.eight-elevenths,
.eight-twelfths,
.nine-tenths,
.nine-elevenths,
.nine-twelfths,
.ten-elevenths,
.ten-twelfths,
.eleven-twelfths {
float: left;
margin-bottom: 32px;
margin-left: 32px;
}
.one-half,
.two-fourths,
.three-sixths,
.four-eighths,
.five-tenths,
.six-twelfths {
width: calc((100% - (32px * 1)) / 2 - 0.2px);
}
.one-third,
.two-sixths,
.three-ninths,
.four-twelfths {
width: calc((100% - (32px * 2)) / 3 - 0.2px);
}
.one-fourth,
.two-eighths,
.three-twelfths {
width: calc((100% - (32px * 3)) / 4 - 0.2px);
}
.one-fifth,
.two-tenths {
width: calc((100% - (32px * 4)) / 5 - 0.2px);
}
.one-sixth,
.two-twelfths {
width: calc((100% - (32px * 5)) / 6 - 0.2px);
}
.one-seventh {
width: calc((100% - (32px * 6)) / 7 - 0.2px);
}
.one-eighth {
width: calc((100% - (32px * 7)) / 8 - 0.2px);
}
.one-ninth {
width: calc((100% - (32px * 8)) / 9 - 0.2px);
}
.one-tenth {
width: calc((100% - (32px * 9)) / 10 - 0.2px);
}
.one-eleventh {
width: calc((100% - (32px * 10)) / 11 - 0.2px);
}
.one-twelfth {
width: calc((100% - (32px * 11)) / 12 - 0.2px);
}
.two-thirds,
.four-sixths,
.six-ninths,
.eight-twelfths {
width: calc(calc((100% - (32px * 2)) / 3 - 0.2px) * 2 + 32px);
}
.two-fifths,
.four-tenths {
width: calc(calc((100% - (32px * 4)) / 5 - 0.2px) * 2 + 32px);
}
.two-sevenths {
width: calc(calc((100% - (32px * 6)) / 7 - 0.2px) * 2 + 32px);
}
.two-ninths {
width: calc(calc((100% - (32px * 8)) / 9 - 0.2px) * 2 + 32px);
}
.two-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 2 + 32px);
}
.three-fourths,
.six-eighths,
.nine-twelfths {
width: calc(calc((100% - (32px * 3)) / 4 - 0.2px) * 3 + (32px * 2));
}
.three-fifths,
.six-tenths {
width: calc(calc((100% - (32px * 4)) / 5 - 0.2px) * 3 + (32px * 2));
}
.three-sevenths {
width: calc(calc((100% - (32px * 6)) / 7 - 0.2px) * 3 + (32px * 2));
}
.three-eighths {
width: calc(calc((100% - (32px * 7)) / 8 - 0.2px) * 3 + (32px * 2));
}
.three-tenths {
width: calc(calc((100% - (32px * 9)) / 10 - 0.2px) * 3 + (32px * 2));
}
.three-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 3 + (32px * 2));
}
.four-fifths,
.eight-tenths {
width: calc(calc((100% - (32px * 4)) / 5 - 0.2px) * 4 + (32px * 3));
}
.four-sevenths {
width: calc(calc((100% - (32px * 6)) / 7 - 0.2px) * 4 + (32px * 3));
}
.four-ninths {
width: calc(calc((100% - (32px * 8)) / 9 - 0.2px) * 4 + (32px * 3));
}
.four-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 4 + (32px * 3));
}
.five-sixths,
.ten-twelfths {
width: calc(calc((100% - (32px * 5)) / 6 - 0.2px) * 5 + (32px * 4));
}
.five-sevenths {
width: calc(calc((100% - (32px * 6)) / 7 - 0.2px) * 5 + (32px * 4));
}
.five-eighths {
width: calc(calc((100% - (32px * 7)) / 8 - 0.2px) * 5 + (32px * 4));
}
.five-ninths {
width: calc(calc((100% - (32px * 8)) / 9 - 0.2px) * 5 + (32px * 4));
}
.five-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 5 + (32px * 4));
}
.five-twelfths {
width: calc(calc((100% - (32px * 11)) / 12 - 0.2px) * 5 + (32px * 4));
}
.six-sevenths {
width: calc(calc((100% - (32px * 6)) / 7 - 0.2px) * 6 + (32px * 5));
}
.six-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 6 + (32px * 5));
}
.seven-eighths {
width: calc(calc((100% - (32px * 7)) / 8 - 0.2px) * 7 + (32px * 6));
}
.seven-ninths {
width: calc(calc((100% - (32px * 8)) / 9 - 0.2px) * 7 + (32px * 6));
}
.seven-tenths {
width: calc(calc((100% - (32px * 9)) / 10 - 0.2px) * 7 + (32px * 6));
}
.seven-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 7 + (32px * 6));
}
.seven-twelfths {
width: calc(calc((100% - (32px * 11)) / 12 - 0.2px) * 7 + (32px * 6));
}
.eight-ninths {
width: calc(calc((100% - (32px * 8)) / 9 - 0.2px) * 8 + (32px * 7));
}
.eight-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 8 + (32px * 7));
}
.nine-tenths {
width: calc(calc((100% - (32px * 9)) / 10 - 0.2px) * 9 + (32px * 8));
}
.nine-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 9 + (32px * 8));
}
.ten-elevenths {
width: calc(calc((100% - (32px * 10)) / 11 - 0.2px) * 10 + (32px * 9));
}
.eleven-twelfths {
width: calc(calc((100% - (32px * 11)) / 12 - 0.2px) * 11 + (32px * 10));
}
.first {
clear: both;
margin-left: 0;
}
}
@media (min-width: 1024px) {
.menu-item {
padding: 16px 12.944px;
}
}
@media (min-width: 1280px) {
.front-page-1 h1 {
font-size: 42.656px;
font-size: 4.2656rem;
}
}
@media (max-width: 896px) {
.no-js .menu-item {
width: 100%;
padding: 0;
}
.menu-item-link {
padding: 13.33333px 32px;
}
.no-js .sub-menu .menu-item {
width: auto;
margin: 0 16px 0 0;
padding: 0;
}
.wp-block-columns {
flex-wrap: wrap;
}
.wp-block-column {
flex: none;
width: 100%;
}
.front-page-2 .one-third,
.front-page-2 .one-fourth,
.front-page-2 .one-fifth,
.front-page-2 .one-sixth {
width: calc((100% - (32px * 1)) / 2 - 0.2px);
}
.front-page-3 .widget-title {
text-align: center;
}
.front-page-3 .widget_media_video,
.front-page-3 .widget_media_image,
.front-page-3 .widget_media_gallery {
width: 90%;
}
.before-footer .widget {
width: 100%;
}
.before-footer .widget:last-of-type {
margin-bottom: 0;
}
.hide-mobile {
display: none !important;
}
}
@media (max-width: 512px) {
.front-page-2 .one-third,
.front-page-2 .one-fourth,
.front-page-2 .one-fifth,
.front-page-2 .one-sixth {
width: 100%;
}
}
@media print {
*,
*:before,
*:after {
color: #404e6b !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 rgba(215, 220, 231, 0.75);
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: -48px;
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;
}
}
@media screen and (min-width: 0\0) and (min-width: 896px) {
.sub-menu {
margin-right: -50%;
margin-left: -50%;
position: absolute;
right: -50%;
left: -50%;
}
}