@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; 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;
}body,
button,
input,
select,
optgroup,
textarea {
font-family: sans-serif;
font-size: 14px;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
display: block;
}
p {
margin: 0 0 1.5em;
}
p:last-child {
margin-bottom: 0;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
color: #333;
font-family: 'Courier 10 Pitch', Courier, monospace;
font-size: 1em;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
font-size: 1em;
}
abbr,
acronym {
cursor: help;
}
mark,
ins {
background: transparent;
color: inherit;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
overflow-x: hidden;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
line-height: 1;
padding: 1em;
}
textarea {
width: 100%;
}  a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} .site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
clip: auto !important;
color: #21759b;
display: block;
font-size: 1em;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin: 1em 1.5em;
margin-left: 0;
}
.alignright {
display: inline;
float: right;
margin: 1em 1.5em;
margin-right: 0;
}
.aligncenter {
clear: both;
display: block;
margin: 1em;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: '';
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em;
}
.widget:last-child {
margin: 0;
} .widget select {
max-width: 100%;
}  .post,
.page {
margin: 0 0 1.5em;
}
.posted-on time,
.updated-on time {
display: inline-block;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link{
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33333%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66667%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28571%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11111%;
}
.gallery-caption {
display: block;
}@font-face {
font-family: 'FontAwesome';
src: local( 'FontAwesome' ),
url(//with-sys.co.jp/wordpress/wp-content/themes/pen/assets/fonts/fontawesome/fontawesome.woff2) format('woff2'),
url(//with-sys.co.jp/wordpress/wp-content/themes/pen/assets/fonts/fontawesome/fontawesome.woff) format('woff');
font-weight: normal;
font-style: normal;
}
body,
button,
input,
select,
option,
optgroup,
textarea {
font-family: 'Roboto', Arial, Helvetica, Sans-serif;
font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
.archive-description {
font-family: 'Roboto', Arial, Helvetica, Sans-serif;
font-weight: bold;
}
#main h1 {
margin: 1rem 0;
}
#main .pen_article .pen_content h2,
#main .pen_article .pen_content h3,
#main .pen_article .pen_content h4,
#main .pen_article .pen_content h5 {
margin: 0.5rem 0;
padding: 0;
}
h2:first-child {
margin-top: 0 !important;
}
#main p {
margin-bottom: 1rem;
}
#main p abbr[title] {
border-bottom: none !important;
text-decoration: none !important;
}
#main .pen_article p {
margin: 0.5rem 0;
}
#main .pen_article dt {
padding: 1rem 0;
}
#main .pen_article dd {
border-left: 4px solid rgba(120,120,120,0.3);
margin: 0 1.5rem 1.5rem 0;
padding: 0 0 0 1rem;
}
#page hr {
clear: both;
}
#main .pen_article pre {
margin: 0 0 1rem 0;
}
#main .pen_article p abbr {
background: rgba(120,120,120,0.3);
border: 0 none;
border-radius: 5px;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
#main .pen_article label abbr {
background: transparent !important;
}
#main .pen_article ul,
#main .pen_article ol {
margin: 1rem 0;
padding: 0 0 0 2rem;
}
#main .pen_article ul ol,
#main .pen_article ul ul,
#main .pen_article ol ul,
#main .pen_article ol ol {
padding: 0 0 0 1rem;
}
#main .pen_article *[class=""] > blockquote {
background: rgba(200,200,200,0.1);
border: 1px solid rgba(200,200,200,0.2);
float: left;
font-family: 'Roboto', Arial, Helvetica, Sans-serif;
font-size: 1.286em;
font-style: italic;
font-weight: normal;
margin: 1rem 0;
overflow: hidden;
padding: 1rem;
width: 100%;
}
#main .pen_article blockquote {
position: relative;
}
#main .pen_article blockquote.alignleft {
margin: 1rem 1rem 1rem 0;
}
#main .pen_article blockquote.alignright {
float: right;
margin: 1rem 0 1rem 1rem;
}
#main .pen_article blockquote.alignfull,
#main .pen_article blockquote.alignwide {
border-left: 0 none;
border-right: 0 none;
}
body.pen_round_corners #main .pen_article *[class=""] > blockquote {
border-radius: 5px;
}
body.pen_round_corners #main .pen_article .alignfull > blockquote,
body.pen_round_corners #main .pen_article .alignwide > blockquote {
border-radius: 0 !important;
}
#main .pen_article blockquote p {
margin-bottom: 0.5rem;
position: relative;
z-index: 2;
}
#main .pen_article blockquote p:first-child:last-child {
margin: 0;
}
#main .pen_article blockquote:before {
bottom: 0;
color: rgba(200,200,200,0.25);
content: '\f10e';
font-family: 'FontAwesome';
font-size: 2em;
font-weight: normal;
position: absolute;
right: 0.5em;
text-shadow: none;
z-index: 1;
}
#main .pen_article blockquote footer {
font-size: smaller;
}
#main .pen_article pre,
#main .pen_article code {
background: #333;
color: #eee;
}
#main .pen_article pre {
border: 1px solid #333;
border-left-color: #000;
border-top-color: #000;
display: block;
float: left;
margin: 0 0 1rem;
padding: 1rem;
width: 100%;
}
body.pen_drop_shadow #main .pen_article pre {
box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset, 1px 1px 0 rgba(255,255,255,0.15) inset;
text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
body.pen_round_corners #main .pen_article pre {
border-radius: 5px;
}
#main .pen_article code {
display: inline-block;
font-family: 'Fira Code', Consolas, 'Source Code Pro', 'Courier New', Courier;
font-size: 0.857em;
font-weight: 400;
margin: 0;
padding: 0;
position: relative;
}
body.pen_drop_shadow #main .pen_article code {
text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
#main .pen_article p > code {
padding: 1px 0.5rem;
}
#main .pen_article pre code {
background: transparent;
display: block;
}
#main .pen_article .syntaxhighlighter code {
text-shadow: none;
}
#page label,
#page legend {
font-size: 1em;
white-space: nowrap;
}
#page label,
#page legend,
#page button,
#page .button,
#page input[type="button"],
#page input[type="reset"],
#page input[type="submit"],
#page .search-form .search-submit,
#page form.wp-block-search .wp-block-search__button {
font-weight: bold;
}
#main #pen_content_next_previous .pen_title {
font-size: smaller !important;
font-weight: normal !important;
}
#pen_header #pen_site_title a .site-title,
#pen_header .pen_phone,
#pen_footer .pen_phone,
#page .pen_options_overview h3,
#pen_navigation ul#primary-menu a,
#pen_navigation_mobile ul#primary-menu-mobile a,
#pen_navigation_mobile .widget-area a,
#page .pen_jump_menu ul a,
#page .pen_jump_menu h4 span,
#main .sticky .pen_summary,
#comments .no-comments,
#comments .comment-awaiting-moderation,
#page .pen_options_overview table th,
#page .pen_options_overview table td,
#content .sidebar .widget a,
#page .widget-area .calendar_wrap caption {
font-weight: bold;
}
@media only screen and (max-width:728px) {
p {
margin: 0 0 1em;
}
}#primary .pen_article table {
background: rgba(170,170,170,0.025);
border-collapse: collapse;
clear: both;
}
#primary .pen_article table caption {
font-weight: bold;
padding: 1rem 0;
text-align: left;
}
#primary .pen_article table th,
#primary .pen_article table td {
background: rgba(170,170,170,0.05);
border: 1px solid rgba(170,170,170,0.1);
cursor: default;
padding: 0.5rem 1rem;
}
#primary .pen_article table th {
background: rgba(170,170,170,0.025);
font-weight: bold;
text-align: left;
}
#primary .pen_article table tr:nth-child(2n+1) td {
background: rgba(170,170,170,0.05);
}
#primary .pen_article table a {
display: block;
}
#primary .pen_article table p a {
display: inline-block;
}body.post,
body.page {
margin: 0;
}
#page {
min-height: 100%;
min-width: 320px;
overflow: hidden;
z-index: 3;
}
#page .pen_wrapper {
min-height: 100vh;
}
#page .pen_container {
width: 100%;
}
#page,
#content,
#main,
#pen_section,
#page .sidebar {
position: relative;
}
#pen_search_top {
z-index: 400;
}
#pen_search_left {
z-index: 300;
}
#pen_search_form {
z-index: 200;
}
#pen_search_right {
z-index: 100;
}
#content,
#pen_top,
#pen_search,
#pen_bottom,
#pen_footer {
float: left;
padding: 1.5rem 0;
width: 100%;
}
#pen_top {
padding: 0;
}
#content {
z-index: 2;
}
#content .sidebar {
z-index: 10;
}
#main {
z-index: 20;
}
#main .pen_content,
#main .pen_summary {
margin: 0;
}
#page,
#pen_header,
#pen_section,
#pen_tiles,
#pen_masonry,
#pen_right,
#pen_search_top,
#pen_search_left,
#pen_search_right,
#pen_search_bottom,
#comments,
#respond,
#primary,
#main,
#main .pen_content,
#main .pen_content_header,
#pen_content_top,
#pen_content_bottom,
#pen_footer .pen_footer_inner,
#pen_footer_top,
#pen_footer_top .widget,
#pen_footer_bottom,
#pen_footer_bottom .widget {
float: left;
width: 100%;
}
#pen_left,
#pen_right {
margin: 0 0 1rem;
z-index: 400;
}
#pen_content_top,
#pen_content_bottom {
padding: 1rem 0;
}
#pen_footer_top .widget {
margin: 0 0 1rem;
}
@media only screen and (min-width:728px) {
#page .pen_container {
margin: 0 auto;
width: 98%;
}
body.pen_width_boxed #page .pen_wrapper {
margin: 0 auto;
max-width: 1200px;
width: 85%;
}
body.pen_width_boxed #page .pen_container,
body.pen_width_narrow #page .pen_container,
body.pen_width_narrow #pen_header .pen_header_main .pen_container {
width: 100%;
}
body.pen_width_boxed #pen_header .pen_header_main .pen_container,
body.pen_width_standard #pen_header .pen_header_main .pen_container,
body.pen_width_wide #pen_header .pen_header_main .pen_container {
width: 95%;
}
#content {
min-height: 500px;
}
body.visible-sidebar-search-left.invisible-sidebar-search-right #pen_search_left .pen_widget_transparent {
padding-left: 2rem;
}
body.visible-sidebar-search-right.invisible-sidebar-search-left #pen_search_right .pen_widget_transparent {
padding-right: 2rem;
}
body.visible-sidebar-search-right #pen_search_right,
body.visible-sidebar-search-left #pen_search_form {
float: right;
}
body.visible-sidebar-search-left #pen_search_left,
body.visible-sidebar-search-right #pen_search_right {
width: 30%;
}
body.visible-sidebar-search-left #pen_search_left {
padding-right: 1rem;
}
body.visible-sidebar-search-right #pen_search_right {
padding-left: 1rem;
}
body.visible-sidebar-search-left #pen_search_form,
body.visible-sidebar-search-right #pen_search_form {
width: 70%;
}
body.visible-sidebar-search-left.visible-sidebar-search-right #pen_search_form {
float: left;
padding: 0 1rem;
width: 50%;
}
body.visible-sidebar-search-left.visible-sidebar-search-right #pen_search_left,
body.visible-sidebar-search-left.visible-sidebar-search-right #pen_search_right {
width: 25%;
}
body.pen_width_default #page .pen_container,
body.pen_width_standard #page .pen_container {
max-width: 1200px;
}
#pen_left,
#pen_right {
position: absolute !important;
top: 1.5rem;
width: 20%;
}
#pen_left.pen_sidebar_sticky,
#pen_right.pen_sidebar_sticky {
transition: bottom .2s, top .2s;
}
body.pen_sidebar_left_width_10 #pen_left,
body.pen_sidebar_right_width_10 #pen_right {
width: 10%;
}
body.pen_sidebar_left_width_20 #pen_left,
body.pen_sidebar_right_width_20 #pen_right {
width: 20%;
}
body.pen_sidebar_left_width_25 #pen_left,
body.pen_sidebar_right_width_25 #pen_right {
width: 25%;
}
body.pen_sidebar_left_width_30 #pen_left,
body.pen_sidebar_right_width_30 #pen_right {
width: 30%;
}
body.pen_sidebar_left_width_40 #pen_left,
body.pen_sidebar_right_width_40 #pen_right {
width: 40%;
}
#pen_left {
left: 0;
}
#pen_right {
right: 0;
}
body.pen_width_narrow #pen_left,
body.pen_width_narrow #pen_right {
position: static !important;
}
body.pen_width_narrow #primary {
width: 100%;
}
body.pen_main_container_left #primary {
float: left;
}
body.pen_main_container_right #primary {
float: right;
}
body.pen_main_container_left #pen_left {
left: auto;
right: 0;
}
body.pen_main_container_right #pen_right {
left: 0;
right: auto;
}
body.pen_sidebar_right_width_10.visible-sidebar-right.pen_main_container_left #pen_left {
right: 11%;
}
body.pen_sidebar_right_width_20.visible-sidebar-right.pen_main_container_left #pen_left {
right: 21%;
}
body.pen_sidebar_right_width_25.visible-sidebar-right.pen_main_container_left #pen_left {
right: 26%;
}
body.pen_sidebar_right_width_30.visible-sidebar-right.pen_main_container_left #pen_left {
right: 31%;
}
body.pen_sidebar_right_width_40.visible-sidebar-right.pen_main_container_left #pen_left {
right: 41%;
}
body.pen_sidebar_left_width_10.visible-sidebar-left.pen_main_container_right #pen_right {
left: 11%;
}
body.pen_sidebar_left_width_20.visible-sidebar-left.pen_main_container_right #pen_right {
left: 21%;
}
body.pen_sidebar_left_width_25.visible-sidebar-left.pen_main_container_right #pen_right {
left: 26%;
}
body.pen_sidebar_left_width_30.visible-sidebar-left.pen_main_container_right #pen_right {
left: 31%;
}
body.pen_sidebar_left_width_40.visible-sidebar-left.pen_main_container_right #pen_right {
left: 41%;
}
body.pen_sidebar_left_width_10.visible-sidebar-left #primary {
padding-left: 11%;
}
body.pen_sidebar_right_width_10.visible-sidebar-right #primary {
padding-right: 11%;
}
body.pen_sidebar_left_width_20.visible-sidebar-left #primary {
padding-left: 21%;
}
body.pen_sidebar_right_width_20.visible-sidebar-right #primary {
padding-right: 21%;
}
body.pen_sidebar_left_width_25.visible-sidebar-left #primary {
padding-left: 26%;
}
body.pen_sidebar_right_width_25.visible-sidebar-right #primary {
padding-right: 26%;
}
body.pen_sidebar_left_width_30.visible-sidebar-left #primary {
padding-left: 31%;
}
body.pen_sidebar_right_width_30.visible-sidebar-right #primary {
padding-right: 31%;
}
body.pen_sidebar_left_width_40.visible-sidebar-left #primary {
padding-left: 41%;
}
body.pen_sidebar_right_width_40.visible-sidebar-right #primary {
padding-right: 41%;
}
body.pen_sidebar_left_width_10.visible-sidebar-left.pen_main_container_left #primary {
padding-right: 11%;
}
body.pen_sidebar_left_width_20.visible-sidebar-left.pen_main_container_left #primary {
padding-right: 21%;
}
body.pen_sidebar_left_width_25.visible-sidebar-left.pen_main_container_left #primary {
padding-right: 26%;
}
body.pen_sidebar_left_width_30.visible-sidebar-left.pen_main_container_left #primary {
padding-right: 31%;
}
body.pen_sidebar_left_width_40.visible-sidebar-left.pen_main_container_left #primary {
padding-right: 41%;
}
body.pen_sidebar_right_width_10.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 11%;
}
body.pen_sidebar_right_width_20.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 21%;
}
body.pen_sidebar_right_width_25.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 26%;
}
body.pen_sidebar_right_width_30.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 31%;
}
body.pen_sidebar_right_width_40.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 41%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 22%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_20.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 32%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_25.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 37%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_20.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 42%;
}
body.pen_sidebar_left_width_20.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_25.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 47%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_20.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_25.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 52%;
}
body.pen_sidebar_left_width_25.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 57%;
}
body.pen_sidebar_left_width_20.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 62%;
}
body.pen_sidebar_left_width_25.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 67%;
}
body.pen_sidebar_left_width_30.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 72%;
}
body.pen_sidebar_left_width_40.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-right: 82%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 22%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_20.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 32%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_25.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 37%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_20.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 42%;
}
body.pen_sidebar_left_width_20.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_25.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 47%;
}
body.pen_sidebar_left_width_10.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_20.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_25.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_10.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 52%;
}
body.pen_sidebar_left_width_25.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 57%;
}
body.pen_sidebar_left_width_20.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_30.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_20.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 62%;
}
body.pen_sidebar_left_width_25.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_25.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 67%;
}
body.pen_sidebar_left_width_30.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary,
body.pen_sidebar_left_width_40.pen_sidebar_right_width_30.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 72%;
}
body.pen_sidebar_left_width_40.pen_sidebar_right_width_40.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 82%;
}
body.visible-sidebar-left.pen_main_container_left #primary {
padding-left: 0;
}
body.visible-sidebar-right.pen_main_container_right #primary {
padding-right: 0;
}
body.pen_width_narrow #primary {
padding-left: 0 !important;
padding-right: 0 !important;
}
#pen_tiles .pen_article,
body.pen_tiles_columns_4 #pen_tiles .pen_article,
#pen_masonry .pen_article,
body.pen_masonry_columns_4 #pen_masonry .pen_article {
width: 24% !important;
}
body.pen_tiles_columns_5 #pen_tiles .pen_article,
body.pen_masonry_columns_5 #pen_masonry .pen_article {
width: 19% !important;
}
body.pen_tiles_columns_5.visible-sidebar-left #pen_tiles .pen_article,
body.pen_tiles_columns_5.visible-sidebar-right #pen_tiles .pen_article,
body.pen_tiles_columns_4.visible-sidebar-left #pen_tiles .pen_article,
body.pen_tiles_columns_4.visible-sidebar-right #pen_tiles .pen_article,
body.pen_tiles_columns_3 #pen_tiles .pen_article,
body.pen_masonry_columns_5.visible-sidebar-left #pen_masonry .pen_article,
body.pen_masonry_columns_5.visible-sidebar-right #pen_masonry .pen_article,
body.pen_masonry_columns_4.visible-sidebar-left #pen_masonry .pen_article,
body.pen_masonry_columns_4.visible-sidebar-right #pen_masonry .pen_article,
body.pen_masonry_columns_3 #pen_masonry .pen_article {
width: 32.33% !important;
}
body.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_tiles_columns_5.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_tiles_columns_4.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_tiles_columns_3.visible-sidebar-right.visible-sidebar-left #pen_tiles .pen_article,
body.pen_tiles_columns_2 #pen_tiles .pen_article,
body.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article,
body.pen_masonry_columns_5.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article,
body.pen_masonry_columns_4.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article,
body.pen_masonry_columns_3.visible-sidebar-right.visible-sidebar-left #pen_masonry .pen_article,
body.pen_masonry_columns_2 #pen_masonry .pen_article {
width: 49% !important;
}
body.pen_tiles_columns_4 #pen_tiles .pen_article .mejs-controls div.mejs-time-rail,
body.pen_masonry_columns_4 #pen_masonry .pen_article .mejs-controls div.mejs-time-rail {
max-width: 100px;
}
body.pen_tiles_columns_4 #pen_tiles .pen_article .mejs-controls .mejs-time-rail span,
body.pen_tiles_columns_4 #pen_tiles .pen_article .mejs-controls .mejs-time-rail a,
body.pen_masonry_columns_4 #pen_masonry .pen_article .mejs-controls .mejs-time-rail span,
body.pen_masonry_columns_4 #pen_masonry .pen_article .mejs-controls .mejs-time-rail a {
max-width: 80px;
}
body.pen_tiles_columns_5 #pen_tiles .pen_article .mejs-controls div.mejs-time-rail,
body.pen_masonry_columns_5 #pen_masonry .pen_article .mejs-controls div.mejs-time-rail {
max-width: 90px;
}
body.pen_tiles_columns_5 #pen_tiles .mejs-controls .mejs-time-rail span,
body.pen_tiles_columns_5 #pen_tiles .mejs-controls .mejs-time-rail a,
body.pen_masonry_columns_5 #pen_masonry .mejs-controls .mejs-time-rail span,
body.pen_masonry_columns_5 #pen_masonry .mejs-controls .mejs-time-rail a {
max-width: 70px;
}
#pen_footer_left,
#pen_footer_right {
float: left;
width: 28%;
}
#pen_footer_right {
float: right;
}
body.visible-sidebar-footer-left #pen_footer .pen_footer_inner,
body.visible-sidebar-footer-right #pen_footer .pen_footer_inner {
width: 70%;
}
body.visible-sidebar-footer-left.visible-sidebar-footer-right #pen_footer .pen_footer_inner {
width: 40%;
}
body.pen_width_narrow,
body.pen_width_narrow #pen_left,
body.pen_width_narrow #pen_right,
body.pen_width_narrow #pen_footer .pen_footer_inner,
body.pen_width_narrow #pen_footer_left,
body.pen_width_narrow #pen_footer_right {
float: left;
width: 100%;
}
body.pen_width_narrow #page .pen_wrapper {
margin: 0 auto;
max-width: 50vw !important;
width: 640px;
}
body.pen_width_narrow #primary {
margin: 0 0 1rem;
}
body.pen_width_narrow #pen_content_top,
body.pen_width_narrow #pen_content_bottom {
padding: 1rem;
}
body.pen_width_narrow #pen_bottom {
float: left;
padding: 1rem;
width: 100%;
}
body.pen_width_narrow #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_4 #pen_tiles .pen_article,
body.pen_width_narrow #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_4 #pen_masonry .pen_article,
body.pen_width_narrow.pen_tiles_columns_5 #pen_tiles .pen_article,
body.pen_width_narrow.pen_masonry_columns_5 #pen_masonry .pen_article,
body.pen_width_narrow.pen_tiles_columns_5.visible-sidebar-left #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_5.visible-sidebar-right #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_4.visible-sidebar-left #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_4.visible-sidebar-right #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_3 #pen_tiles .pen_article,
body.pen_width_narrow.pen_masonry_columns_5.visible-sidebar-left #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_5.visible-sidebar-right #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_4.visible-sidebar-left #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_4.visible-sidebar-right #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_3 #pen_masonry .pen_article,
body.pen_width_narrow.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_5.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_4.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_3.visible-sidebar-right.visible-sidebar-left #pen_tiles .pen_article,
body.pen_width_narrow.pen_tiles_columns_2 #pen_tiles .pen_article,
body.pen_width_narrow.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_5.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_4.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_3.visible-sidebar-right.visible-sidebar-left #pen_masonry .pen_article,
body.pen_width_narrow.pen_masonry_columns_2 #pen_masonry .pen_article {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
}
@media only screen and (min-width:728px) and (max-width:1024px) {
#page {
max-width: 100vw !important;
}
#content {
min-height: 500px;
}
#pen_footer_left,
#pen_footer_right {
float: left;
width: 28%;
}
#pen_footer_right {
float: right;
}
body.visible-sidebar-footer-left #pen_footer .pen_footer_inner,
body.visible-sidebar-footer-right #pen_footer .pen_footer_inner {
width: 70%;
}
body.visible-sidebar-footer-left.visible-sidebar-footer-right #pen_footer .pen_footer_inner {
width: 40%;
}
}
@media only screen and (min-width:728px) and (max-width:1024px) and (orientation:portrait) {
body.visible-sidebar-left.visible-sidebar-right #primary,
body.visible-sidebar-left.visible-sidebar-right #pen_left,
body.visible-sidebar-left.visible-sidebar-right #pen_right {
left: auto !important;
position: static !important;
right: auto !important;
top: auto !important;
width: 100%;
}
body.visible-sidebar-left.visible-sidebar-right #primary {
padding-left: 0;
padding-right: 0;
}
body.pen_tiles_columns_4 #pen_tiles .pen_article,
body.pen_tiles_columns_5 #pen_tiles .pen_article,
body.pen_masonry_columns_4 #pen_masonry .pen_article,
body.pen_masonry_columns_5 #pen_masonry .pen_article {
width: 32.33% !important;
}
body.pen_tiles_columns_4.visible-sidebar-left #pen_tiles .pen_article,
body.pen_tiles_columns_4.visible-sidebar-right #pen_tiles .pen_article,
body.pen_tiles_columns_5.visible-sidebar-left #pen_tiles .pen_article,
body.pen_tiles_columns_5.visible-sidebar-right #pen_tiles .pen_article,
body.pen_masonry_columns_4.visible-sidebar-left #pen_masonry .pen_article,
body.pen_masonry_columns_4.visible-sidebar-right #pen_masonry .pen_article,
body.pen_masonry_columns_5.visible-sidebar-left #pen_masonry .pen_article,
body.pen_masonry_columns_5.visible-sidebar-right #pen_masonry .pen_article {
width: 49% !important;
}
body.pen_tiles_columns_4.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_tiles_columns_5.visible-sidebar-left.visible-sidebar-right #pen_tiles .pen_article,
body.pen_masonry_columns_4.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article,
body.pen_masonry_columns_5.visible-sidebar-left.visible-sidebar-right #pen_masonry .pen_article {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
}
@media only screen and (max-width:728px) {
#page {
max-width: 100vw !important;
}
body.pen_width_boxed #page .pen_wrapper,
body.pen_width_narrow #page .pen_wrapper {
margin: 0 auto;
width: 95%;
}
#primary {
margin: 0 0 1rem;
}
#content,
#pen_search,
#pen_content_top,
#pen_content_bottom,
#pen_bottom,
#pen_footer {
padding: 1rem;
}
#pen_left,
#pen_right {
margin-bottom: 0;
}
#pen_left,
#pen_right,
#pen_bottom {
float: left;
padding: 1rem 0;
width: 100%;
}
body.visible-sidebar-search-top #pen_search_top,
body.visible-sidebar-search-left #pen_search_left,
body.visible-sidebar-search-right #pen_search_form {
margin-bottom: 1rem;
}
html,
body,
#page,
#pen_footer .pen_footer_inner,
#pen_footer_left,
#pen_footer_right {
float: left;
width: 100%;
}
}body.pen_loading_spinner #page .pen_wrapper {
visibility: hidden; }
html.no-js body.pen_loading_spinner #page .pen_wrapper,
html.js body.pen_loading_spinner #page .pen_wrapper.pen_hidden {
animation-delay: 10s;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-name: pen_fade_in;
}
html.js body.pen_loading_spinner #page .pen_wrapper.pen_hidden {
animation-delay: 30s;
}
@keyframes pen_fade_in {
from {
opacity: 0;
visibility: hidden;
}
to {
opacity: 1;
visibility: visible;
}
}
@media print, (prefers-reduced-motion: reduce) {
#page .pen_loading,
body.pen_loading_spinner #page .pen_wrapper {
animation-duration: 1ms;
}
}
#page .pen_loading {
animation-name: pen_fade_out;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: 1;
background: rgba(0,0,0,0.85);
border: 0 none;
color: rgba(255,255,255,0.5);
cursor: default;
display: none;
font-size: 1.5em;
font-weight: normal;
height: 100%;
left: 0;
max-height: 100%;
max-width: 100%;
min-height: 100%;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 200000;
}
body.pen_loading_spinner #page .pen_loading {
display: block;
}
body.pen_drop_shadow #page .pen_loading {
text-shadow: 1px 1px 10px rgba(0,0,0,0.25);
}
html.no-js #page .pen_loading {
animation-delay: 10s;
speak: none;
}
html.js #page .pen_loading {
animation-delay: 30s;
}
@keyframes pen_fade_out {
from {
opacity: 1;
visibility: visible;
}
to {
opacity: 0;
visibility: hidden;
}
}
#page .pen_loading .pen_icon,
#page .pen_loading .pen_text,
#page .pen_loading .pen_button.pen_stop {
position: absolute;
left: 50% !important;
top: 50% !important;
transform: translate(-50%,-50%);
}
#page .pen_loading .pen_icon {
height: 250px !important;
width: 250px !important;
}
#page .pen_loading .pen_button.pen_stop {
font-size: 0.75em;
opacity: 0.75;
padding: 0.5rem 2rem !important;
top: calc( 50% + 175px ) !important;
transition: opacity .3s;
width: auto !important;
}
#page .pen_loading .pen_button.pen_stop:focus,
#page .pen_loading .pen_button.pen_stop:hover,
#page .pen_loading .pen_button.pen_stop:active {
opacity: 1;
}
body:not(.pen_loading_spinner_style_none) #page .pen_loading .pen_icon:before {
animation: pen_loading 0.5s infinite linear;
background: transparent;
border-radius: 50% !important;
content: '';
height: 100% !important;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100% !important;
}
body.pen_loading_spinner_style_1 #page .pen_loading .pen_icon:before {
border-top: 10px solid rgba(255,255,255,0.1) !important;
border-right: 10px solid rgba(255,255,255,0.1) !important;
border-bottom: 10px solid rgba(255,255,255,0.1) !important;
border-left: 10px solid rgba(255,255,255,0.75) !important;
}
body.pen_loading_spinner_style_2 #page .pen_loading .pen_icon:before {
border-top: 10px solid rgba(255,255,255,0.1) !important;
border-right: 10px solid rgba(255,255,255,0.75) !important;
border-bottom: 10px solid rgba(255,255,255,0.1) !important;
border-left: 10px solid rgba(255,255,255,0.75) !important;
}
body.pen_loading_spinner_style_3 #page .pen_loading .pen_icon:before {
border-top: 1px solid rgba(255,255,255,0.1) !important;
border-right: 1px solid rgba(255,255,255,0.1) !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
border-left: 1px solid rgba(255,255,255,0.5) !important;
}
body.pen_loading_spinner_style_4 #page .pen_loading .pen_text {
font-weight: normal;
}
body.pen_loading_spinner_style_4 #page .pen_loading .pen_icon:before {
border-top: 1px solid rgba(255,255,255,0.25) !important;
border-right: 1px solid rgba(255,255,255,0.25) !important;
border-bottom: 1px solid rgba(255,255,255,0.25) !important;
border-left: 1px solid rgba(255,255,255,0.75) !important;
}
@keyframes pen_loading {
0% {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}#primary button[type="reset"],
#primary button[type="submit"],
#primary input[type="button"],
#primary input[type="reset"],
#primary input[type="submit"] {
font-size: 1em !important;
}
#page .pen_button,
#primary button[type="reset"],
#primary button[type="submit"],
#primary input[type="button"],
#primary input[type="reset"],
#primary input[type="submit"],
#primary .comments-link a,
#primary .comment-list a.comment-edit-link,
#primary .comment-list .reply a,
#primary .pen_content_footer .tags-links a,
#cancel-comment-reply-link,
#content .page-links a,
#content .comment-navigation a,
#content .posts-navigation a,
#content .post-navigation a,
#content .wp-pagenavi a,
#content .wp-pagenavi span,
body.pen_has_woocommerce #page .product .button,
body.pen_has_woocommerce #page .wp-block-button__link,
body.pen_has_woocommerce #page .wc-backward,
body.pen_has_woocommerce #page .wc-forward,
body.pen_has_woocommerce #page .woocommerce-pagination span.page-numbers.current,
body.pen_has_woocommerce #page .woocommerce-pagination a.page-numbers {
background: #0090ff;
background: linear-gradient(0deg, #135abf 0%, #0090ff 100%);
border: 0 none !important;
color: #fff !important;
cursor: pointer;
float: left;
font-family: 'Roboto', Arial, Helvetica, Sans-serif;
font-weight: bold;
padding: 0.75rem 2rem !important;
text-align: center;
text-decoration: none !important;
white-space: nowrap;
}
#primary .comments-link a {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
#respond .form-submit input.submit {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
#page .pen_button,
#primary .comments-link a,
#primary .comment-list a.comment-edit-link,
#primary .comment-list .reply a,
#primary .pen_content_footer .tags-links a,
#cancel-comment-reply-link,
#content .page-links a,
#content .comment-navigation a,
#content .posts-navigation a,
#content .post-navigation a,
#content .wp-pagenavi a,
#content .wp-pagenavi span,
body.pen_has_woocommerce #page .product .button,
body.pen_has_woocommerce #page .wp-block-button__link,
body.pen_has_woocommerce #page .wc-backward,
body.pen_has_woocommerce #page .wc-forward {
margin: 0 0 1rem;
width: 100%;
}
body.pen_round_corners #page .pen_button,
body.pen_round_corners #primary button[type="reset"],
body.pen_round_corners #primary button[type="submit"],
body.pen_round_corners #primary input[type="button"],
body.pen_round_corners #primary input[type="reset"],
body.pen_round_corners #primary input[type="submit"],
body.pen_round_corners #primary .comments-link a,
body.pen_round_corners #primary .comment-list a.comment-edit-link,
body.pen_round_corners #primary .comment-list .reply a,
body.pen_round_corners #primary .pen_content_footer .tags-links a,
body.pen_round_corners #cancel-comment-reply-link,
body.pen_round_corners #content .page-links a,
body.pen_round_corners #content .comment-navigation a,
body.pen_round_corners #content .posts-navigation a,
body.pen_round_corners #content .post-navigation a,
body.pen_round_corners #content .wp-pagenavi a,
body.pen_round_corners #content .wp-pagenavi span,
body.pen_round_corners.pen_has_woocommerce #page .product .button,
body.pen_round_corners.pen_has_woocommerce #page .wp-block-button__link,
body.pen_round_corners.pen_has_woocommerce #page .wc-backward,
body.pen_round_corners.pen_has_woocommerce #page .wc-forward,
body.pen_round_corners.pen_has_woocommerce #page .woocommerce-pagination span.page-numbers.current,
body.pen_round_corners.pen_has_woocommerce #page .woocommerce-pagination a.page-numbers {
border-radius: 50px !important;
}
#page .pen_button:active,
#page .pen_button.pen_active,
#primary button[type="reset"]:active,
#primary button[type="submit"]:active,
#primary input[type="button"]:active,
#primary input[type="reset"]:active,
#primary input[type="submit"]:active,
#primary .comments-link a:active,
#primary .comment-list a.comment-edit-link:active,
#primary .comment-list .reply a:active,
#primary .pen_content_footer .tags-links a:active,
#cancel-comment-reply-link:active,
#content .page-links a:active,
#content .comment-navigation a:active,
#content .posts-navigation a:active,
#content .post-navigation a:active,
#content .wp-pagenavi span,
#content .wp-pagenavi .current,
body.pen_has_woocommerce #page .product .button:active,
body.pen_has_woocommerce #page .wp-block-button__link:active,
body.pen_has_woocommerce #page .wc-backward:active,
body.pen_has_woocommerce #page .wc-forward:active,
body.pen_has_woocommerce #page .woocommerce-pagination a.page-numbers:active,
body.pen_has_woocommerce #page .woocommerce-pagination span.page-numbers.current {
background: #135abf;
text-decoration: none;
}
#page .wp-block-button a {
margin-bottom: 1rem;
text-decoration: none !important;
}
@media only screen and (max-width:1024px) {
#page .pen_button,
#primary button[type="reset"],
#primary button[type="submit"],
#primary input[type="button"],
#primary input[type="reset"],
#primary input[type="submit"],
#primary .comments-link a,
#primary .comment-list a.comment-edit-link,
#primary .comment-list .reply a,
#primary .pen_content_footer .tags-links a,
#cancel-comment-reply-link,
#content .page-links a,
#content .comment-navigation a,
#content .posts-navigation a,
#content .post-navigation a,
#content .wp-pagenavi a,
#content .wp-pagenavi span,
body.pen_has_woocommerce #page .product .button,
body.pen_has_woocommerce #page .wp-block-button__link,
body.pen_has_woocommerce #page .wc-backward,
body.pen_has_woocommerce #page .wc-forward {
white-space: normal;
}
}#comments {
background: rgba(255,255,255,0.95);
color: #333;
list-style: none;
overflow: hidden;
margin: 0;
padding: 2rem;
position: relative;
}
body.pen_drop_shadow #comments {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_round_corners #comments {
border-radius: 5px;
}
#comments h2 {
font-weight: bold;
padding: 0 0 1rem;
}
#comments ol.comment-list,
#comments ol.children,
#comments ol.comment-list li {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#comments ol.comment-list li {
min-height: 48px;
}
#comments ol.comment-list > li {
background: rgba(170,170,170,0.1);
float: left;
margin: 0 0 2rem;
position: relative;
padding: 2rem;
width: 100%;
}
body.pen_drop_shadow #comments ol.comment-list > li {
box-shadow: 0 0 7px rgba(0,0,0,0.2);
}
body.pen_round_corners #comments ol.comment-list > li {
border-radius: 3px;
}
#comments ol.comment-list > li:last-child {
margin: 0;
}
#comments ol.comment-list ol.children {
margin: 5rem 0 0 1rem;
}
#comments ol.comment-list .comment-body {
position: relative;
}
#comments ol.comment-list div.comment-author {
float: left;
margin: 0;
width: 100%;
}
#comments ol.comment-list div.comment-author .photo {
background: #fff;
float: left;
height: 70px;
margin: -40px 0 1rem;
overflow: hidden;
position: relative;
width: 70px;
}
#comments ol.comment-list div.comment-author .photo {
box-shadow: 0 0 7px rgba(0,0,0,0.2);
}
body.pen_round_corners #comments ol.comment-list div.comment-author .photo {
border-radius: 50%;
}
#comments ol.comment-list div.comment-author cite {
clear: left;
float: left;
font-style: normal;
}
#comments ol.comment-list div.comment-author .says {
margin: 0 0 0 5px;
}
#comments ol.comment-list div.comment-author b {
clear: left;
}
#comments ol.comment-list div.comment-author b,
#comments ol.comment-list div.comment-author .says {
float: left;
}
#comments ol.comment-list div.comment-meta {
float: left;
margin: 0 0 1rem;
padding: 0;
width: 100%;
}
#comments ol.comment-list div.comment-meta a {
float: left;
margin: 0 1rem 0 0;
padding-bottom: 0.25rem;
padding-top: 0.25rem;
}
#comments ol.comment-list > li a.comment-edit-link {
float: none !important;
margin: 0 0 0 5px;
padding-top: 5px !important;
padding-bottom: 5px !important;
text-shadow: none !important;
}
#comments ol.comment-list div.comment-metadata {
font-size: 0.857em !important;
}
#comments ol.comment-list div.comment-content {
float: left;
margin: 1rem 0;
width: 100%;
}
#comments ol.comment-list .reply a {
margin-bottom: 0 !important;
padding-left: 3rem !important;
position: relative;
text-align: left;
text-shadow: none !important;
}
#comments ol.comment-list .reply a:before {
content: '\f075';
font-family: 'FontAwesome';
font-size: 1.429em;
font-weight: normal;
left: 1em;
margin: 0 1rem 0 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#comments .no-comments,
#comments .comment-awaiting-moderation {
border: 1px solid rgba(170,170,170,0.3);
float: left;
font-weight: bold;
margin: 1rem 0;
padding: 1rem 1rem 1rem 2rem;
width: 100%;
}
body.pen_round_corners #comments .no-comments,
body.pen_round_corners #comments .comment-awaiting-moderation {
border-radius: 3px;
}
#comments .no-comments:before,
#comments .comment-awaiting-moderation:before {
content: '\f023';
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#comments .comment-awaiting-moderation:before {
content: '\f017';
}
#pen_respond_wrapper {
float: left;
margin: 0 !important;
width: 100%;
}
#comments ol.comment-list + #pen_respond_wrapper {
margin: 2rem 0 0 !important;
}
#comments #pen_respond_wrapper:first-child:last-child {
margin: 0;
}
#respond {
margin: 0;
position: relative;
}
#respond h3 {
font-size: 1.5em;
padding-left: 2em;
position: relative;
}
#comments #pen_respond_wrapper:first-child:last-child h3 {
margin-top: 0;
}
#respond h3:before {
content: '\f075';
font-family: 'FontAwesome';
font-size: 1.429em;
font-weight: normal;
left: 0;
line-height: 1;
opacity: 0.5;
position: absolute;
top: 0;
}
#respond h3 #cancel-comment-reply-link {
float: right;
font-size: 0.5em;
margin: 0;
}
#comments .comment #respond {
margin: 1rem 0 0;
padding: 0;
}
#comments .comment-subscription-form,
#comments .comment-form-cookies-consent,
#comments .akismet_comment_form_privacy_notice {
float: left;
margin-bottom: 0.5rem;
margin-top: 1rem;
position: relative;
width: 100%;
}
#comments .comment-form-cookies-consent {
padding-left: 1rem;
}
#comments .comment-form-cookies-consent input {
left: 0;
position: absolute;
top: 0;
}
#comments .comment-form-cookies-consent label {
white-space: normal;
}
@media only screen and (min-width:1024px) {
#comments .comment-list a.comment-edit-link,
#comments .comment-list .reply a,
#comments .edit-link a.post-edit-link {
font-size: 0.857em !important;
width: auto !important;
}
#cancel-comment-reply-link,
#respond .form-submit input.submit {
width: auto !important;
}
#comments ol.comment-list div.comment-metadata {
position: absolute;
right: 2em;
top: 2em;
}
#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url {
float: left;
margin-bottom: 0.5rem;
width: 28%;
}
#comments .comment-form-comment {
float: right;
width: 70%;
}
body.logged-in #comments .comment-form-comment {
clear: both;
width: 100%;
}
#comments .form-submit {
float: left;
margin: 1rem 0 0;
width: 100%;
}
body.pen_width_narrow #comments ol.comment-list div.comment-meta {
width: 100%;
}
body.pen_width_narrow #comments ol.comment-list div.comment-meta a {
padding: 0;
}
body.pen_width_narrow #respond h3 {
float: left;
font-size: 1.5em;
margin-top: 1rem;
padding-left: 0;
padding-top: 5em;
width: 100%;
}
body.pen_width_narrow #respond h3:before {
font-size: 4em;
}
}
@media only screen and (max-width:1024px) {
#comments ol.comment-list div.comment-metadata {
position: static;
}
#comments ol.comment-list > li {
padding: 1.5rem;
}
}
@media only screen and (max-width:728px) {
#comments ol.comment-list a.comment-edit-link {
display: block;
margin: 0.5rem 0 0 !important;
}
#comments ol.comment-list div.comment-meta {
width: 100%;
}
#comments ol.comment-list div.comment-meta a {
padding: 0;
}
#respond h3 {
font-size: 1.5em;
margin-top: 1rem;
padding-left: 0;
padding-top: 5em;
text-align: center;
}
#respond h3:before {
font-size: 4em;
left: 50%;
top: 0;
transform: translateX(-50%);
}
#respond h3 #cancel-comment-reply-link {
margin: 1rem 0;
}
#comments .submit {
float: left !important;
margin: 0 !important;
width: 100% !important;
}
}#pen_footer {
color: #eee;
font-size: 0.857em;
padding: 2rem;
position: relative;
z-index: 100;
}
#pen_footer.pen_not_transparent {
background: #000;
}
body.pen_drop_shadow #pen_footer {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
body.pen_drop_shadow #pen_footer.pen_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_round_corners.pen_width_boxed #pen_bottom.pen_is_transparent + #pen_footer,
body.pen_round_corners.pen_width_boxed.invisible-sidebar-bottom #pen_footer,
body.pen_round_corners.pen_width_narrow #pen_bottom.pen_is_transparent + #pen_footer,
body.pen_round_corners.pen_width_narrow.invisible-sidebar-bottom #pen_footer {
border-radius: 5px 5px 0 0;
}
#pen_footer .pen_footer_inner {
text-align: center;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner {
text-align: left;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner {
text-align: center;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner {
text-align: right;
}
#pen_footer a {
color: #ddd;
text-decoration: none;
}
#pen_footer a:focus,
#pen_footer a:hover,
#pen_footer a:active {
color: #fff;
text-decoration: none;
}
#pen_footer .pen_footer_inner nav li.pen_menu_create a:before {
content: '\f067';
display: inline-block;
font-family: 'FontAwesome';
font-weight: normal;
margin-right: 0.5rem;
}
#pen_footer .pen_footer_inner .pen_phone {
font-size: 1.25em;
}
#pen_footer .pen_footer_inner .pen_phone,
#pen_footer .pen_footer_inner .site-info,
#pen_footer .pen_footer_inner .pen_social_networks {
float: left;
margin-bottom: 0.5rem;
width: 100%;
}
#pen_footer .pen_footer_inner .pen_phone a {
display: block;
font-size: 1.5em;
font-weight: normal;
padding: 1rem;
}
#pen_footer .pen_footer_inner .pen_social_networks {
margin: 0 0 1rem;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner .pen_social_networks {
text-align: center;
}
#pen_footer .pen_footer_inner .pen_social_networks ul {
float: left;
line-height: 1;
width: 100%;
}
#pen_footer .pen_footer_inner .pen_social_networks ul,
#pen_footer .pen_footer_inner .pen_social_networks li {
list-style: none;
margin: 0;
padding: 0;
}
#pen_footer .pen_footer_inner .pen_social_networks li {
display: inline-block;
font-size: 2em;
line-height: 1;
}
#pen_footer .pen_footer_inner .pen_social_networks a {
color: #fff;
display: inline-block;
font-weight: normal;
height: 1em;
line-height: 0.8;
opacity: 0.75;
padding: 1.5rem;
position: relative;
text-align: center;
text-decoration: none;
transition: color .3s, opacity .3s;
width: 1em;
}
#pen_footer .pen_footer_inner .pen_social_networks a:focus,
#pen_footer .pen_footer_inner .pen_social_networks a:hover,
#pen_footer .pen_footer_inner .pen_social_networks a:active {
opacity: 1;
outline: 0;
text-decoration: none;
}
#pen_footer .pen_footer_inner .pen_social_networks a:before {
font-family: 'FontAwesome';
font-weight: normal;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%,-50%);
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_twitter a:before {
content: '\f099';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_facebook a:before {
content: '\f082';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_instagram a:before {
content: '\f16d';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_pinterest a:before {
content: '\f231';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_linkedin a:before {
content: '\f0e1';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_flickr a:before {
content: '\f16e';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_bitbucket a:before {
content: '\f171';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_github a:before {
content: '\f1d3';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_slack a:before {
content: '\f198';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_skype a:before {
content: '\f17e';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_mewe a:before {
content: '\f124';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_vk a:before {
content: '\f189';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_telegram a:before {
content: '\f2c6';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_whatsapp a:before {
content: '\f232';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_rss a:before {
content: '\f09e';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_email a:before {
content: '\f0e0';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_shop a:before {
content: '\f291';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_vimeo a:before {
content: '\f194';
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_youtube a:before {
content: '\f16a';
}
#pen_footer .pen_footer_inner #pen_footer_menu,
#pen_footer .pen_footer_inner #pen_footer_menu ul {
float: left;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu ul,
#pen_footer .pen_footer_inner #pen_footer_menu li {
list-style: none;
margin: 0;
padding: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu li {
line-height: 1.3;
position: relative;
}
#pen_footer .pen_footer_inner #pen_footer_menu li ul {
margin: 0 0 0 1rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu li li {
float: left;
}
#pen_footer .pen_footer_inner #pen_footer_menu li a {
display: block;
font-size: 1.286em;
position: relative;
text-transform: uppercase;
}
#pen_footer .pen_footer_inner #pen_footer_menu li li a {
padding: 1rem 2rem;
}
@media only screen and (min-width:728px) {
#pen_footer .pen_footer_inner #pen_footer_menu li a {
padding: 1rem 2rem;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_left #pen_footer .pen_footer_inner .site-info,
body.pen_footer_alignment_left #pen_footer .pen_footer_inner .pen_social_networks,
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu {
clear: both;
width: auto;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner .site-info,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner .pen_social_networks,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu {
clear: both;
float: right;
width: auto;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner #pen_footer_menu {
margin-left: -2rem;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_social_networks {
margin-left: -1rem;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_social_networks {
margin-left: -0.75rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner #pen_footer_menu {
margin-right: -2rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_phone,
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_social_networks	{
margin-right: -1rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_social_networks	{
margin-right: -0.75rem;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu li,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu li {
float: left;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner #pen_footer_menu li {
display: inline-block;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children {
height: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children li a {
padding-top: 0;
padding-bottom: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children,
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children li {
text-align: left;
}
#pen_footer .pen_footer_inner #pen_footer_menu .menu > li.menu-item-has-children ul li {
clear: both;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 100%;
opacity: 0.4;
position: absolute;
right: -3px;
top: 50%;
transform: translateY(-50%) rotate(-20deg);
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 50%;
opacity: 0.4;
position: absolute;
right: -3px;
top: 25%;
transform: rotate(20deg);
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 50%;
opacity: 0.4;
position: absolute;
right: -2px;
top: 25%;
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu > li:after {
background: #fff;
content: '';
height: 40%;
opacity: 0.5;
position: absolute;
right: 0;
top: 30%;
width: 2px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu > li:after {
background: #fff;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:before {
background: #fff;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:first-child:before,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:last-child:before {
left: 0;
right: auto;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:first-child:before {
left: auto;
right: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu > li:after {
background: #fff;
border-radius: 50px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu > li:after {
border: 3px solid #fff;
border-radius: 100px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu > li:after {
border: 3px solid #fff;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: 0;
top: 50%;
transform: rotate(45deg) translateY(calc(-50% - 2px));
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu > li:after {
color: #fff;
content: '..';
font-size: 2em;
font-weight: bold;
height: 20px;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
right: -17px;
text-align: center;
top: 50%;
transform: translate(-50%,calc(-50% - 2px)) rotate(90deg);
width: 20px;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu ul#secondary-menu > li:last-child:after,
body.pen_footer_alignment_center #pen_footer .pen_footer_inner #pen_footer_menu ul#secondary-menu > li:last-child:after,
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu ul#secondary-menu > li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:last-child:after {
display: block;
}
}
@media only screen and (max-width:728px) {
#pen_footer {
padding: 2rem 1rem 2rem 2rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu ul {
padding: 0 0 1rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu ul,
#pen_footer .pen_footer_inner #pen_footer_menu li ul {
margin: 0;
}
#pen_footer .pen_footer_inner #pen_footer_menu li {
float: left;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu li a {
padding: 1rem;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu li:after {
background: #000;
content: '';
height: 2px;
left: 5%;
opacity: 0.3;
position: absolute;
top: 0;
width: 90%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:after {
background: #000;
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:after {
left: 10%;
width: 80%;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:first-child:after {
display: block;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu li:after {
background: #000;
border-radius: 50px;
content: '';
height: 10px;
left: 0;
opacity: 0.25;
position: absolute;
top: 1.2rem;
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu li:after {
border: 3px solid #000;
border-radius: 50px;
content: '';
height: 10px;
left: 0;
opacity: 0.25;
position: absolute;
top: 1.2rem;
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu li:after {
border: 3px solid #000;
content: '';
height: 10px;
left: 0;
opacity: 0.25;
position: absolute;
top: 1.2rem;
transform: rotate(45deg) translateY(2px);
width: 10px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu li:after {
color: #000;
content: '..';
font-size: 2em;
font-weight: bold;
left: 1em;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
text-align: center;
top: -5px;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu li:first-child:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu li:first-child:after {
display: none;
}
#pen_header .pen_phone .pen_phone_label {
display: block;
line-height: 1.5;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner #pen_footer_menu,
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_phone {
margin-left: -1rem;
}
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_social_networks {
margin-left: -0.75rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner #pen_footer_menu,
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_phone {
margin-right: -1rem;
}
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_social_networks	{
margin-right: -0.75rem;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner #pen_footer_menu li {
text-align: left;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner #pen_footer_menu li {
text-align: center;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner #pen_footer_menu li {
text-align: right;
}
#pen_footer .pen_footer_inner #pen_footer_menu li li {
border: 0 none;
font-size: smaller;
padding-bottom: 0;
padding-top: 0;
}
}#pen_header {
float: left;
left: 0;
margin: 0;
padding: 0;
position: relative;
top: 0;
width: 100%;
z-index: 400;
}
#pen_header .pen_logo .customize-partial-edit-shortcut button {
left: 0 !important;
}
#pen_header .pen_header_inner {
float: left;
padding: 0;
position: relative;
width: 100%;
z-index: 5;
}
body.pen_drop_shadow #pen_header.pen_not_transparent .pen_header_inner {
box-shadow: 0 0 15px rgba(0,0,0,0.2), 2px 2px 7px rgba(0,0,0,0.3);
}
body.pen_round_corners.pen_width_boxed #pen_header.pen_not_transparent,
body.pen_round_corners.pen_width_boxed #pen_header.pen_not_transparent.pen_navigation_hide .pen_header_inner,
body.pen_round_corners.pen_width_narrow #pen_header.pen_not_transparent,
body.pen_round_corners.pen_width_narrow #pen_header.pen_not_transparent.pen_navigation_hide .pen_header_inner {
border-radius: 0 0 5px 5px;
}
body.pen_round_corners.pen_width_boxed #pen_header.pen_not_transparent.pen_navigation_hide.pen_search_show_toolbar .pen_header_inner,
body.pen_round_corners.pen_width_narrow #pen_header.pen_not_transparent.pen_navigation_hide.pen_search_show_toolbar .pen_header_inner {
border-radius: 0;
}
#pen_header.pen_not_transparent .pen_header_inner .pen_header_main {
background: linear-gradient(125deg, #ffffff 0%, #dddddd 100%);
}
#pen_header .pen_header_inner .pen_header_main {
color: #333;
float: left;
min-height: 50px;
position: relative;
transition: padding .3s;
width: 100%;
z-index: 2;
}
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main {
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}
#pen_header .pen_header_inner .pen_header_main a {
color: #555;
}
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main input[type="button"],
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main input[type="reset"],
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main input[type="submit"],
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main button[type="reset"],
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main button[type="submit"],
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main .pen_button {
text-shadow: none !important;
}
#pen_header .pen_header_inner .pen_header_main .pen_button {
border: 0 none !important;
font-size: 0.857em;
line-height: 1;
white-space: nowrap;
}
#pen_header #pen_site_title,
#pen_header #pen_site_title a {
float: left;
margin: 0;
padding: 0;
}
#pen_header #pen_site_title {
font-size: 2em;
position: relative;
white-space: nowrap;
}
#pen_header #pen_site_title a {
text-decoration: none;
}
#pen_header #pen_site_title a:focus,
#pen_header #pen_site_title a:hover,
#pen_header #pen_site_title a:active {
outline: none;
}
#pen_header #pen_site_title a .site-title,
#pen_header #pen_site_title a .site-description {
clear: both;
float: left;
line-height: 1;
margin: 0;
padding: 0;
}
#pen_header #pen_site_title a .site-description {
white-space: break-spaces;
line-height: 1.3;
}
#pen_header #pen_site_title .pen_site_name {
padding: 1rem 0;
}
#pen_header #pen_site_title .pen_site_name .site-title + .site-description {
margin-top: 5px;
}
body.pen_header_alignment_center #pen_header #pen_site_title a .site-description {
line-height: 1.3;
margin-bottom: 0 !important;
white-space: normal;
}
body.pen_header_alignment_center #pen_header.pen_logo_hide #pen_site_title a .site-title {
text-align: center;
width: 100%;
}
body.pen_header_sticky_minimize #pen_header #pen_site_title a .site-title,
body.pen_header_sticky_minimize #pen_header #pen_site_title a .site-description {
transition: font-size .3s, padding .3s;
}
body.pen_header_sticky_minimize #pen_header.pen_header_sticked #pen_site_title a.pen_has_title .site-description {
padding: 0.25rem 0 0;
}
body.pen_header_sticky_minimize #pen_header.pen_header_sticked #pen_site_title a .site-title {
font-size: 1em;
}
#pen_header #pen_site_title a .site-description {
font-size: 0.571em;
font-weight: normal;
margin: 0;
padding: 0;
}
#pen_header #pen_site_title .custom-logo-link {
margin: 0;
}
#pen_header #pen_site_title .pen_logo a {
line-height: 0;
}
#pen_header #pen_site_title .pen_logo img {
margin: 10px 0;
}
body.pen_header_logo_size_height #pen_header #pen_site_title .custom-logo-link img {
max-height: 125px;
width: auto;
}
body.pen_header_logo_size_width #pen_header #pen_site_title .custom-logo-link img {
height: auto;
max-width: 125px;
}
body.pen_header_sticky_minimize #pen_header #pen_site_title .custom-logo-link img {
transition: height .3s, max-height .3s, max-width .3s, width .3s;
}
body.pen_header_sticky_minimize.pen_header_logo_size_height #pen_header.pen_header_sticked #pen_site_title .custom-logo-link img {
max-height: 64px;
width: auto;
}
body.pen_header_sticky_minimize.pen_header_logo_size_width #pen_header.pen_header_sticked #pen_site_title .custom-logo-link img {
height: auto;
max-width: 64px;
}
body.pen_header_alignment_center #pen_header #pen_site_title {
text-align: center;
}
body.pen_header_alignment_center #pen_header #pen_site_title a .site-description {
max-width: none !important;
}
#pen_header .pen_header_main .pen_phone {
font-size: 1.5em;
line-height: 1;
text-align: center;
white-space: nowrap;
}
#pen_header .pen_header_main .pen_phone a {
color: #555;
text-decoration: none;
}
#pen_header .pen_header_main .pen_phone a:focus,
#pen_header .pen_header_main .pen_phone a:hover,
#pen_header .pen_header_main .pen_phone a:active {
color: #333;
text-decoration: none;
}
body.pen_header_sticky_minimize #pen_header.pen_header_sticked h1 a .site-title,
body.pen_header_sticky_minimize #pen_header.pen_header_sticked .pen_header_main .pen_phone a {
font-size: 1em;
}
#pen_header .pen_social_networks {
text-align: center;
}
#pen_header .pen_social_networks ul {
float: left;
line-height: 1;
width: 100%;
}
#pen_header .pen_social_networks ul,
#pen_header .pen_social_networks li {
list-style: none;
margin: 0;
padding: 0;
}
#pen_header .pen_social_networks a {
color: #555;
display: inline-block;
font-weight: normal;
padding: 0 0.25rem;
text-decoration: none;
transition: color .3s;
}
#pen_header .pen_social_networks a:focus,
#pen_header .pen_social_networks a:hover,
#pen_header .pen_social_networks a:active {
color: #333;
outline: 0;
text-decoration: none;
}
#pen_header .pen_social_networks li:first-child a {
padding-left: 0;
}
#pen_header .pen_social_networks li:last-child a {
padding-right: 0;
}
#pen_header .pen_social_networks a:before {
font-family: 'FontAwesome';
font-weight: normal;
}
#pen_header .pen_social_networks li {
display: inline-block;
font-size: 1.5em;
line-height: 1;
margin: 0;
}
#pen_header .pen_social_networks li.pen_twitter a:before {
content: '\f081';
}
#pen_header .pen_social_networks li.pen_facebook a:before {
content: '\f082';
}
#pen_header .pen_social_networks li.pen_instagram a:before {
content: '\f16d';
}
#pen_header .pen_social_networks li.pen_pinterest a:before {
content: '\f0d3';
}
#pen_header .pen_social_networks li.pen_linkedin a:before {
content: '\f08c';
}
#pen_header .pen_social_networks li.pen_bitbucket a:before {
content: '\f172';
}
#pen_header .pen_social_networks li.pen_flickr a:before {
content: '\f16e';
}
#pen_header .pen_social_networks li.pen_github a:before {
content: '\f1d2';
}
#pen_header .pen_social_networks li.pen_slack a:before {
content: '\f198';
}
#pen_header .pen_social_networks li.pen_skype a:before {
content: '\f17e';
}
#pen_header .pen_social_networks li.pen_mewe a:before {
content: '\f14c';
}
#pen_header .pen_social_networks li.pen_vk a:before {
content: '\f189';
}
#pen_header .pen_social_networks li.pen_telegram a:before {
content: '\f2c6';
}
#pen_header .pen_social_networks li.pen_whatsapp a:before {
content: '\f232';
}
#pen_header .pen_social_networks li.pen_rss a:before {
content: '\f143';
}
#pen_header .pen_social_networks li.pen_email a:before {
content: '\f199';
}
#pen_header .pen_social_networks li.pen_shop a:before {
content: '\f291';
}
#pen_header .pen_social_networks li.pen_vimeo a:before {
content: '\f194';
}
#pen_header .pen_social_networks li.pen_youtube a:before {
content: '\f16a';
}
#pen_header .pen_header_main input::-webkit-input-placeholder,
#pen_header .pen_header_main select::-webkit-input-placeholder,
#pen_header .pen_header_main textarea::-webkit-input-placeholder {
color: #333;
}
#pen_header .pen_header_main input::-moz-placeholder,
#pen_header .pen_header_main select::-moz-placeholder,
#pen_header .pen_header_main textarea::-moz-placeholder {
color: #333;
}
#pen_header .pen_header_main input:-ms-input-placeholder,
#pen_header .pen_header_main select:-ms-input-placeholder,
#pen_header .pen_header_main textarea:-ms-input-placeholder {
color: #333;
}
#pen_header .pen_header_main .search-form {
position: relative;
min-width: 250px;
}
#pen_header .pen_header_main .search-form label {
margin-bottom: 0 !important;
}
#pen_header .pen_header_main .search-form input {
min-height: 34px;
}
#pen_header .pen_header_main .search-form .search-field {
background: rgba(255,255,255,0.9);
border: 0 none !important;
line-height: 1;
margin-left: -1px !important;
padding: 0.75rem 37% 0.75rem 1.25rem !important;
transition: box-shadow .2s;
width: 100%;
}
body.pen_drop_shadow #pen_header .pen_header_main .search-form .search-field {
box-shadow: 2px 2px 4px rgba(0,0,0,0.25) inset;
}
body.pen_round_corners #pen_header .pen_header_main .search-form .search-field {
border-radius: 50px;
}
#pen_header .pen_header_main .search-form .search-field:focus,
#pen_header .pen_header_main .search-form .search-field:active {
outline: none !important;
text-decoration: none;
}
body.pen_drop_shadow #pen_header .pen_header_main .search-form .search-field:focus,
body.pen_drop_shadow #pen_header .pen_header_main .search-form .search-field:active {
box-shadow: 2px 2px 2px rgba(0,0,0,0.2) inset, 0 0 7px #0087cc;
}
#pen_header .pen_header_main .search-form .search-submit {
background: #00a9ff;
background: linear-gradient(to bottom, #00a9ff 0%, #093a89 100%);
border: 0 none !important;
color: #fff;
font-weight: bold;
height: 100%;
margin-right: -1px !important;
min-height: 100%;
padding: 0.75rem 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 35%;
z-index: 10;
}
body.pen_round_corners #pen_header .pen_header_main .search-form .search-submit {
border-radius: 0 50px 50px 0;
}
#pen_header .pen_header_main .search-form .search-submit:active {
background: #093a89;
text-decoration: none;
}
#pen_header .pen_header_main .search-form .search-submit:focus,
#pen_header .pen_header_main .search-form .search-submit:active {
outline: 0 !important;
}
#pen_header_button_users .pen_button {
line-height: 1.3;
margin-bottom: 0 !important;
}
body.pen_header_alignment_center #pen_header_primary,
body.pen_header_alignment_center #pen_header_secondary,
body.pen_width_narrow #pen_header_primary,
body.pen_width_narrow #pen_header_secondary {
float: left;
width: 100%;
}
#pen_header_primary .widget,
#pen_header_primary .widget {
padding: 1rem;
}
#pen_header_primary .widget ul,
#pen_header_primary .widget ol,
#pen_header_secondary .widget ul,
#pen_header_secondary .widget ol {
float: left;
margin: 0;
padding: 0 0 0 1rem;
width: 100%;
}
@media only screen and (min-width:728px) {
#pen_header .pen_header_main {
display: block;
}
#pen_header .pen_header_main .pen_container {
align-items: center;
align-content: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
min-height: 55px;
position: relative;
}
body.pen_header_alignment_right #pen_header .pen_header_main .pen_container {
flex-direction: row-reverse;
}
body.pen_header_alignment_center #pen_header .pen_header_main .pen_container {
justify-content: center;
justify-items: center;
}
#pen_header #pen_site_title {
align-items: center;
align-content: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
position: relative;
}
body.pen_header_alignment_right #pen_header #pen_site_title {
justify-self: flex-end;
}
#pen_header #pen_site_title a .site-description {
max-width: 300px;
}
body.pen_width_narrow #pen_header #pen_site_title a .site-description {
max-width: none;
}
#pen_header .pen_header_wrap,
#pen_header .pen_header_wrap aside.sidebar {
align-items: center;
align-content: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
min-height: 34px;
}
#pen_header .pen_header_wrap {
padding: 1rem 0;
}
#pen_header .pen_header_wrap aside.sidebar {
flex-wrap: wrap;
}
body.pen_header_alignment_center #pen_header .pen_header_wrap {
float: left;
padding-top: 0;
text-align: center;
width: 100%;
}
body.pen_padding_header_small #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 1rem;
padding-top: 1rem;
}
body.pen_padding_header_small_bottom #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 10rem;
padding-top: 1rem;
}
body.pen_padding_header_small_top #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 1rem;
padding-top: 10rem;
}
body.pen_padding_header_medium #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
body.pen_padding_header_medium_bottom #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 15rem;
padding-top: 1.5rem;
}
body.pen_padding_header_medium_top #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 1.5rem;
padding-top: 15rem;
}
body.pen_padding_header_big #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 2.5rem;
padding-top: 2.5rem;
}
body.pen_padding_header_big_bottom #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 25rem;
padding-top: 2.5rem;
}
body.pen_padding_header_big_top #pen_header .pen_header_inner .pen_header_main {
padding-bottom: 2.5rem;
padding-top: 25rem;
}
body.pen_padding_header_small #pen_header.pen_header_sticked .pen_header_inner .pen_header_main,
body.pen_padding_header_small_bottom #pen_header.pen_header_sticked .pen_header_inner .pen_header_main,
body.pen_padding_header_small_top #pen_header.pen_header_sticked .pen_header_inner .pen_header_main {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
body.pen_padding_header_medium #pen_header.pen_header_sticked .pen_header_inner .pen_header_main,
body.pen_padding_header_medium_bottom #pen_header.pen_header_sticked .pen_header_inner .pen_header_main,
body.pen_padding_header_medium_top #pen_header.pen_header_sticked .pen_header_inner .pen_header_main {
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
body.pen_padding_header_big #pen_header.pen_header_sticked .pen_header_inner .pen_header_main,
body.pen_padding_header_big_bottom #pen_header.pen_header_sticked .pen_header_inner .pen_header_main,
body.pen_padding_header_big_top #pen_header.pen_header_sticked .pen_header_inner .pen_header_main {
padding-bottom: 1.25rem;
padding-top: 1.25rem;
}
body.pen_header_alignment_right #pen_header #pen_site_title {
flex-direction: row-reverse;
}
body.pen_header_alignment_center #pen_header #pen_site_title {
margin-top: 1rem;
}
body.pen_header_alignment_center #pen_header.pen_phone_hide.pen_connect_hide.pen_cart_hide.pen_button_users_hide.pen_search_hide #pen_site_title {
margin-top: 0;
}
body.pen_width_narrow #pen_header #pen_site_title {
margin-top: 0;
text-align: center;
}
#pen_header.pen_logo_show #pen_site_title .pen_site_name {
padding-left: 1rem;
}
#pen_header .pen_phone,
#pen_header .pen_social_networks,
#pen_header .pen_search,
#pen_header_button_users,
#pen_header_primary,
#pen_header_secondary {
line-height: 1;
position: relative;
}
#pen_header .pen_phone,
body.pen_header_alignment_left #pen_header .pen_social_networks,
body.pen_header_alignment_right #pen_header .pen_social_networks {
padding-right: 1.5rem;
}
body.pen_header_alignment_left.invisible-sidebar-header-secondary #pen_header.pen_search_hide.pen_button_users_hide.pen_connect_hide .pen_phone,
body.pen_header_alignment_right.invisible-sidebar-header-secondary #pen_header.pen_search_hide.pen_button_users_hide.pen_connect_hide .pen_phone,
body.pen_header_alignment_left.invisible-sidebar-header-secondary #pen_header.pen_search_hide.pen_button_users_hide .pen_social_networks,
body.pen_header_alignment_right.invisible-sidebar-header-secondary #pen_header.pen_search_hide.pen_button_users_hide .pen_social_networks {
padding-right: 0;
}
body.pen_has_woocommerce.pen_header_alignment_left #pen_header.pen_connect_hide.pen_cart_show .pen_phone,
body.pen_has_woocommerce.pen_header_alignment_right #pen_header.pen_connect_hide.pen_cart_show .pen_phone
body.pen_has_woocommerce.pen_header_alignment_left #pen_header.pen_cart_show .pen_social_networks,
body.pen_has_woocommerce.pen_header_alignment_right #pen_header.pen_cart_show .pen_social_networks {
padding-right: 1.5rem !important;
}
body.pen_width_narrow #pen_header .pen_header_main .pen_container,
body.pen_width_narrow #pen_header .pen_header_wrap {
flex-direction: column;
}
body.pen_width_narrow #pen_header .pen_phone,
body.pen_width_narrow #pen_header .pen_social_networks {
padding: 0;
}
#pen_header .pen_search {
min-width: 300px;
width: 300px;
}
#pen_header_button_users {
padding-left: 1rem;
}
body.pen_header_alignment_center #pen_header_button_users,
body.pen_width_narrow #pen_header_button_users {
padding-left: 0;
}
#pen_header_primary,
#pen_header_secondary {
padding: 0 1rem 0 0;
}
#pen_header_secondary {
padding: 0 0 0 1rem;
}
body.pen_header_alignment_center #pen_header_primary,
body.pen_header_alignment_center #pen_header_secondary,
body.pen_header_alignment_center #pen_header .pen_phone,
body.pen_header_alignment_center #pen_header .pen_search,
body.pen_header_alignment_center #pen_header .pen_social_networks {
display: block;
float: left;
margin: 1rem 0 0 !important;
text-align: center;
width: 100%;
}
body.pen_header_alignment_center #pen_header_button_users {
display: inline-block;
float: none;
margin-top: 1rem !important;
}
body:not(.pen_width_narrow).pen_header_alignment_center #pen_header.pen_search_show #pen_header_button_users,
body:not(.pen_width_narrow).pen_header_alignment_center #pen_header.pen_cart_show #pen_header_button_users {
margin-left: 1rem;
}
body.pen_header_alignment_center #pen_header.pen_phone_hide.pen_connect_hide.pen_cart_hide.pen_button_users_hide .pen_search {
display: inline-block;
float: none;
margin: 0 auto !important;
width: 300px;
}
body.pen_header_alignment_center #pen_header .pen_phone {
display: block;
margin: 0 0 1rem;
padding: 0;
}
body.pen_header_alignment_center #pen_header .pen_header_main .search-form .search-field {
min-width: 300px;
}
body.pen_header_alignment_center #pen_header .pen_social_networks {
margin: 0 0 1rem;
}
body.pen_width_narrow #pen_header .pen_header_main {
padding: 1rem;
}
body.pen_width_narrow.pen_header_sticky_minimize #pen_header .pen_header_main {
padding: 1rem !important;
}
body.pen_width_narrow.invisible-sidebar-header-secondary #pen_header .pen_header_wrap {
padding-bottom: 0 !important;
}
body.pen_width_narrow #pen_header #pen_site_title {
margin: 0;
flex-direction: column;
white-space: normal;
width: 100%;
}
body.pen_width_narrow #pen_header #pen_site_title img {
float: none;
}
body.pen_width_narrow #pen_header #pen_site_title a#site-title,
body.pen_width_narrow #pen_header #pen_site_title a .site-title,
body.pen_width_narrow #pen_header #pen_site_title a .site-description,
body.pen_width_narrow #pen_header #pen_site_title .pen_site_name,
body.pen_width_narrow #pen_header .pen_phone,
body.pen_width_narrow #pen_header .pen_social_networks,
body.pen_width_narrow #pen_header .pen_search,
body.pen_width_narrow #pen_header .search-form,
body.pen_width_narrow #pen_cart_header,
body.pen_width_narrow #pen_header_button_users	{
float: left !important;
text-align: center;
width: 100% !important;
}
body.pen_width_narrow #pen_header #pen_site_title a .site-title {
letter-spacing: 0;
}
body.pen_width_narrow #pen_header #pen_site_title a .site-description {
line-height: 1.5;
margin-bottom: 0 !important;
}
body.pen_width_narrow #pen_header .pen_phone,
body.pen_width_narrow #pen_header .pen_social_networks,
body.pen_width_narrow #pen_header .pen_search,
body.pen_width_narrow #pen_header_button_users,
body.pen_width_narrow #pen_header_primary,
body.pen_width_narrow #pen_header_secondary {
margin: 0 0 1rem !important;
position: relative;
}
body.pen_width_narrow #pen_header_button_users {
margin-top: 1rem !important;
}
body.pen_width_narrow #pen_header .pen_phone {
font-size: 2em;
}
body.pen_width_narrow #pen_header .pen_social_networks a {
padding: 0.5rem;
}
}
@media only screen and (min-width:728px) and (max-width:1024px) {
#pen_header #pen_site_title {
font-size: 1.5em;
}
#pen_header #pen_site_title a .site-description {
max-width: 200px;
}
body.pen_width_narrow #pen_header #pen_site_title a .site-description {
max-width: none;
}
#pen_header.pen_phone_show.pen_connect_show.pen_search_show.pen_button_users_show .pen_header_wrap {
width: 100%;
}
#pen_header .pen_search {
min-width: auto !important;
width: auto !important;
}
#pen_header .pen_social_networks li a {
padding: .25rem !important;
}
}
@media only screen and (max-width:728px) {
#pen_header .pen_header_main {
padding: 1rem;
}
body.pen_header_sticky_minimize #pen_header .pen_header_main {
padding: 1rem !important;
}
#pen_header #pen_site_title {
margin: 0;
text-align: center;
white-space: normal;
width: 100%;
}
#pen_header #pen_site_title a {
width: 100%;
}
#pen_header #pen_site_title a#site-title,
#pen_header #pen_site_title a .site-title,
#pen_header #pen_site_title a .site-description,
#pen_header .pen_phone,
#pen_header .pen_social_networks,
#pen_header .pen_search,
#pen_header .search-form,
#pen_cart_header,
#pen_header_button_users {
float: left;
text-align: center;
width: 100%;
}
#pen_header .pen_phone .pen_phone_label {
display: block;
line-height: 1.5;
}
#pen_header .pen_social_networks {
line-height: 3;
}
#pen_header #pen_site_title a .site-title {
letter-spacing: 0;
}
#pen_header #pen_site_title a .site-description {
line-height: 1.5;
margin-bottom: 0 !important;
}
#pen_header .pen_phone,
#pen_header .pen_social_networks,
#pen_header .pen_search,
#pen_header_button_users,
#pen_header_primary,
#pen_header_secondary {
display: block;
float: left;
margin: 1rem 0 0 !important;
position: relative;
width: 100%;
}
#pen_header .pen_phone {
font-size: 1.5em;
}
#pen_header .pen_social_networks a {
padding: 0.5rem;
}
#pen_header .pen_social_networks a:before {
font-size: 1.5em;
}
}
@media only print {
#pen_header,
#pen_header .pen_header_wrap,
#pen_header_primary,
#pen_header_secondary {
position: static !important;
}
#pen_header .pen_social_networks,
#pen_header .pen_search,
#pen_header_button_users,
#pen_navigation {
display: none;
}
#pen_header .pen_header_wrap {
float: left;
width: 100%;
}
}#page .pen_jump_menu {
font-family: Arial !important;
min-width: 150px;
position: absolute;
right: 10px;
text-align: left;
top: 30px;
z-index: 400;
}
#pen_section > .pen_jump_menu {
top: 80px;
}
#page .pen_jump_menu .pen_menu_wrapper > strong {
background: #333;
color: rgba(255,255,255,0.75);
cursor: default;
display: block;
font-family: Arial !important;
font-size: 14px !important;
line-height: 1.5;
margin: 0 !important;
padding: 5px 40px 5px 10px;
}
body.pen_drop_shadow #page .pen_jump_menu .pen_menu_wrapper > strong {
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
body.pen_round_corners #page .pen_jump_menu .pen_menu_wrapper > strong {
border-radius: 5px 20px 0 0;
}
#page .pen_jump_menu .pen_menu_wrapper > strong span {
color: #fff;
display: block;
font-weight: bold;
}
#page .pen_jump_menu .pen_menu_wrapper > strong span span.pen_only {
background: #7f7f7f;
box-shadow: 1px 1px 3px rgba(0,0,0,0.75) inset;
color: #fff;
cursor: help;
display: inline-block;
font-size: 10px !important;
font-weight: bold;
margin: 0 5px 0 0;
padding-left: 5px;
padding-right: 5px;
}
body.pen_drop_shadow #page .pen_jump_menu .pen_menu_wrapper > strong span span.pen_only {
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
body.pen_round_corners #page .pen_jump_menu .pen_menu_wrapper > strong span span.pen_only {
border-radius: 100px;
}
#page .pen_jump_menu button.pen_toggle {
background: transparent !important;
border: 0 none !important;
border-radius: 0;
box-shadow: none;
cursor: pointer;
height: 32px;
line-height: 1.5;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
transition: opacity .3s;
width: 32px;
z-index: 1000;
}
#page .pen_jump_menu .pen_toggle:focus,
#page .pen_jump_menu .pen_toggle:hover,
#page .pen_jump_menu .pen_toggle:active,
#page *:hover > .pen_jump_menu .pen_toggle {
opacity: 1;
}
#page .pen_jump_menu .pen_toggle:before,
#page .pen_jump_menu .pen_toggle:after {
content: '';
height: 32px;
position: absolute;
right: 0;
top: 0;
width: 32px;
}
body.pen_round_corners #page .pen_jump_menu .pen_toggle:before,
body.pen_round_corners #page .pen_jump_menu .pen_toggle:after {
border-radius: 100px;
}
#page .pen_jump_menu .pen_toggle:before {
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.05));
border: 2px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 0 1px #000;
color: #fff;
content: '\f040';
font-family: 'FontAwesome';
font-size: 18px !important;
font-weight: normal;
text-align: center;
}
body.pen_drop_shadow #page .pen_jump_menu .pen_toggle:before {
text-shadow: 0 0 5px rgba(0,0,0,0.5), 0 0 1px #000;
}
#page .pen_jump_menu .pen_toggle:after {
border: 1px solid rgba(255,255,255,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.2) inset;
}
#page *:hover > .pen_jump_menu .pen_toggle:not(.pen_expanded):after {
animation: pen_jump_menu_toggle 10s infinite ease-in-out;
display: block;
}
#page .pen_jump_menu .pen_toggle:not(.pen_expanded):after,
#page *:hover > .pen_jump_menu:not(.pen_expanded):pen_menu_wrapper:hover .pen_toggle:after {
display: none;
}
@keyframes pen_jump_menu_toggle {
0% {
transform: scale(1,1);
}
5%,
100% {
opacity: 0;
transform: scale(2,2);
}
}
#page .pen_jump_menu .pen_toggle.pen_expanded:before {
background: linear-gradient(0deg, #a00, #e00) !important;
content: '\f00d' !important;
}
#page .pen_jump_menu .pen_menu_wrapper {
box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}
body.pen_round_corners #page .pen_jump_menu .pen_menu_wrapper {
border-radius: 5px 20px 5px 5px;
}
#page .pen_jump_menu ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
#page .pen_jump_menu ul li,
#page .pen_jump_menu ul a {
clear: both;
float: left;
width: 100%;
}
#page .pen_jump_menu ul a {
background: rgba(240,240,240,0.95);
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #04a !important;
font-family: Arial !important;
font-size: 12px !important;
font-weight: normal !important;
line-height: 1.3;
margin: 0;
padding: 7px 10px;
text-decoration: none;
text-shadow: none !important;
transition: unset !important;
}
#page .pen_jump_menu ul li:last-child a {
border: 0 none;
}
body.pen_round_corners #page .pen_jump_menu ul li:last-child a {
border-radius: 0 0 5px 5px;
}
#page .pen_jump_menu ul a:focus,
#page .pen_jump_menu ul a:hover,
#page .pen_jump_menu ul a:active {
background: rgba(0,70,170,0.95);
color: #fff !important;
}
#page .pen_jump_menu ul a span {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes,
#page .pen_jump_menu#pen_jump_menu_font_presets {
bottom: 100px;
left: calc(50% - 200px);
right: auto;
position: fixed;
top: auto;
}
#page .pen_jump_menu#pen_jump_menu_font_presets {
left: calc(50% + 50px);
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed {
opacity: 0.9;
width: 150px;
}
@media only screen and (max-width:728px) {
#page .pen_jump_menu#pen_jump_menu_color_schemes,
#page .pen_jump_menu#pen_jump_menu_font_presets {
bottom: 100px;
left: 50%;
transform: translateX(-50%);
}
#page .pen_jump_menu#pen_jump_menu_color_schemes {
bottom: 150px;
}
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before {
content: '';
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:after {
background: linear-gradient(0deg, rgba(255,255,255,0.75), rgba(255,255,255,0.95)) !important;
width: 150px;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed {
padding: 0;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption {
color: #333 !important;
font-weight: bold;
position: relative;
text-shadow: none;
white-space: nowrap;
z-index: 10;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_expanded .pen_caption,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_expanded .pen_caption {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
#pen_jump_menu_color_schemes li {
position: relative;
}
#pen_jump_menu_color_schemes li:before {
content: '';
left: 5px;
height: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 14px;
z-index: 2;
}
body.pen_round_corners #pen_jump_menu_color_schemes li:before {
border-radius: 3px;
}
#pen_jump_menu_color_schemes li a {
padding-left: 25px !important;
position: relative;
z-index: 1;
}
#pen_jump_menu_color_schemes li:nth-child(1):before {
background: linear-gradient(125deg, #00a9ff 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(2):before {
background: linear-gradient(125deg, #fb7c00 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(3):before {
background: linear-gradient(125deg, #00ac81 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(4):before {
background: linear-gradient(125deg, #4b00f2 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(5):before {
background: linear-gradient(125deg, #003078 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(6):before {
background: linear-gradient(125deg, #7f447f 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(7):before {
background: linear-gradient(125deg, #c00000 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(8):before {
background: linear-gradient(125deg, #df00d2 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(9):before {
background: linear-gradient(125deg, #8bcb00 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(10):before {
background: linear-gradient(125deg, #ffd800 0%, #000000 100%);
}
#pen_jump_menu_color_schemes li:nth-child(11):before {
background: linear-gradient(125deg, #00d3cf 33%, #000000 34%, #000000 74%, #255d5b 75%);
}
#pen_jump_menu_color_schemes li:nth-child(12):before {
background: linear-gradient(125deg, #00b7ff 33%, #000000 34%, #000000 74%, #555555 75%);
}
#pen_jump_menu_color_schemes li:nth-child(13):before {
background: linear-gradient(125deg, #f07c45 33%, #000000 34%, #000000 74%, #ffffff 75%);
}
#pen_jump_menu_color_schemes li:nth-child(14):before {
background: linear-gradient(125deg, #3c97de 33%, #00050a 34%, #00050a 74%, #ffca00 75%);
}
#pen_jump_menu_color_schemes li:nth-child(15):before {
background: linear-gradient(125deg, #ffed00 33%, #072b5f 34%, #072b5f 74%, #1a74cc 75%);
}
#pen_jump_menu_color_schemes li:nth-child(16):before {
background: linear-gradient(125deg, #fff 33%, #005ce4 34%, #005ce4 74%, #fff 75%);
}
#pen_jump_menu_color_schemes li:nth-child(17):before {
background: linear-gradient(125deg, #000 33%, #00a1ff 34%, #00a1ff 74%, #000 75%);
}
#pen_jump_menu_color_schemes li:nth-child(18):before {
background: linear-gradient(125deg, #0b3d5f 33%, #ff5a10 34%, #ff5a10 74%, #fff 75%);
}
#pen_jump_menu_color_schemes li:nth-child(19):before {
background: linear-gradient(125deg, #582841 33%, #cc2a49 34%, #cc2a49 74%, #ffd7df 75%);
}
#pen_jump_menu_color_schemes li:nth-child(20):before {
background: linear-gradient(125deg, #333 33%, #43008c 34%, #43008c 74%, #ffeb00 75%);
}#pen_navigation.pen_not_transparent,
#pen_navigation_mobile {
background: #00a9ff;
background: linear-gradient(125deg, #00a9ff 0%,#093a89 100%);
}
#pen_navigation,
#pen_navigation_mobile {
color: #fff;
float: left;
line-height: 1;
position: relative;
width: 100%;
z-index: 1;
}
#pen_navigation ul#primary-menu ul,
#pen_navigation_mobile ul#primary-menu-mobile ul {
background: #004d98;
background: linear-gradient(125deg, #004d98 0%,#093a89 100%);
}
body.pen_drop_shadow #pen_navigation li.page_item_has_children > ul,
body.pen_drop_shadow #pen_navigation li.menu-item-has-children > ul {
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}
body.pen_drop_shadow #pen_navigation ul#primary-menu a,
body.pen_drop_shadow #pen_navigation_mobile ul#primary-menu-mobile a,
body.pen_drop_shadow #pen_navigation_mobile .widget-area a {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#pen_navigation_mobile {
z-index: 450;
}
body.pen_round_corners.pen_width_boxed #pen_header.pen_navigation_show .pen_header_inner,
body.pen_round_corners.pen_width_narrow #pen_header.pen_navigation_show .pen_header_inner {
border-radius: 0 0 7px 7px;
}
body.pen_round_corners.pen_width_boxed #pen_navigation,
body.pen_round_corners.pen_width_narrow #pen_navigation,
body.pen_round_corners.pen_width_boxed #pen_navigation:after,
body.pen_round_corners.pen_width_narrow #pen_navigation:after,
body.pen_round_corners #pen_navigation ul#primary-menu ul,
body.pen_round_corners #pen_navigation ul#primary-menu li li:last-child > a {
border-radius: 0 0 5px 5px;
}
body.pen_round_corners #pen_header.pen_search_show_toolbar #pen_navigation {
border-radius: 0 !important;
}
#pen_navigation,
#pen_navigation ul#primary-menu,
#pen_navigation ul#primary-menu ul,
#pen_navigation ul#primary-menu li {
margin: 0;
padding: 0;
}
#pen_navigation ul#primary-menu li {
position: relative;
}
#pen_navigation ul#primary-menu,
#pen_navigation ul#primary-menu li {
float: left;
list-style: none;
}
#pen_navigation ul#primary-menu {
padding: 0;
width: 100%;
}
#pen_navigation ul#primary-menu li.pen_menu_create a:before,
#pen_navigation_mobile ul#primary-menu-mobile li.pen_menu_create a:before {
content: '\f067';
display: inline-block;
font-family: 'FontAwesome';
font-weight: normal;
margin-right: 0.5em;
}
#pen_navigation li.page_item_has_children > ul,
#pen_navigation li.menu-item-has-children > ul {
display: none;
left: 0;
position: absolute;
top: 100%;
z-index: 120;
}
#pen_navigation li li.page_item_has_children > ul,
#pen_navigation li li.menu-item-has-children > ul {
left: 100%;
top: 0;
}
#pen_navigation li.page_item_has_children > ul li,
#pen_navigation li.menu-item-has-children > ul li {
float: left;
white-space: nowrap;
min-width: 14em;
width: 100%;
}
#pen_navigation ul#primary-menu li:hover > ul,
#pen_navigation ul#primary-menu li.sfHover > ul {
display: block;
}
#pen_navigation ul#primary-menu a,
#pen_navigation_mobile ul#primary-menu-mobile a,
#pen_navigation_mobile .widget-area a {
color: #c5e2ff;
float: left;
font-size: 1.143em;
padding: 1em 1.5em;
position: relative;
text-decoration: none;
transition: background-color .2s, color .2s, opacity .5s;
width: 100%;
}
body.pen_header_sticky_minimize #pen_header #pen_navigation ul#primary-menu a {
transition: background-color .2s, color .2s, font-size .3s, opacity .5s;
}
body.pen_header_sticky_minimize #pen_header.pen_header_sticked #pen_navigation ul#primary-menu a {
font-size: 1em;
}
#pen_navigation ul#primary-menu li li a {
font-size: 1em;
padding: 1.25em 2em;
position: relative;
}
#pen_navigation ul#primary-menu li.sfHover > a,
#pen_navigation ul#primary-menu a:focus,
#pen_navigation ul#primary-menu a:hover,
#pen_navigation ul#primary-menu a:active {
color: #fff;
outline: none;
text-decoration: none;
}
#pen_navigation ul#primary-menu li li > a:focus,
#pen_navigation ul#primary-menu li li > a:hover,
#pen_navigation ul#primary-menu li li > a:active,
#pen_navigation ul#primary-menu li li.sfHover > a,
#pen_navigation_mobile ul#primary-menu-mobile li.pen_active > a {
background: rgba(0,0,0,0.1);
text-decoration: none;
}
#pen_navigation.pen_separator_1 ul#primary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 50%;
opacity: 0.4;
position: absolute;
right: -3px;
top: 25%;
transform: rotate(-20deg);
width: 1px;
}
#pen_navigation.pen_separator_2 ul#primary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 50%;
opacity: 0.4;
position: absolute;
right: -3px;
top: 25%;
transform: rotate(20deg);
width: 1px;
}
#pen_navigation.pen_separator_3 ul#primary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 50%;
opacity: 0.4;
position: absolute;
right: -2px;
top: 25%;
width: 1px;
}
#pen_navigation.pen_separator_submenu_1 ul#primary-menu li li:after,
#pen_navigation.pen_separator_submenu_2 ul#primary-menu li li:after,
#pen_navigation.pen_separator_submenu_3 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_1 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_2 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_3 ul#primary-menu-mobile li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#pen_navigation_mobile nav.pen_separator_submenu_1 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_2 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_3 ul#primary-menu-mobile li:after {
left: 1rem;
}
#pen_navigation.pen_separator_submenu_2 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_2 ul#primary-menu-mobile li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
#pen_navigation.pen_separator_submenu_3 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_3 ul#primary-menu-mobile li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
#pen_navigation_mobile nav.pen_separator_submenu_1 ul#primary-menu-mobile li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_2 ul#primary-menu-mobile li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_3 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_4 ul#primary-menu > li:after {
background: #000;
content: '';
height: 40%;
opacity: 0.5;
position: absolute;
right: 0;
top: 30%;
width: 2px;
}
#pen_navigation.pen_separator_submenu_4 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_4 ul#primary-menu-mobile li:after {
background: #000;
content: '';
height: 2px;
left: 5%;
opacity: 0.3;
position: absolute;
top: 0;
width: 90%;
}
#pen_navigation_mobile nav.pen_separator_submenu_4 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_5 ul#primary-menu > li:after {
background: #000;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_navigation.pen_separator_6 ul#primary-menu > li:after,
#pen_navigation.pen_separator_6 ul#primary-menu > li:before {
background: #000;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_navigation.pen_separator_6 ul#primary-menu > li:first-child:before,
body.pen_navigation_alignment_right #pen_navigation.pen_separator_6 ul#primary-menu > li:last-child:before {
left: 0;
right: auto;
}
body.pen_navigation_alignment_right #pen_navigation.pen_separator_6 ul#primary-menu > li:first-child:before {
left: auto;
right: 0;
}
#pen_navigation.pen_separator_submenu_5 ul#primary-menu li li:after,
#pen_navigation.pen_separator_submenu_6 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_5 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:after {
background: #000;
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#pen_navigation_mobile nav.pen_separator_submenu_5 ul#primary-menu-mobile li:after {
left: 0.75rem;
}
#pen_navigation.pen_separator_submenu_6 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:after {
left: 10%;
width: 80%;
}
#pen_navigation.pen_separator_submenu_6 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:first-child:after {
display: block;
}
#pen_navigation_mobile nav.pen_separator_submenu_5 ul#primary-menu-mobile li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_7 ul#primary-menu > li:after {
background: #000;
border-radius: 50px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation.pen_separator_submenu_7 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:after {
background: #000;
border-radius: 50px;
content: '';
height: 10px;
left: 10px;
opacity: 0.25;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:after {
left: 0.75rem;
top: 1rem;
transform: none;
}
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_submenu_7 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:first-child:after {
display: block;
}
#pen_navigation.pen_separator_8 ul#primary-menu > li:after {
border: 3px solid #000;
border-radius: 100px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation.pen_separator_submenu_8 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:after {
border: 3px solid #000;
border-radius: 50px;
content: '';
height: 10px;
left: 10px;
opacity: 0.25;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:after {
left: 0.75rem;
top: 1rem;
transform: none;
}
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_submenu_8 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:first-child:after {
display: block;
}
#pen_navigation.pen_separator_9 ul#primary-menu > li:after {
border: 3px solid #000;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: 0;
top: 50%;
transform: rotate(45deg) translateY(calc(-50% - 2px));
width: 10px;
}
#pen_navigation.pen_separator_submenu_9 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_9 ul#primary-menu-mobile li:after {
border: 3px solid #000;
content: '';
height: 10px;
left: 5px;
opacity: 0.25;
position: absolute;
top: 50%;
transform: rotate(45deg) translateY(calc(-50% - 2px));
width: 10px;
}
#pen_navigation_mobile nav.pen_separator_submenu_9 ul#primary-menu-mobile li:after {
left: 0.75rem;
top: 1rem;
transform: rotate(45deg) translateY(2px);
}
#pen_navigation_mobile nav.pen_separator_submenu_9 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_10 ul#primary-menu > li:after {
color: #000;
content: '..';
font-size: 2em;
font-weight: bold;
height: 20px;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
right: -17px;
text-align: center;
top: 50%;
transform: translate(-50%,calc(-50% - 2px)) rotate(90deg);
width: 20px;
}
#pen_navigation.pen_separator_submenu_10 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_10 ul#primary-menu-mobile li:after {
color: #000;
content: '..';
font-size: 2em;
font-weight: bold;
left: 1em;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
text-align: center;
top: -5px;
}
#pen_navigation.pen_separator_submenu_10 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_10 ul#primary-menu-mobile li:first-child:after,
body.pen_navigation_alignment_left #pen_navigation ul#primary-menu > li:last-child:after,
body.pen_navigation_alignment_center #pen_navigation ul#primary-menu > li:last-child:after,
body.pen_navigation_alignment_right #pen_navigation ul#primary-menu > li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_6 ul#primary-menu > li:first-child:after,
#pen_navigation.pen_separator_6 ul#primary-menu > li:last-child:after {
display: block;
}
#pen_navigation.pen_hover_1 ul#primary-menu > li {
padding: 1em;
}
#pen_navigation.pen_hover_1 ul#primary-menu > li > a {
border-radius: 100px;
padding: 0.5em 1em;
}
#pen_navigation.pen_hover_1 ul#primary-menu > li.sfHover > a,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:focus,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:hover,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:active,
#pen_navigation.pen_hover_1 ul#primary-menu > li.current-menu-item > a {
background: rgba(0,0,0,0.2);
}
#pen_navigation.pen_hover_2 ul#primary-menu > li {
padding: 1em;
}
#pen_navigation.pen_hover_2 ul#primary-menu > li > a {
border-radius: 0;
padding: 0.5em 1em;
}
#pen_navigation.pen_hover_2 ul#primary-menu > li.sfHover > a,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:focus,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:hover,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:active,
#pen_navigation.pen_hover_2 ul#primary-menu > li.current-menu-item > a {
background: rgba(0,0,0,0.2);
}
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
bottom: 0;
content: '';
height: 3px;
left: 0;
opacity: 0;
position: absolute;
transition: opacity .3s;
width: 100%;
}
#pen_navigation.pen_hover_3 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
bottom: 0;
content: '';
height: 3px;
left: 15%;
opacity: 0;
position: absolute;
transition: opacity .3s;
width: 70%;
}
#pen_navigation.pen_hover_4 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
border-radius: 5px 5px 0 0;
bottom: 0;
content: '';
height: 3px;
left: 15%;
opacity: 0;
position: absolute;
transition: opacity .3s;
width: 70%;
}
#pen_navigation.pen_hover_5 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
border-radius: 5px 5px 0 0;
bottom: 0;
content: '';
height: 3px;
left: 50%;
opacity: 0;
position: absolute;
transition: opacity .3s;
transform: translateX(-50%);
width: 100px;
}
#pen_navigation.pen_hover_6 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
border-radius: 15px 15px 0 0;
bottom: 0;
content: '';
height: 7px;
left: 50%;
opacity: 0;
position: absolute;
transition: opacity .3s;
transform: translateX(-50%);
width: 100px;
}
#pen_navigation.pen_hover_7 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:after {
border: 10px solid transparent;
border-top: 10px solid rgba(150,150,150,0.75);
content: '';
left: 50%;
opacity: 0;
position: absolute;
top: 0;
transform: translateX(-50%);
transition: opacity .3s;
}
#pen_navigation.pen_hover_8 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:after {
border: 10px solid transparent;
border-bottom: 10px solid rgba(150,150,150,0.75);
bottom: 0;
content: '';
left: 50%;
opacity: 0;
position: absolute;
transform: translateX(-50%);
transition: opacity .3s;
}
#pen_navigation.pen_hover_9 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:after {
background: #000;
border-radius: 50px 50px 0 0;
bottom: 0;
content: '';
height: 5px;
left: 50%;
opacity: 0;
position: absolute;
transform: translateX(-50%);
transition: opacity .3s;
width: 80%;
}
#pen_navigation.pen_hover_10 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li.current-menu-item > a:after {
opacity: 0.5;
}
#pen_navigation ul#primary-menu.sf-arrows .sf-with-ul {
padding-right: 2.5em !important;
}
#pen_navigation ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile li.pen_parent > a:before {
content: '\f107';
font-family: 'FontAwesome';
font-weight: normal;
opacity: 0.5;
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
}
#pen_navigation_mobile li.pen_parent > a:before {
right: 2rem;
}
#pen_navigation ul#primary-menu.sf-arrows > li > a.sf-with-ul:focus:before,
#pen_navigation ul#primary-menu.sf-arrows > li:hover > a.sf-with-ul:before,
#pen_navigation ul#primary-menu.sf-arrows > li.sfHover > a.sf-with-ul:before {
opacity: 0.9;
}
#pen_navigation ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f105';
}
#pen_navigation ul#primary-menu.sf-arrows ul li a.sf-with-ul:focus:before,
#pen_navigation ul#primary-menu.sf-arrows ul li:hover > a.sf-with-ul:before,
#pen_navigation ul#primary-menu.sf-arrows ul li.sfHover > a.sf-with-ul:before {
opacity: 0.9;
}
#pen_navigation.pen_arrows_1 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_1 li.pen_parent > a:before {
content: '\f107';
}
#pen_navigation.pen_arrows_1 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f105';
}
#pen_navigation.pen_arrows_2 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_2 li.pen_parent > a:before {
content: '\f103';
}
#pen_navigation.pen_arrows_2 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f101';
}
#pen_navigation.pen_arrows_3 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_3 li.pen_parent > a:before {
content: '\f0ab';
}
#pen_navigation.pen_arrows_3 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f0a9';
}
#pen_navigation.pen_arrows_4 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_4 li.pen_parent > a:before {
content: '\f01a';
}
#pen_navigation.pen_arrows_4 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f18e';
}
#pen_navigation.pen_arrows_5 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_5 li.pen_parent > a:before {
content: '\f063';
}
#pen_navigation.pen_arrows_5 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f061';
}
#pen_navigation.pen_arrows_6 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_6 li.pen_parent > a:before {
content: '\f0d7';
}
#pen_navigation.pen_arrows_6 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f0da';
}
#pen_navigation.pen_arrows_7 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_7 li.pen_parent > a:before {
content: '\f150';
}
#pen_navigation.pen_arrows_7 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f152';
}
#pen_navigation.pen_arrows_8 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_8 li.pen_parent > a:before {
content: '\f078';
}
#pen_navigation.pen_arrows_8 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f054';
}
#pen_navigation.pen_arrows_9 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_9 li.pen_parent > a:before {
content: '\f175';
}
#pen_navigation.pen_arrows_9 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f178';
}
#pen_navigation.pen_arrows_10 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_10 li.pen_parent > a:before {
content: '\f13a';
}
#pen_navigation.pen_arrows_10 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: '\f138';
}
body.pen_navigation_alignment_right #pen_navigation ul#primary-menu > li {
float: right;
}
body.pen_navigation_alignment_center #pen_navigation ul#primary-menu {
text-align: center;
}
body.pen_navigation_alignment_center #pen_navigation ul#primary-menu > li {
float: none;
display: inline-block;
}
#pen_navigation ul#primary-menu:hover > li > a {
opacity: 0.75;
}
#pen_navigation ul#primary-menu:hover > li.sfHover > a,
#pen_navigation ul#primary-menu:hover > li > a:focus,
#pen_navigation ul#primary-menu:hover > li > a:hover,
#pen_navigation ul#primary-menu:hover > li > a:active {
opacity: 1;
}
body.pen_navigation_mobile_sticked #pen_navigation_mobile {
z-index: 50001;
}
@media only screen and (min-width:1024px) {
body.pen_padding_navigation_small #pen_navigation {
padding-bottom: 1rem;
padding-top: 1rem;
}
body.pen_padding_navigation_small_bottom #pen_navigation {
padding-bottom: 10rem;
padding-top: 1rem;
}
body.pen_padding_navigation_small_top #pen_navigation {
padding-bottom: 1rem;
padding-top: 10rem;
}
body.pen_padding_navigation_medium #pen_navigation {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
body.pen_padding_navigation_medium_bottom #pen_navigation {
padding-bottom: 15rem;
padding-top: 1.5rem;
}
body.pen_padding_navigation_medium_top #pen_navigation {
padding-bottom: 1.5rem;
padding-top: 15rem;
}
body.pen_padding_navigation_big #pen_navigation {
padding-bottom: 2.5rem;
padding-top: 2.5rem;
}
body.pen_padding_navigation_big_bottom #pen_navigation {
padding-bottom: 25rem;
padding-top: 2.5rem;
}
body.pen_padding_navigation_big_top #pen_navigation {
padding-bottom: 2.5rem;
padding-top: 25rem;
}
body.pen_padding_navigation_small #pen_header.pen_header_sticked #pen_navigation,
body.pen_padding_navigation_small_bottom #pen_header.pen_header_sticked #pen_navigation,
body.pen_padding_navigation_small_top #pen_header.pen_header_sticked #pen_navigation {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
body.pen_padding_navigation_medium #pen_header.pen_header_sticked #pen_navigation,
body.pen_padding_navigation_medium_bottom #pen_header.pen_header_sticked #pen_navigation,
body.pen_padding_navigation_medium_top #pen_header.pen_header_sticked #pen_navigation {
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
body.pen_padding_navigation_big #pen_header.pen_header_sticked #pen_navigation,
body.pen_padding_navigation_big_bottom #pen_header.pen_header_sticked #pen_navigation,
body.pen_padding_navigation_big_top #pen_header.pen_header_sticked #pen_navigation {
padding-bottom: 1.25rem;
padding-top: 1.25rem;
}
}
#pen_navigation_mobile {
border: 0 none !important;
border-radius: 0 !important;
box-shadow: none !important;
position: static;
}
#pen_navigation_mobile.pen_expanded {
height: 100%;
left: 0;
max-height: 100%;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}
#pen_navigation_mobile ul#primary-menu-mobile {
max-height: 90vh;
overflow: hidden;
overflow-y: auto;
position: relative;
width: 100%;
}
#pen_navigation_mobile ul#primary-menu-mobile,
#pen_navigation_mobile ul#primary-menu-mobile ul,
#pen_navigation_mobile ul#primary-menu-mobile li {
float: left;
list-style: none;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
body.invisible-sidebar-mobile-menu-top #pen_navigation_mobile ul#primary-menu-mobile {
padding-top: 1rem;
}
#pen_navigation_mobile ul#primary-menu-mobile li a {
float: left;
padding: 1em 1em 1em 2em;
width: 100%;
}
#pen_navigation_mobile ul#primary-menu-mobile li ul {
padding-left: 1em;
}
#pen_mobile_menu_bottom,
#pen_mobile_menu_top {
display: none;
}
#pen_navigation_mobile #pen_mobile_menu_top,
#pen_navigation_mobile #pen_mobile_menu_bottom {
display: block;
float: left;
padding: 1rem;
width: 100%;
}
#pen_navigation_mobile_toggle {
background: #000;
color: #fff;
float: right;
font-weight: bold;
padding: 1rem;
position: relative;
text-align: right;
text-decoration: none;
transition: top .3s;
width: 100%;
z-index: 100;
}
#pen_navigation_mobile_toggle span.pen_text {
font-size: 1.285em;
opacity: 0.75;
position: absolute;
right: 3rem;
text-transform: uppercase;
top: 50%;
transform: translateY(-50%);
transition: right .3s;
}
#pen_navigation_mobile_toggle.pen_active span.pen_text {
rigth: 4.5rem;
}
#pen_navigation_mobile_toggle span.pen_icon {
display: inline-block;
height: 1rem;
opacity: 0.5;
position: relative;
transition: transform .3s;
width: 1.25rem;
}
#pen_navigation_mobile_toggle span.pen_icon span {
background: #fff;
border-radius: 50px;
height: 0.125rem;
left: 0;
position: absolute;
transform-origin: center center;
transition: left .3s, min-width .3s, opacity .1s, right .3s, top .3s, transform .3s;
width: 100%;
}
#pen_navigation_mobile_toggle span.pen_icon span:nth-child(1) {
top: 0;
}
#pen_navigation_mobile_toggle span.pen_icon span:nth-child(2),
#pen_navigation_mobile_toggle span.pen_icon span:nth-child(3) {
top: 50%;
transform: translateY(-50%);
}
#pen_navigation_mobile_toggle span.pen_icon span:nth-child(4) {
top: 0.875rem;
}
#pen_navigation_mobile_toggle.pen_active span.pen_icon span:nth-child(1),
#pen_navigation_mobile_toggle.pen_active span.pen_icon span:nth-child(4) {
opacity: 0;
top: 50%;
transform: translateY(-50%);
}
#pen_navigation_mobile_toggle.pen_active span.pen_icon span:nth-child(2) {
transform: translateY(-50%) rotate(45deg);
}
#pen_navigation_mobile_toggle.pen_active span.pen_icon span:nth-child(3) {
transform: translateY(-50%) rotate(-45deg);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:before {
border: 1px solid #000;
border-radius: 50px;
content: '';
height: 24px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 24px;
z-index: 2;
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(1):before {
background: linear-gradient(125deg, #00a9ff 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(2):before {
background: linear-gradient(125deg, #fb7c00 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(3):before {
background: linear-gradient(125deg, #00ac81 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(4):before {
background: linear-gradient(125deg, #4b00f2 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(5):before {
background: linear-gradient(125deg, #003078 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(6):before {
background: linear-gradient(125deg, #7f447f 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(7):before {
background: linear-gradient(125deg, #c00000 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(8):before {
background: linear-gradient(125deg, #df00d2 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(9):before {
background: linear-gradient(125deg, #8bcb00 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(10):before {
background: linear-gradient(125deg, #ffd800 0%, #000000 100%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(11):before {
background: linear-gradient(125deg, #00d3cf 33%, #000000 34%, #000000 74%, #255d5b 75%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(12):before {
background: linear-gradient(125deg, #00b7ff 33%, #000000 34%, #000000 74%, #555555 75%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(13):before {
background: linear-gradient(125deg, #f07c45 33%, #000000 34%, #000000 74%, #ffffff 75%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(14):before {
background: linear-gradient(125deg, #3c97de 33%, #00050a 34%, #00050a 74%, #ffca00 75%);
}
body.pen_theme_preview #primary-menu li.pen_color_schemes li:nth-child(15):before {
background: linear-gradient(125deg, #ffed00 33%, #072b5f 34%, #072b5f 74%, #1a74cc 75%);
}
body.pen_theme_preview #primary-menu li:nth-child(16):before {
background: linear-gradient(125deg, #fff 33%, #005ce4 34%, #005ce4 74%, #fff 75%);
}
body.pen_theme_preview #primary-menu li:nth-child(17):before {
background: linear-gradient(125deg, #000 33%, #00a1ff 34%, #00a1ff 74%, #000 75%);
}
body.pen_theme_preview #primary-menu li:nth-child(18):before {
background: linear-gradient(125deg, #0b3d5f 33%, #ff5a10 34%, #ff5a10 74%, #fff 75%);
}
body.pen_theme_preview #primary-menu li:nth-child(19):before {
background: linear-gradient(125deg, #582841 33%, #cc2a49 34%, #cc2a49 74%, #ffd7df 75%);
}
body.pen_theme_preview #primary-menu li:nth-child(20):before {
background: linear-gradient(125deg, #333 33%, #43008c 34%, #43008c 74%, #ffeb00 75%);
}
@media only screen and (max-width:1024px) {
body.pen_theme_preview #primary-menu li.pen_color_schemes ul {
width: 540px;
}
body.pen_theme_preview #primary-menu li.pen_color_schemes ul li {
width: 50%;
}
}#page fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
#page label {
color: rgba(120,120,120,0.9);
cursor: pointer;
display: inline-block;
margin: 0 0 0.2rem;
}
#page input,
#page textarea {
line-height: 1.3;
margin: 0;
padding: 0.25rem 0.5rem !important;
width: 100%;
}
#page input[type="checkbox"] + label,
#page input[type="radio"] + label {
display: inline-block;
margin: 0 0 0 0.5rem;
}
#page input[type="button"],
#page input[type="checkbox"],
#page input[type="radio"],
#page input[type="reset"],
#page input[type="submit"] {
width: auto;
}
#page input::-webkit-input-placeholder,
#page select::-webkit-input-placeholder,
#page textarea::-webkit-input-placeholder {
text-shadow: none;
}
#page input::-moz-placeholder,
#page select::-moz-placeholder,
#page textarea::-moz-placeholder {
opacity: 1;
}
#page input:-ms-input-placeholder,
#page select:-ms-input-placeholder,
#page textarea:-ms-input-placeholder {
text-shadow: none;
}
#page label input,
#page label textarea {
display: block;
}
#page label input[type="checkbox"],
#page label input[type="radio"] {
display: inline-block;
}
#page button,
#page input[type="button"],
#page input[type="reset"],
#page input[type="submit"] {
cursor: pointer;
}
#page input:focus,
#page input:active {
outline: 0 none;
}
#page textarea {
min-height: 150px;
max-width: 100%;
min-width: 100%;
}
#page input[type="date"],
#page input[type="datetime"],
#page input[type="datetime-local"],
#page input[type="email"],
#page input[type="month"],
#page input[type="number"],
#page input[type="password"],
#page input[type="search"],
#page input[type="tel"],
#page input[type="text"],
#page input[type="time"],
#page input[type="url"],
#page input[type="week"],
#page select,
#page textarea {
background: rgba(255,255,255,0.75);
border: 1px solid rgba(0,0,0,0.25) !important;
color: #333;
font-size: 1em;
text-shadow: none !important;
transition: background-color .3s, border-color .3s, color .3s;
}
#page select {
padding: 0.5rem 1rem;
}
body.pen_drop_shadow #main input[type="date"],
body.pen_drop_shadow #main input[type="datetime"],
body.pen_drop_shadow #main input[type="datetime-local"],
body.pen_drop_shadow #main input[type="email"],
body.pen_drop_shadow #main input[type="month"],
body.pen_drop_shadow #main input[type="number"],
body.pen_drop_shadow #main input[type="password"],
body.pen_drop_shadow #main input[type="search"],
body.pen_drop_shadow #main input[type="tel"],
body.pen_drop_shadow #main input[type="text"],
body.pen_drop_shadow #main input[type="time"],
body.pen_drop_shadow #main input[type="url"],
body.pen_drop_shadow #main input[type="week"],
body.pen_drop_shadow #main select,
body.pen_drop_shadow #main textarea {
box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
}
#page input:focus,
#page input:active,
#page select:focus,
#page select:active,
#page textarea:focus,
#page textarea:active {
outline: 0 none;
text-decoration: none;
}
body.pen_round_corners #page input,
body.pen_round_corners #page select,
body.pen_round_corners #page textarea {
border-radius: 5px;
}
@media only screen and (min-width:728px) {
body.pen_width_narrow #page label,
body.pen_width_narrow #page legend {
white-space: normal;
}
}
@media only screen and (min-width:1024px) and (max-width:728px) {
#page label,
#page legend {
white-space: normal;
}
}#main .pen_article,
#main .pen_content_wrapper.pen_inside {
position: relative;
}
#main article.pen_article,
body.pen_multiple #main li.pen_article,
#pen_content_next_previous,
body.pen_list_plain #pen_pager,
body.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination {
background: #fff;
color: #333;
}
body.pen_round_corners #main article.pen_article,
body.pen_round_corners.pen_multiple #main li.pen_article {
border-radius: 10px 10px 5px 5px;
}
body.pen_round_corners #main article.pen_article,
body.pen_round_corners.pen_multiple #main li.pen_article,
body.pen_round_corners #pen_content_next_previous,
body.pen_round_corners.pen_multiple.pen_list_plain #pen_pager,
body.pen_round_corners.pen_has_woocommerce #page .woocommerce-pagination {
border-radius: 5px;
}
body.pen_round_corners.pen_list_header_show #main article.pen_article:not(.product),
body.pen_round_corners.pen_content_header_show #main article.pen_article,
body.pen_round_corners.pen_multiple.pen_list_header_show #main li.pen_article:not(.product),
body.pen_round_corners.pen_multiple.pen_content_header_show #main li.pen_article {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
body.pen_round_corners.pen_list_footer_show #main article.pen_article,
body.pen_round_corners.pen_content_footer_show #main article.pen_article,
body.pen_round_corners.pen_multiple.pen_list_footer_show #main li.pen_article,
body.pen_round_corners.pen_multiple.pen_content_footer_show #main li.pen_article {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
body.pen_round_corners #main article.pen_article.pen_header_hide,
body.pen_round_corners.pen_multiple #main li.pen_article.pen_header_hide {
border-radius: 5px !important;
}
body.pen_round_corners #main article.pen_article.pen_header_show:not(.product),
body.pen_round_corners.pen_multiple #main li.pen_article.pen_header_show:not(.product) {
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
body.pen_round_corners #main article.pen_article.pen_footer_hide,
body.pen_round_corners.pen_multiple #main li.pen_article.pen_footer_hide {
border-radius: 5px !important;
}
body.pen_round_corners #main article.pen_article.pen_footer_show,
body.pen_round_corners.pen_multiple #main li.pen_article.pen_footer_show {
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
body.pen_round_corners.author #main article.pen_article,
body.pen_round_corners.category #main article.pen_article,
body.pen_round_corners.date #main article.pen_article,
body.pen_round_corners.error404 #main article.pen_article,
body.pen_round_corners.search #main article.pen_article,
body.pen_round_corners.tag #main article.pen_article {
border-radius: 5px !important;
}
body.pen_drop_shadow #main article.pen_article,
body.pen_drop_shadow.pen_multiple #main li.pen_article,
body.pen_drop_shadow #pen_content_next_previous,
body.pen_drop_shadow.pen_list_plain #pen_pager,
body.pen_drop_shadow.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination,
body.pen_drop_shadow #page .pen_options_overview.pen_visible {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
#main .pen_article {
float: left;
margin: 0 0 1rem;
width: 100%;
}
body.pen_list_tiles #pen_tiles .pen_article,
body.pen_list_masonry #pen_masonry .pen_article {
margin: 0 0.5% 10px 0.5% !important;
}
body.pen_list_tiles #pen_tiles,
body.pen_list_tiles #pen_tiles .pen_article,
body.pen_list_masonry #pen_masonry,
body.pen_list_masonry #pen_masonry .pen_article {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
}
#main .pen_article .pen_content,
#main .pen_article .pen_summary,
#main .pen_article .pen_content_footer {
float: left;
padding: 2rem;
width: 100%;
}
body.pen_list_plain #main .pen_article .pen_image_thumbnail + .pen_content {
padding-top: 0.5rem;
}
#main .pen_article .pen_content_footer {
padding-top: 0 !important;
}
#main .pen_article .pen_image_thumbnail + .pen_content_footer,
body.pen_list_summary_hide #main .pen_article .pen_content.pen_element_default + .pen_content_footer,
#main .pen_article .pen_content.pen_element_hidden + .pen_content_footer,
body:not(.pen_content_footer_hide) #main .pen_article.pen_header_show header.pen_content_header + .pen_content_footer,
#main .pen_article.pen_header_show:not(.pen_list_footer_hide) header.pen_content_header + .pen_content_footer {
padding-top: 2rem !important;
}
#main .pen_article header.pen_content_header {
background: #ddd;
background: linear-gradient(125deg, #fff 0%, #ddd 100%);
float: left;
line-height: 1.2;
padding: 2rem;
position: relative;
width: 100%;
z-index: 40;
}
body.pen_drop_shadow #main header.pen_content_header.page-header .pen_content_title {
text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
body.pen_round_corners #main .pen_article header.pen_content_header {
border-radius: 5px 5px 0 0;
}
#main header.pen_content_header {
float: left;
padding: 2rem;
width: 100%;
}
#main header.pen_content_header.pen_content_header.page-header {
margin: 0 0 1rem;
padding: 2rem 0;
}
body.pen_content_header_center #main article header.pen_content_header,
body.pen_list_header_center #main article header.pen_content_header {
text-align: center;
}
#main header.pen_content_header .pen_content_title {
float: left;
font-size: 2em;
font-weight: bold;
margin: 0;
padding: 0;
}
#main header.pen_content_header .pen_content_title,
#main header.pen_content_header .entry-meta,
#main header.pen_content_header .pen_share {
position: relative;
z-index: 2;
}
#main header.pen_content_header .pen_content_title a {
display: inline-block;
}
#main header.pen_content_header .pen_content_title b,
#main header.pen_content_header .pen_content_title strong {
font-weight: 800;
}
body.pen_list_header_center #main .pen_article header.pen_content_header,
#main .pen_article.pen_list_header_center header.pen_content_header,
body.pen_list_title_center #main header.pen_content_header .pen_content_title,
#main .pen_article.pen_list_title_center header.pen_content_header .pen_content_title,
body.pen_content_header_center #main header.pen_content_header,
body.pen_content_title_center #main header.pen_content_header .pen_content_title {
text-align: center;
width: 100%;
}
#main .pen_article header.pen_content_header a {
color: #000;
text-decoration: none;
}
#main .pen_article header.pen_content_header a:focus,
#main .pen_article header.pen_content_header a:hover,
#main .pen_article header.pen_content_header a:active {
color: #0087cc;
outline: none;
text-decoration: none;
}
#main .pen_article .entry-meta {
clear: both;
float: left;
font-size: 0.785em;
line-height: 1.5;
margin: 1rem 0 0;
opacity: 0.9;
padding: 0;
}
#main .pen_article header.pen_content_header .entry-meta {
opacity: 0.75;
}
#main .pen_article.pen_list_header_center header.pen_content_header .entry-meta,
body.pen_content_header_center #main .pen_article header.pen_content_header .entry-meta {
text-align: center;
margin: 1rem auto 0;
width: 100%;
}
#main .pen_article .entry-meta a {
font-weight: bold;
text-decoration: none;
}
#main .pen_article .entry-meta > span {
position: relative;
}
#main .pen_article header.pen_content_header span.pen_content_author,
#main .pen_article header.pen_content_header span.pen_content_date {
white-space: nowrap;
}
#main .pen_article header.pen_content_header span.pen_content_author,
#main .pen_article header.pen_content_header span.pen_content_date,
#main .pen_article header.pen_content_header span.pen_content_categories {
display: inline-block;
line-height: 1.3;
margin: 0.5rem 0 0;
}
#main .pen_article header.pen_content_header span.pen_content_date time {
display: inline-block;
}
#main .pen_article .entry-meta > span {
margin-right: 1rem !important;
}
#main .pen_article .entry-meta.pen_separator_1 > span:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 1em;
opacity: 0.4;
position: absolute;
right: -8px;
top: 50%;
transform: translateY(-50%) rotate(-20deg);
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_2 > span:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 1em;
opacity: 0.4;
position: absolute;
right: -8px;
top: 0;
transform: rotate(20deg);
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_3 > span:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 100%);
content: '';
height: 1em;
opacity: 0.4;
position: absolute;
right: -8px;
top: 0;
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_4 > span:after {
background: #000;
content: '';
height: 1em;
opacity: 0.5;
position: absolute;
right: -9px;
top: 0;
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_5 > span:after {
background: #000;
content: '';
height: 1em;
opacity: 0.25;
position: absolute;
right: -9px;
top: 0;
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_6 > span:after,
#main .pen_article .entry-meta.pen_separator_6 > span:before {
background: #000;
content: '';
height: 1em;
opacity: 0.25;
position: absolute;
right: -8px;
top: 0;
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_6 > span:first-child:before {
left: -8px;
right: auto;
}
#main .pen_article .entry-meta.pen_separator_7 > span:after {
background: #000;
border-radius: 50px;
content: '';
height: 1em;
opacity: 0.25;
position: absolute;
right: -18px;
top: 50%;
transform: translateY(-50%);
width: 1em;
}
#main .pen_article .entry-meta.pen_separator_8 > span:after {
border: 3px solid #000;
border-radius: 100px;
content: '';
height: 1em;
opacity: 0.25;
position: absolute;
right: -18px;
top: 50%;
transform: translateY(-50%);
width: 1em;
}
#main .pen_article .entry-meta.pen_separator_9 > span:after {
border: 3px solid #000;
content: '';
height: 1em;
opacity: 0.25;
position: absolute;
right: -12px;
top: 50%;
transform: rotate(45deg) translateY(calc(-50% - 2px));
width: 1em;
}
#main .pen_article .entry-meta.pen_separator_10 > span:after {
color: #000;
content: '..';
font-size: 2em;
font-weight: bold;
height: 1em;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
right: -22px;
text-align: center;
top: 50%;
transform: translate(-50%,calc(-50% - 2px)) rotate(90deg);
width: 1em;
}
#main .pen_article .entry-meta > span:last-child:after {
display: none;
}
#main .pen_article .entry-meta.pen_separator_6 > span:first-child:after,
#main .pen_article .entry-meta.pen_separator_6 > span:last-child:after {
display: block;
}
#main .pen_article .entry-meta.pen_separator_7 > span,
#main .pen_article .entry-meta.pen_separator_8 > span,
#main .pen_article .entry-meta.pen_separator_9 > span {
margin-right: 1.5rem !important;
}
#main .pen_article .entry-meta > span:last-child {
margin-right: 0 !important;
}
#main .pen_content_header .archive-description {
float: left;
font-size: 0.857em;
margin: 0;
padding: 1.5rem 1rem 0;
width: 100%;
}
#page a.more-link {
display: block;
font-weight: bold;
margin-bottom: 0 !important;
margin-top: 1rem !important;
white-space: nowrap;
}
#page a.more-link:focus,
#page a.more-link:hover,
#page a.more-link:active {
outline: 0 none;
text-decoration: none;
}
body.pen_list_plain #content a.more-link {
display: inline-block !important;
width: auto !important;
}
#page a.more-link.pen_button {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
#page a.more-link.pen_icon_arrow:after,
#page a.more-link.pen_icon_arrow_double:after,
#page a.more-link.pen_icon_ellipsis:after {
font-family: 'FontAwesome';
font-weight: normal;
}
#page a.more-link.pen_icon_arrow:after {
content: '\f105';
margin: 0 0 0 0.5rem;
}
#page a.more-link.pen_icon_arrow_double:after {
content: '\f101';
margin: 0 0 0 0.5rem;
}
#page a.more-link.pen_icon_ellipsis:after {
content: '…';
margin: 0 0 0 0.25rem;
}
#main .alignleft {
margin: 1rem 1rem 1rem 0;
}
#main .alignright {
float: right;
margin: 1rem 0 1rem 1rem;
}
#main .alignleft .wp-block-button__link {
margin-bottom: 0;
}
#main .alignright .wp-block-button__link {
margin-bottom: 0;
}
#main .wp-block-group:not(.alignwide):not(.alignfull) * {
max-width: 100% !important;
margin-left: 0 !important;
}
#main figure.alignfull figcaption,
#main figure.alignwide figcaption {
padding-left: 1rem !important;
}
body.pen_round_corners #main .pen_article .alignfull,
body.pen_round_corners #main .pen_article .alignwide {
border-radius: 0 !important;
}
#main .wp-block-cover-image {
margin-bottom: 1rem;
}
#main .pen_article .blocks-gallery-grid,
#main .pen_article .wp-block-gallery {
margin: 0;
padding: 0;
}
#main ul.wp-block-social-links {
padding-left: 0 !important;
}
#main ul.wp-block-social-links .wp-social-link a,
#main ul.wp-block-social-links .wp-social-link a:focus,
#main ul.wp-block-social-links .wp-social-link a:hover,
#main ul.wp-block-social-links .wp-social-link a:active {
color: #fff !important;
}
#main .alignwide,
#main .alignfull,
#main .wp-block-group.alignwide .alignfull {
margin-left: -2rem !important;
min-width: calc(100% + 4rem) !important;
width: calc(100% + 4rem) !important;
}
#main .pen_article .search-form {
position: relative;
}
#main .pen_article .search-form .search-field,
#main .pen_article .search-form .search-submit {
display: block;
font-size: 1em;
font-weight: normal;
height: 3rem;
line-height: 1.5;
}
#main .pen_article .search-form .search-field {
padding-right: 33% !important;
width: 100%;
}
#main .pen_article .search-form .search-submit {
border-radius: 0 !important;
margin-left: 10px;
padding: 0.5rem 0 !important;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 30%;
}
body.pen_round_corners #main .pen_article .search-form .search-submit {
border-radius: 5px !important;
}
#main .pen_content_footer {
font-size: 0.857em !important;
position: relative;
}
body.pen_round_corners #main .pen_content_footer {
border-radius: 0 0 5px 5px;
}
#page .pen_options_overview {
background: #fff;
color: #333 !important;
float: left;
padding: 15px;
width: 100%;
}
#page .pen_options_overview.pen_off_screen {
padding: 15px;
width: auto;
z-index: 10000;
}
body.pen_multiple #page .pen_options_overview {
display: none;
transition: top .3s;
}
body.pen_multiple #page .pen_options_overview.pen_visible {
bottom: 1em;
display: block;
left: 5%;
max-width: 350px;
position: absolute;
width: 90%;
}
body.pen_multiple.pen_width_narrow #page .pen_options_overview.pen_visible {
max-width: none;
}
#page .pen_options_overview h3 {
background: linear-gradient(125deg, #555 0%, #aaa 100%);
color: #fff;
font-size: 1em;
font-weight: normal;
margin-top: 0;
padding: 1rem;
position: relative;
}
html.js #page .pen_options_overview h3 {
margin: -15px -15px 0.5rem;
}
#page .pen_options_overview h3:before {
content: '\f085';
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 0.5rem 0 0;
}
#page .pen_options_overview .pen_overview_content_title {
font-size: 1em;
margin: 0 0 5px;
}
#page .pen_options_overview .pen_close {
height: 3em;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -99999px;
top: 5px;
width: 3em;
line-height: 1;
z-index: 2;
}
#page .pen_options_overview .pen_close:after,
#page .pen_options_overview .pen_close:before {
border-top: 2px solid #fff;
content: '';
position: absolute;
top: 50%;
text-indent: 0;
left: 0.5em;
text-align: center;
font-size: 1.286em;
transform: rotate(45deg);
width: 1em;
}
body.pen_drop_shadow #page .pen_options_overview .pen_close:after,
body.pen_drop_shadow #page .pen_options_overview .pen_close:before {
text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
#page .pen_options_overview .pen_close:after {
transform: rotate(-45deg);
}
#page .pen_options_overview .pen_close:active:after,
#page .pen_options_overview .pen_close:active:before {
border-color: #c40000;
}
body.pen_multiple #page .pen_options_overview_toggle {
margin: 0;
opacity: 0.5;
overflow: hidden;
position: relative;
text-indent: -99999px;
transition: opacity .3s;
width: auto;
}
body.pen_round_corners.pen_multiple #page .pen_options_overview_toggle {
border-radius: 0 3px 0 0 !important;
}
body.pen_multiple #page .pen_options_overview_toggle:before {
left: 50%;
position: absolute;
text-indent: 0;
top: 50%;
transform: translate(-50%,-50%);
}
body.pen_multiple #page .pen_options_overview_toggle.pen_visible {
opacity: 1;
}
#page .pen_options_overview_toggle:before {
content: '\f085';
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#page .pen_options_overview .pen_table_wrapper {
float: left;
margin: 0 0 1rem !important;
max-height: 400px;
overflow: hidden;
overflow-y: auto;
width: 100%;
}
#page .pen_options_overview table {
box-shadow: none;
margin: 0 !important;
}
#page .pen_options_overview table th,
#page .pen_options_overview table td {
background: #fff !important;
color: #333 !important;
border: 0 none;
padding: 0.5rem;
text-align: left;
}
#page .pen_options_overview table th {
background: #efefef !important;
font-weight: bold;
font-size: 1em;
}
#page .pen_options_overview .pen_button {
font-size: 0.857em;
margin: 0 0 1rem;
}
#main #pen_content_next_previous {
float: left;
margin: 0 0 1rem;
padding: 2rem;
width: 100%;
}
#main #pen_content_next_previous .pen_title {
display: block;
white-space: nowrap;
}
#main .pen_content_previous {
float: left;
text-align: left;
}
#main .pen_content_next {
float: right;
text-align: right;
}
#main .pen_content_previous,
#main .pen_content_next {
margin-bottom: 0 !important;
max-width: 49%;
overflow: hidden;
position: relative;
}
#main .pen_button.pen_content_previous,
#main .pen_button.pen_content_next {
width: auto !important;
}
#main .pen_content_previous.pen_icon_arrow,
#main .pen_content_previous.pen_icon_arrow_double {
padding-left: 3rem !important;
}
#main .pen_content_next.pen_icon_arrow,
#main .pen_content_next.pen_icon_arrow_double {
padding-right: 3rem !important;
}
#main .pen_content_previous.pen_icon_arrow:before,
#main .pen_content_previous.pen_icon_arrow_double:before,
#main .pen_content_next.pen_icon_arrow:before,
#main .pen_content_next.pen_icon_arrow_double:before {
content: '\f104';
font-family: 'FontAwesome';
font-weight: normal;
opacity: 0.5;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#main .pen_content_previous.pen_icon_arrow:before,
#main .pen_content_previous.pen_icon_arrow_double:before {
left: 1em;
}
#main .pen_content_next.pen_icon_arrow:before,
#main .pen_content_next.pen_icon_arrow_double:before {
content: '\f105';
right: 1em;
}
#page .pen_content_previous.pen_icon_arrow_double:before {
content: '\f100';
}
#page .pen_content_next.pen_icon_arrow_double:before {
content: '\f101';
}
#primary .comments-link a,
#primary .edit-link a.post-edit-link {
margin-top: 1rem !important;
padding-left: 2rem !important;
padding-right: 2rem !important;
}
#primary .comments-link a:before,
#primary .edit-link a.post-edit-link:before,
#primary .pen_content_footer .tags-links .pen_heading_tags:before {
content: '\f044';
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#primary .comments-link a:before {
content: '\f075';
}
#primary .pen_content_footer .tags-links {
display: block;
}
#primary .pen_content_footer .tags-links .pen_heading_tags {
display: inline-block;
font-weight: bold;
margin-right: 1rem;
}
#primary .pen_content_footer .tags-links .pen_heading_tags:before {
content: '\f02c';
font-weight: normal;
margin-right: 0.5rem;
}
#primary .pen_content_footer .tags-links a {
display: inline-block;
float: none;
font-weight: normal;
margin-right: 0.5rem !important;
padding: 0.25rem 1rem !important;
text-transform: none !important;
width: auto !important;
}
body.pen_round_corners #primary .tags-links a {
border-radius: 5px;
}
#primary .pen_content_footer .pen_actions .tags-links a:last-of-type {
margin-right: 0 !important;
}
body.pen_list_tiles #primary .pen_content_footer span:last-child a,
body.pen_list_masonry #primary .pen_content_footer span:last-child a {
margin-bottom: 0 !important;
}
#main .pen_content {
position: relative;
}
#main .pen_content .pen_content_wrapper.pen_inside a {
text-decoration: underline;
}
#main .pen_content .pen_content_wrapper.pen_inside a:focus,
#main .pen_content .pen_content_wrapper.pen_inside a:hover,
#main .pen_content .pen_content_wrapper.pen_inside a:active {
text-decoration: none;
}
#main .post.format-audio > header,
#main .post.format-aside > header,
#main .post.format-gallery > header,
#main .post.format-image > header,
#main .post.format-video > header,
#main .post.format-quote > header,
#main .post.format-link > header,
#main .post.format-status > header,
#main .status-draft > header,
#main .post-password-required > header,
#main .post.sticky > header.pen_content_header {
overflow: hidden;
}
#main .post.format-audio > header:before,
#main .post.format-audio > header:after,
#main .post.format-aside > header:before,
#main .post.format-aside > header:after,
#main .post.format-gallery > header:before,
#main .post.format-gallery > header:after,
#main .post.format-image > header:before,
#main .post.format-image > header:after,
#main .post.format-video > header:before,
#main .post.format-video > header:after,
#main .post.format-quote > header:before,
#main .post.format-quote > header:after,
#main .post.format-link > header:before,
#main .post.format-link > header:after,
#main .post.format-status > header:before,
#main .post.format-status > header:after,
#main .status-draft > header:before,
#main .status-draft > header:after,
#main .post-password-required > header:before,
#main .post-password-required > header:after,
#main .post.sticky > header:before,
#main .post.sticky > header:after {
color: rgba(170,170,170,0.3);
font-family: 'FontAwesome';
font-size: 5em;
font-weight: normal;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
#main .post.format-audio > header:before,
#main .post.format-aside > header:before,
#main .post.format-gallery > header:before,
#main .post.format-image > header:before,
#main .post.format-video > header:before,
#main .post.format-quote > header:before,
#main .post.format-link > header:before,
#main .post.format-status > header:before,
#main .status-draft > header:before,
#main .post-password-required > header:before,
#main .post.sticky > header:before {
font-size: 15em;
opacity: 0.4;
right: -30px;
}
body.pen_list_tiles.pen_multiple #main header:after,
body.pen_list_masonry.pen_multiple #main header:after {
display: none;
}
#main .post.format-audio > header:before,
#main .post.format-audio > header:after {
content: '\f1c7';
}
#main .post.format-aside > header:before,
#main .post.format-aside > header:after {
content: '\f0f6';
}
#main .post.format-gallery > header:before,
#main .post.format-gallery > header:after,
#main .post.format-image > header:before,
#main .post.format-image > header:after {
content: '\f03e';
}
#main .post.format-video > header:before,
#main .post.format-video > header:after {
content: '\f1c8';
}
#main .post.format-quote > header:before,
#main .post.format-quote > header:after {
content: '\f10e';
}
#main .post.format-link > header:before,
#main .post.format-link > header:after {
content: '\f0c1';
}
#main .post.format-status > header:before,
#main .post.format-status > header:after {
content: '\f118';
}
#main .post-password-required > header:before,
#main .post-password-required > header:after {
content: '\f023';
}
#main .status-draft > header:before,
#main .status-draft > header:after {
content: '\f06e';
}
#main .post.sticky > header:before,
#main .post.sticky > header:after {
content: '\f005';
}
@media only screen and (min-width:728px) {
body.pen_list_header_icon #main .pen_content_header .archive-description {
padding-left: 105px;
padding-top: 1rem;
}
#main .pen_share h4 {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
#main .pen_article .entry-meta {
float: left;
margin: 0.5rem 0 0;
}
body.pen_multiple.pen_list_effect_fade .pen_article_wrapper .pen_article,
body.pen_multiple.pen_list_effect_enlarge .pen_article_wrapper .pen_article,
body.pen_multiple.pen_list_effect_enlarge_fade .pen_article_wrapper .pen_article {
transition: box-shadow .5s, opacity .5s, transform .3s;
}
body.pen_multiple.pen_list_effect_fade .pen_article_wrapper:hover .pen_article,
body.pen_multiple.pen_list_effect_enlarge_fade .pen_article_wrapper:hover .pen_article {
opacity: 0.75;
}
body.pen_multiple.pen_list_effect_enlarge .pen_article_wrapper .pen_article:hover,
body.pen_multiple.pen_list_effect_enlarge_fade .pen_article_wrapper .pen_article:hover {
transform: scale(1.04,1.04) !important;
z-index: 1000;
}
body.pen_drop_shadow.pen_multiple.pen_list_effect_enlarge .pen_article_wrapper .pen_article:hover,
body.pen_drop_shadow.pen_multiple.pen_list_effect_enlarge_fade .pen_article_wrapper .pen_article:hover {
box-shadow: 0 0 25px rgba(0,0,0,0.4), 5px 5px 15px rgba(0,0,0,0.5);
}
body.pen_multiple.pen_list_effect_fade .pen_article_wrapper:hover .pen_article:hover,
body.pen_multiple.pen_list_effect_enlarge_fade .pen_article_wrapper:hover .pen_article:hover {
opacity: 1;
}
body.pen_singular #page .pen_options_overview.pen_off_screen {
min-width: 250px;
position: fixed;
right: -100%;
top: 50%;
transition: right .3s;
transform: translateY(-50%);
}
body.pen_header_sticky_minimize.pen_singular #page .pen_options_overview_toggle,
body.pen_header_sticky_minimize.pen_singular #page .pen_options_overview.pen_off_screen {
bottom: 3rem;
top: auto;
transform: none;
}
body.pen_singular #page .pen_options_overview.pen_visible {
right: 0;
}
body.pen_singular #page .pen_options_overview_toggle {
padding: 1rem 5rem 1rem 2rem !important;
position: fixed;
right: -100%;
top: 50%;
transform: translateY(-50%);
transition: right .3s;
width: auto;
z-index: 10000;
}
body.pen_singular.pen_drop_shadow #page .pen_options_overview_toggle {
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
body.pen_singular #page .pen_options_overview_toggle.pen_visible {
right: -3em;
}
#main .pen_content_footer .entry-meta {
font-size: 1em;
line-height: 2;
margin: 1rem 0 0;
text-align: right;
}
#main .pen_content_footer .entry-meta .pen_content_author,
#main .pen_content_footer .entry-meta .pen_content_date,
#main .pen_content_footer .entry-meta .pen_content_categories {
display: inline-block;
}
body.pen_singular #main .pen_content_footer .entry-meta,
body.pen_list_plain #main .pen_content_footer .entry-meta {
float: right;
text-align: right;
width: auto;
}
body.pen_list_tiles #main .pen_content_footer .entry-meta,
body.pen_list_masonry #main .pen_content_footer .entry-meta {
text-align: center;
}
#main .pen_content_footer .pen_actions .comments-link,
#main .pen_content_footer .pen_actions .comments-link a,
#main .pen_content_footer .pen_actions .edit-link,
#main .pen_content_footer .pen_actions .edit-link a.post-edit-link {
margin-top: 0 !important;
width: 100% !important;
}
body.pen_list_plain #main .pen_content_footer .pen_actions .comments-link,
body.pen_list_plain #main .pen_content_footer .pen_actions .comments-link a,
body.pen_list_plain #main .pen_content_footer .pen_actions .edit-link,
body.pen_list_plain #main .pen_content_footer .pen_actions .edit-link a.post-edit-link {
float: left;
width: auto !important;
}
body.pen_list_plain #main .pen_content_footer .pen_actions .comments-link,
body.pen_list_plain #main .pen_content_footer .pen_actions .edit-link {
float: left;
margin: 0 1rem 0 0 !important;
}
body.pen_list_tiles.pen_width_narrow #pen_tiles .pen_article,
body.pen_list_masonry.pen_width_narrow #pen_masonry .pen_article {
margin: 0 0 1rem !important;
}
body.pen_width_narrow #main .alignleft,
body.pen_width_narrow #main .aligncenter,
body.pen_width_narrow #main .alignright {
margin: 1rem 0;
width: 100%;
}
body.pen_width_narrow #main img.alignleft,
body.pen_width_narrow #main img.aligncenter,
body.pen_width_narrow #main img.alignright,
body.pen_width_narrow #main .alignleft img,
body.pen_width_narrow #main .aligncenter img,
body.pen_width_narrow #main .alignright img {
height: auto;
width: 100%;
}
body.pen_width_narrow #main .pen_article header.pen_content_header .pen_content_title {
width: 100%;
}
body.pen_width_narrow #main .pen_article .entry-meta {
float: left;
width: 100%;
}
body.pen_width_narrow #main .pen_content_header .pen_share h4 {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
body.pen_width_narrow #main .pen_content_footer .pen_share h4 {
font-size: 1.5em;
text-align: center;
}
}
@media only screen and (min-width:728px) and (max-width:1024px) {
#main header.pen_content_header .pen_content_title {
font-size: 1.5em;
}
#main .pen_content_footer .tags-links .pen_heading_tags {
display: block;
margin-bottom: 0.5rem;
margin-right: 0;
}
}
@media only screen and (max-width:728px) {
body.pen_list_tiles #pen_tiles .pen_article,
body.pen_list_masonry #pen_masonry .pen_article {
margin: 0 0 1rem !important;
}
#main .alignleft,
#main .aligncenter,
#main .alignright {
margin: 1rem 0;
width: 100%;
}
#main img.alignleft,
#main img.aligncenter,
#main img.alignright,
#main .alignleft img,
#main .aligncenter img,
#main .alignright img {
height: auto;
width: 100%;
}
#main .pen_article header.pen_content_header .pen_content_title,
#main .pen_article .entry-meta,
#main .pen_button.pen_content_previous,
#main .pen_button.pen_content_next	{
width: 100%;
}
#main .pen_button.pen_content_previous,
#main .pen_button.pen_content_next {
margin: 1rem 0;
max-width: none !important;
}
#main .comments-link,
#main .comments-link a,
#main .edit-link,
#main .edit-link a.post-edit-link {
margin-top: 0 !important;
}
#main .pen_article .search-form .search-field {
padding-right: 45% !important;
}
#main .pen_article .search-form .search-submit {
width: 40%;
}
#main .pen_content_header .pen_share h4 {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
#main .pen_content_footer .entry-meta {
line-height: 2;
margin-top: 1rem;
text-align: center;
}
#main .pen_content_footer .pen_share h4 {
font-size: 1.5em;
text-align: center;
}
#main .pen_content_footer .tags-links .pen_heading_tags {
display: block;
margin-bottom: 0.5rem;
margin-right: 0;
}
body.pen_singular #page .pen_options_overview {
display: none;
transition: top .3s;
}
body.pen_singular #page .pen_options_overview.pen_visible {
bottom: 4em;
display: block;
left: 5%;
position: fixed;
width: 90%;
z-index: 1000;
}
body.pen_singular #page .pen_options_overview_toggle {
bottom: 1rem;
left: 1rem;
margin: 0;
opacity: 0.5;
overflow: hidden;
position: fixed;
text-indent: -99999px;
transition: opacity .3s;
width: auto;
z-index: 2000;
}
body.pen_round_corners.pen_singular #page .pen_options_overview_toggle {
border-radius: 0 3px 0 0;
}
body.pen_singular #page .pen_options_overview_toggle:before {
left: 50%;
position: absolute;
text-indent: 0;
top: 50%;
transform: translate(-50%,-50%);
}
body.pen_singular #page .pen_options_overview_toggle.pen_visible {
opacity: 1;
}
}
body.pen_list_header_hide #main .pen_article header.pen_element_default,
#main .pen_article header.pen_list_header_hide.pen_element_default,
body.pen_list_title_hide #main .pen_article header.pen_content_header .pen_content_title.pen_element_default,
#main .pen_article.pen_list_title_hide header.pen_content_header .pen_content_title.pen_element_default,
body.pen_list_author_hide #main .pen_article .pen_content_author.pen_element_default,
#main .pen_article.pen_list_author_hide .pen_content_author.pen_element_default,
body.pen_list_date_hide #main .pen_article .pen_content_date_published.pen_element_default,
#main .pen_article.pen_list_date_hide .pen_content_date_published.pen_element_default,
body.pen_list_date_updated_hide #main .pen_article .pen_content_date_updated.pen_element_default,
body.pen_list_category_hide #main .pen_article .pen_content_categories.pen_element_default,
#main .pen_article.pen_list_category_hide .pen_content_categories.pen_element_default,
body.pen_list_thumbnail_hide #main .pen_article .pen_image_thumbnail,
#main .pen_article.pen_list_thumbnail_hide .pen_image_thumbnail,
body.pen_list_summary_hide #main .pen_article .pen_content.pen_element_default,
#main .pen_article.pen_list_summary_hide .pen_content.pen_element_default,
body.pen_list_footer_hide #main .pen_article .pen_content_footer.pen_element_default,
#main .pen_article.pen_list_footer_hide .pen_content_footer.pen_element_default,
body.pen_list_tags_hide #main .pen_article .tags-links.pen_element_default,
#main .pen_article.pen_list_tags_hide .tags-links.pen_element_default,
body.pen_list_button_comment_hide #main .pen_article .comments-link.pen_element_default,
#main .pen_article.pen_list_button_comment_hide .comments-link.pen_element_default,
body.pen_list_button_edit_hide #main .pen_article .edit-link.pen_element_default,
#main .pen_article.pen_list_button_edit_hide .edit-link.pen_element_default,
body.pen_list_button_read_more_hide #main .pen_article a.more-link.pen_element_default,
#main .pen_article.pen_list_button_read_more_hide a.more-link.pen_element_default,
body.pen_singular.pen_content_header_hide #main .pen_article header.pen_content_header,
body.pen_singular.pen_content_title_hide #main .pen_article header.pen_content_header .pen_content_title,
body.pen_singular.pen_content_author_hide #main .pen_article .pen_content_author,
body.pen_singular.pen_content_date_hide #main .pen_article .pen_content_date_published,
body.pen_singular.pen_content_date_updated_hide #main .pen_article .pen_content_date_updated,
body.pen_singular.pen_content_category_hide #main .pen_article .pen_content_categories,
body.pen_singular.pen_content_thumbnail_hide #main .pen_article .pen_image_thumbnail,
body.pen_singular.pen_content_share_hide #main .pen_article .pen_share,
body.pen_singular.pen_content_footer_hide #main .pen_article .pen_content_footer,
body.pen_singular.pen_content_tags_hide #main .pen_article .tags-links {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}#main .pen_image_thumbnail {
position: relative;
z-index: 100;
}
#main .pen_article .mejs-container,
#main .pen_article .gallery,
#main .pen_article .foogallery-container {
margin: 0 0 1rem;
}
body.blog #main .pen_article .gallery-item,
body.home #main .pen_article .gallery-item {
margin: 0;
padding: 1px;
}
body.blog #main .pen_article .gallery-item a,
body.blog #main .pen_article .gallery-item div,
body.home #main .pen_article .gallery-item a,
body.home #main .pen_article .gallery-item div {
line-height: 0;
}
body.pen_list_tiles #pen_tiles .pen_article .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article .pen_image_thumbnail {
background: #000;
display: block;
line-height: 0;
float: left;
margin: 0;
position: relative;
overflow: hidden;
width: 100%;
}
body.pen_list_tiles.pen_drop_shadow #pen_tiles .pen_article .pen_image_thumbnail,
body.pen_list_masonry.pen_drop_shadow #pen_masonry .pen_article .pen_image_thumbnail {
box-shadow: 0 5px 5px rgba(0,0,0,0.1) inset;
}
body.pen_list_tiles #pen_tiles .pen_article .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article .pen_image_thumbnail img {
height: auto;
max-width: 100%;
width: 100%;
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:before,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:before,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after {
background: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
content: '';
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after {
background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
bottom: 0;
top: auto;
}
body.pen_list_tiles.pen_list_header_hide #pen_tiles .pen_article .pen_image_thumbnail:before,
body.pen_list_tiles #pen_tiles .pen_article.pen_list_header_hide .pen_image_thumbnail:before,
body.pen_list_tiles.pen_list_footer_hide.pen_list_summary_hide #pen_tiles .pen_article .pen_image_thumbnail:after,
body.pen_list_tiles #pen_tiles .pen_article.pen_list_footer_hide.pen_list_summary_hide .pen_image_thumbnail:after,
body.pen_list_masonry.pen_list_header_hide #pen_masonry .pen_article .pen_image_thumbnail:before,
body.pen_list_masonry #pen_masonry .pen_article.pen_list_header_hide .pen_image_thumbnail:before,
body.pen_list_masonry.pen_list_footer_hide.pen_list_summary_hide #pen_masonry .pen_article .pen_image_thumbnail:after,
body.pen_list_masonry #pen_masonry .pen_article.pen_list_footer_hide.pen_list_summary_hide .pen_image_thumbnail:after {
display: none;
}
body.pen_list_tiles #pen_tiles .pen_article .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article .pen_image_thumbnail img {
margin: 0;
height: auto;
position: relative;
transition: transform .5s;
width: 100%;
z-index: 5;
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail {
background: linear-gradient(90deg,#ff8800 0%,#ffd800 50%,#ff8800 100%);
padding: 0 0 8px !important;
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail img {
clip-path: polygon(0 0,100% 0,100% calc(100% - 35px),50% 100%,0 calc(100% - 35px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 15px),60% calc(100% - 15px),50% 100%,40% calc(100% - 15px),0% calc(100% - 15px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail img {
clip-path: polygon(0 0,100% 0,100% calc(100% - 35px),75% 100%,0 calc(100% - 35px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail img {
clip-path: polygon(0 0,100% 0,100% calc(100% - 35px),25% 100%,0 calc(100% - 35px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail img {
clip-path: polygon(0 0,100% 0,100% calc(100% - 25px),0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail img {
clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 25px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 35px),50% calc(100% - 35px),50% calc(100% - 5px),25% calc(100% - 35px),0% calc(100% - 35px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 35px),75% calc(100% - 35px),50% 100%,50% calc(100% - 35px),0% calc(100% - 35px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 25px),75% calc(100% - 25px),50% 100%,25% calc(100% - 25px),0% calc(100% - 25px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail img {
border-radius: 0 0 100% 100% / 50px;
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,87.5% calc(100% - 10px),75% 100%,62.5% calc(100% - 10px),50% 100%,37.5% calc(100% - 10px),25% 100%,12.5% calc(100% - 10px),0 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 10px),calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 10px),calc(100% - 40px) 100%,calc(100% - 40px) calc(100% - 10px),calc(100% - 60px) 100%,calc(100% - 60px) calc(100% - 10px),calc(100% - 80px) 100%,calc(100% - 80px) calc(100% - 10px),0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,calc(100% - 20px) calc(100% - 10px),calc(100% - 20px) 100%,calc(100% - 40px) calc(100% - 10px),calc(100% - 40px) 100%,calc(100% - 60px) calc(100% - 10px),calc(100% - 60px) 100%,calc(100% - 80px) calc(100% - 10px),calc(100% - 80px) 100%,0% calc(100% - 10px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,75% calc(100% - 20px),0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,25% calc(100% - 20px),0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,calc(100% - 15px) calc(100% - 50px),calc(100% - 30px) calc(100% - 15px),calc(100% - 50px) calc(100% - 30px),calc(100% - 65px) 100%,calc(100% - 80px) calc(100% - 15px),calc(100% - 90px) 100%,0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,calc(100% - 10px) 100%,calc(100% - 25px) calc(100% - 20px),calc(100% - 35px) calc(100% - 5px),calc(100% - 50px) calc(100% - 30px),calc(100% - 60px) calc(100% - 15px),calc(100% - 75px) calc(100% - 40px),0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,calc(100% - 20px) 0%,100% 20px,100% 100%,0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail img {
clip-path: polygon(0% 20px,20px 0%,100% 0%,100% 100%,0% 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail img {
clip-path: polygon(0% calc( 100% - 20px ),0% 0%,100% 0%,100% 100%,20px 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,75% calc(100% - 10px),70% calc(100% - 30px),25% calc(100% - 30px),20% calc(100% - 10px),0% 100%)
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 30px),75% calc(100% - 20px),70% 100%,30% 100%,25% calc(100% - 20px),0% calc(100% - 30px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0% calc(100% - 20px));
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail img,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail img {
clip-path: polygon(0% 0%,100% 0%,100% 100%,calc(100% - 20px) calc(100% - 20px),20px calc(100% - 20px),0% 100%);
}
body.pen_list_plain #main .pen_article .pen_image_thumbnail {
display: inline;
float: right;
}
body.pen_content_thumbnail_right #main .pen_article .pen_image_thumbnail,
body.pen_list_thumbnail_right #main .pen_article .pen_image_thumbnail {
display: inline;
float: right;
margin: 0 0 1rem 1rem;
}
body.pen_content_thumbnail_center #main .pen_article .pen_image_thumbnail,
body.pen_list_thumbnail_center #main .pen_article .pen_image_thumbnail {
float: left;
margin: 0 auto 1rem;
text-align: center;
width: 100%;
}
body.pen_content_thumbnail_left #main .pen_article .pen_image_thumbnail,
body.pen_list_thumbnail_left #main .pen_article .pen_image_thumbnail {
display: inline;
float: left;
margin: 0 2rem 1rem 0;
}
#main .pen_article.pen_list_thumbnail_right .pen_image_thumbnail {
display: inline !important;
float: right !important;
margin: 0 0 1rem 2rem !important;
}
#main .pen_article.pen_list_thumbnail_center .pen_image_thumbnail {
float: left !important;
margin: 0 auto 1rem !important;
text-align: center !important;
width: 100% !important;
}
#main .pen_article.pen_list_thumbnail_left .pen_image_thumbnail {
display: inline !important;
float: left !important;
margin: 0 2rem 1rem 0 !important;
}
body.pen_singular #main .pen_article .gallery-item img,
body.pen_singular #main .pen_article .pen_image_thumbnail img,
body.pen_list_plain #main .pen_article .pen_image_thumbnail img {
line-height: 0;
margin: 0;
}
body.pen_singular #main .pen_article .gallery-item img,
body.pen_content_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_list_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
#main .pen_article.pen_list_thumbnail_frame .pen_image_thumbnail img {
background: #fff;
padding: 0.5rem;
}
body.pen_drop_shadow.pen_singular #main .pen_article .gallery-item img,
body.pen_drop_shadow.pen_content_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_drop_shadow.pen_list_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_drop_shadow #main .pen_article.pen_list_thumbnail_frame .pen_image_thumbnail img {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
body.pen_thumbnail_frame_dark.pen_singular #main .pen_article .gallery-item img,
body.pen_thumbnail_frame_dark.pen_content_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_thumbnail_frame_dark.pen_list_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_thumbnail_frame_dark #main .pen_article.pen_list_thumbnail_frame .pen_image_thumbnail img {
background: #000;
padding: 0.5rem;
}
#main .pen_article.pen_list_thumbnail_frame_not .pen_image_thumbnail img {
background: transparent !important;
box-shadow: none !important;
}
body.pen_content_thumbnail_rotate #main .pen_article .pen_image_thumbnail img,
body.pen_list_thumbnail_rotate #main .pen_article .pen_image_thumbnail img,
#main .pen_article.pen_list_thumbnail_rotate .pen_image_thumbnail img {
margin: -1rem 0 0;
transform: rotate(2deg);
}
body.pen_list_thumbnail_rotate #main article:nth-child(2n+2) .pen_image_thumbnail img {
transform: rotate(-2deg);
}
#main .pen_article.pen_list_thumbnail_rotate_not .pen_image_thumbnail img {
margin: auto !important;
transform: rotate(0deg) !important;
}
body.pen_singular #main .pen_article .gallery-item:hover img {
transform: rotate(2deg);
}
@media only screen and (min-width:728px) {
body.pen_singular #main .pen_article .gallery-item img {
transition: transform .3s;
}
body.pen_list_tiles.pen_thumbnail_zoom_in #pen_tiles article:hover .pen_image_thumbnail img,
body.pen_list_tiles.pen_thumbnail_zoom_out #pen_tiles .pen_article .pen_image_thumbnail img,
body.pen_list_masonry.pen_thumbnail_zoom_in #pen_masonry article:hover .pen_image_thumbnail img,
body.pen_list_masonry.pen_thumbnail_zoom_out #pen_masonry .pen_article .pen_image_thumbnail img {
transform: scale(1.1,1.1);
}
body.pen_list_tiles.pen_thumbnail_zoom_out #pen_tiles article:hover .pen_image_thumbnail img,
body.pen_list_masonry.pen_thumbnail_zoom_out #pen_masonry article:hover .pen_image_thumbnail img {
transform: scale(1,1);
}
body.pen_width_narrow #main .pen_article .pen_image_thumbnail,
body.pen_width_narrow #main .pen_article.pen_list_thumbnail_left .pen_image_thumbnail,
body.pen_width_narrow #main .pen_article.pen_list_thumbnail_center .pen_image_thumbnail,
body.pen_width_narrow #main .pen_article.pen_list_thumbnail_right .pen_image_thumbnail {
text-align: center;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%
}
body.pen_width_narrow #main .pen_article .pen_image_thumbnail img {
margin-left: 0;
margin-right: 0;
}
body.pen_width_narrow.pen_singular #main .pen_article .gallery {
max-width: 100%;
}
}
@media only screen and (min-width:728px) and (max-width:1024px) {
#main .pen_article .pen_image_thumbnail,
#main .pen_article.pen_list_thumbnail_left .pen_image_thumbnail,
#main .pen_article.pen_list_thumbnail_center .pen_image_thumbnail,
#main .pen_article.pen_list_thumbnail_right .pen_image_thumbnail {
text-align: center;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%
}
#main .pen_article .pen_image_thumbnail img {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (max-width:728px) {
#main .pen_article .pen_image_thumbnail,
#main .pen_article.pen_list_thumbnail_left .pen_image_thumbnail,
#main .pen_article.pen_list_thumbnail_center .pen_image_thumbnail,
#main .pen_article.pen_list_thumbnail_right .pen_image_thumbnail {
text-align: center;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100%
}
#main .pen_article .pen_image_thumbnail img {
margin-left: 0;
margin-right: 0;
}
body.pen_singular #main .pen_article .gallery {
max-width: 100%;
}
}#primary .pen_author_profile {
float: left;
margin: 2rem 0 0;
padding: 2rem 1rem 0;
position: relative;
width: 100%;
z-index: 10;
}
#primary .pen_author_profile:before {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 100%);
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#primary .pen_author_profile a:focus,
#primary .pen_author_profile a:hover,
#primary .pen_author_profile a:active {
text-decoration: none;
}
body.pen_list_tiles #primary .pen_author_profile,
body.pen_list_plain #primary .pen_author_profile,
body.pen_list_masonry #primary .pen_author_profile {
border-bottom: 0 none;
font-size: 0.857em;
}
#primary .pen_author_profile.pen_has_avatar {
min-height: 100px;
padding-left: 130px;
}
#primary .pen_author_profile .pen_author_avatar {
background: #fff;
height: 90px;
left: 1em;
overflow: hidden;
position: absolute;
top: 1em;
width: 90px;
}
#primary .pen_author_profile .pen_author_avatar a {
display: block;
line-height: 0;
}
body.pen_author_avatar_style_1 #primary .pen_author_profile .pen_author_avatar {
border-radius: 50% !important;
}
body.pen_author_avatar_style_2 #primary .pen_author_profile .pen_author_avatar {
border-radius: 100% / 50% !important;
}
body.pen_author_avatar_style_3 #primary .pen_author_profile .pen_author_avatar {
border-radius: 50% / 100% 50% !important;
}
body.pen_author_avatar_style_4 #primary .pen_author_profile .pen_author_avatar {
border-radius: 5% 50% !important;
}
body.pen_author_avatar_style_5 #primary .pen_author_profile .pen_author_avatar {
border-radius: 20% 50% !important;
}
body.pen_author_avatar_style_6 #primary .pen_author_profile .pen_author_avatar {
border-radius: 50% 5% !important;
}
body.pen_author_avatar_style_7 #primary .pen_author_profile .pen_author_avatar {
border-radius: 50% 20% !important;
}
body.pen_author_avatar_style_8 #primary .pen_author_profile .pen_author_avatar {
border-radius: 50% 5% 15% 5% !important;
}
body.pen_author_avatar_style_9 #primary .pen_author_profile .pen_author_avatar {
border-radius: 15% 5% 50% 5% !important;
}
body.pen_author_avatar_style_10 #primary .pen_author_profile .pen_author_avatar {
border-radius: 5% !important;
}
body.pen_tiles_columns_4 #primary .pen_author_profile,
body.pen_masonry_columns_4 #primary .pen_author_profile {
margin: 90px 0 0;
}
body.pen_tiles_columns_4 #primary .pen_author_profile .pen_author_url,
body.pen_masonry_columns_4 #primary .pen_author_profile .pen_author_url {
display: block;
text-align: center;
width: 100%;
}
body.pen_tiles_columns_4 #primary .pen_author_profile .pen_author_about h3,
body.pen_tiles_columns_5 #primary .pen_author_profile .pen_author_about h3,
body.pen_masonry_columns_4 #primary .pen_author_profile .pen_author_about h3,
body.pen_masonry_columns_5 #primary .pen_author_profile .pen_author_about h3 {
text-align: center;
width: 100%;
}
body.pen_tiles_columns_4 #primary .pen_author_profile.pen_has_avatar,
body.pen_tiles_columns_5 #primary .pen_author_profile.pen_has_avatar,
body.pen_masonry_columns_4 #primary .pen_author_profile.pen_has_avatar,
body.pen_masonry_columns_5 #primary .pen_author_profile.pen_has_avatar {
min-height: 80px;
}
body.pen_tiles_columns_5 #primary .pen_author_profile,
body.pen_masonry_columns_5 #primary .pen_author_profile {
margin: 100px 0 0;
}
body.pen_tiles_columns_4 #primary .pen_author_profile.pen_has_avatar,
body.pen_masonry_columns_4 #primary .pen_author_profile.pen_has_avatar,
body.pen_tiles_columns_5 #primary .pen_author_profile.pen_has_avatar,
body.pen_masonry_columns_5 #primary .pen_author_profile.pen_has_avatar {
padding: 30px 1rem 0;
}
body.pen_tiles_columns_4 #primary .pen_author_profile .pen_author_avatar,
body.pen_masonry_columns_4 #primary .pen_author_profile .pen_author_avatar,
body.pen_tiles_columns_5 #primary .pen_author_profile .pen_author_avatar,
body.pen_masonry_columns_5 #primary .pen_author_profile .pen_author_avatar {
left: 50%;
top: -75px;
transform: translateX(-50%);
}
body.pen_tiles_columns_5 #primary .pen_author_profile .pen_author_url,
body.pen_masonry_columns_5 #primary .pen_author_profile .pen_author_url {
display: block;
text-align: center;
width: 100%;
}
#primary .pen_author_profile .pen_author_about h3 {
margin: 0 0 0.75rem !important;
}
#primary .pen_author_profile .pen_author_about h3:before {
display: none;
}
#primary .pen_author_profile .pen_author_about p {
font-size: 0.857em;
}
#primary .pen_author_profile .pen_author_about .pen_author_url {
display: inline-block;
margin: 0 0 0.5rem;
}
@media only screen and (min-width:728px) {
body.pen_singular #primary .pen_author_profile .pen_author_about.pen_no_description,
body.pen_list_plain #primary .pen_author_profile .pen_author_about.pen_no_description {
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
body.pen_singular #primary .pen_author_profile.pen_has_avatar .pen_author_about.pen_no_description,
body.pen_list_plain #primary .pen_author_profile.pen_has_avatar .pen_author_about.pen_no_description {
padding: 0 0 0 120px;
}
body.pen_width_narrow #primary .pen_author_profile.pen_has_avatar .pen_author_about {
width: 100%;
}
body.pen_width_narrow #primary .pen_author_profile.pen_has_avatar .pen_author_about.pen_no_description {
padding: 0;
text-align: center;
}
body.pen_width_narrow #primary .pen_author_profile {
margin: 100px 0 0;
}
body.pen_width_narrow #primary .pen_author_profile.pen_has_avatar {
padding: 30px 1rem 0;
}
body.pen_width_narrow #primary .pen_author_profile .pen_author_url {
display: block;
text-align: center;
width: 100%;
}
body.pen_width_narrow #primary .pen_author_profile .pen_author_avatar {
left: 50%;
top: -80px;
transform: translateX(-50%);
}
}
@media only screen and (max-width:728px) {
#primary .pen_author_profile {
margin: 100px 0 0;
}
#primary .pen_author_profile.pen_has_avatar {
padding: 30px 1rem 0;
}
#primary .pen_author_profile .pen_author_url {
display: block;
text-align: center;
}
#primary .pen_author_profile .pen_author_avatar {
left: 50%;
top: -80px;
transform: translateX(-50%);
}
}#pen_pager,
body.pen_has_woocommerce #page .woocommerce-pagination {
float: left;
padding: 2rem 0;
position: relative;
width: 100%;
}
#pen_pager a:focus,
#pen_pager a:hover,
#pen_pager a:active,
body.pen_has_woocommerce #page .woocommerce-pagination a:focus,
body.pen_has_woocommerce #page .woocommerce-pagination a:hover,
body.pen_has_woocommerce #page .woocommerce-pagination a:active {
text-decoration: none;
}
body.pen_list_plain #pen_pager,
body.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination {
padding: 2rem;
}
body.pen_has_woocommerce #page .woocommerce-pagination ul {
list-style: none;
margin: 0;
padding: 0;
}
body.pen_has_woocommerce #page .woocommerce-pagination span.page-numbers.current,
body.pen_has_woocommerce #page .woocommerce-pagination a.page-numbers {
margin-right: 1rem !important;
}
#page .pen_content_pagination {
float: left;
font-size: 0.857em;
width: 100%;
}
#content .pen_content .page-links,
#content .pen_content .comment-navigation,
#content .pen_content .posts-navigation,
#content .pen_content .post-navigation,
#content .pen_content .wp-pagenavi {
margin: 1rem 0 0;
}
#content .comment-navigation,
#content .posts-navigation,
#content .post-navigation {
overflow: visible;
}
#content .comment-navigation .nav-next,
#content .posts-navigation .nav-next,
#content .post-navigation .nav-next {
float: right;
}
#content .comment-navigation .nav-previous,
#content .posts-navigation .nav-previous,
#content .post-navigation .nav-previous {
float: left;
}
#content .comment-navigation .nav-next a,
#content .posts-navigation .nav-next a,
#content .post-navigation .nav-next a {
float: right;
}
#content .comment-navigation .nav-next a:after,
#content .posts-navigation .nav-next a:after,
#content .post-navigation .nav-next a:after {
content: '\f101';
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 0 0 1rem;
}
#content .page-links a,
#content .comment-navigation .nav-previous a,
#content .posts-navigation .nav-previous a,
#content .post-navigation .nav-previous a {
float: left;
}
#content .comment-navigation .nav-previous a:before,
#content .posts-navigation .nav-previous a:before,
#content .post-navigation .nav-previous a:before {
content: '\f100';
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#content .wp-pagenavi {
clear: both;
}
#content .page-links a,
#content .wp-pagenavi a,
#content .wp-pagenavi span {
margin: 0 0.5rem 0.5rem 0;
width: auto !important;
}
body.pen_list_plain #content .wp-pagenavi a,
body.pen_list_plain #content .wp-pagenavi span {
margin: 0.5rem;
}
#content .nextpostslink,
#content .previouspostslink {
position: relative;
text-indent: -99999px;
}
#content .nextpostslink:before,
#content .previouspostslink:before {
content: '\f105';
font-family: 'FontAwesome';
font-size: 1.5em;
font-weight: normal;
left: 50%;
text-indent: 0;
top: 50%;
position: absolute;
transform: translate(-50%,-50%);
}
#content .previouspostslink:before {
content: '\f104';
}
body.pen_drop_shadow.pen_list_tiles #content .comment-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .posts-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .post-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .wp-pagenavi a,
body.pen_drop_shadow.pen_list_tiles #content .wp-pagenavi span,
body.pen_drop_shadow.pen_list_masonry #content .comment-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .posts-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .post-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .wp-pagenavi a,
body.pen_drop_shadow.pen_list_masonry #content .wp-pagenavi span {
box-shadow: 0 0 15px rgba(0,0,0,0.2), 2px 2px 7px rgba(0,0,0,0.3);
}
@media only screen and (min-width:728px) {
#content .comment-navigation a,
#content .posts-navigation a,
#content .post-navigation a {
margin: 0 !important;
width: auto !important;
}
body.pen_width_narrow #content .comment-navigation .nav-next,
body.pen_width_narrow #content .posts-navigation .nav-next,
body.pen_width_narrow #content .post-navigation .nav-next,
body.pen_width_narrow #content .comment-navigation .nav-previous,
body.pen_width_narrow #content .posts-navigation .nav-previous,
body.pen_width_narrow #content .post-navigation .nav-previous,
body.pen_width_narrow #content .wp-pagenavi a,
body.pen_width_narrow #content .wp-pagenavi span {
margin: 0.5rem 0 0;
width: 100% !important;
}
}
@media only screen and (max-width:728px) {
#content .comment-navigation .nav-next,
#content .posts-navigation .nav-next,
#content .post-navigation .nav-next,
#content .comment-navigation .nav-previous,
#content .posts-navigation .nav-previous,
#content .post-navigation .nav-previous,
#content .wp-pagenavi a,
#content .wp-pagenavi span {
margin: 0.5rem 0 0;
width: 100% !important;
}
}#main .pen_share {
float: right;
margin: 2rem 0 0 1rem;
position: relative;
}
#main .pen_share ul,
#main .pen_share li {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#main .pen_share li {
border: 0.5em solid transparent;
float: left;
height: 3em !important;
line-height: 1;
margin: -0.5rem 0 !important;
width: 3em !important;
}
#main .pen_share li a.pen_button {
border: 0 none !important;
float: left;
height: 100% !important;
margin: 0 !important;
max-height: 100%;
max-width: 100%;
padding: 0.5em !important;
position: relative;
width: 100% !important;
}
body.pen_round_corners #main .pen_share li a.pen_button {
border-radius: 5px;
}
#main .pen_share li a.pen_button span {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
#main .pen_share li a.pen_button {
margin: 0;
}
#main .pen_share li a:before {
font-family: 'FontAwesome';
font-weight: normal;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
}
#main .pen_share li.pen_facebook a:before {
content: '\f09a';
}
#main .pen_share li.pen_twitter a:before {
content: '\f099';
}
#main .pen_share li.pen_linkedin a:before {
content: '\f08c';
}
body.pen_content_header_center #main .pen_article header.pen_content_header .pen_share {
float: left;
margin: 1rem 0 0 !important;
text-align: center;
width: 100%;
}
body.pen_content_header_center #main .pen_article header.pen_content_header .pen_share ul {
display: inline-block;
float: none;
margin: 0 auto;
width: auto;
white-space: nowrap;
}
body.pen_content_header_center #main .pen_article header.pen_content_header div.pen_share ul li {
width: 33.33%;
}
body.pen_content_header_center #main .pen_article header.pen_content_header div.pen_share ul li,
body.pen_content_header_center #main .pen_article header.pen_content_header div.pen_share ul li a {
display: inline-block;
float: none;
}
#main .pen_article header.pen_content_header div.pen_share ul li a {
color: #fff !important;
height: 38px !important;
width: 38px !important;
}
body.pen_round_corners #main .pen_article header.pen_content_header div.pen_share ul li a {
border-radius: 50%;
}
@media only screen and (min-width:728px) {
#main .pen_share h4 {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
#main .pen_article header.pen_content_header .pen_share {
float: right;
}
#main .pen_content .pen_share h4,
#main .pen_content .pen_share ul {
float: left;
width: auto;
}
#main .pen_content .pen_share h4 {
line-height: 1.8;
margin: 0 1rem 0 0;
padding: 0;
opacity: 0;
transition: opacity .3s;
}
#main .pen_content .pen_share:hover h4 {
opacity: 1;
}
#main .pen_share li {
transition: opacity .3s;
}
#main .pen_share ul:hover li {
opacity: 0.5;
}
#main .pen_share ul li:hover {
opacity: 1;
}
#main .pen_content_footer .pen_share {
float: left;
margin: 1rem 0;
}
#main .pen_content_footer .pen_share a {
width: 100% !important;
}
body.pen_width_narrow #main .pen_share {
width: 100%;
}
body.pen_width_narrow #main .pen_share h4 {
margin-bottom: 1rem;
margin-top: 0;
}
body.pen_width_narrow #main .pen_share ul {
text-align: center;
}
body.pen_width_narrow #main .pen_share li {
display: block;
float: left;
}
}
@media only screen and (max-width:728px) {
#main .pen_share {
margin: 0 0 1rem;
width: 100%;
}
#main .pen_share h4 {
margin-bottom: 1rem;
margin-top: 0;
text-align: center;
}
#main .pen_share ul {
text-align: center;
}
#main .pen_share li {
display: inline-block;
float: none !important;
}
}#content .sidebar ul,
#content .sidebar ol {
float: left;
margin: 0;
padding: 0 0 0 2rem;
width: 100%;
}
#page .sidebar .widget:last-of-type {
margin-bottom: 0 !important;
}
#content .sidebar .widget {
float: left;
font-size: 0.857em;
margin: 0 0 1rem;
width: 100%;
}
#content .sidebar .widget a:focus,
#content .sidebar .widget a:hover,
#content .sidebar .widget a:active {
text-decoration: none;
}
#page .widget-area .widget {
position: relative;
}
#page .widget-area .widget > div,
#page .widget-area .widget select,
#page .widget-area .widget textarea {
float: left;
width: 100%;
}
#page .widget-area .widget-title,
#page .widget-area .widget_block h2 {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
transition: color .5s;
}
#pen_top .widget-area .widget-title,
#pen_top .widget-area .widget_block h2,
#pen_left .widget-area .widget-title,
#pen_left .widget-area .widget_block h2,
#pen_right .widget-area .widget-title,
#pen_right .widget-area .widget_block h2,
#pen_bottom .widget-area .widget-title,
#pen_bottom .widget-area .widget_block h2 {
color: #fff;
}
#page .widget-area .widget.pen_widget_not_transparent {
padding: 20px;
text-shadow: none;
}
#page .widget-area .widget.widget_calendar.pen_widget_not_transparent {
padding: 10px;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_round_corners #page .widget-area .widget.pen_widget_not_transparent {
border-radius: 5px;
}
#page .widget-area .widget.pen_widget_not_transparent .widget-title,
#page .widget-area .widget_block.pen_widget_not_transparent h2 {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: default;
margin: -20px -20px 1rem !important;
padding: 12px 1rem;
}
#page .widget-area .widget.widget_calendar.pen_widget_not_transparent .widget-title,
#page .widget-area .widget_block.widget_calendar.pen_widget_not_transparent h2 {
margin: -10px -10px 1rem;
}
body.pen_round_corners #page .widget-area .widget.pen_widget_not_transparent .widget-title,
body.pen_round_corners #page .widget-area .widget_block.pen_widget_not_transparent h2 {
border-radius: 5px 5px 0 0;
}
#page .widget-area .widget.pen_widget_transparent input::-webkit-input-placeholder {
color: rgba(120,120,120,0.75);
}
#page .widget-area .widget.pen_widget_transparent input::-moz-placeholder {
color: rgba(120,120,120,0.75);
}
#page .widget-area .widget.pen_widget_transparent input:-ms-input-placeholder {
color: rgba(120,120,120,0.75);
}
#page .widget-area .widget input::-webkit-input-placeholder,
#page .widget-area .widget select::-webkit-input-placeholder,
#page .widget-area .widget textarea::-webkit-input-placeholder {
color: rgba(255,255,255,0.5) !important;
}
#page .widget-area .widget input::-moz-placeholder,
#page .widget-area .widget select::-moz-placeholder,
#page .widget-area .widget textarea::-moz-placeholder {
color: rgba(255,255,255,0.5) !important;
}
#page .widget-area .widget input:-ms-input-placeholder,
#page .widget-area .widget select:-ms-input-placeholder,
#page .widget-area .widget textarea:-ms-input-placeholder {
color: rgba(255,255,255,0.5) !important;
}
#page .widget-area .widget.pen_widget_blue {
background: #0077c8;
}
#page .widget-area .widget.pen_widget_blue,
#page .widget-area .widget.pen_widget_blue label {
color: #ddf1ff;
}
#page .widget-area .widget.pen_widget_blue .widget-title,
#page .widget-area .widget_block.pen_widget_blue h2 {
background: linear-gradient(125deg, #005fae 0%, #2b8fd2 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue.pen_widget_blue_flat .widget-title,
#page .widget-area .widget_block.pen_widget_blue.pen_widget_blue_flat h2 {
background: #005fae;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_blue h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_blue input,
#page .widget-area .widget.pen_widget_blue input[type="date"],
#page .widget-area .widget.pen_widget_blue input[type="datetime"],
#page .widget-area .widget.pen_widget_blue input[type="datetime-local"],
#page .widget-area .widget.pen_widget_blue input[type="email"],
#page .widget-area .widget.pen_widget_blue input[type="month"],
#page .widget-area .widget.pen_widget_blue input[type="number"],
#page .widget-area .widget.pen_widget_blue input[type="password"],
#page .widget-area .widget.pen_widget_blue input[type="search"],
#page .widget-area .widget.pen_widget_blue input[type="tel"],
#page .widget-area .widget.pen_widget_blue input[type="text"],
#page .widget-area .widget.pen_widget_blue input[type="time"],
#page .widget-area .widget.pen_widget_blue input[type="url"],
#page .widget-area .widget.pen_widget_blue input[type="week"],
#page .widget-area .widget.pen_widget_blue select,
#page .widget-area .widget.pen_widget_blue textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_blue .button,
#page .widget-area .widget.pen_widget_blue input[type="button"],
#page .widget-area .widget.pen_widget_blue input[type="reset"],
#page .widget-area .widget.pen_widget_blue input[type="submit"],
#page .widget-area .widget_search.pen_widget_blue form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_blue form.wp-block-search .wp-block-search__button {
background: #005fae;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_blue option {
background: #005fae;
}
#page .widget-area .widget.pen_widget_blue a {
color: #f4fcff;
}
#page .widget-area .widget.pen_widget_blue a:focus,
#page .widget-area .widget.pen_widget_blue a:hover,
#page .widget-area .widget.pen_widget_blue a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep {
background: #001a4a;
}
#page .widget-area .widget.pen_widget_blue_deep,
#page .widget-area .widget.pen_widget_blue_deep label {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_blue_deep .widget-title,
#page .widget-area .widget_block.pen_widget_blue_deep h2 {
background: linear-gradient(125deg, #070dad 0%, #2b3bd0 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep.pen_widget_blue_deep_flat .widget-title,
#page .widget-area .widget_block.pen_widget_blue_deep.pen_widget_blue_deep_flat h2 {
background: #070dad;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue_deep .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_blue_deep h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_blue_deep input,
#page .widget-area .widget.pen_widget_blue_deep input[type="date"],
#page .widget-area .widget.pen_widget_blue_deep input[type="datetime"],
#page .widget-area .widget.pen_widget_blue_deep input[type="datetime-local"],
#page .widget-area .widget.pen_widget_blue_deep input[type="email"],
#page .widget-area .widget.pen_widget_blue_deep input[type="month"],
#page .widget-area .widget.pen_widget_blue_deep input[type="number"],
#page .widget-area .widget.pen_widget_blue_deep input[type="password"],
#page .widget-area .widget.pen_widget_blue_deep input[type="search"],
#page .widget-area .widget.pen_widget_blue_deep input[type="tel"],
#page .widget-area .widget.pen_widget_blue_deep input[type="text"],
#page .widget-area .widget.pen_widget_blue_deep input[type="time"],
#page .widget-area .widget.pen_widget_blue_deep input[type="url"],
#page .widget-area .widget.pen_widget_blue_deep input[type="week"],
#page .widget-area .widget.pen_widget_blue_deep select,
#page .widget-area .widget.pen_widget_blue_deep textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep .button,
#page .widget-area .widget.pen_widget_blue_deep input[type="button"],
#page .widget-area .widget.pen_widget_blue_deep input[type="reset"],
#page .widget-area .widget.pen_widget_blue_deep input[type="submit"],
#page .widget-area .widget_search.pen_widget_blue_deep form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_blue_deep form.wp-block-search .wp-block-search__button {
background: #070dad;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep option {
background: #070dad;
}
#page .widget-area .widget.pen_widget_blue_deep a {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_blue_deep a:focus,
#page .widget-area .widget.pen_widget_blue_deep a:hover,
#page .widget-area .widget.pen_widget_blue_deep a:active {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_brown {
background: #401a00;
}
#page .widget-area .widget.pen_widget_brown,
#page .widget-area .widget.pen_widget_brown label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_brown .widget-title,
#page .widget-area .widget_block.pen_widget_brown h2 {
background: linear-gradient(125deg, #2d1500 0%, #401d05 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_brown.pen_widget_brown_flat .widget-title,
#page .widget-area .widget_block.pen_widget_brown.pen_widget_brown_flat h2 {
background: #2d1500;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_brown .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_brown h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_brown input,
#page .widget-area .widget.pen_widget_brown input[type="date"],
#page .widget-area .widget.pen_widget_brown input[type="datetime"],
#page .widget-area .widget.pen_widget_brown input[type="datetime-local"],
#page .widget-area .widget.pen_widget_brown input[type="email"],
#page .widget-area .widget.pen_widget_brown input[type="month"],
#page .widget-area .widget.pen_widget_brown input[type="number"],
#page .widget-area .widget.pen_widget_brown input[type="password"],
#page .widget-area .widget.pen_widget_brown input[type="search"],
#page .widget-area .widget.pen_widget_brown input[type="tel"],
#page .widget-area .widget.pen_widget_brown input[type="text"],
#page .widget-area .widget.pen_widget_brown input[type="time"],
#page .widget-area .widget.pen_widget_brown input[type="url"],
#page .widget-area .widget.pen_widget_brown input[type="week"],
#page .widget-area .widget.pen_widget_brown select,
#page .widget-area .widget.pen_widget_brown textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_brown .button,
#page .widget-area .widget.pen_widget_brown input[type="button"],
#page .widget-area .widget.pen_widget_brown input[type="reset"],
#page .widget-area .widget.pen_widget_brown input[type="submit"],
#page .widget-area .widget_search.pen_widget_brown form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_brown form.wp-block-search .wp-block-search__button {
background: #2d1500;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_brown option {
background: #2d1500;
}
#page .widget-area .widget.pen_widget_brown a {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_brown a:focus,
#page .widget-area .widget.pen_widget_brown a:hover,
#page .widget-area .widget.pen_widget_brown a:active {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_crimson {
background: #c6085a;
}
#page .widget-area .widget.pen_widget_crimson,
#page .widget-area .widget.pen_widget_crimson label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_crimson .widget-title,
#page .widget-area .widget_block.pen_widget_crimson h2 {
background: linear-gradient(125deg, #ad0747 0%, #d02b75 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson.pen_widget_crimson_flat .widget-title,
#page .widget-area .widget_block.pen_widget_crimson.pen_widget_crimson_flat h2 {
background: #ad0747;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_crimson .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_crimson h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_crimson input,
#page .widget-area .widget.pen_widget_crimson input[type="date"],
#page .widget-area .widget.pen_widget_crimson input[type="datetime"],
#page .widget-area .widget.pen_widget_crimson input[type="datetime-local"],
#page .widget-area .widget.pen_widget_crimson input[type="email"],
#page .widget-area .widget.pen_widget_crimson input[type="month"],
#page .widget-area .widget.pen_widget_crimson input[type="number"],
#page .widget-area .widget.pen_widget_crimson input[type="password"],
#page .widget-area .widget.pen_widget_crimson input[type="search"],
#page .widget-area .widget.pen_widget_crimson input[type="tel"],
#page .widget-area .widget.pen_widget_crimson input[type="text"],
#page .widget-area .widget.pen_widget_crimson input[type="time"],
#page .widget-area .widget.pen_widget_crimson input[type="url"],
#page .widget-area .widget.pen_widget_crimson input[type="week"],
#page .widget-area .widget.pen_widget_crimson select,
#page .widget-area .widget.pen_widget_crimson textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson .button,
#page .widget-area .widget.pen_widget_crimson input[type="button"],
#page .widget-area .widget.pen_widget_crimson input[type="reset"],
#page .widget-area .widget.pen_widget_crimson input[type="submit"],
#page .widget-area .widget_search.pen_widget_crimson form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_crimson form.wp-block-search .wp-block-search__button {
background: #ad0747;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson option {
background: #ad0747;
}
#page .widget-area .widget.pen_widget_crimson a {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_crimson a:focus,
#page .widget-area .widget.pen_widget_crimson a:hover,
#page .widget-area .widget.pen_widget_crimson a:active {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_dark {
background: rgba(0,0,0,0.95);
}
#page .widget-area .widget.pen_widget_dark,
#page .widget-area .widget.pen_widget_dark label {
color: #fefefe;
}
#page .widget-area .widget.pen_widget_dark .widget-title,
#page .widget-area .widget_block.pen_widget_dark h2 {
background: linear-gradient(125deg, #0f0f0f 0%, #202020 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_dark.pen_widget_dark_flat .widget-title,
#page .widget-area .widget_block.pen_widget_dark.pen_widget_dark_flat h2 {
background: #0f0f0f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_dark .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_dark h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_dark input,
#page .widget-area .widget.pen_widget_dark input[type="date"],
#page .widget-area .widget.pen_widget_dark input[type="datetime"],
#page .widget-area .widget.pen_widget_dark input[type="datetime-local"],
#page .widget-area .widget.pen_widget_dark input[type="email"],
#page .widget-area .widget.pen_widget_dark input[type="month"],
#page .widget-area .widget.pen_widget_dark input[type="number"],
#page .widget-area .widget.pen_widget_dark input[type="password"],
#page .widget-area .widget.pen_widget_dark input[type="search"],
#page .widget-area .widget.pen_widget_dark input[type="tel"],
#page .widget-area .widget.pen_widget_dark input[type="text"],
#page .widget-area .widget.pen_widget_dark input[type="time"],
#page .widget-area .widget.pen_widget_dark input[type="url"],
#page .widget-area .widget.pen_widget_dark input[type="week"],
#page .widget-area .widget.pen_widget_dark select,
#page .widget-area .widget.pen_widget_dark textarea {
background: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.1) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_dark .button,
#page .widget-area .widget.pen_widget_dark input[type="button"],
#page .widget-area .widget.pen_widget_dark input[type="reset"],
#page .widget-area .widget.pen_widget_dark input[type="submit"],
#page .widget-area .widget_search.pen_widget_dark form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_dark form.wp-block-search .wp-block-search__button {
background: #0f0f0f;
border: 1px solid rgba(255,255,255,0.1) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_dark option {
background: #0f0f0f;
}
#page .widget-area .widget.pen_widget_dark a {
color: #eee;
}
#page .widget-area .widget.pen_widget_dark a:focus,
#page .widget-area .widget.pen_widget_dark a:hover,
#page .widget-area .widget.pen_widget_dark a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_gray {
background: #555;
}
#page .widget-area .widget.pen_widget_gray,
#page .widget-area .widget.pen_widget_gray label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_gray .widget-title,
#page .widget-area .widget_block.pen_widget_gray h2 {
background: linear-gradient(125deg, #404040 0%, #707070 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_gray.pen_widget_gray_flat .widget-title,
#page .widget-area .widget_block.pen_widget_gray.pen_widget_gray_flat h2 {
background: #404040;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_gray .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_gray h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_gray input,
#page .widget-area .widget.pen_widget_gray input[type="date"],
#page .widget-area .widget.pen_widget_gray input[type="datetime"],
#page .widget-area .widget.pen_widget_gray input[type="datetime-local"],
#page .widget-area .widget.pen_widget_gray input[type="email"],
#page .widget-area .widget.pen_widget_gray input[type="month"],
#page .widget-area .widget.pen_widget_gray input[type="number"],
#page .widget-area .widget.pen_widget_gray input[type="password"],
#page .widget-area .widget.pen_widget_gray input[type="search"],
#page .widget-area .widget.pen_widget_gray input[type="tel"],
#page .widget-area .widget.pen_widget_gray input[type="text"],
#page .widget-area .widget.pen_widget_gray input[type="time"],
#page .widget-area .widget.pen_widget_gray input[type="url"],
#page .widget-area .widget.pen_widget_gray input[type="week"],
#page .widget-area .widget.pen_widget_gray select,
#page .widget-area .widget.pen_widget_gray textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_gray .button,
#page .widget-area .widget.pen_widget_gray input[type="button"],
#page .widget-area .widget.pen_widget_gray input[type="reset"],
#page .widget-area .widget.pen_widget_gray input[type="submit"],
#page .widget-area .widget_search.pen_widget_gray form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_gray form.wp-block-search .wp-block-search__button {
background: #404040;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_gray option {
background: #333;
}
#page .widget-area .widget.pen_widget_gray a {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_gray a:focus,
#page .widget-area .widget.pen_widget_gray a:hover,
#page .widget-area .widget.pen_widget_gray a:active {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_green {
background: #31c608;
}
#page .widget-area .widget.pen_widget_green,
#page .widget-area .widget.pen_widget_green label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_green .widget-title,
#page .widget-area .widget_block.pen_widget_green h2 {
background: linear-gradient(125deg, #23ad07 0%, #51d02c 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_green.pen_widget_green_flat .widget-title,
#page .widget-area .widget_block.pen_widget_green.pen_widget_green_flat h2 {
background: #23ad07;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_green .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_green h2 {
color: rgba(0,0,0,0.9);
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_green input,
#page .widget-area .widget.pen_widget_green input[type="date"],
#page .widget-area .widget.pen_widget_green input[type="datetime"],
#page .widget-area .widget.pen_widget_green input[type="datetime-local"],
#page .widget-area .widget.pen_widget_green input[type="email"],
#page .widget-area .widget.pen_widget_green input[type="month"],
#page .widget-area .widget.pen_widget_green input[type="number"],
#page .widget-area .widget.pen_widget_green input[type="password"],
#page .widget-area .widget.pen_widget_green input[type="search"],
#page .widget-area .widget.pen_widget_green input[type="tel"],
#page .widget-area .widget.pen_widget_green input[type="text"],
#page .widget-area .widget.pen_widget_green input[type="time"],
#page .widget-area .widget.pen_widget_green input[type="url"],
#page .widget-area .widget.pen_widget_green input[type="week"],
#page .widget-area .widget.pen_widget_green select,
#page .widget-area .widget.pen_widget_green textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_green .button,
#page .widget-area .widget.pen_widget_green input[type="button"],
#page .widget-area .widget.pen_widget_green input[type="reset"],
#page .widget-area .widget.pen_widget_green input[type="submit"],
#page .widget-area .widget_search.pen_widget_green form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_green form.wp-block-search .wp-block-search__button {
background: #23ad07;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_green option {
background: #23ad07;
}
#page .widget-area .widget.pen_widget_green input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_green select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_green textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_green input::-moz-placeholder,
#page .widget-area .widget.pen_widget_green select::-moz-placeholder,
#page .widget-area .widget.pen_widget_green textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_green input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_green select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_green textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_green a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_green a:focus,
#page .widget-area .widget.pen_widget_green a:hover,
#page .widget-area .widget.pen_widget_green a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_light {
background: rgba(255,255,255,0.95);
}
#page .widget-area .widget.pen_widget_light,
#page .widget-area .widget.pen_widget_light label {
color: #333;
}
#page .widget-area .widget.pen_widget_light .widget-title,
#page .widget-area .widget_block.pen_widget_light h2 {
background: linear-gradient(125deg, rgba(255,255,255,1) 0%, rgba(240,240,240,0.75) 100%);
color: #333;
}
#page .widget-area .widget.pen_widget_light.pen_widget_light_flat .widget-title,
#page .widget-area .widget_block.pen_widget_light.pen_widget_light_flat h2 {
background: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_light h2 {
text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_light .calendar_wrap a,
#page .widget-area .widget.pen_widget_light .wp-block-calendar a {
border-color: rgba(0,0,0,0.1);
}
#page .widget-area .widget.pen_widget_light input,
#page .widget-area .widget.pen_widget_light input[type="date"],
#page .widget-area .widget.pen_widget_light input[type="datetime"],
#page .widget-area .widget.pen_widget_light input[type="datetime-local"],
#page .widget-area .widget.pen_widget_light input[type="email"],
#page .widget-area .widget.pen_widget_light input[type="month"],
#page .widget-area .widget.pen_widget_light input[type="number"],
#page .widget-area .widget.pen_widget_light input[type="password"],
#page .widget-area .widget.pen_widget_light input[type="search"],
#page .widget-area .widget.pen_widget_light input[type="tel"],
#page .widget-area .widget.pen_widget_light input[type="text"],
#page .widget-area .widget.pen_widget_light input[type="time"],
#page .widget-area .widget.pen_widget_light input[type="url"],
#page .widget-area .widget.pen_widget_light input[type="week"],
#page .widget-area .widget.pen_widget_light select,
#page .widget-area .widget.pen_widget_light textarea {
background: #fff;
border: 1px solid rgba(0,0,0,0.1) !important;
color: #333;
}
#page .widget-area .widget.pen_widget_light .button,
#page .widget-area .widget.pen_widget_light input[type="button"],
#page .widget-area .widget.pen_widget_light input[type="reset"],
#page .widget-area .widget.pen_widget_light input[type="submit"],
#page .widget-area .widget_search.pen_widget_light form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_light form.wp-block-search .wp-block-search__button {
background: #fff;
border: 1px solid rgba(0,0,0,0.1) !important;
color: #333;
}
#page .widget-area .widget.pen_widget_light input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_light select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_light textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_light input::-moz-placeholder,
#page .widget-area .widget.pen_widget_light select::-moz-placeholder,
#page .widget-area .widget.pen_widget_light textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_light input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_light select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_light textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_light a {
color: #005ebb;
}
#page .widget-area .widget.pen_widget_light a:focus,
#page .widget-area .widget.pen_widget_light a:hover,
#page .widget-area .widget.pen_widget_light a:active {
color: #005dbb;
}
#page .widget-area .widget.pen_widget_lime {
background: #b3c608;
}
#page .widget-area .widget.pen_widget_lime,
#page .widget-area .widget.pen_widget_lime label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_lime .widget-title,
#page .widget-area .widget_block.pen_widget_lime h2 {
background: linear-gradient(125deg, #94ad07 0%, #c2d02b 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_lime.pen_widget_lime_flat .widget-title,
#page .widget-area .widget_block.pen_widget_lime.pen_widget_lime_flat h2 {
background: #94ad07;
color: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_lime .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_lime h2 {
color: rgba(0,0,0,0.75);
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_lime input,
#page .widget-area .widget.pen_widget_lime input[type="date"],
#page .widget-area .widget.pen_widget_lime input[type="datetime"],
#page .widget-area .widget.pen_widget_lime input[type="datetime-local"],
#page .widget-area .widget.pen_widget_lime input[type="email"],
#page .widget-area .widget.pen_widget_lime input[type="month"],
#page .widget-area .widget.pen_widget_lime input[type="number"],
#page .widget-area .widget.pen_widget_lime input[type="password"],
#page .widget-area .widget.pen_widget_lime input[type="search"],
#page .widget-area .widget.pen_widget_lime input[type="tel"],
#page .widget-area .widget.pen_widget_lime input[type="text"],
#page .widget-area .widget.pen_widget_lime input[type="time"],
#page .widget-area .widget.pen_widget_lime input[type="url"],
#page .widget-area .widget.pen_widget_lime input[type="week"],
#page .widget-area .widget.pen_widget_lime select,
#page .widget-area .widget.pen_widget_lime textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_lime .button,
#page .widget-area .widget.pen_widget_lime input[type="button"],
#page .widget-area .widget.pen_widget_lime input[type="reset"],
#page .widget-area .widget.pen_widget_lime input[type="submit"],
#page .widget-area .widget_search.pen_widget_lime form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_lime form.wp-block-search .wp-block-search__button {
background: #94ad07;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_lime option {
background: #94ad07;
}
#page .widget-area .widget.pen_widget_lime a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_lime a:focus,
#page .widget-area .widget.pen_widget_lime a:hover,
#page .widget-area .widget.pen_widget_lime a:active {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_orange {
background: #d24700;
}
#page .widget-area .widget.pen_widget_orange,
#page .widget-area .widget.pen_widget_orange label {
color: #333;
}
#page .widget-area .widget.pen_widget_orange .widget-title,
#page .widget-area .widget_block.pen_widget_orange h2 {
background: linear-gradient(125deg, #bb1c00 0%, #e85900 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_orange.pen_widget_orange_flat .widget-title,
#page .widget-area .widget_block.pen_widget_orange.pen_widget_orange_flat h2 {
background: #bb1c00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_orange .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_orange h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_orange input,
#page .widget-area .widget.pen_widget_orange input[type="date"],
#page .widget-area .widget.pen_widget_orange input[type="datetime"],
#page .widget-area .widget.pen_widget_orange input[type="datetime-local"],
#page .widget-area .widget.pen_widget_orange input[type="email"],
#page .widget-area .widget.pen_widget_orange input[type="month"],
#page .widget-area .widget.pen_widget_orange input[type="number"],
#page .widget-area .widget.pen_widget_orange input[type="password"],
#page .widget-area .widget.pen_widget_orange input[type="search"],
#page .widget-area .widget.pen_widget_orange input[type="tel"],
#page .widget-area .widget.pen_widget_orange input[type="text"],
#page .widget-area .widget.pen_widget_orange input[type="time"],
#page .widget-area .widget.pen_widget_orange input[type="url"],
#page .widget-area .widget.pen_widget_orange input[type="week"],
#page .widget-area .widget.pen_widget_orange select,
#page .widget-area .widget.pen_widget_orange textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_orange .button,
#page .widget-area .widget.pen_widget_orange input[type="button"],
#page .widget-area .widget.pen_widget_orange input[type="reset"],
#page .widget-area .widget.pen_widget_orange input[type="submit"],
#page .widget-area .widget_search.pen_widget_orange form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_orange form.wp-block-search .wp-block-search__button {
background: #bb1c00;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_orange option {
background: #bb1c00;
}
#page .widget-area .widget.pen_widget_orange a {
color: #fff;
}
#page .widget-area .widget.pen_widget_orange a:focus,
#page .widget-area .widget.pen_widget_orange a:hover,
#page .widget-area .widget.pen_widget_orange a:active {
color: #ffeee4;
}
#page .widget-area .widget.pen_widget_pink {
background: #ffa0e7;
}
#page .widget-area .widget.pen_widget_pink,
#page .widget-area .widget.pen_widget_pink label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_pink .widget-title,
#page .widget-area .widget_block.pen_widget_pink h2 {
background: linear-gradient(125deg, #ff93de 0%, #f8c3ec 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_pink.pen_widget_pink_flat .widget-title,
#page .widget-area .widget_block.pen_widget_pink.pen_widget_pink_flat h2 {
background: #ff93de;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_pink .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_pink h2 {
color: rgba(0,0,0,0.75);
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_pink input,
#page .widget-area .widget.pen_widget_pink input[type="date"],
#page .widget-area .widget.pen_widget_pink input[type="datetime"],
#page .widget-area .widget.pen_widget_pink input[type="datetime-local"],
#page .widget-area .widget.pen_widget_pink input[type="email"],
#page .widget-area .widget.pen_widget_pink input[type="month"],
#page .widget-area .widget.pen_widget_pink input[type="number"],
#page .widget-area .widget.pen_widget_pink input[type="password"],
#page .widget-area .widget.pen_widget_pink input[type="search"],
#page .widget-area .widget.pen_widget_pink input[type="tel"],
#page .widget-area .widget.pen_widget_pink input[type="text"],
#page .widget-area .widget.pen_widget_pink input[type="time"],
#page .widget-area .widget.pen_widget_pink input[type="url"],
#page .widget-area .widget.pen_widget_pink input[type="week"],
#page .widget-area .widget.pen_widget_pink select,
#page .widget-area .widget.pen_widget_pink textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_pink .button,
#page .widget-area .widget.pen_widget_pink input[type="button"],
#page .widget-area .widget.pen_widget_pink input[type="reset"],
#page .widget-area .widget.pen_widget_pink input[type="submit"],
#page .widget-area .widget_search.pen_widget_pink form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_pink form.wp-block-search .wp-block-search__button {
background: #ff93de;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_pink option {
background: #ff93de;
}
#page .widget-area .widget.pen_widget_pink input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_pink select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_pink textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_pink input::-moz-placeholder,
#page .widget-area .widget.pen_widget_pink select::-moz-placeholder,
#page .widget-area .widget.pen_widget_pink textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_pink input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_pink select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_pink textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_pink a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_pink a:focus,
#page .widget-area .widget.pen_widget_pink a:hover,
#page .widget-area .widget.pen_widget_pink a:active {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_purple {
background: #7200cf;
}
#page .widget-area .widget.pen_widget_purple,
#page .widget-area .widget.pen_widget_purple label {
color: #fff;
}
#page .widget-area .widget.pen_widget_purple .widget-title,
#page .widget-area .widget_block.pen_widget_purple h2 {
background: linear-gradient(125deg, #43008c 0%, #6700d7 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple.pen_widget_purple_flat .widget-title,
#page .widget-area .widget_block.pen_widget_purple.pen_widget_purple_flat h2 {
background: #43008c;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_purple h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_purple input,
#page .widget-area .widget.pen_widget_purple input[type="date"],
#page .widget-area .widget.pen_widget_purple input[type="datetime"],
#page .widget-area .widget.pen_widget_purple input[type="datetime-local"],
#page .widget-area .widget.pen_widget_purple input[type="email"],
#page .widget-area .widget.pen_widget_purple input[type="month"],
#page .widget-area .widget.pen_widget_purple input[type="number"],
#page .widget-area .widget.pen_widget_purple input[type="password"],
#page .widget-area .widget.pen_widget_purple input[type="search"],
#page .widget-area .widget.pen_widget_purple input[type="tel"],
#page .widget-area .widget.pen_widget_purple input[type="text"],
#page .widget-area .widget.pen_widget_purple input[type="time"],
#page .widget-area .widget.pen_widget_purple input[type="url"],
#page .widget-area .widget.pen_widget_purple input[type="week"],
#page .widget-area .widget.pen_widget_purple select,
#page .widget-area .widget.pen_widget_purple textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_purple .button,
#page .widget-area .widget.pen_widget_purple input[type="button"],
#page .widget-area .widget.pen_widget_purple input[type="reset"],
#page .widget-area .widget.pen_widget_purple input[type="submit"],
#page .widget-area .widget_search.pen_widget_purple form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_purple form.wp-block-search .wp-block-search__button {
background: #43008c;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_purple option {
background: #43008c;
}
#page .widget-area .widget.pen_widget_purple a {
color: #f5ecfc;
}
#page .widget-area .widget.pen_widget_purple a:focus,
#page .widget-area .widget.pen_widget_purple a:hover,
#page .widget-area .widget.pen_widget_purple a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep {
background: #0f001c;
}
#page .widget-area .widget.pen_widget_purple_deep,
#page .widget-area .widget.pen_widget_purple_deep label {
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep .widget-title,
#page .widget-area .widget_block.pen_widget_purple_deep h2 {
background: linear-gradient(125deg, #17002b 0%, #1f0048 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep.pen_widget_purple_deep_flat .widget-title,
#page .widget-area .widget_block.pen_widget_purple_deep.pen_widget_purple_deep_flat h2 {
background: #17002b;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple_deep .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_purple_deep h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_purple_deep input,
#page .widget-area .widget.pen_widget_purple_deep input[type="date"],
#page .widget-area .widget.pen_widget_purple_deep input[type="datetime"],
#page .widget-area .widget.pen_widget_purple_deep input[type="datetime-local"],
#page .widget-area .widget.pen_widget_purple_deep input[type="email"],
#page .widget-area .widget.pen_widget_purple_deep input[type="month"],
#page .widget-area .widget.pen_widget_purple_deep input[type="number"],
#page .widget-area .widget.pen_widget_purple_deep input[type="password"],
#page .widget-area .widget.pen_widget_purple_deep input[type="search"],
#page .widget-area .widget.pen_widget_purple_deep input[type="tel"],
#page .widget-area .widget.pen_widget_purple_deep input[type="text"],
#page .widget-area .widget.pen_widget_purple_deep input[type="time"],
#page .widget-area .widget.pen_widget_purple_deep input[type="url"],
#page .widget-area .widget.pen_widget_purple_deep input[type="week"],
#page .widget-area .widget.pen_widget_purple_deep select,
#page .widget-area .widget.pen_widget_purple_deep textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep .button,
#page .widget-area .widget.pen_widget_purple_deep input[type="button"],
#page .widget-area .widget.pen_widget_purple_deep input[type="reset"],
#page .widget-area .widget.pen_widget_purple_deep input[type="submit"],
#page .widget-area .widget_search.pen_widget_purple_deep form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_purple_deep form.wp-block-search .wp-block-search__button {
background: #17002b;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep option {
background: #17002b;
}
#page .widget-area .widget.pen_widget_purple_deep a {
color: #f5ecfc;
}
#page .widget-area .widget.pen_widget_purple_deep a:focus,
#page .widget-area .widget.pen_widget_purple_deep a:hover,
#page .widget-area .widget.pen_widget_purple_deep a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_red {
background: #db0000;
}
#page .widget-area .widget.pen_widget_red,
#page .widget-area .widget.pen_widget_red label {
color: #ffecea;
}
#page .widget-area .widget.pen_widget_red .widget-title,
#page .widget-area .widget_block.pen_widget_red h2 {
background: linear-gradient(125deg, #a00 0%, #e30 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_red.pen_widget_red_flat .widget-title,
#page .widget-area .widget_block.pen_widget_red.pen_widget_red_flat h2 {
background: #a00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_red .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_red h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_red input,
#page .widget-area .widget.pen_widget_red input[type="date"],
#page .widget-area .widget.pen_widget_red input[type="datetime"],
#page .widget-area .widget.pen_widget_red input[type="datetime-local"],
#page .widget-area .widget.pen_widget_red input[type="email"],
#page .widget-area .widget.pen_widget_red input[type="month"],
#page .widget-area .widget.pen_widget_red input[type="number"],
#page .widget-area .widget.pen_widget_red input[type="password"],
#page .widget-area .widget.pen_widget_red input[type="search"],
#page .widget-area .widget.pen_widget_red input[type="tel"],
#page .widget-area .widget.pen_widget_red input[type="text"],
#page .widget-area .widget.pen_widget_red input[type="time"],
#page .widget-area .widget.pen_widget_red input[type="url"],
#page .widget-area .widget.pen_widget_red input[type="week"],
#page .widget-area .widget.pen_widget_red select,
#page .widget-area .widget.pen_widget_red textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_red .button,
#page .widget-area .widget.pen_widget_red input[type="button"],
#page .widget-area .widget.pen_widget_red input[type="reset"],
#page .widget-area .widget.pen_widget_red input[type="submit"],
#page .widget-area .widget_search.pen_widget_red form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_red form.wp-block-search .wp-block-search__button {
background: #a00;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_red option {
background: #a00;
}
#page .widget-area .widget.pen_widget_red a {
color: #ffeaea;
}
#page .widget-area .widget.pen_widget_red a:focus,
#page .widget-area .widget.pen_widget_red a:hover,
#page .widget-area .widget.pen_widget_red a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_teal {
background: #08c6a5;
}
#page .widget-area .widget.pen_widget_teal,
#page .widget-area .widget.pen_widget_teal label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_teal .widget-title,
#page .widget-area .widget_block.pen_widget_teal h2 {
background: linear-gradient(125deg, #07ad9a 0%, #2cd0b2 100%);
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_teal.pen_widget_teal_flat .widget-title,
#page .widget-area .widget_block.pen_widget_teal.pen_widget_teal_flat h2 {
background: #07ad9a;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_teal .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_teal h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_teal input,
#page .widget-area .widget.pen_widget_teal input[type="date"],
#page .widget-area .widget.pen_widget_teal input[type="datetime"],
#page .widget-area .widget.pen_widget_teal input[type="datetime-local"],
#page .widget-area .widget.pen_widget_teal input[type="email"],
#page .widget-area .widget.pen_widget_teal input[type="month"],
#page .widget-area .widget.pen_widget_teal input[type="number"],
#page .widget-area .widget.pen_widget_teal input[type="password"],
#page .widget-area .widget.pen_widget_teal input[type="search"],
#page .widget-area .widget.pen_widget_teal input[type="tel"],
#page .widget-area .widget.pen_widget_teal input[type="text"],
#page .widget-area .widget.pen_widget_teal input[type="time"],
#page .widget-area .widget.pen_widget_teal input[type="url"],
#page .widget-area .widget.pen_widget_teal input[type="week"],
#page .widget-area .widget.pen_widget_teal select,
#page .widget-area .widget.pen_widget_teal textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_teal .button,
#page .widget-area .widget.pen_widget_teal input[type="button"],
#page .widget-area .widget.pen_widget_teal input[type="reset"],
#page .widget-area .widget.pen_widget_teal input[type="submit"],
#page .widget-area .widget_search.pen_widget_teal form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_teal form.wp-block-search .wp-block-search__button {
background: #07ad9a;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_teal option {
background: #07ad9a;
}
#page .widget-area .widget.pen_widget_teal input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_teal select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_teal textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_teal input::-moz-placeholder,
#page .widget-area .widget.pen_widget_teal select::-moz-placeholder,
#page .widget-area .widget.pen_widget_teal textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_teal input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_teal select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_teal textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_teal a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_teal a:focus,
#page .widget-area .widget.pen_widget_teal a:hover,
#page .widget-area .widget.pen_widget_teal a:active {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_violet {
background: #84007c;
}
#page .widget-area .widget.pen_widget_violet,
#page .widget-area .widget.pen_widget_violet label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_violet .widget-title,
#page .widget-area .widget_block.pen_widget_violet h2 {
background: linear-gradient(125deg, #84007c 0%, #a71b9f 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_violet.pen_widget_violet_flat .widget-title,
#page .widget-area .widget_block.pen_widget_violet.pen_widget_violet_flat h2 {
background: #a71b9f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_violet .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_violet h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_violet input,
#page .widget-area .widget.pen_widget_violet input[type="date"],
#page .widget-area .widget.pen_widget_violet input[type="datetime"],
#page .widget-area .widget.pen_widget_violet input[type="datetime-local"],
#page .widget-area .widget.pen_widget_violet input[type="email"],
#page .widget-area .widget.pen_widget_violet input[type="month"],
#page .widget-area .widget.pen_widget_violet input[type="number"],
#page .widget-area .widget.pen_widget_violet input[type="password"],
#page .widget-area .widget.pen_widget_violet input[type="search"],
#page .widget-area .widget.pen_widget_violet input[type="tel"],
#page .widget-area .widget.pen_widget_violet input[type="text"],
#page .widget-area .widget.pen_widget_violet input[type="time"],
#page .widget-area .widget.pen_widget_violet input[type="url"],
#page .widget-area .widget.pen_widget_violet input[type="week"],
#page .widget-area .widget.pen_widget_violet select,
#page .widget-area .widget.pen_widget_violet textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_violet .button,
#page .widget-area .widget.pen_widget_violet input[type="button"],
#page .widget-area .widget.pen_widget_violet input[type="reset"],
#page .widget-area .widget.pen_widget_violet input[type="submit"],
#page .widget-area .widget_search.pen_widget_violet form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_violet form.wp-block-search .wp-block-search__button {
background: #a71b9f;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_violet option {
background: #a71b9f;
}
#page .widget-area .widget.pen_widget_violet a {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_violet a:focus,
#page .widget-area .widget.pen_widget_violet a:hover,
#page .widget-area .widget.pen_widget_violet a:active {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_yellow {
background: #ffd800;
}
#page .widget-area .widget.pen_widget_yellow,
#page .widget-area .widget.pen_widget_yellow label {
color: #333;
}
#page .widget-area .widget.pen_widget_yellow .widget-title,
#page .widget-area .widget_block.pen_widget_yellow h2 {
background: linear-gradient(125deg, #ffbd00 0%, #ffea00 100%);
color: #333;
}
#page .widget-area .widget.pen_widget_yellow.pen_widget_yellow_flat .widget-title,
#page .widget-area .widget_block.pen_widget_yellow.pen_widget_yellow_flat h2 {
background: #ffbd00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_yellow .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_yellow h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_yellow input,
#page .widget-area .widget.pen_widget_yellow input[type="date"],
#page .widget-area .widget.pen_widget_yellow input[type="datetime"],
#page .widget-area .widget.pen_widget_yellow input[type="datetime-local"],
#page .widget-area .widget.pen_widget_yellow input[type="email"],
#page .widget-area .widget.pen_widget_yellow input[type="month"],
#page .widget-area .widget.pen_widget_yellow input[type="number"],
#page .widget-area .widget.pen_widget_yellow input[type="password"],
#page .widget-area .widget.pen_widget_yellow input[type="search"],
#page .widget-area .widget.pen_widget_yellow input[type="tel"],
#page .widget-area .widget.pen_widget_yellow input[type="text"],
#page .widget-area .widget.pen_widget_yellow input[type="time"],
#page .widget-area .widget.pen_widget_yellow input[type="url"],
#page .widget-area .widget.pen_widget_yellow input[type="week"],
#page .widget-area .widget.pen_widget_yellow select,
#page .widget-area .widget.pen_widget_yellow textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2) !important;
color: #333;
}
#page .widget-area .widget.pen_widget_yellow .button,
#page .widget-area .widget.pen_widget_yellow input[type="button"],
#page .widget-area .widget.pen_widget_yellow input[type="reset"],
#page .widget-area .widget.pen_widget_yellow input[type="submit"],
#page .widget-area .widget_search.pen_widget_yellow form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_yellow form.wp-block-search .wp-block-search__button {
background: #ffbd00;
border: 1px solid rgba(0,0,0,0.2) !important;
color: #fff;
}
#page .widget-area .widget.pen_widget_yellow option {
background: #ffbd00;
}
#page .widget-area .widget.pen_widget_yellow a {
color: #555;
}
#page .widget-area .widget.pen_widget_yellow a:focus,
#page .widget-area .widget.pen_widget_yellow a:hover,
#page .widget-area .widget.pen_widget_yellow a:active {
color: #000;
}
#page .widget-area .widget_tag_cloud .tagcloud a,
#page .widget-area .widget_product_tag_cloud .tagcloud a {
display: inline-block;
margin: 0 5px 0 0;
position: relative;
transition: transform .3s;
transform: scale(0.9,0.9);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
#page .widget-area .widget_tag_cloud .tagcloud a:focus,
#page .widget-area .widget_tag_cloud .tagcloud a:hover,
#page .widget-area .widget_product_tag_cloud .tagcloud a:focus,
#page .widget-area .widget_product_tag_cloud .tagcloud a:hover {
transform: scale(1.1,1.1);
}
#page .widget-area .calendar_wrap,
#page .widget-area .wp-block-calendar {
width: 100%;
}
body.pen_round_corners #page .widget-area .calendar_wrap,
body.pen_round_corners #page .widget-area .wp-block-calendar {
border-radius: 5px;
overflow: hidden;
position: relative;
}
#page .widget-area .calendar_wrap a,
#page .widget-area .wp-block-calendar a {
border: 1px solid rgba(255,255,255,0.1);
display: block;
font-weight: bold;
text-shadow: none;
transition: background-color .3s, border-color .3s;
}
#page .widget-area .calendar_wrap a:focus,
#page .widget-area .calendar_wrap a:hover,
#page .widget-area .calendar_wrap a:active,
#page .widget-area .wp-block-calendar a:focus,
#page .widget-area .wp-block-calendar a:hover,
#page .widget-area .wp-block-calendar a:active {
background: rgba(120,120,120,0.3);
border: 1px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,0.75);
text-decoration: none;
}
#page .widget-area .calendar_wrap table,
#page .widget-area .wp-block-calendar table tbody {
background: transparent !important;
border-collapse: collapse;
color: inherit !important;
margin: 0;
}
#page .widget-area .calendar_wrap caption,
#page .widget-area .wp-block-calendar table caption {
background: rgba(0,0,0,0.2);
color: inherit !important;
font-size: 1.286em;
margin: 0;
padding: 1rem 0;
text-transform: uppercase;
}
#page .widget-area .calendar_wrap th,
#page .widget-area .calendar_wrap td,
#page .widget-area .wp-block-calendar thead th,
#page .widget-area .wp-block-calendar tbody td {
background: inherit !important;
border-color: transparent !important;
padding: 0.4rem;
line-height: 2;
text-align: center;
}
#page .widget-area .calendar_wrap th,
#page .widget-area .wp-block-calendar thead th {
padding: 5px;
}
#page .widget-area .calendar_wrap tbody td,
#page .widget-area .wp-block-calendar tbody td {
font-size: smaller;
padding: 2px;
} #page .widget-area .calendar_wrap tfoot #next,
#page .widget-area .calendar_wrap tfoot #prev, #page .widget-area .calendar_wrap nav .wp-calendar-nav-next,
#page .widget-area .calendar_wrap nav .wp-calendar-nav-prev {
text-align: center;
text-transform: uppercase;
}
#page .widget-area .wp-calendar-nav {
line-height: 1;
margin: 1rem 0 0;
}
#page .widget-area .wp-calendar-nav a {
padding: 0.5rem 0;
}
#pen_left #page .widget-area .calendar_wrap caption,
#pen_right #page .widget-area .calendar_wrap caption,
#pen_bottom #page .widget-area .calendar_wrap caption {
border-bottom: 1px solid #eee;
border-bottom-color: rgba(255,255,255,0.2);
}
#page form.search-form label {
margin: 0 !important;
width: 100%;
}
#page .widget-area .widget_search form.search-form .search-field,
#page .widget-area .widget_search form.search-form .search-submit,
#page .widget-area .widget_block form.wp-block-search .wp-block-search__input,
#page .widget-area .widget_block form.wp-block-search .wp-block-search__button {
border-radius: 0 !important;
font-size: 1em !important;
font-weight: normal;
line-height: 1.5 !important;
padding: 0.5rem 1rem !important;
position: relative;
margin-bottom: 0 !important;
min-height: 100% !important;
transition: background-color .2s, border-color .2s, color .2s;
}
body.pen_round_corners #page .widget-area .widget_search form.search-form .search-field,
body.pen_round_corners #page .widget-area .widget_block form.wp-block-search .wp-block-search__input {
border-radius: 5px 0 0 5px !important;
}
body.pen_round_corners #page .widget-area .widget_search form.search-form .search-submit,
body.pen_round_corners #page .widget-area .widget_block form.wp-block-search .wp-block-search__button {
border-radius: 0 5px 5px 0 !important;
}
#page .widget-area .widget_search form.search-form label {
float: left;
margin-bottom: 0;
width: 65%;
}
#page .widget-area .widget_search form.search-form label .search-field,
#page .widget-area .widget_block form.wp-block-search .wp-block-search__input {
float: left;
margin: 0 0 0.25rem;
padding: 0.5rem 1rem;
width: 100%;
}
#page .widget-area .widget_search.pen_widget_transparent .search-field,
#page .widget-area .widget.pen_widget_transparent .wp-block-search__input {
background: transparent !important;
border: 1px solid rgba(170,170,170,0.5) !important;
color: inherit !important;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-field,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_transparent .wp-block-search__input {
box-shadow: 2px 2px 5px rgba(0,0,0,0.25), 2px 2px 5px rgba(0,0,0,0.25) inset;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
#page .widget-area .widget_search form.search-form .search-submit,
#page .widget-area .widget_block form.wp-block-search .wp-block-search__button {
float: right;
margin: 0;
padding: 0.5rem !important;
text-align: center !important;
text-decoration: none;
min-width: auto !important;
width: 35%;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-submit,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_transparent .wp-block-search__button {
box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
#page .widget-area .widget.pen_widget_transparent .button,
#page .widget-area .widget.pen_widget_transparent input[type="button"],
#page .widget-area .widget.pen_widget_transparent input[type="reset"],
#page .widget-area .widget.pen_widget_transparent input[type="submit"],
#page .widget-area .widget_block.pen_widget_transparent .wp-block-search__button {
background: transparent !important;
border: 1px solid rgba(170,170,170,0.5) !important;
color: inherit !important;
}
#page .widget.widget_archive li,
#page .widget ul.wp-block-archives li,
#page .widget.widget_nav_menu li,
#page .widget.widget_pages li,
#page .widget ul.wp-block-page-list li,
#page .widget.widget_meta li,
#page .widget.widget_recent_entries li,
#page .widget ul.wp-block-latest-posts li,
#page .widget.widget_recent_comments li {
display: inline-block;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
width: 100%;
}
#page .widget.widget_archive ul,
#page .widget ul.wp-block-archives,
#page .widget.widget_archive ul li,
#page .widget ul.wp-block-archives li,
#page .widget.widget_nav_menu ul,
#page .widget.widget_nav_menu ul li,
#page .widget.widget_pages ul,
#page .widget.widget_pages ul li,
#page .widget ul.wp-block-page-list,
#page .widget ul.wp-block-page-list li,
#page .widget.widget_meta ul,
#page .widget.widget_meta ul li,
#page .widget.widget_recent_entries ul,
#page .widget.widget_recent_entries ul li,
#page .widget ul.wp-block-latest-posts,
#page .widget ul.wp-block-latest-posts li,
#page .widget.widget_categories ul,
#page .widget.widget_categories ul li,
#page .widget ul.wp-block-categories,
#page .widget ul.wp-block-categories li,
#page .widget.widget_recent_comments ul,
#page .widget.widget_recent_comments ul li,
#page .widget ol.wp-block-latest-comments,
#page .widget ol.wp-block-latest-comments li,
body.pen_has_woocommerce #page .widget.widget_product_categories ul,
body.pen_has_woocommerce #page .widget.widget_product_categories ul li,
body.pen_has_buddypress #page .widget.widget_display_forums ul,
body.pen_has_buddypress #page .widget.widget_display_forums ul li,
body.pen_has_buddypress #page .widget.widget_display_replies ul,
body.pen_has_buddypress #page .widget.widget_display_replies ul li,
body.pen_has_buddypress #page .widget.widget_display_topics ul,
body.pen_has_buddypress #page .widget.widget_display_topics ul li,
body.pen_has_buddypress #page .widget.widget_display_views ul,
body.pen_has_buddypress #page .widget.widget_display_views ul li {
list-style: none;
list-style-image: none;
list-style-type: none;
margin: 0;
padding: 0;
}
#page .widget.widget_recent_entries ul li:before,
#page .widget ul.wp-block-latest-posts li:before,
#page .widget.widget_archive ul li:before,
#page .widget ul.wp-block-archives li:before,
#page .widget.widget_nav_menu ul li:before,
#page .widget.widget_pages ul li:before,
#page .widget ul.wp-block-page-list li:before,
#page .widget.widget_meta ul li:before,
#page .widget.widget_categories ul li:before,
#page .widget ul.wp-block-categories li:before,
body.pen_has_woocommerce #page .widget.widget_product_categories ul li:before,
body.pen_has_buddypress #page .widget.widget_display_forums ul li:before,
body.pen_has_buddypress #page .widget.widget_display_replies ul li:before,
body.pen_has_buddypress #page .widget.widget_display_topics ul li:before,
body.pen_has_buddypress #page .widget.widget_display_views ul li:before {
content: '\f101';
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1em 0 0;
opacity: 0.75;
}
#page .widget.widget_recent_entries ul li,
#page .widget ul.wp-block-latest-posts li {
padding: 0 0 0.5em 2em;
text-indent: -2em;
}
#page .widget.widget_recent_entries ul li .post-date,
#page .widget ul.wp-block-latest-posts li .post-date {
display: block;
font-size: 0.857em;
margin: 0 0 0 2rem;
}
#page .widget.widget_archive ul li,
#page .widget ul.wp-block-archives li,
#page .widget.widget_nav_menu ul li,
#page .widget.widget_pages ul li,
#page .widget ul.wp-block-page-list li,
#page .widget.widget_meta ul li,
#page .widget.widget_categories ul li,
#page .widget ul.wp-block-categories li {
font-size: 1em;
}
#page .widget.widget_archive ul li li,
#page .widget ul.wp-block-archives li li,
#page .widget.widget_nav_menu ul li li,
#page .widget.widget_pages ul li li,
#page .widget ul.wp-block-page-list li li,
#page .widget.widget_meta ul li li,
#page .widget.widget_categories ul li li,
#page .widget ul.wp-block-categories li li {
margin-left: 0.5em;
}
#page .widget.widget_recent_comments ul li,
#page .widget ol.wp-block-latest-comments li {
padding: 1em 0;
position: relative;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
#page .widget.widget_recent_comments ul li:first-child,
#page .widget ol.wp-block-latest-comments li:first-child {
margin-top: -1em;
}
#page .widget.widget_recent_comments ul li:before,
#page .widget ol.wp-block-latest-comments li:before {
color: rgba(220,220,220,0.5);
content: '\f075';
font-family: 'FontAwesome';
font-size: 2em;
font-weight: normal;
left: 0.25em;
position: absolute;
text-shadow: none !important;
top: 50%;
transform: translateY(-50%);
transition: color .3s;
}
#page .widget ol.wp-block-latest-comments.has-avatars li:before {
display: none;
}
#page .widget.widget_recent_comments ul li:hover:before,
#page .widget ol.wp-block-latest-comments li:hover:before {
color: rgba(220,220,220,0.75);
}
#pen_bottom .widget.widget_recent_comments ul li:before,
#page .widget.widget_recent_comments.pen_widget_dark ul li:before,
#pen_bottom .widget ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_dark ol.wp-block-latest-comments li:before {
color: rgba(120,120,120,0.2);
}
#pen_bottom .widget.widget_recent_comments ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_dark ul li:hover:before,
#pen_bottom .widget ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_dark ol.wp-block-latest-comments li:hover:before {
color: rgba(120,120,120,0.5);
}
#page .widget.widget_recent_comments.pen_widget_blue ul li:before,
#page .widget.widget_recent_comments.pen_widget_blue_deep ul li:before,
#page .widget.widget_recent_comments.pen_widget_crimson ul li:before,
#page .widget.widget_recent_comments.pen_widget_gray ul li:before,
#page .widget.widget_recent_comments.pen_widget_green ul li:before,
#page .widget.widget_recent_comments.pen_widget_lime ul li:before,
#page .widget.widget_recent_comments.pen_widget_orange ul li:before,
#page .widget.widget_recent_comments.pen_widget_pink ul li:before,
#page .widget.widget_recent_comments.pen_widget_purple ul li:before,
#page .widget.widget_recent_comments.pen_widget_red ul li:before,
#page .widget.widget_recent_comments.pen_widget_teal ul li:before,
#page .widget.widget_recent_comments.pen_widget_yellow ul li:before,
#page .widget.pen_widget_blue ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_blue_deep ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_crimson ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_gray ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_green ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_lime ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_orange ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_pink ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_purple ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_red ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_teal ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_yellow ol.wp-block-latest-comments li:before {
color: rgba(0,0,0,0.3);
}
#page .widget.widget_recent_comments.pen_widget_blue ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_blue_deep ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_crimson ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_lime ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_gray ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_green ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_orange ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_pink ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_purple ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_red ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_teal ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_yellow ul li:hover:before,
#page .widget.pen_widget_blue ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_blue_deep ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_crimson ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_lime ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_gray ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_green ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_orange ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_pink ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_purple ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_red ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_teal ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_yellow ol.wp-block-latest-comments li:hover:before {
color: rgba(0,0,0,0.5);
}
#page .widget.widget_recent_comments ul li:after,
#page .widget ol.wp-block-latest-comments li:after {
background: linear-gradient(90deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 100%);
bottom: 0;
content: '';
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
#page .widget.widget_recent_comments.pen_widget_dark ul li:after,
#page .widget.pen_widget_dark ol.wp-block-latest-comments li:after {
background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
}
#page .widget.widget_recent_comments ul li:last-child:after,
#page .widget ol.wp-block-latest-comments li:last-child:after {
display: none;
}
@media only screen and (min-width:728px) {
#page .widget.widget_recent_comments ul li,
#page .widget ol.wp-block-latest-comments li {
padding-left: 3.5em;
}
#page .widget ol.wp-block-latest-comments.has-avatars li {
padding-left: 0;
}
}
@media only screen and (max-width:728px) {
#page .widget.widget_recent_comments ul li,
#page .widget ol.wp-block-latest-comments li {
padding-left: 3.5em;
}
}
 :root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}
.animate__animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate__animated.animate__infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-iteration-count: var(--animate-repeat);
animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
-webkit-animation-iteration-count: calc(1 * 2);
animation-iteration-count: calc(1 * 2);
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
-webkit-animation-iteration-count: calc(1 * 3);
animation-iteration-count: calc(1 * 3);
-webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-delay: var(--animate-delay);
animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
-webkit-animation-delay: calc(1s * 2);
animation-delay: calc(1s * 2);
-webkit-animation-delay: calc(var(--animate-delay) * 2);
animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
-webkit-animation-delay: calc(1s * 3);
animation-delay: calc(1s * 3);
-webkit-animation-delay: calc(var(--animate-delay) * 3);
animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
-webkit-animation-delay: calc(1s * 4);
animation-delay: calc(1s * 4);
-webkit-animation-delay: calc(var(--animate-delay) * 4);
animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
-webkit-animation-delay: calc(1s * 5);
animation-delay: calc(1s * 5);
-webkit-animation-delay: calc(var(--animate-delay) * 5);
animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
-webkit-animation-duration: calc(1s / 2);
animation-duration: calc(1s / 2);
-webkit-animation-duration: calc(var(--animate-duration) / 2);
animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
-webkit-animation-duration: calc(1s * 0.8);
animation-duration: calc(1s * 0.8);
-webkit-animation-duration: calc(var(--animate-duration) * 0.8);
animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
-webkit-animation-duration: calc(1s * 2);
animation-duration: calc(1s * 2);
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
-webkit-animation-duration: calc(1s * 3);
animation-duration: calc(1s * 3);
-webkit-animation-duration: calc(var(--animate-duration) * 3);
animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animate__animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
.animate__animated[class*='Out'] {
opacity: 0;
}
} @-webkit-keyframes bounce {
from,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
@keyframes bounce {
from,
20%,
53%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.animate__bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.animate__flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shakeX {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.animate__shake,
.animate__shakeX {
-webkit-animation-name: shakeX;
animation-name: shakeX;
}
@-webkit-keyframes shakeY {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
@keyframes shakeY {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
}
.animate__shakeY {
-webkit-animation-name: shakeY;
animation-name: shakeY;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.animate__headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.animate__swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.animate__jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: calc(1s * 1.3);
animation-duration: calc(1s * 1.3);
-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
} @-webkit-keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInDown {
0% {
-webkit-transform: translateY(-1200px) scale(0.7);
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInDown {
-webkit-animation-name: backInDown;
animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInLeft {
0% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInLeft {
-webkit-animation-name: backInLeft;
animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInRight {
0% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInRight {
-webkit-animation-name: backInRight;
animation-name: backInRight;
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes backInUp {
0% {
-webkit-transform: translateY(1200px) scale(0.7);
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.animate__backInUp {
-webkit-animation-name: backInUp;
animation-name: backInUp;
} @-webkit-keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutDown {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(700px) scale(0.7);
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutDown {
-webkit-animation-name: backOutDown;
animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutLeft {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(-2000px) scale(0.7);
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutLeft {
-webkit-animation-name: backOutLeft;
animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutRight {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateX(0px) scale(0.7);
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateX(2000px) scale(0.7);
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutRight {
-webkit-animation-name: backOutRight;
animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
@keyframes backOutUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
20% {
-webkit-transform: translateY(0px) scale(0.7);
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
-webkit-transform: translateY(-700px) scale(0.7);
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
.animate__backOutUp {
-webkit-animation-name: backOutUp;
animation-name: backOutUp;
} @-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.animate__bounceIn {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0) scaleX(1);
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
-webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
-webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
} @-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.animate__bounceOut {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.animate__bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.animate__bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.animate__bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate__fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopLeft {
-webkit-animation-name: fadeInTopLeft;
animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInTopRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInTopRight {
-webkit-animation-name: fadeInTopRight;
animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomLeft {
-webkit-animation-name: fadeInBottomLeft;
animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInBottomRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__fadeInBottomRight {
-webkit-animation-name: fadeInBottomRight;
animation-name: fadeInBottomRight;
} @-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animate__fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.animate__fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.animate__fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.animate__fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.animate__fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
@keyframes fadeOutTopLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, -100%, 0);
transform: translate3d(-100%, -100%, 0);
}
}
.animate__fadeOutTopLeft {
-webkit-animation-name: fadeOutTopLeft;
animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
@keyframes fadeOutTopRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, -100%, 0);
transform: translate3d(100%, -100%, 0);
}
}
.animate__fadeOutTopRight {
-webkit-animation-name: fadeOutTopRight;
animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
@keyframes fadeOutBottomRight {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 100%, 0);
transform: translate3d(100%, 100%, 0);
}
}
.animate__fadeOutBottomRight {
-webkit-animation-name: fadeOutBottomRight;
animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
@keyframes fadeOutBottomLeft {
from {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 100%, 0);
transform: translate3d(-100%, 100%, 0);
}
}
.animate__fadeOutBottomLeft {
-webkit-animation-name: fadeOutBottomLeft;
animation-name: fadeOutBottomLeft;
} @-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animate__animated.animate__flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.animate__flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutX {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.animate__flipOutY {
-webkit-animation-duration: calc(1s * 0.75);
animation-duration: calc(1s * 0.75);
-webkit-animation-duration: calc(var(--animate-duration) * 0.75);
animation-duration: calc(var(--animate-duration) * 0.75);
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
} @-webkit-keyframes lightSpeedInRight {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedInRight {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInRight {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(5deg);
transform: skewX(5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__lightSpeedInLeft {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.animate__lightSpeedOutRight {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
.animate__lightSpeedOutLeft {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
} @-webkit-keyframes rotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.animate__rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
} @-webkit-keyframes rotateOut {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.animate__rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.animate__rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.animate__rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.animate__rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
} @-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.animate__hinge {
-webkit-animation-duration: calc(1s * 2);
animation-duration: calc(1s * 2);
-webkit-animation-duration: calc(var(--animate-duration) * 2);
animation-duration: calc(var(--animate-duration) * 2);
-webkit-animation-name: hinge;
animation-name: hinge;
-webkit-transform-origin: top left;
transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.animate__jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.animate__rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animate__zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
} @-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.animate__zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.animate__zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
-webkit-transform-origin: left center;
transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.animate__zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
-webkit-transform-origin: right center;
transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.animate__zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
} @-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animate__slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
} @-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.animate__slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.animate__slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.animate__slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.animate__slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}@media (prefers-color-scheme: dark) {
body,
button,
input,
select,
optgroup,
textarea {
color: #eee;
}
pre {
background: #eee;
}
hr {
background-color: #ccc;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
color: #21759b;
}
body.pen_dark_mode,
body.pen_dark_mode button,
body.pen_dark_mode input,
body.pen_dark_mode select,
body.pen_dark_mode optgroup,
body.pen_dark_mode textarea {
color: #eee;
}
body.pen_dark_mode pre {
background: #555;
color: #fff;
}
body.pen_dark_mode hr {
background-color: #eee;
}
body.pen_dark_mode .screen-reader-text:focus {
background-color: #333;
color: #00b0ff;
}
}
body.pen_dark_mode,
body.pen_dark_mode button,
body.pen_dark_mode input,
body.pen_dark_mode select,
body.pen_dark_mode optgroup,
body.pen_dark_mode textarea {
color: #eee;
}
body.pen_dark_mode pre {
background: #555;
color: #fff;
}
body.pen_dark_mode hr {
background-color: #eee;
}
body.pen_dark_mode .screen-reader-text:focus {
background-color: #333;
color: #00b0ff;
}@media (prefers-color-scheme: dark) {
#pen_bottom {
color: #fefefe;
}
#pen_bottom.pen_not_transparent {
background: #1f1f1f;
}
body.pen_drop_shadow #pen_bottom {
text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
}
body.pen_drop_shadow #pen_bottom.pen_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
#pen_bottom a {
color: #00a1f2;
}
#page #pen_bottom label {
color: #aaa;
}
#pen_bottom input[type="date"],
#pen_bottom input[type="datetime"],
#pen_bottom input[type="datetime-local"],
#pen_bottom input[type="email"],
#pen_bottom input[type="month"],
#pen_bottom input[type="number"],
#pen_bottom input[type="password"],
#pen_bottom input[type="search"],
#pen_bottom input[type="tel"],
#pen_bottom input[type="text"],
#pen_bottom input[type="time"],
#pen_bottom input[type="url"],
#pen_bottom input[type="week"],
#pen_bottom select,
#pen_bottom textarea {
background: linear-gradient(to bottom, #1f1f1f 0%, #2f2f2f 100%);
color: #ccc;
}
#pen_bottom option {
background: #1f1f1f;
}
#pen_bottom input::-webkit-input-placeholder,
#pen_bottom select::-webkit-input-placeholder,
#pen_bottom textarea::-webkit-input-placeholder {
color: #ccc;
}
#pen_bottom input::-moz-placeholder,
#pen_bottom select::-moz-placeholder,
#pen_bottom textarea::-moz-placeholder {
color: #ccc;
}
#pen_bottom input:-ms-input-placeholder,
#pen_bottom select:-ms-input-placeholder,
#pen_bottom textarea:-ms-input-placeholder {
color: #ccc;
}
#pen_bottom ul.menu:before {
background: linear-gradient(180deg, rgba(120,120,120,0) 0%, rgba(120,120,120,0.2) 50%, rgba(120,120,120,0) 100%);
}
}@media (prefers-color-schame: dark) {
#primary .pen_author_profile:before {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 100%);
}
#primary .pen_author_profile .pen_author_avatar {
background: #fff;
}
body.pen_dark_mode #primary .pen_author_profile:before {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 100%);
}
body.pen_dark_mode #primary .pen_author_profile .pen_author_avatar {
background: #000;
}
}
body.pen_dark_mode #primary .pen_author_profile:before {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 50%, rgba(255,255,255,0) 100%);
}
body.pen_dark_mode #primary .pen_author_profile .pen_author_avatar {
background: #000;
}@media (prefers-color-scheme: dark) {
#main .pen_article dd {
border-left: 4px solid rgba(120,120,120,0.3);
}
#main .pen_article p abbr {
background: rgba(120,120,120,0.3);
}
#main .pen_article *[class=""] > blockquote {
background: rgba(200,200,200,0.1);
border: 1px solid rgba(200,200,200,0.2);
}
#main .pen_article blockquote:before {
color: rgba(200,200,200,0.25);
}
#main .pen_article pre,
#main .pen_article code {
background: #333;
color: #eee;
}
#main .pen_article pre {
border: 1px solid #333;
border-left-color: #000;
border-top-color: #000;
}
body.pen_drop_shadow #main .pen_article pre {
box-shadow: 2px 2px 3px rgba(0,0,0,0.5) inset, 1px 1px 0 rgba(255,255,255,0.15) inset;
text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
body.pen_drop_shadow #main .pen_article code {
text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
body.pen_dark_mode #main .pen_article pre,
body.pen_dark_mode #main .pen_article code {
background: #ccc;
color: #333;
}
body.pen_dark_mode #main .pen_article pre {
border: 1px solid #eee;
border-left-color: #aaa;
border-top-color: #aaa;
}
}
body.pen_dark_mode #main .pen_article pre,
body.pen_dark_mode #main .pen_article code {
background: #ccc;
color: #333;
}
body.pen_dark_mode #main .pen_article pre {
border: 1px solid #eee;
border-left-color: #aaa;
border-top-color: #aaa;
}@media (prefers-color-scheme: dark) {
#primary .pen_article table {
background: rgba(170,170,170,0.025);
}
#primary .pen_article table th,
#primary .pen_article table td {
background: rgba(170,170,170,0.05);
border: 1px solid rgba(170,170,170,0.1);
}
#primary .pen_article table th {
background: rgba(170,170,170,0.025);
}
#primary .pen_article table tr:nth-child(2n+1) td {
background: rgba(170,170,170,0.05);
}
}@media (prefers-color-scheme: dark) {
#page .pen_loading {
background: rgba(0,0,0,0.85);
color: rgba(255,255,255,0.5);
}
body.pen_drop_shadow #page .pen_loading {
text-shadow: 1px 1px 10px rgba(0,0,0,0.25);
}
body.pen_loading_spinner_style_1 #page .pen_loading .pen_icon:before {
border-top-color: rgba(255,255,255,0.1) !important;
border-right-color: rgba(255,255,255,0.1) !important;
border-bottom-color: rgba(255,255,255,0.1) !important;
border-left-color: rgba(255,255,255,0.75) !important;
}
body.pen_loading_spinner_style_2 #page .pen_loading .pen_icon:before {
border-top-color: rgba(255,255,255,0.1) !important;
border-right-color: rgba(255,255,255,0.75) !important;
border-bottom-color: rgba(255,255,255,0.1) !important;
border-left-color: rgba(255,255,255,0.75) !important;
}
body.pen_loading_spinner_style_3 #page .pen_loading .pen_icon:before {
border-top-color: rgba(255,255,255,0.1) !important;
border-right-color: rgba(255,255,255,0.1) !important;
border-bottom-color: rgba(255,255,255,0.1) !important;
border-left-color: rgba(255,255,255,0.5) !important;
}
body.pen_loading_spinner_style_4 #page .pen_loading .pen_icon:before {
border-top-color: rgba(255,255,255,0.25) !important;
border-right-color: rgba(255,255,255,0.25) !important;
border-bottom-color: rgba(255,255,255,0.25) !important;
border-left-color: rgba(255,255,255,0.75) !important;
}
}@media (prefers-color-scheme: dark) {
#comments {
background: rgba(255,255,255,0.95);
color: #333;
}
body.pen_drop_shadow #comments {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_drop_shadow #comments ol.comment-list > li {
box-shadow: 0 0 7px rgba(0,0,0,0.2);
}
#comments ol.comment-list > li {
background: rgba(170,170,170,0.1);
}
#comments ol.comment-list div.comment-author .photo {
background: #fff;
}
#comments ol.comment-list div.comment-author .photo {
box-shadow: 0 0 7px rgba(0,0,0,0.2);
}
#comments .no-comments,
#comments .comment-awaiting-moderation {
border: 1px solid rgba(170,170,170,0.3);
}
body.pen_dark_mode #comments {
background: rgba(0,0,0,0.95);
color: #eee;
}
body.pen_dark_mode #comments ol.comment-list > li {
background: #333;
}
body.pen_dark_mode #comments ol.comment-list div.comment-author .photo {
background: #000;
}
body.pen_dark_mode #comments .no-comments,
body.pen_dark_mode #comments .comment-awaiting-moderation {
border: 1px solid rgba(255,255,255,0.1);
}
}
body.pen_dark_mode #comments {
background: rgba(0,0,0,0.95);
color: #eee;
}
body.pen_dark_mode #comments ol.comment-list > li {
background: #333;
}
body.pen_dark_mode #comments ol.comment-list div.comment-author .photo {
background: #000;
}
body.pen_dark_mode #comments .no-comments,
body.pen_dark_mode #comments .comment-awaiting-moderation {
border: 1px solid rgba(255,255,255,0.1);
}@media (prefers-color-scheme: dark) {
#pen_footer {
color: #eee;
font-size: 0.857em;
padding: 2rem;
position: relative;
z-index: 100;
}
#pen_footer.pen_not_transparent {
background: #000;
color: #808080;
}
body.pen_drop_shadow #pen_footer {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
body.pen_drop_shadow #pen_footer.pen_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
#pen_footer a {
color: #ddd;
text-decoration: none;
}
#pen_footer a:focus,
#pen_footer a:hover,
#pen_footer a:active {
color: #fff;
text-decoration: none;
}
#pen_footer .pen_footer_inner .pen_social_networks a {
color: #fff;
}
}
@media only screen and (min-width:728px) and (prefers-color-scheme: dark) {
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:before,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu > li:after {
background: #fff;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu > li:after {
border: 3px solid #fff;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu > li:after {
color: #fff;
}
}
@media only screen and (max-width:728px) and (prefers-color-scheme: dark) {
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu li:after {
background: #000;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu li:after {
border: 3px solid #000;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu li:after {
color: #000;
}
}@media (prefers-color-scheme: dark) {
#pen_header.pen_not_transparent .pen_header_inner .pen_header_main {
background: linear-gradient(125deg, #ffffff 0%, #dddddd 100%);
color: #333;
}
body.pen_drop_shadow #pen_header.pen_not_transparent .pen_header_inner {
box-shadow: 0 0 15px rgba(0,0,0,0.2), 2px 2px 7px rgba(0,0,0,0.3);
color: #eee;
}
body.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main {
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}
#pen_header .pen_header_inner .pen_header_main a {
color: #555;
}
body.pen_dark_mode #pen_header .pen_header_inner .pen_header_main {
background: linear-gradient(125deg, #000 0%, #111 100%);
color: #ddd;
}
body.pen_dark_mode.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
body.pen_dark_mode #pen_header .pen_header_inner .pen_header_main a {
color: #eee;
}
#pen_header .pen_header_main .pen_phone a {
color: #555;
text-decoration: none;
}
#pen_header .pen_header_main .pen_phone a:focus,
#pen_header .pen_header_main .pen_phone a:hover,
#pen_header .pen_header_main .pen_phone a:active {
color: #333;
text-decoration: none;
}
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a {
color: #eee;
text-decoration: none;
}
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a:focus,
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a:hover,
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a:active {
color: #ddd;
}
#pen_header .pen_social_networks a {
color: #555;
}
#pen_header .pen_social_networks a:focus,
#pen_header .pen_social_networks a:hover,
#pen_header .pen_social_networks a:active {
color: #333;
}
body.pen_dark_mode #pen_header .pen_social_networks a {
color: #eee;
}
body.pen_dark_mode #pen_header .pen_social_networks a:focus,
body.pen_dark_mode #pen_header .pen_social_networks a:hover,
body.pen_dark_mode #pen_header .pen_social_networks a:active {
color: #ddd;
}
#pen_header .pen_header_main input::-webkit-input-placeholder,
#pen_header .pen_header_main select::-webkit-input-placeholder,
#pen_header .pen_header_main textarea::-webkit-input-placeholder {
color: #333;
}
#pen_header .pen_header_main input::-moz-placeholder,
#pen_header .pen_header_main select::-moz-placeholder,
#pen_header .pen_header_main textarea::-moz-placeholder {
color: #333;
}
#pen_header .pen_header_main input:-ms-input-placeholder,
#pen_header .pen_header_main select:-ms-input-placeholder,
#pen_header .pen_header_main textarea:-ms-input-placeholder {
color: #333;
}
body.pen_dark_mode #pen_header .pen_header_main input::-webkit-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main select::-webkit-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main textarea::-webkit-input-placeholder {
color: #eee;
}
body.pen_dark_mode #pen_header .pen_header_main input::-moz-placeholder,
body.pen_dark_mode #pen_header .pen_header_main select::-moz-placeholder,
body.pen_dark_mode #pen_header .pen_header_main textarea::-moz-placeholder {
color: #eee;
}
body.pen_dark_mode #pen_header .pen_header_main input:-ms-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main select:-ms-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main textarea:-ms-input-placeholder {
color: #eee;
}
#pen_header .pen_header_main .search-form .search-field {
background: rgba(255,255,255,0.9);
}
body.pen_dark_mode #pen_header .pen_header_main .search-form .search-field {
background: rgba(100,100,100,0.2);
}
}
body.pen_dark_mode #pen_header.pen_not_transparent .pen_header_inner .pen_header_main {
background: linear-gradient(125deg, #000 0%, #111 100%);
color: #ddd;
}
body.pen_dark_mode.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
body.pen_dark_mode #pen_header .pen_header_inner .pen_header_main a {
color: #eee;
}
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a {
color: #eee;
text-decoration: none;
}
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a:focus,
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a:hover,
body.pen_dark_mode #pen_header .pen_header_main .pen_phone a:active {
color: #ddd;
}
body.pen_dark_mode #pen_header .pen_social_networks a {
color: #eee;
}
body.pen_dark_mode #pen_header .pen_social_networks a:focus,
body.pen_dark_mode #pen_header .pen_social_networks a:hover,
body.pen_dark_mode #pen_header .pen_social_networks a:active {
color: #ddd;
}
body.pen_dark_mode #pen_header .pen_header_main input::-webkit-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main select::-webkit-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main textarea::-webkit-input-placeholder {
color: #eee;
}
body.pen_dark_mode #pen_header .pen_header_main input::-moz-placeholder,
body.pen_dark_mode #pen_header .pen_header_main select::-moz-placeholder,
body.pen_dark_mode #pen_header .pen_header_main textarea::-moz-placeholder {
color: #eee;
}
body.pen_dark_mode #pen_header .pen_header_main input:-ms-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main select:-ms-input-placeholder,
body.pen_dark_mode #pen_header .pen_header_main textarea:-ms-input-placeholder {
color: #eee;
}@media (prefers-color-scheme: dark) {
#page .pen_jump_menu .pen_menu_wrapper > strong span span.pen_only {
background: #7f7f7f;
border-radius: 100px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.75) inset;
color: #fff;
}
#page .pen_jump_menu ul a {
background: rgba(240,240,240,0.95);
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #04a !important;
}
#page .pen_jump_menu ul a:focus,
#page .pen_jump_menu ul a:hover,
#page .pen_jump_menu ul a:active {
background: rgba(0,70,170,0.95);
}
body.pen_dark_mode #page .pen_jump_menu ul a {
background: rgba(0,0,0,0.95);
border-bottom: 1px solid rgba(255,255,255,0.1);
color: #0087cc !important;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:after {
background: linear-gradient(0deg, rgba(255,255,255,0.75), rgba(255,255,255,0.95)) !important;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption {
color: #333 !important;
}
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:after {
background: linear-gradient(0deg, rgba(0,0,0,0.75), rgba(0,0,0,0.95)) !important;
}
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption {
color: #eee !important;
}
#page .pen_jump_menu .pen_toggle:before {
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.05));
border: 2px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 0 1px #000;
color: #fff;
}
#page .pen_jump_menu .pen_toggle:after {
border: 1px solid rgba(255,255,255,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.2) inset;
}
body.pen_dark_mode #page .pen_jump_menu .pen_toggle:before {
border: 2px solid #000;
}
body.pen_dark_mode #page .pen_jump_menu .pen_toggle:after {
border: 1px solid rgba(0,0,0,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.2) inset;
}
}
body.pen_dark_mode #page .pen_jump_menu ul a {
background: rgba(0,0,0,0.95);
border-bottom: 1px solid rgba(255,255,255,0.1);
color: #0087cc !important;
}
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:after {
background: linear-gradient(0deg, rgba(0,0,0,0.75), rgba(0,0,0,0.95)) !important;
}
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption {
color: #eee !important;
}
body.pen_dark_mode #page .pen_jump_menu .pen_toggle:before {
border: 2px solid #000;
}
body.pen_dark_mode #page .pen_jump_menu .pen_toggle:after {
border: 1px solid rgba(0,0,0,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.2) inset;
}@media (prefers-color-scheme: dark) {
#pen_navigation.pen_not_transparent,
#pen_navigation_mobile {
background: #00a9ff;
background: linear-gradient(125deg, #00a9ff 0%,#093a89 100%);
}
#pen_navigation,
#pen_navigation_mobile {
color: #fff;
}
#pen_navigation ul#primary-menu ul,
#pen_navigation_mobile ul#primary-menu-mobile ul {
background: #004d98;
background: linear-gradient(125deg, #004d98 0%,#093a89 100%);
}
body.pen_drop_shadow #pen_navigation li.page_item_has_children > ul,
body.pen_drop_shadow #pen_navigation li.menu-item-has-children > ul {
box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}
body.pen_drop_shadow #pen_navigation ul#primary-menu a,
body.pen_drop_shadow #pen_navigation_mobile ul#primary-menu-mobile a,
body.pen_drop_shadow #pen_navigation_mobile .widget-area a {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
body.pen_dark_mode #pen_navigation,
body.pen_dark_mode #pen_navigation_mobile {
background: #333;
background: linear-gradient(125deg, #000 0%,#333 100%);
color: #fff;
}
body.pen_dark_mode #pen_navigation ul#primary-menu ul,
body.pen_dark_mode #pen_navigation_mobile ul#primary-menu-mobile ul {
background: #555;
background: linear-gradient(125deg, #111 0%,#000 100%);
}
#pen_navigation ul#primary-menu a,
#pen_navigation_mobile ul#primary-menu-mobile a,
#pen_navigation_mobile .widget-area a {
color: #c5e2ff;
}
#pen_navigation ul#primary-menu li.sfHover > a,
#pen_navigation ul#primary-menu a:focus,
#pen_navigation ul#primary-menu a:hover,
#pen_navigation ul#primary-menu a:active {
color: #fff;
}
#pen_navigation.pen_separator_1 ul#primary-menu > li:after,
#pen_navigation.pen_separator_2 ul#primary-menu > li:after,
#pen_navigation.pen_separator_3 ul#primary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
}
#pen_navigation.pen_separator_submenu_1 ul#primary-menu li li:after,
#pen_navigation.pen_separator_submenu_2 ul#primary-menu li li:after,
#pen_navigation.pen_separator_submenu_3 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_1 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_2 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_3 ul#primary-menu-mobile li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
}
#pen_navigation.pen_separator_submenu_2 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_2 ul#primary-menu-mobile li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
#pen_navigation.pen_separator_submenu_3 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_3 ul#primary-menu-mobile li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
#pen_navigation.pen_separator_4 ul#primary-menu > li:after,
#pen_navigation.pen_separator_submenu_4 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_4 ul#primary-menu-mobile li:after,
#pen_navigation.pen_separator_5 ul#primary-menu > li:after,
#pen_navigation.pen_separator_6 ul#primary-menu > li:after,
#pen_navigation.pen_separator_6 ul#primary-menu > li:before,
#pen_navigation.pen_separator_submenu_5 ul#primary-menu li li:after,
#pen_navigation.pen_separator_submenu_6 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_5 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:after,
#pen_navigation.pen_separator_7 ul#primary-menu > li:after,
#pen_navigation.pen_separator_submenu_7 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:after {
background: #000;
}
#pen_navigation.pen_separator_8 ul#primary-menu > li:after,
#pen_navigation.pen_separator_submenu_8 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:after,
#pen_navigation.pen_separator_9 ul#primary-menu > li:after,
#pen_navigation.pen_separator_submenu_9 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_9 ul#primary-menu-mobile li:after {
border: 3px solid #000;
}
#pen_navigation.pen_separator_10 ul#primary-menu > li:after,
#pen_navigation.pen_separator_submenu_10 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_10 ul#primary-menu-mobile li:after {
color: #000;
}
#pen_navigation.pen_hover_1 ul#primary-menu > li.sfHover > a,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:focus,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:hover,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:active,
#pen_navigation.pen_hover_1 ul#primary-menu > li.current-menu-item > a,
#pen_navigation.pen_hover_2 ul#primary-menu > li.sfHover > a,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:focus,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:hover,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:active,
#pen_navigation.pen_hover_2 ul#primary-menu > li.current-menu-item > a {
background: rgba(0,0,0,0.2);
}
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
}
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:after {
border-top: 10px solid rgba(150,150,150,0.75);
}
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:after {
border-bottom: 10px solid rgba(150,150,150,0.75);
}
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:after {
background: #000;
}
#pen_navigation_mobile_toggle {
background: #000;
}
#pen_navigation_mobile_toggle span.pen_icon span {
background: #fff;
}
}
body.pen_dark_mode #pen_navigation.pen_not_transparent,
body.pen_dark_mode #pen_navigation_mobile {
background: #333;
background: linear-gradient(125deg, #000 0%,#333 100%);
}
body.pen_dark_mode #pen_navigation,
body.pen_dark_mode #pen_navigation_mobile {
color: #fff;
}
body.pen_dark_mode #pen_navigation ul#primary-menu ul,
body.pen_dark_mode #pen_navigation_mobile ul#primary-menu-mobile ul {
background: #555;
background: linear-gradient(125deg, #333 0%,#555 100%);
}@media (prefers-color-scheme: dark) {
#page label {
color: rgba(120,120,120,0.9);
}
body.pen_dark_mode #page label {
color: rgba(255,255,255,0.75);
}
#page input[type="date"],
#page input[type="datetime"],
#page input[type="datetime-local"],
#page input[type="email"],
#page input[type="month"],
#page input[type="number"],
#page input[type="password"],
#page input[type="search"],
#page input[type="tel"],
#page input[type="text"],
#page input[type="time"],
#page input[type="url"],
#page input[type="week"],
#page select,
#page textarea {
background: rgba(255,255,255,0.75);
border: 1px solid rgba(0,0,0,0.25) !important;
color: #333;
}
body.pen_dark_mode #page input[type="date"],
body.pen_dark_mode #page input[type="datetime"],
body.pen_dark_mode #page input[type="datetime-local"],
body.pen_dark_mode #page input[type="email"],
body.pen_dark_mode #page input[type="month"],
body.pen_dark_mode #page input[type="number"],
body.pen_dark_mode #page input[type="password"],
body.pen_dark_mode #page input[type="search"],
body.pen_dark_mode #page input[type="tel"],
body.pen_dark_mode #page input[type="text"],
body.pen_dark_mode #page input[type="time"],
body.pen_dark_mode #page input[type="url"],
body.pen_dark_mode #page input[type="week"],
body.pen_dark_mode #page select,
body.pen_dark_mode #page textarea {
background: rgba(0,0,0,0.75);
border: 1px solid rgba(255,255,255,0.1) !important;
color: #eee;
}
body.pen_drop_shadow #main input[type="date"],
body.pen_drop_shadow #main input[type="datetime"],
body.pen_drop_shadow #main input[type="datetime-local"],
body.pen_drop_shadow #main input[type="email"],
body.pen_drop_shadow #main input[type="month"],
body.pen_drop_shadow #main input[type="number"],
body.pen_drop_shadow #main input[type="password"],
body.pen_drop_shadow #main input[type="search"],
body.pen_drop_shadow #main input[type="tel"],
body.pen_drop_shadow #main input[type="text"],
body.pen_drop_shadow #main input[type="time"],
body.pen_drop_shadow #main input[type="url"],
body.pen_drop_shadow #main input[type="week"],
body.pen_drop_shadow #main select,
body.pen_drop_shadow #main textarea {
box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset;
}
}
body.pen_dark_mode #page label {
color: rgba(255,255,255,0.75);
}
body.pen_dark_mode #page input[type="date"],
body.pen_dark_mode #page input[type="datetime"],
body.pen_dark_mode #page input[type="datetime-local"],
body.pen_dark_mode #page input[type="email"],
body.pen_dark_mode #page input[type="month"],
body.pen_dark_mode #page input[type="number"],
body.pen_dark_mode #page input[type="password"],
body.pen_dark_mode #page input[type="search"],
body.pen_dark_mode #page input[type="tel"],
body.pen_dark_mode #page input[type="text"],
body.pen_dark_mode #page input[type="time"],
body.pen_dark_mode #page input[type="url"],
body.pen_dark_mode #page input[type="week"],
body.pen_dark_mode #page select,
body.pen_dark_mode #page textarea {
background: rgba(0,0,0,0.75);
border: 1px solid rgba(255,255,255,0.1) !important;
color: #eee;
}@media (prefers-color-scheme: dark) {
#main article.pen_article,
body.pen_multiple #main li.pen_article,
#pen_content_next_previous,
body.pen_list_plain #pen_pager,
body.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination {
background: #fff;
color: #333;
}
body.pen_drop_shadow #main article.pen_article,
body.pen_drop_shadow.pen_multiple #main li.pen_article,
body.pen_drop_shadow #pen_content_next_previous,
body.pen_drop_shadow.pen_list_plain #pen_pager,
body.pen_drop_shadow.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination,
body.pen_drop_shadow #page .pen_options_overview.pen_visible {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_dark_mode #main article.pen_article,
body.pen_dark_mode.pen_multiple #main li.pen_article,
body.pen_dark_mode #pen_content_next_previous,
body.pen_dark_mode.pen_list_plain #pen_pager,
body.pen_dark_mode.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination {
background: #000;
color: #eee;
}
#main .pen_article header.pen_content_header {
background: #ddd;
background: linear-gradient(125deg, #fff 0%, #ddd 100%);
}
body.pen_drop_shadow #main header.pen_content_header.page-header .pen_content_title {
text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
body.pen_dark_mode #main .pen_article header.pen_content_header {
background: #333;
background: linear-gradient(125deg, #111 0%, #000 100%);
}
#main .pen_article header.pen_content_header a {
color: #000;
}
#main .pen_article header.pen_content_header a:focus,
#main .pen_article header.pen_content_header a:hover,
#main .pen_article header.pen_content_header a:active {
color: #0087cc;
}
body.pen_dark_mode #main .pen_article header.pen_content_header a {
color: #fff;
}
body.pen_dark_mode #main .pen_article header.pen_content_header a:focus,
body.pen_dark_mode #main .pen_article header.pen_content_header a:hover,
body.pen_dark_mode #main .pen_article header.pen_content_header a:active {
color: #00a9ff;
}
#main .pen_article .entry-meta.pen_separator_1 > span:after,
#main .pen_article .entry-meta.pen_separator_2 > span:after,
#main .pen_article .entry-meta.pen_separator_3 > span:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 100%);
}
#main .pen_article .entry-meta.pen_separator_4 > span:after,
#main .pen_article .entry-meta.pen_separator_5 > span:after,
#main .pen_article .entry-meta.pen_separator_6 > span:after,
#main .pen_article .entry-meta.pen_separator_6 > span:before,
#main .pen_article .entry-meta.pen_separator_7 > span:after {
background: #000;
}
#main .pen_article .entry-meta.pen_separator_8 > span:after,
#main .pen_article .entry-meta.pen_separator_9 > span:after {
border: 3px solid #000;
}
#main .pen_article .entry-meta.pen_separator_10 > span:after {
color: #000;
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_1 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_2 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_3 > span:after {
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_4 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_5 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_6 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_6 > span:before,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_7 > span:after {
background: #fff;
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_8 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_9 > span:after {
border: 3px solid #eee;
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_10 > span:after {
color: #eee;
}
#main ul.wp-block-social-links .wp-social-link a,
#main ul.wp-block-social-links .wp-social-link a:focus,
#main ul.wp-block-social-links .wp-social-link a:hover,
#main ul.wp-block-social-links .wp-social-link a:active {
color: #fff !important;
}
#page .pen_options_overview {
background: #fff;
color: #333 !important;
}
#page .pen_options_overview h3 {
background: linear-gradient(125deg, #555 0%, #aaa 100%);
color: #fff;
}
body.pen_dark_mode #page .pen_options_overview {
background: #333;
color: #eee !important;
}
body.pen_dark_mode #page .pen_options_overview h3 {
background: linear-gradient(125deg, #333 0%, #000 100%);
color: #eee;
}
body.pen_drop_shadow #page .pen_options_overview .pen_close:after,
body.pen_drop_shadow #page .pen_options_overview .pen_close:before {
text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
#page .pen_options_overview table th,
#page .pen_options_overview table td {
background: #fff !important;
color: #333 !important;
}
#page .pen_options_overview table th {
background: #efefef !important;
}
body.pen_dark_mode #page .pen_options_overview table th,
body.pen_dark_mode #page .pen_options_overview table td {
background: #222 !important;
color: #eee !important;
}
body.pen_dark_mode #page .pen_options_overview table th {
background: #111 !important;
}
#main .post.format-audio > header:before,
#main .post.format-audio > header:after,
#main .post.format-aside > header:before,
#main .post.format-aside > header:after,
#main .post.format-gallery > header:before,
#main .post.format-gallery > header:after,
#main .post.format-image > header:before,
#main .post.format-image > header:after,
#main .post.format-video > header:before,
#main .post.format-video > header:after,
#main .post.format-quote > header:before,
#main .post.format-quote > header:after,
#main .post.format-link > header:before,
#main .post.format-link > header:after,
#main .post.format-status > header:before,
#main .post.format-status > header:after,
#main .status-draft > header:before,
#main .status-draft > header:after,
#main .post-password-required > header:before,
#main .post-password-required > header:after,
#main .post.sticky > header:before,
#main .post.sticky > header:after {
color: rgba(170,170,170,0.3);
}
}
body.pen_dark_mode #main article.pen_article,
body.pen_dark_mode.pen_multiple #main li.pen_article,
body.pen_dark_mode #pen_content_next_previous,
body.pen_dark_mode.pen_list_plain #pen_pager,
body.pen_dark_mode.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination	{
background: #000;
color: #eee;
}
body.pen_dark_mode #main .pen_article header.pen_content_header {
background: #333;
background: linear-gradient(125deg, #111 0%, #000 100%);
}
body.pen_dark_mode #main .pen_article header.pen_content_header a {
color: #fff;
}
body.pen_dark_mode #main .pen_article header.pen_content_header a:focus,
body.pen_dark_mode #main .pen_article header.pen_content_header a:hover,
body.pen_dark_mode #main .pen_article header.pen_content_header a:active {
color: #00a9ff;
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_1 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_2 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_3 > span:after {
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_4 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_5 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_6 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_6 > span:before,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_7 > span:after {
background: #fff;
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_8 > span:after,
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_9 > span:after {
border: 3px solid #eee;
}
body.pen_dark_mode #main .pen_article .entry-meta.pen_separator_10 > span:after {
color: #eee;
}
body.pen_dark_mode #page .pen_options_overview {
background: #333;
color: #eee !important;
}
body.pen_dark_mode #page .pen_options_overview h3 {
background: linear-gradient(125deg, #333 0%, #000 100%);
color: #eee;
}
body.pen_dark_mode #page .pen_options_overview table th,
body.pen_dark_mode #page .pen_options_overview table td {
background: #222 !important;
color: #eee !important;
}
body.pen_dark_mode #page .pen_options_overview table th {
background: #111 !important;
}@media (prefers-color-scheme: dark) {
body.pen_list_tiles #pen_tiles .pen_article .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article .pen_image_thumbnail {
background: #000;
}
body.pen_list_tiles.pen_drop_shadow #pen_tiles .pen_article .pen_image_thumbnail,
body.pen_list_masonry.pen_drop_shadow #pen_masonry .pen_article .pen_image_thumbnail {
box-shadow: 0 5px 5px rgba(0,0,0,0.1) inset;
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:before,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:before,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after {
background: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_0 .pen_image_thumbnail:after {
background: linear-gradient(0deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
}
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail,
body.pen_list_tiles #pen_tiles .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_1 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_2 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_3 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_4 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_5 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_6 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_7 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_8 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_9 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_10 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_11 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_12 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_13 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_14 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_15 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_16 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_17 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_18 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_19 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_20 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_21 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_22 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_23 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_24 .pen_image_thumbnail,
body.pen_list_masonry #pen_masonry .pen_article.pen_thumbnail_style_25 .pen_image_thumbnail {
background: linear-gradient(90deg,#ff8800 0%,#ffd800 50%,#ff8800 100%);
}
body.pen_singular #main .pen_article .gallery-item img,
body.pen_content_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_list_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
#main .pen_article.pen_list_thumbnail_frame .pen_image_thumbnail img {
background: #fff;
}
body.pen_drop_shadow.pen_singular #main .pen_article .gallery-item img,
body.pen_drop_shadow.pen_content_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_drop_shadow.pen_list_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_drop_shadow #main .pen_article.pen_list_thumbnail_frame .pen_image_thumbnail img {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
body.pen_thumbnail_frame_dark.pen_singular #main .pen_article .gallery-item img,
body.pen_thumbnail_frame_dark.pen_content_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_thumbnail_frame_dark.pen_list_thumbnail_frame #main .pen_article .pen_image_thumbnail img,
body.pen_thumbnail_frame_dark #main .pen_article.pen_list_thumbnail_frame .pen_image_thumbnail img {
background: #000;
}
}@media (prefers-color-scheme: dark) {
body.pen_drop_shadow.pen_list_tiles #content .comment-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .posts-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .post-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .wp-pagenavi a,
body.pen_drop_shadow.pen_list_tiles #content .wp-pagenavi span,
body.pen_drop_shadow.pen_list_masonry #content .comment-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .posts-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .post-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .wp-pagenavi a,
body.pen_drop_shadow.pen_list_masonry #content .wp-pagenavi span {
box-shadow: 0 0 15px rgba(0,0,0,0.2), 2px 2px 7px rgba(0,0,0,0.3);
}
}@media (prefers-color-scheme: dark) {
#pen_search.pen_not_transparent {
background: #8f8f8f;
background: linear-gradient(125deg, #3f3f3f 0%, #0f0f0f 100%);
}
body.pen_drop_shadow #pen_search.pen_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_dark_mode #pen_search.pen_not_transparent {
background: #333;
background: linear-gradient(125deg, #111 0%, #000 100%);
}
#pen_search.pen_not_transparent:before {
background: rgba(0,0,0,0.25);
}
body.pen_dark_mode #pen_search.pen_not_transparent:before {
background: rgba(255,255,255,0.1);
}
#pen_search input::-webkit-input-placeholder,
#pen_search select::-webkit-input-placeholder,
#pen_search textarea::-webkit-input-placeholder {
color: #333 !important;
}
#pen_search input::-moz-placeholder,
#pen_search select::-moz-placeholder,
#pen_search textarea::-moz-placeholder {
color: #333 !important;
}
#pen_search input:-ms-input-placeholder,
#pen_search select:-ms-input-placeholder,
#pen_search textarea:-ms-input-placeholder {
color: #333 !important;
}
#pen_search .widget {
color: #eee;
}
body.pen_drop_shadow #pen_search .widget {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#pen_search .widget a {
color: #80ddff;
}
#pen_search .widget a:focus,
#pen_search .widget a:hover,
#pen_search .widget a:active {
color: #cdf1ff;
}
body.pen_dark_mode #pen_search input::-webkit-input-placeholder,
body.pen_dark_mode #pen_search select::-webkit-input-placeholder,
body.pen_dark_mode #pen_search textarea::-webkit-input-placeholder {
color: #eee !important;
}
body.pen_dark_mode #pen_search input::-moz-placeholder,
body.pen_dark_mode #pen_search select::-moz-placeholder,
body.pen_dark_mode #pen_search textarea::-moz-placeholder {
color: #eee !important;
}
body.pen_dark_mode #pen_search input:-ms-input-placeholder,
body.pen_dark_mode #pen_search select:-ms-input-placeholder,
body.pen_dark_mode #pen_search textarea:-ms-input-placeholder {
color: #eee !important;
}
body.pen_dark_mode #pen_search .widget {
color: #eee;
}
body.pen_dark_mode.pen_drop_shadow #pen_search .widget {
text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
body.pen_dark_mode #pen_search .widget a {
color: #eee;
}
body.pen_dark_mode #pen_search .widget a:focus,
body.pen_dark_mode #pen_search .widget a:hover,
body.pen_dark_mode #pen_search .widget a:active {
color: #fff;
}
#pen_search .search-form .search-field {
background: rgba(255,255,255,0.9);
border: 1px solid rgba(0,0,0,0.3);
}
body.pen_drop_shadow #pen_search .search-form .search-field {
box-shadow: 1px 1px 1px rgba(255,255,255,0.05) inset, 0 0 7px rgba(0,0,0,0.2), 2px 2px 4px rgba(0,0,0,0.3), 5px 5px 10px rgba(0,0,0,0.2) inset;
}
body.pen_dark_mode #pen_search .search-form .search-field {
background: rgba(10,10,10,0.5);
border: 1px solid rgba(255,255,255,0.1);
}
}
body.pen_dark_mode #pen_search.pen_not_transparent {
background: #333;
background: linear-gradient(125deg, #111 0%, #000 100%);
}
body.pen_dark_mode #pen_search.pen_not_transparent:before {
background: rgba(255,255,255,0.1);
}
body.pen_dark_mode #pen_search input::-webkit-input-placeholder,
body.pen_dark_mode #pen_search select::-webkit-input-placeholder,
body.pen_dark_mode #pen_search textarea::-webkit-input-placeholder {
color: #eee !important;
}
body.pen_dark_mode #pen_search input::-moz-placeholder,
body.pen_dark_mode #pen_search select::-moz-placeholder,
body.pen_dark_mode #pen_search textarea::-moz-placeholder {
color: #eee !important;
}
body.pen_dark_mode #pen_search input:-ms-input-placeholder,
body.pen_dark_mode #pen_search select:-ms-input-placeholder,
body.pen_dark_mode #pen_search textarea:-ms-input-placeholder {
color: #eee !important;
}
body.pen_dark_mode #pen_search .widget {
color: #eee;
}
body.pen_dark_mode.pen_drop_shadow #pen_search .widget {
text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
body.pen_dark_mode #pen_search .widget a {
color: #eee;
}
body.pen_dark_mode #pen_search .widget a:focus,
body.pen_dark_mode #pen_search .widget a:hover,
body.pen_dark_mode #pen_search .widget a:active {
color: #fff;
}
body.pen_dark_mode #pen_search .search-form .search-field {
background: rgba(10,10,10,0.5);
border: 1px solid rgba(255,255,255,0.1);
}#pen_top {
color: #fff;
}
body.pen_drop_shadow #pen_top {
text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
#pen_top .widget h3 {
color: #fefefe;
}@media (prefers-color-scheme: dark) {
#pen_top .widget-area .widget-title,
#pen_top .widget-area .widget_block h2,
#pen_left .widget-area .widget-title,
#pen_left .widget-area .widget_block h2,
#pen_right .widget-area .widget-title,
#pen_right .widget-area .widget_block h2,
#pen_bottom .widget-area .widget-title,
#pen_bottom .widget-area .widget_block h2 {
color: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
#page .widget-area .widget.pen_widget_transparent input::-webkit-input-placeholder {
color: rgba(120,120,120,0.75);
}
#page .widget-area .widget.pen_widget_transparent input::-moz-placeholder {
color: rgba(120,120,120,0.75);
}
#page .widget-area .widget.pen_widget_transparent input:-ms-input-placeholder {
color: rgba(120,120,120,0.75);
}
#page .widget-area .widget input::-webkit-input-placeholder,
#page .widget-area .widget select::-webkit-input-placeholder,
#page .widget-area .widget textarea::-webkit-input-placeholder {
color: rgba(255,255,255,0.5) !important;
}
#page .widget-area .widget input::-moz-placeholder,
#page .widget-area .widget select::-moz-placeholder,
#page .widget-area .widget textarea::-moz-placeholder {
color: rgba(255,255,255,0.5) !important;
}
#page .widget-area .widget input:-ms-input-placeholder,
#page .widget-area .widget select:-ms-input-placeholder,
#page .widget-area .widget textarea:-ms-input-placeholder {
color: rgba(255,255,255,0.5) !important;
}
#page .widget-area .widget.pen_widget_blue {
background: #0077c8;
}
#page .widget-area .widget.pen_widget_blue,
#page .widget-area .widget.pen_widget_blue label {
color: #ddf1ff;
}
#page .widget-area .widget.pen_widget_blue .widget-title,
#page .widget-area .widget_block.pen_widget_blue h2 {
background: linear-gradient(125deg, #005fae 0%, #2b8fd2 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue.pen_widget_blue_flat .widget-title,
#page .widget-area .widget_block.pen_widget_blue.pen_widget_blue_flat h2 {
background: #005fae;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_blue h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_blue input,
#page .widget-area .widget.pen_widget_blue select,
#page .widget-area .widget.pen_widget_blue textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue .button,
#page .widget-area .widget.pen_widget_blue input[type="button"],
#page .widget-area .widget.pen_widget_blue input[type="reset"],
#page .widget-area .widget.pen_widget_blue input[type="submit"],
#page .widget-area .widget_search.pen_widget_blue form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_blue form.wp-block-search .wp-block-search__button {
background: #005fae;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue option {
background: #005fae;
}
#page .widget-area .widget.pen_widget_blue a {
color: #f4fcff;
}
#page .widget-area .widget.pen_widget_blue a:focus,
#page .widget-area .widget.pen_widget_blue a:hover,
#page .widget-area .widget.pen_widget_blue a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep {
background: #001a4a;
}
#page .widget-area .widget.pen_widget_blue_deep,
#page .widget-area .widget.pen_widget_blue_deep label {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_blue_deep .widget-title,
#page .widget-area .widget_block.pen_widget_blue_deep h2 {
background: linear-gradient(125deg, #070dad 0%, #2b3bd0 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep.pen_widget_blue_deep_flat .widget-title,
#page .widget-area .widget_block.pen_widget_blue_deep.pen_widget_blue_deep_flat h2 {
background: #070dad;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue_deep .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_blue_deep h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_blue_deep input,
#page .widget-area .widget.pen_widget_blue_deep select,
#page .widget-area .widget.pen_widget_blue_deep textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep .button,
#page .widget-area .widget.pen_widget_blue_deep input[type="button"],
#page .widget-area .widget.pen_widget_blue_deep input[type="reset"],
#page .widget-area .widget.pen_widget_blue_deep input[type="submit"],
#page .widget-area .widget_search.pen_widget_blue_deep form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_blue_deep form.wp-block-search .wp-block-search__button {
background: #070dad;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue_deep option {
background: #070dad;
}
#page .widget-area .widget.pen_widget_blue_deep a {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_blue_deep a:focus,
#page .widget-area .widget.pen_widget_blue_deep a:hover,
#page .widget-area .widget.pen_widget_blue_deep a:active {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_brown {
background: #401a00;
}
#page .widget-area .widget.pen_widget_brown,
#page .widget-area .widget.pen_widget_brown label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_brown .widget-title,
#page .widget-area .widget_block.pen_widget_brown h2 {
background: linear-gradient(125deg, #2d1500 0%, #401d05 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_brown.pen_widget_brown_flat .widget-title,
#page .widget-area .widget_block.pen_widget_brown.pen_widget_brown_flat h2 {
background: #2d1500;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_brown .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_brown h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_brown input,
#page .widget-area .widget.pen_widget_brown select,
#page .widget-area .widget.pen_widget_brown textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_brown .button,
#page .widget-area .widget.pen_widget_brown input[type="button"],
#page .widget-area .widget.pen_widget_brown input[type="reset"],
#page .widget-area .widget.pen_widget_brown input[type="submit"],
#page .widget-area .widget_search.pen_widget_brown form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_brown form.wp-block-search .wp-block-search__button {
background: #2d1500;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_brown option {
background: #2d1500;
}
#page .widget-area .widget.pen_widget_brown a {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_brown a:focus,
#page .widget-area .widget.pen_widget_brown a:hover,
#page .widget-area .widget.pen_widget_brown a:active {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_crimson {
background: #c6085a;
}
#page .widget-area .widget.pen_widget_crimson,
#page .widget-area .widget.pen_widget_crimson label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_crimson .widget-title,
#page .widget-area .widget_block.pen_widget_crimson h2 {
background: linear-gradient(125deg, #ad0747 0%, #d02b75 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson.pen_widget_crimson_flat .widget-title,
#page .widget-area .widget_block.pen_widget_crimson.pen_widget_crimson_flat h2 {
background: #ad0747;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_crimson .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_crimson h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_crimson input,
#page .widget-area .widget.pen_widget_crimson select,
#page .widget-area .widget.pen_widget_crimson textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson .button,
#page .widget-area .widget.pen_widget_crimson input[type="button"],
#page .widget-area .widget.pen_widget_crimson input[type="reset"],
#page .widget-area .widget.pen_widget_crimson input[type="submit"],
#page .widget-area .widget_search.pen_widget_crimson form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_crimson form.wp-block-search .wp-block-search__button {
background: #ad0747;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson option {
background: #ad0747;
}
#page .widget-area .widget.pen_widget_crimson a {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_crimson a:focus,
#page .widget-area .widget.pen_widget_crimson a:hover,
#page .widget-area .widget.pen_widget_crimson a:active {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_dark {
background: rgba(0,0,0,0.95);
}
#page .widget-area .widget.pen_widget_dark,
#page .widget-area .widget.pen_widget_dark label {
color: #fefefe;
}
#page .widget-area .widget.pen_widget_dark .widget-title,
#page .widget-area .widget_block.pen_widget_dark h2 {
background: linear-gradient(125deg, #0f0f0f 0%, #202020 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_dark.pen_widget_dark_flat .widget-title,
#page .widget-area .widget_block.pen_widget_dark.pen_widget_dark_flat h2 {
background: #0f0f0f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_dark .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_dark h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_dark input,
#page .widget-area .widget.pen_widget_dark select,
#page .widget-area .widget.pen_widget_dark textarea {
background: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.1);
color: #fff;
}
#page .widget-area .widget.pen_widget_dark .button,
#page .widget-area .widget.pen_widget_dark input[type="button"],
#page .widget-area .widget.pen_widget_dark input[type="reset"],
#page .widget-area .widget.pen_widget_dark input[type="submit"],
#page .widget-area .widget_search.pen_widget_dark form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_dark form.wp-block-search .wp-block-search__button {
background: #0f0f0f;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_dark option {
background: #0f0f0f;
}
#page .widget-area .widget.pen_widget_dark a {
color: #eee;
}
#page .widget-area .widget.pen_widget_dark a:focus,
#page .widget-area .widget.pen_widget_dark a:hover,
#page .widget-area .widget.pen_widget_dark a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_gray {
background: #555;
}
#page .widget-area .widget.pen_widget_gray,
#page .widget-area .widget.pen_widget_gray label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_gray .widget-title,
#page .widget-area .widget_block.pen_widget_gray h2 {
background: linear-gradient(125deg, #404040 0%, #707070 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_gray.pen_widget_gray_flat .widget-title,
#page .widget-area .widget_block.pen_widget_gray.pen_widget_gray_flat h2 {
background: #404040;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_gray .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_gray h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_gray input,
#page .widget-area .widget.pen_widget_gray select,
#page .widget-area .widget.pen_widget_gray textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_gray .button,
#page .widget-area .widget.pen_widget_gray input[type="button"],
#page .widget-area .widget.pen_widget_gray input[type="reset"],
#page .widget-area .widget.pen_widget_gray input[type="submit"],
#page .widget-area .widget_search.pen_widget_gray form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_gray form.wp-block-search .wp-block-search__button {
background: #404040;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_gray option {
background: #333;
}
#page .widget-area .widget.pen_widget_gray a {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_gray a:focus,
#page .widget-area .widget.pen_widget_gray a:hover,
#page .widget-area .widget.pen_widget_gray a:active {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_green {
background: #31c608;
}
#page .widget-area .widget.pen_widget_green,
#page .widget-area .widget.pen_widget_green label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_green .widget-title,
#page .widget-area .widget_block.pen_widget_green h2 {
background: linear-gradient(125deg, #23ad07 0%, #51d02c 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_green.pen_widget_green_flat .widget-title,
#page .widget-area .widget_block.pen_widget_green.pen_widget_green_flat h2 {
background: #23ad07;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_green .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_green h2 {
color: rgba(0,0,0,0.9);
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_green input,
#page .widget-area .widget.pen_widget_green select,
#page .widget-area .widget.pen_widget_green textarea {
border: 1px solid rgba(0,0,0,0.2);
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_green .button,
#page .widget-area .widget.pen_widget_green input[type="button"],
#page .widget-area .widget.pen_widget_green input[type="reset"],
#page .widget-area .widget.pen_widget_green input[type="submit"],
#page .widget-area .widget_search.pen_widget_green form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_green form.wp-block-search .wp-block-search__button {
background: #23ad07;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_green option {
background: #23ad07;
}
#page .widget-area .widget.pen_widget_green input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_green select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_green textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_green input::-moz-placeholder,
#page .widget-area .widget.pen_widget_green select::-moz-placeholder,
#page .widget-area .widget.pen_widget_green textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_green input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_green select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_green textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_green a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_green a:focus,
#page .widget-area .widget.pen_widget_green a:hover,
#page .widget-area .widget.pen_widget_green a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_light {
background: rgba(255,255,255,0.95);
}
#page .widget-area .widget.pen_widget_light,
#page .widget-area .widget.pen_widget_light label {
color: #333;
}
#page .widget-area .widget.pen_widget_light .widget-title,
#page .widget-area .widget_block.pen_widget_light h2 {
background: linear-gradient(125deg, rgba(255,255,255,1) 0%, rgba(240,240,240,0.75) 100%);
color: #333;
}
#page .widget-area .widget.pen_widget_light.pen_widget_light_flat .widget-title,
#page .widget-area .widget_block.pen_widget_light.pen_widget_light_flat h2 {
background: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_light h2 {
text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_light .calendar_wrap a,
#page .widget-area .widget.pen_widget_light .wp-block-calendar a {
border-color: rgba(0,0,0,0.1);
}
#page .widget-area .widget.pen_widget_light input,
#page .widget-area .widget.pen_widget_light select,
#page .widget-area .widget.pen_widget_light textarea {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
color: #333;
}
#page .widget-area .widget.pen_widget_light .button,
#page .widget-area .widget.pen_widget_light input[type="button"],
#page .widget-area .widget.pen_widget_light input[type="reset"],
#page .widget-area .widget.pen_widget_light input[type="submit"],
#page .widget-area .widget_search.pen_widget_light form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_light form.wp-block-search .wp-block-search__button {
background: #fff;
border: 1px solid rgba(0,0,0,0.1);
color: #333;
}
#page .widget-area .widget.pen_widget_light input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_light select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_light textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_light input::-moz-placeholder,
#page .widget-area .widget.pen_widget_light select::-moz-placeholder,
#page .widget-area .widget.pen_widget_light textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_light input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_light select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_light textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_light a {
color: #005ebb;
}
#page .widget-area .widget.pen_widget_light a:focus,
#page .widget-area .widget.pen_widget_light a:hover,
#page .widget-area .widget.pen_widget_light a:active {
color: #005dbb;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light {
background: rgba(20,20,20,0.95);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light label {
color: #fefefe;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_dark_mode #page .widget-area .widget_block.pen_widget_light h2 {
background: linear-gradient(125deg, #1f1f1f 0%, #303030 100%);
color: #fff;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light.pen_widget_light_flat .widget-title,
body.pen_dark_mode #page .widget-area .widget_block.pen_widget_light.pen_widget_light_flat h2 {
background: #0f0f0f;
}
body.pen_dark_mode.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_dark_mode.pen_drop_shadow #page .widget-area .widget_block.pen_widget_light h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light .calendar_wrap a {
border-color: rgba(20,20,20,0.1);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea {
background: rgba(0,0,0,0.5);
border: 1px solid rgba(20,20,20,0.5);
color: #fff;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light .button,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input[type="button"],
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input[type="reset"],
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input[type="submit"],
body.pen_dark_mode #page .widget-area .widget_search.pen_widget_light form.search-form .search-submit,
body.pen_dark_mode #page .widget-area .widget_block.pen_widget_light form.wp-block-search .wp-block-search__button {
background: #0f0f0f;
border: 1px solid rgba(20,20,20,0.5);
color: #fff;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light option {
background: #0f0f0f;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input::-webkit-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select::-webkit-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea::-webkit-input-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input::-moz-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select::-moz-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea::-moz-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input:-ms-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select:-ms-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea:-ms-input-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a {
color: #eee;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a:focus,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a:hover,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_lime {
background: #b3c608;
}
#page .widget-area .widget.pen_widget_lime,
#page .widget-area .widget.pen_widget_lime label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_lime .widget-title,
#page .widget-area .widget_block.pen_widget_lime h2 {
background: linear-gradient(125deg, #94ad07 0%, #c2d02b 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_lime.pen_widget_lime_flat .widget-title,
#page .widget-area .widget_block.pen_widget_lime.pen_widget_lime_flat h2 {
background: #94ad07;
color: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_lime .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_lime h2 {
color: rgba(0,0,0,0.75);
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_lime input,
#page .widget-area .widget.pen_widget_lime select,
#page .widget-area .widget.pen_widget_lime textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_lime .button,
#page .widget-area .widget.pen_widget_lime input[type="button"],
#page .widget-area .widget.pen_widget_lime input[type="reset"],
#page .widget-area .widget.pen_widget_lime input[type="submit"],
#page .widget-area .widget_search.pen_widget_lime form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_lime form.wp-block-search .wp-block-search__button {
background: #94ad07;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_lime option {
background: #94ad07;
}
#page .widget-area .widget.pen_widget_lime a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_lime a:focus,
#page .widget-area .widget.pen_widget_lime a:hover,
#page .widget-area .widget.pen_widget_lime a:active {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_orange {
background: #d24700;
}
#page .widget-area .widget.pen_widget_orange,
#page .widget-area .widget.pen_widget_orange label {
color: #333;
}
#page .widget-area .widget.pen_widget_orange .widget-title,
#page .widget-area .widget_block.pen_widget_orange h2 {
background: linear-gradient(125deg, #bb1c00 0%, #e85900 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_orange.pen_widget_orange_flat .widget-title,
#page .widget-area .widget_block.pen_widget_orange.pen_widget_orange_flat h2 {
background: #bb1c00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_orange .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_orange h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_orange input,
#page .widget-area .widget.pen_widget_orange select,
#page .widget-area .widget.pen_widget_orange textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_orange .button,
#page .widget-area .widget.pen_widget_orange input[type="button"],
#page .widget-area .widget.pen_widget_orange input[type="reset"],
#page .widget-area .widget.pen_widget_orange input[type="submit"],
#page .widget-area .widget_search.pen_widget_orange form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_orange form.wp-block-search .wp-block-search__button {
background: #bb1c00;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_orange option {
background: #bb1c00;
}
#page .widget-area .widget.pen_widget_orange a {
color: #fff;
}
#page .widget-area .widget.pen_widget_orange a:focus,
#page .widget-area .widget.pen_widget_orange a:hover,
#page .widget-area .widget.pen_widget_orange a:active {
color: #ffeee4;
}
#page .widget-area .widget.pen_widget_pink {
background: #ffa0e7;
}
#page .widget-area .widget.pen_widget_pink,
#page .widget-area .widget.pen_widget_pink label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_pink .widget-title,
#page .widget-area .widget_block.pen_widget_pink h2 {
background: linear-gradient(125deg, #ff93de 0%, #f8c3ec 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_pink.pen_widget_pink_flat .widget-title,
#page .widget-area .widget_block.pen_widget_pink.pen_widget_pink_flat h2 {
background: #ff93de;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_pink .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_pink h2 {
color: rgba(0,0,0,0.75);
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_pink input,
#page .widget-area .widget.pen_widget_pink select,
#page .widget-area .widget.pen_widget_pink textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_pink .button,
#page .widget-area .widget.pen_widget_pink input[type="button"],
#page .widget-area .widget.pen_widget_pink input[type="reset"],
#page .widget-area .widget.pen_widget_pink input[type="submit"],
#page .widget-area .widget_search.pen_widget_pink form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_pink form.wp-block-search .wp-block-search__button {
background: #ff93de;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_pink option {
background: #ff93de;
}
#page .widget-area .widget.pen_widget_pink input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_pink select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_pink textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_pink input::-moz-placeholder,
#page .widget-area .widget.pen_widget_pink select::-moz-placeholder,
#page .widget-area .widget.pen_widget_pink textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_pink input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_pink select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_pink textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_pink a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_pink a:focus,
#page .widget-area .widget.pen_widget_pink a:hover,
#page .widget-area .widget.pen_widget_pink a:active {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_purple {
background: #7200cf;
}
#page .widget-area .widget.pen_widget_purple,
#page .widget-area .widget.pen_widget_purple label {
color: #fff;
}
#page .widget-area .widget.pen_widget_purple .widget-title,
#page .widget-area .widget_block.pen_widget_purple h2 {
background: linear-gradient(125deg, #43008c 0%, #6700d7 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple.pen_widget_purple_flat .widget-title,
#page .widget-area .widget_block.pen_widget_purple.pen_widget_purple_flat h2 {
background: #43008c;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_purple h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_purple input,
#page .widget-area .widget.pen_widget_purple select,
#page .widget-area .widget.pen_widget_purple textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple .button,
#page .widget-area .widget.pen_widget_purple input[type="button"],
#page .widget-area .widget.pen_widget_purple input[type="reset"],
#page .widget-area .widget.pen_widget_purple input[type="submit"],
#page .widget-area .widget_search.pen_widget_purple form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_purple form.wp-block-search .wp-block-search__button {
background: #43008c;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple option {
background: #43008c;
}
#page .widget-area .widget.pen_widget_purple a {
color: #f5ecfc;
}
#page .widget-area .widget.pen_widget_purple a:focus,
#page .widget-area .widget.pen_widget_purple a:hover,
#page .widget-area .widget.pen_widget_purple a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep {
background: #0f001c;
}
#page .widget-area .widget.pen_widget_purple_deep,
#page .widget-area .widget.pen_widget_purple_deep label {
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep .widget-title,
#page .widget-area .widget_block.pen_widget_purple_deep h2 {
background: linear-gradient(125deg, #17002b 0%, #1f0048 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep.pen_widget_purple_deep_flat .widget-title,
#page .widget-area .widget_block.pen_widget_purple_deep.pen_widget_purple_deep_flat h2 {
background: #17002b;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple_deep .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_purple_deep h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_purple_deep input,
#page .widget-area .widget.pen_widget_purple_deep select,
#page .widget-area .widget.pen_widget_purple_deep textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep .button,
#page .widget-area .widget.pen_widget_purple_deep input[type="button"],
#page .widget-area .widget.pen_widget_purple_deep input[type="reset"],
#page .widget-area .widget.pen_widget_purple_deep input[type="submit"],
#page .widget-area .widget_search.pen_widget_purple_deep form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_purple_deep form.wp-block-search .wp-block-search__button {
background: #17002b;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple_deep option {
background: #17002b;
}
#page .widget-area .widget.pen_widget_purple_deep a {
color: #f5ecfc;
}
#page .widget-area .widget.pen_widget_purple_deep a:focus,
#page .widget-area .widget.pen_widget_purple_deep a:hover,
#page .widget-area .widget.pen_widget_purple_deep a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_red {
background: #db0000;
}
#page .widget-area .widget.pen_widget_red,
#page .widget-area .widget.pen_widget_red label {
color: #ffecea;
}
#page .widget-area .widget.pen_widget_red .widget-title,
#page .widget-area .widget_block.pen_widget_red h2 {
background: linear-gradient(125deg, #a00 0%, #e30 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_red.pen_widget_red_flat .widget-title,
#page .widget-area .widget_block.pen_widget_red.pen_widget_red_flat h2 {
background: #a00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_red .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_red h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_red input,
#page .widget-area .widget.pen_widget_red select,
#page .widget-area .widget.pen_widget_red textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_red .button,
#page .widget-area .widget.pen_widget_red input[type="button"],
#page .widget-area .widget.pen_widget_red input[type="reset"],
#page .widget-area .widget.pen_widget_red input[type="submit"],
#page .widget-area .widget_search.pen_widget_red form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_red form.wp-block-search .wp-block-search__button {
background: #a00;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_red option {
background: #a00;
}
#page .widget-area .widget.pen_widget_red a {
color: #ffeaea;
}
#page .widget-area .widget.pen_widget_red a:focus,
#page .widget-area .widget.pen_widget_red a:hover,
#page .widget-area .widget.pen_widget_red a:active {
color: #fff;
}
#page .widget-area .widget.pen_widget_teal {
background: #08c6a5;
}
#page .widget-area .widget.pen_widget_teal,
#page .widget-area .widget.pen_widget_teal label {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_teal .widget-title,
#page .widget-area .widget_block.pen_widget_teal h2 {
background: linear-gradient(125deg, #07ad9a 0%, #2cd0b2 100%);
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_teal.pen_widget_teal_flat .widget-title,
#page .widget-area .widget_block.pen_widget_teal.pen_widget_teal_flat h2 {
background: #07ad9a;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_teal .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_teal h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_teal input,
#page .widget-area .widget.pen_widget_teal select,
#page .widget-area .widget.pen_widget_teal textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_teal .button,
#page .widget-area .widget.pen_widget_teal input[type="button"],
#page .widget-area .widget.pen_widget_teal input[type="reset"],
#page .widget-area .widget.pen_widget_teal input[type="submit"],
#page .widget-area .widget_search.pen_widget_teal form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_teal form.wp-block-search .wp-block-search__button {
background: #07ad9a;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_teal option {
background: #07ad9a;
}
#page .widget-area .widget.pen_widget_teal input::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_teal select::-webkit-input-placeholder,
#page .widget-area .widget.pen_widget_teal textarea::-webkit-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_teal input::-moz-placeholder,
#page .widget-area .widget.pen_widget_teal select::-moz-placeholder,
#page .widget-area .widget.pen_widget_teal textarea::-moz-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_teal input:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_teal select:-ms-input-placeholder,
#page .widget-area .widget.pen_widget_teal textarea:-ms-input-placeholder {
color: rgba(0,0,0,0.5) !important;
}
#page .widget-area .widget.pen_widget_teal a {
color: rgba(0,0,0,0.75);
}
#page .widget-area .widget.pen_widget_teal a:focus,
#page .widget-area .widget.pen_widget_teal a:hover,
#page .widget-area .widget.pen_widget_teal a:active {
color: rgba(0,0,0,0.9);
}
#page .widget-area .widget.pen_widget_violet {
background: #84007c;
}
#page .widget-area .widget.pen_widget_violet,
#page .widget-area .widget.pen_widget_violet label {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_violet .widget-title,
#page .widget-area .widget_block.pen_widget_violet h2 {
background: linear-gradient(125deg, #84007c 0%, #a71b9f 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_violet.pen_widget_violet_flat .widget-title,
#page .widget-area .widget_block.pen_widget_violet.pen_widget_violet_flat h2 {
background: #a71b9f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_violet .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_violet h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_violet input,
#page .widget-area .widget.pen_widget_violet select,
#page .widget-area .widget.pen_widget_violet textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_violet .button,
#page .widget-area .widget.pen_widget_violet input[type="button"],
#page .widget-area .widget.pen_widget_violet input[type="reset"],
#page .widget-area .widget.pen_widget_violet input[type="submit"],
#page .widget-area .widget_search.pen_widget_violet form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_violet form.wp-block-search .wp-block-search__button {
background: #a71b9f;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_violet option {
background: #a71b9f;
}
#page .widget-area .widget.pen_widget_violet a {
color: rgba(255,255,255,0.9);
}
#page .widget-area .widget.pen_widget_violet a:focus,
#page .widget-area .widget.pen_widget_violet a:hover,
#page .widget-area .widget.pen_widget_violet a:active {
color: rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_yellow {
background: #ffd800;
}
#page .widget-area .widget.pen_widget_yellow,
#page .widget-area .widget.pen_widget_yellow label {
color: #333;
}
#page .widget-area .widget.pen_widget_yellow .widget-title,
#page .widget-area .widget_block.pen_widget_yellow h2 {
background: linear-gradient(125deg, #ffbd00 0%, #ffea00 100%);
color: #333;
}
#page .widget-area .widget.pen_widget_yellow.pen_widget_yellow_flat .widget-title,
#page .widget-area .widget_block.pen_widget_yellow.pen_widget_yellow_flat h2 {
background: #ffbd00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_yellow .widget-title,
body.pen_drop_shadow #page .widget-area .widget_block.pen_widget_yellow h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
}
#page .widget-area .widget.pen_widget_yellow input,
#page .widget-area .widget.pen_widget_yellow select,
#page .widget-area .widget.pen_widget_yellow textarea {
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.2);
color: #333;
}
#page .widget-area .widget.pen_widget_yellow .button,
#page .widget-area .widget.pen_widget_yellow input[type="button"],
#page .widget-area .widget.pen_widget_yellow input[type="reset"],
#page .widget-area .widget.pen_widget_yellow input[type="submit"],
#page .widget-area .widget_search.pen_widget_yellow form.search-form .search-submit,
#page .widget-area .widget_block.pen_widget_yellow form.wp-block-search .wp-block-search__button {
background: #ffbd00;
border: 1px solid rgba(0,0,0,0.2);
color: #fff;
}
#page .widget-area .widget.pen_widget_yellow option {
background: #ffbd00;
}
#page .widget-area .widget.pen_widget_yellow a {
color: #555;
}
#page .widget-area .widget.pen_widget_yellow a:focus,
#page .widget-area .widget.pen_widget_yellow a:hover,
#page .widget-area .widget.pen_widget_yellow a:active {
color: #000;
}
#page .widget-area .calendar_wrap a,
#page .widget-area .wp-block-calendar a {
border: 1px solid rgba(255,255,255,0.1);
}
#page .widget-area .calendar_wrap a:focus,
#page .widget-area .calendar_wrap a:hover,
#page .widget-area .calendar_wrap a:active,
#page .widget-area .wp-block-calendar a:focus,
#page .widget-area .wp-block-calendar a:hover,
#page .widget-area .wp-block-calendar a:active  {
background: rgba(120,120,120,0.3);
border: 1px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,0.75);
}
#page .widget-area .calendar_wrap table,
#page .widget-area .wp-block-calendar table tbody {
background: rgba(0,0,0,0.1);
}
#page .widget-area .calendar_wrap caption,
#page .widget-area .wp-block-calendar table caption {
background: rgba(0,0,0,0.2);
}
#pen_left #page .widget-area .calendar_wrap caption,
#pen_left #page .widget-area .wp-block-calendar table caption,
#pen_right #page .widget-area .calendar_wrap caption,
#pen_right #page .widget-area .wp-block-calendar table caption,
#pen_bottom #page .widget-area .calendar_wrap caption,
#pen_bottom #page .widget-area .wp-block-calendar table caption {
border-bottom: 1px solid #eee;
border-bottom-color: rgba(255,255,255,0.2);
}
#page .widget-area .widget_search.pen_widget_transparent .search-field,
#page .widget-area .widget.pen_widget_transparent .wp-block-search__input {
background: transparent;
border: 1px solid rgba(170,170,170,0.5);
color: inherit !important;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-field,
body.pen_drop_shadow #page .widget-area .widget.pen_widget_transparent .wp-block-search__input {
box-shadow: 2px 2px 5px rgba(0,0,0,0.25), 2px 2px 5px rgba(0,0,0,0.25) inset;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-submit,
body.pen_drop_shadow #page .widget-area .widget.pen_widget_transparent .wp-block-search__button {
box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
#page .widget.widget_recent_comments ul li:before,
#page .widget ol.wp-block-latest-comments li:before {
color: rgba(220,220,220,0.5);
}
#page .widget.widget_recent_comments ul li:hover:before,
#page .widget ol.wp-block-latest-comments li:hover:before {
color: rgba(220,220,220,0.75);
}
#pen_bottom .widget.widget_recent_comments ul li:before,
#page .widget.widget_recent_comments.pen_widget_dark ul li:before,
#pen_bottom .widget ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_dark ol.wp-block-latest-comments li:before {
color: rgba(120,120,120,0.2);
}
#pen_bottom .widget.widget_recent_comments ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_dark ul li:hover:before,
#pen_bottom .widget ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_dark ol.wp-block-latest-comments li:hover:before {
color: rgba(120,120,120,0.5);
}
#page .widget.widget_recent_comments.pen_widget_blue ul li:before,
#page .widget.widget_recent_comments.pen_widget_blue_deep ul li:before,
#page .widget.widget_recent_comments.pen_widget_crimson ul li:before,
#page .widget.widget_recent_comments.pen_widget_gray ul li:before,
#page .widget.widget_recent_comments.pen_widget_green ul li:before,
#page .widget.widget_recent_comments.pen_widget_lime ul li:before,
#page .widget.widget_recent_comments.pen_widget_orange ul li:before,
#page .widget.widget_recent_comments.pen_widget_pink ul li:before,
#page .widget.widget_recent_comments.pen_widget_purple ul li:before,
#page .widget.widget_recent_comments.pen_widget_red ul li:before,
#page .widget.widget_recent_comments.pen_widget_teal ul li:before,
#page .widget.widget_recent_comments.pen_widget_yellow ul li:before,
#page .widget.pen_widget_blue ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_blue_deep ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_crimson ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_gray ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_green ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_lime ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_orange ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_pink ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_purple ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_red ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_teal ol.wp-block-latest-comments li:before,
#page .widget.pen_widget_yellow ol.wp-block-latest-comments li:before {
color: rgba(0,0,0,0.3);
}
#page .widget.widget_recent_comments.pen_widget_blue ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_blue_deep ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_crimson ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_lime ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_gray ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_green ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_orange ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_pink ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_purple ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_red ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_teal ul li:hover:before,
#page .widget.widget_recent_comments.pen_widget_yellow ul li:hover:before,
#page .widget.pen_widget_blue ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_blue_deep ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_crimson ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_lime ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_gray ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_green ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_orange ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_pink ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_purple ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_red ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_teal ol.wp-block-latest-comments li:hover:before,
#page .widget.pen_widget_yellow ol.wp-block-latest-comments li:hover:before {
color: rgba(0,0,0,0.5);
}
#page .widget.widget_recent_comments ul li:after,
#page .widget ol.wp-block-latest-comments li:after {
background: linear-gradient(90deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.05) 100%);
}
#page .widget.widget_recent_comments.pen_widget_dark ul li:after,
#page .widget.pen_widget_dark ol.wp-block-latest-comments li:after {
background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
}
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light {
background: rgba(20,20,20,0.95);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light label {
color: #fefefe;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_dark_mode #page .widget-area .widget_block.pen_widget_light h2 {
background: linear-gradient(125deg, #1f1f1f 0%, #303030 100%);
color: #fff;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light.pen_widget_light_flat .widget-title,
body.pen_dark_mode #page .widget-area .widget_block.pen_widget_light.pen_widget_light_flat h2 {
background: #0f0f0f;
}
body.pen_dark_mode.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_dark_mode.pen_drop_shadow #page .widget-area .widget_block.pen_widget_light h2 {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light .calendar_wrap a,
body.pen_dark_mode #page .widget-area .widget_block.pen_widget_light .wp-block-calendar a {
border-color: rgba(20,20,20,0.1);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea {
background: rgba(0,0,0,0.5);
border: 1px solid rgba(20,20,20,0.5);
color: #fff;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light .button,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input[type="button"],
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input[type="reset"],
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input[type="submit"],
body.pen_dark_mode #page .widget-area .widget_search.pen_widget_light form.search-form .search-submit,
body.pen_dark_mode #page .widget-area .widget_block.pen_widget_light form.wp-block-search .wp-block-search__button {
background: #0f0f0f;
border: 1px solid rgba(20,20,20,0.5);
color: #fff;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light option {
background: #0f0f0f;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input::-webkit-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select::-webkit-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea::-webkit-input-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input::-moz-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select::-moz-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea::-moz-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input:-ms-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select:-ms-input-placeholder,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea:-ms-input-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a {
color: #eee;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a:focus,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a:hover,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light a:active {
color: #fff;
}@media (prefers-color-scheme: dark) {
body {
background: #333;
}
#page {
color: #fff;
}
a,
a:focus,
a:hover,
a:active {
color: #005ce4;
}
body.pen_dark_mode a,
body.pen_dark_mode a:focus,
body.pen_dark_mode a:hover,
body.pen_dark_mode a:active {
color: #00a9ff;
}
a#pen_back {
background: #000;
color: #fff;
}
body.pen_drop_shadow a#pen_back {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
.screen-reader-shortcut:focus {
background: rgba(0,0,0,0.75);
}
body.pen_dark_mode .screen-reader-text:focus {
background-color: #333;
color: #00b0ff;
}
body.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.tag header.pen_content_header h1.pen_content_title:before {
background: linear-gradient(0deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.5) 100%);
}
body.pen_drop_shadow.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.author header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.category header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.date header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.search header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.tag header.pen_content_header h1.pen_content_title:before {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}
body.pen_dark_mode.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.tag header.pen_content_header h1.pen_content_title:before {
background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 100%);
color: rgba(255,255,255,0.25);
}
body.pen_dark_mode.pen_drop_shadow.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.tag header.pen_content_header h1.pen_content_title:before {
text-shadow: 0 1px 0 rgba(0,0,0,0.75);
}
}
body.pen_dark_mode a,
body.pen_dark_mode a:focus,
body.pen_dark_mode a:hover,
body.pen_dark_mode a:active {
color: #00a9ff;
}
body.pen_dark_mode .screen-reader-text:focus {
background-color: #333;
color: #00b0ff;
}
body.pen_dark_mode.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.tag header.pen_content_header h1.pen_content_title:before {
background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 100%);
color: rgba(255,255,255,0.25);
}
body.pen_dark_mode.pen_drop_shadow.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_list_header_icon.pen_drop_shadow.tag header.pen_content_header h1.pen_content_title:before {
text-shadow: 0 1px 0 rgba(0,0,0,0.75);
}
label#pen_dark_mode_toggle {
background: #333;
color: #fff;
cursor: pointer;
height: 50px;
position: fixed;
transition: background-color .3s, color .3s;
width: 55px;
z-index: 401;
}
body.is_customize_preview label#pen_dark_mode_toggle {
cursor: not-allowed;
}
body.pen_dark_mode label#pen_dark_mode_toggle {
background: #fff;
color: #333; }
label#pen_dark_mode_toggle:before {
content: "\f186"; font-family: "FontAwesome";
height: 24px;
font-size: 24px;
line-height: 1;
position: absolute;
text-align: center;
width: 40px;
}
body.pen_dark_mode label#pen_dark_mode_toggle:before {
content: "\f185"; }
body.pen_dark_mode_switch_top #pen_dark_mode_toggle {
left: 1rem;
top: -10px;
}
body.pen_dark_mode_switch_top label#pen_dark_mode_toggle:before {
left: 50%;
top: 18px;
transform: translateX(-50%);
}
body.pen_navigation_mobile_show.pen_dark_mode_switch_top #pen_dark_mode_toggle,
body.pen_navigation_mobile_show.pen_dark_mode_switch_top.pen_drop_shadow #pen_dark_mode_toggle {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.pen_dark_mode_switch_left label#pen_dark_mode_toggle,
body.pen_dark_mode_switch_right label#pen_dark_mode_toggle,
body.pen_dark_mode_switch_left label#pen_dark_mode_toggle:before,
body.pen_dark_mode_switch_right label#pen_dark_mode_toggle:before {
top: 50%;
transform: translateY(-50%);
}
body.pen_navigation_mobile_show.pen_dark_mode_switch_top #pen_dark_mode_toggle:before,
body.pen_navigation_mobile_show.pen_dark_mode_switch_top.pen_drop_shadow #pen_dark_mode_toggle:before {
top: 24px;
}
body.pen_dark_mode_switch_left #pen_dark_mode_toggle {
left: -10px;
}
body.pen_dark_mode_switch_left label#pen_dark_mode_toggle:before {
left: 10px;
}
body.pen_dark_mode_switch_right #pen_dark_mode_toggle {
right: -10px;
}
body.pen_dark_mode_switch_right label#pen_dark_mode_toggle:before {
right: 10px;
}
body.pen_drop_shadow #pen_dark_mode_toggle {
box-shadow: 0 0 15px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.25);
}
body.pen_round_corners.pen_dark_mode_switch_top #pen_dark_mode_toggle {
border-radius: 0 0 100px 100px;
}
body.pen_round_corners.pen_dark_mode_switch_left #pen_dark_mode_toggle {
border-radius: 0 100px 100px 0;
width: 50px;
}
body.pen_round_corners.pen_dark_mode_switch_right #pen_dark_mode_toggle {
border-radius: 100px 0 0 100px;
width: 50px;
}:root {
color-scheme: light dark;
supported-color-schemes: light dark;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
min-height: 100%;
}
body {
background: #333;
}
#page {
color: #fff;
}
a {
color: #005ce4;
text-decoration: none;
}
a,
a > span {
transition: color .2s;
}
a:focus,
a:hover,
a:active {
color: #005ce4;
text-decoration: underline;
}
#page .sidebar a,
#pen_bottom a,
#pen_footer a {
transition: background-color .2s, color .2s;
}
.wp-core-ui {
color: #333;
}
.clearfix:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix {
height: 1%;
}
*:first-child + html .clearfix {
min-height: 1%;
}
#page a:focus,
#page a:active,
#page input:focus,
#page input:active {
outline: none !important;
}
#pen_background_shards,
#pen_background_trianglify {
height: 100%;
left: 0;
min-height: 100vh;
min-width: 100vw;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
body.custom-background #pen_background_shards,
body.custom-background #pen_background_trianglify {
display: none;
}
body.pen_background_lights_dim.pen_has_background_effect:before,
body.pen_background_lights_dim.pen_has_background_image:before {
background: rgba(0,0,0,0.75) !important;
content: '';
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 2;
}
a#pen_back {
background: #000;
bottom: -0.5rem;
color: #fff;
opacity: 0.75;
padding: 0.5rem 1rem 1rem;
position: fixed;
right: 1rem;
transition: opacity .5s;
z-index: 400;
}
body.pen_drop_shadow a#pen_back {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
body.pen_round_corners a#pen_back {
border-radius: 100px 100px 0 0;
}
a#pen_back:before {
content: '\f102';
font-family: 'FontAwesome';
font-weight: normal;
}
a#pen_back:focus,
a#pen_back:hover,
a#pen_back:active {
opacity: 1;
outline: none;
text-decoration: none;
}
img#wpstats {
display: none;
}
.pen_element_hidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: polygon(0px 0px, 0px 0px, 0px 0px) !important;
-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.screen-reader-shortcut:focus {
background: rgba(0,0,0,0.75);
color: #fff;
left: 0;
top: 0;
width: 100%;
}
#page .mejs-controls div.mejs-time-rail {
max-width: 80%;
}
#page .mejs-controls a.mejs-horizontal-volume-slider {
width: auto;
}
#page h1.pen_content_title .pen_heading_main {
display: block;
font-size: 0.857em;
font-weight: normal;
opacity: 0.75;
}
body.error404 header.pen_content_header h1.pen_content_title,
body.author header.pen_content_header h1.pen_content_title,
body.category header.pen_content_header h1.pen_content_title,
body.date header.pen_content_header h1.pen_content_title,
body.search header.pen_content_header h1.pen_content_title,
body.tag header.pen_content_header h1.pen_content_title {
line-height: 1.1;
position: relative;
}
body.error404 header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.author header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.category header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.date header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.search header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.tag header.pen_content_header h1.pen_content_title {
padding-left: 105px !important;
}
body.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.tag header.pen_content_header h1.pen_content_title:before {
background: linear-gradient(0deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.5) 100%);
color: rgba(0,0,0,0.5);
font-family: 'FontAwesome';
font-size: 2rem;
font-weight: normal;
height: 78px;
left: 5px;
line-height: 1.5;
margin: 0 0.5rem 0 0;
padding: 15px 0;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 78px;
}
body.error404.pen_content_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.author.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.category.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.date.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.search.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.tag.pen_list_title_center header.pen_content_header h1.pen_content_title {
padding-left: 0 !important;
}
body.error404.pen_content_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.author.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.category.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.date.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.search.pen_list_title_center header.pen_content_header h1.pen_content_title,
body.pen_list_header_icon.tag.pen_list_title_center header.pen_content_header h1.pen_content_title {
padding-top: 105px !important;
}
body.error404.pen_content_title_center header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.author.pen_list_title_center header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.category.pen_list_title_center header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.date.pen_list_title_center header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.search.pen_list_title_center header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.tag.pen_list_title_center header.pen_content_header h1.pen_content_title:before {
left: 50%;
top: 0;
transform: translateX(-50%);
}
body.pen_drop_shadow.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.author header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.category header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.date header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.search header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_drop_shadow.tag header.pen_content_header h1.pen_content_title:before {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
text-shadow: 0 1px 0 rgba(255,255,255,0.25);
}
body.pen_round_corners.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_round_corners.author header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_round_corners.category header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_round_corners.date header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_round_corners.search header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.pen_round_corners.tag header.pen_content_header h1.pen_content_title:before {
border-radius: 10px;
}
body.error404 header.pen_content_header h1.pen_content_title:before {
content: '\f071';
}
body.pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before {
content: '\f007';
}
body.pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before {
content: '\f187';
}
body.pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before {
content: '\f073';
}
body.pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before {
content: '\f002';
}
body.pen_list_header_icon.tag header.pen_content_header h1.pen_content_title:before {
content: '\f02b';
}
#error-404-search input {
float: left;
width: auto;
}
body.error404 #primary.error-404 .pen_content_header,
body.search #primary.no-results .pen_content_header {
margin-bottom: 1rem;
}
body.error404 #primary.error-404 .pen_content,
body.search #primary.no-results .pen_content {
font-size: 1.5em;
min-height: 500px;
overflow: hidden;
position: relative;
}
body.error404 #primary.error-404 .pen_content:before,
body.search #primary.no-results .pen_content:before {
color: rgba(170,170,170,0.25);
font-family: 'FontAwesome';
font-size: 18em;
font-weight: normal;
line-height: 1;
position: absolute;
right: 10px;
top: 10px;
z-index: 0;
}
body.error404 #primary.error-404 .pen_content:before {
content: '\f071';
}
body.search #primary.no-results .pen_content:before {
content: '\f002';
}
#page .pen_warning_upgrade {
background: #a00000;
color: #fff;
float: left;
font-size: 1rem;
padding: 1rem;
width: 100%;
}
html.js #page .pen_warning_upgrade {
cursor: pointer;
left: 5%;
position: fixed;
top: 50%;
transform: translateY(-50%);
width: 90%;
z-index: 400;
}
html.js body.pen_drop_shadow #page .pen_warning_upgrade {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
html.js body.pen_round_corners #page .pen_warning_upgrade {
border-radius: 5px;
}
html.js #page .pen_warning_toggle {
background: #a00000 !important;
border: 0 none !important;
color: #fff;
cursor: pointer;
font-size: 1rem;
font-weight: bold;
line-height: 1.5;
position: absolute;
right: 2px;
top: 2px;
transition: opacity .3s;
z-index: 400;
}
@media only screen and (max-width:728px) {
body.error404 #primary.error-404 .pen_content,
body.search #primary.no-results .pen_content {
min-height: 250px;
}
body.error404 #primary.error-404 .pen_content:before,
body.search #primary.no-results .pen_content:before {
font-size: 10em;
}
}
@media only print {
body {
padding-top: 0 !important;
}
body.pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before,
body.pen_list_header_icon.tag header.pen_content_header h1.pen_content_title:before {
display: none;
}
#content {
height: auto !important;
min-height: none !important;
}
#content .pen_article {
float: left;
position: static !important;
width: 100%;
}
}