@charset "UTF-8";
@charset "UTF-8";
.irecommendthis {
padding-left: 2em; border: 0;
margin-bottom: 0.625em;
display: inline-block;
text-decoration: underline; text-underline-offset: 0.2em; min-height: 1.5em;
-webkit-box-shadow: none;
box-shadow: none;
color: initial;
position: relative;
line-height: 1.5;
height: 1.5em; font-weight: bold;
}
.irecommendthis::before {
content: '';
display: inline-block;
width: 1.5em; height: 1.5em; position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%); background-image: url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.08409 10.6629L10.3393 3.23907C10.79 2.21121 11.9999 1.68012 12.9811 2.2056C14.5081 3.0234 14.2018 3.78995 14.2018 8.60158H19.9659C21.2123 8.60158 22.1654 9.72766 21.9759 10.9763L20.568 20.2521C20.4154 21.2577 19.5618 22 18.558 22H7.08409M7.08409 10.6629V22M7.08409 10.6629H4.03364C2.91049 10.6629 2 11.5857 2 12.7242V19.9387C2 21.0771 2.91049 22 4.03364 22L7.08409 22" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease, filter 0.3s ease;
}
.irecommendthis:hover::before {
transform: scale(1.2) translateY(-50%);
filter: brightness(0) saturate(100%) invert(40%) sepia(61%) saturate(592%) hue-rotate(319deg) brightness(98%) contrast(100%); }
.irecommendthis.active::before {
transform: scale(1) translateY(-50%);
filter: brightness(0) saturate(100%) invert(40%) sepia(61%) saturate(592%) hue-rotate(319deg) brightness(98%) contrast(100%); }
.irecommendthis:hover,
.irecommendthis.active {
color: #F56559 !important;
border: 0;
padding-left: 2em;
text-decoration: underline;
text-underline-offset: 0.2em;
font-weight: bold;
}.sigijh_animateMe {    
background-size: 200% auto; 
background-image: linear-gradient(to right,rgba(0,0,0,0) 50%,#ff0 50%);
background-position: 0% 0;
animation-name: sigijh_highlight;
animation-duration: 0.5s;
animation-delay: 0;
animation-iteration-count: 1;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
@keyframes sigijh_highlight {
from {background-position: 0% 0;}
to {background-position: -100% 0;}
}.readingProgressbar {
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 9999999;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
}@media only screen and (max-width: 799px){.ub-hide-on-mobile{display:none}}@media only screen and (min-width: 800px)and (max-width: 1023px){.ub-hide-on-tablet{display:none}}@media only screen and (min-width: 1024px){.ub-hide-on-desktop{display:none}}.virp-ul {
list-style: none;
}
.virp-li {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.virp-more-link{
font-size: 14px;
}
.virp-clear{ clear:both;}
.virp-meta{ font-size: 12px;}@font-face {
font-family: 'FontAwesome';
src: url(//stevepalmertheblogger.com/wp-content/plugins/vi-random-posts-widget/fonts/fontawesome-webfont.eot?v=4.2.0);
src: url(//stevepalmertheblogger.com/wp-content/plugins/vi-random-posts-widget/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0) format('embedded-opentype'), url(//stevepalmertheblogger.com/wp-content/plugins/vi-random-posts-widget/fonts/fontawesome-webfont.woff?v=4.2.0) format('woff'), url(//stevepalmertheblogger.com/wp-content/plugins/vi-random-posts-widget/fonts/fontawesome-webfont.ttf?v=4.2.0) format('truetype'), url(//stevepalmertheblogger.com/wp-content/plugins/vi-random-posts-widget/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
} .fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
@media not (prefers-reduced-motion){.components-animate__appear{animation:components-animate__appear-animation .1s cubic-bezier(0,0,.2,1) 0s;animation-fill-mode:forwards}}.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{transform-origin:top left}.components-animate__appear.is-from-top.is-from-right{transform-origin:top right}.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{transform-origin:bottom left}.components-animate__appear.is-from-bottom.is-from-right{transform-origin:bottom right}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}@media not (prefers-reduced-motion){.components-animate__slide-in{animation:components-animate__slide-in-animation .1s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}.components-animate__slide-in.is-from-left{transform:translateX(100%)}.components-animate__slide-in.is-from-right{transform:translateX(-100%)}}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}@media not (prefers-reduced-motion){.components-animate__loading{animation:components-animate__loading 1.6s ease-in-out infinite}}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.components-autocomplete__popover .components-popover__content{min-width:200px;padding:8px}.components-autocomplete__result.components-button{display:flex;height:auto;min-height:36px;text-align:left;width:100%}.components-autocomplete__result.components-button:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid #0000}.components-badge{box-sizing:border-box}.components-badge *,.components-badge :after,.components-badge :before{box-sizing:inherit}.components-badge{background-color:color-mix(in srgb,#fff 90%,var(--base-color));border-radius:2px;color:color-mix(in srgb,#000 50%,var(--base-color));display:inline-block;line-height:0;max-width:100%;min-height:24px;padding:2px 8px}.components-badge:where(.is-default){background-color:#f0f0f0;color:#2f2f2f}.components-badge.has-icon{padding-inline-start:4px}.components-badge.is-info{--base-color:#3858e9}.components-badge.is-warning{--base-color:#f0b849}.components-badge.is-error{--base-color:#cc1818}.components-badge.is-success{--base-color:#4ab866}.components-badge__flex-wrapper{align-items:center;display:inline-flex;font-size:12px;font-weight:400;gap:2px;line-height:20px;max-width:100%}.components-badge__icon{flex-shrink:0}.components-badge__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.components-button-group{display:inline-block}.components-button-group .components-button{border-radius:0;box-shadow:inset 0 0 0 1px #1e1e1e;color:#1e1e1e;display:inline-flex}.components-button-group .components-button+.components-button{margin-left:-1px}.components-button-group .components-button:first-child{border-radius:2px 0 0 2px}.components-button-group .components-button:last-child{border-radius:0 2px 2px 0}.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-primary{box-shadow:inset 0 0 0 1px #1e1e1e}.components-button{-webkit-appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;margin:0;text-decoration:none}@media not (prefers-reduced-motion){.components-button{transition:box-shadow .1s linear}}.components-button{align-items:center;border-radius:2px;box-sizing:border-box;color:var(--wp-components-color-foreground,#1e1e1e);height:36px;padding:6px 12px}.components-button.is-next-40px-default-size{height:40px}.components-button:hover:not(:disabled,[aria-disabled=true]),.components-button[aria-expanded=true]{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:3px solid #0000}.components-button.is-primary{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:var(--wp-components-color-accent-inverted,#fff);outline:1px solid #0000;text-decoration:none;text-shadow:none;white-space:nowrap}.components-button.is-primary:hover:not(:disabled){background:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:active:not(:disabled){background:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6));border-color:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:#fff6;outline:none}.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 33%,var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6)) 33%,var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6)) 70%,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 70%);background-size:100px 100%;border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:var(--wp-components-color-accent-inverted,#fff)}.components-button.is-secondary,.components-button.is-tertiary{outline:1px solid #0000}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){box-shadow:none}.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{background:#0000;color:#949494;transform:none}.components-button.is-secondary{background:#0000;box-shadow:inset 0 0 0 1px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)),0 0 0 currentColor;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:1px solid #0000;white-space:nowrap}.components-button.is-secondary:hover:not(:disabled,[aria-disabled=true],.is-pressed){background:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 4%,#0000);box-shadow:inset 0 0 0 1px var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6));color:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6))}.components-button.is-secondary:disabled:not(:focus),.components-button.is-secondary[aria-disabled=true]:hover:not(:focus),.components-button.is-secondary[aria-disabled=true]:not(:focus){box-shadow:inset 0 0 0 1px #ddd}.components-button.is-secondary:focus:not(:disabled){box-shadow:0 0 0 currentColor inset,0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-button.is-tertiary{background:#0000;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));white-space:nowrap}.components-button.is-tertiary:hover:not(:disabled,[aria-disabled=true],.is-pressed){background:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 4%,#0000);color:var(--wp-components-color-accent-darker-20,var(--wp-admin-theme-color-darker-20,#183ad6))}.components-button.is-tertiary:active:not(:disabled,[aria-disabled=true]){background:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 8%,#0000)}p+.components-button.is-tertiary{margin-left:-6px}.components-button.is-tertiary:disabled:not(:focus),.components-button.is-tertiary[aria-disabled=true]:hover:not(:focus),.components-button.is-tertiary[aria-disabled=true]:not(:focus){box-shadow:none;outline:none}.components-button.is-destructive{--wp-components-color-accent:#cc1818;--wp-components-color-accent-darker-10:#9e1313;--wp-components-color-accent-darker-20:#710d0d}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link){color:#cc1818}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):hover:not(:disabled,[aria-disabled=true]){color:#710d0d}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #cc1818}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):active:not(:disabled,[aria-disabled=true]){background:#ccc}.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled,.components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true]{color:#949494}.components-button.is-destructive.is-secondary:hover:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:hover:not(:disabled,[aria-disabled=true]){background:#cc18180a}.components-button.is-destructive.is-secondary:active:not(:disabled,[aria-disabled=true]),.components-button.is-destructive.is-tertiary:active:not(:disabled,[aria-disabled=true]){background:#cc181814}.components-button.is-link{background:none;border:0;border-radius:0;box-shadow:none;color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));margin:0;outline:none;padding:0;text-align:left;text-decoration:underline}@media not (prefers-reduced-motion){.components-button.is-link{transition-duration:.05s;transition-property:border,background,color;transition-timing-function:ease-in-out}}.components-button.is-link{height:auto}.components-button.is-link:focus{border-radius:2px}.components-button.is-link:disabled,.components-button.is-link[aria-disabled=true]{color:#949494}.components-button:not(:disabled,[aria-disabled=true]):active{color:var(--wp-components-color-foreground,#1e1e1e)}.components-button:disabled,.components-button[aria-disabled=true]{color:#949494;cursor:default}@media not (prefers-reduced-motion){.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{animation:components-button__busy-animation 2.5s linear infinite}}.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{background-image:linear-gradient(-45deg,#fafafa 33%,#e0e0e0 0,#e0e0e0 70%,#fafafa 0);background-size:100px 100%}.components-button.is-compact{height:32px}.components-button.is-compact.has-icon:not(.has-text){min-width:32px;padding:0}.components-button.is-small{font-size:11px;height:24px;line-height:22px;padding:0 8px}.components-button.is-small.has-icon:not(.has-text){min-width:24px;padding:0}.components-button.has-icon{justify-content:center;min-width:36px;padding:6px}.components-button.has-icon.is-next-40px-default-size{min-width:40px}.components-button.has-icon .dashicon{align-items:center;box-sizing:initial;display:inline-flex;justify-content:center;padding:2px}.components-button.has-icon.has-text{gap:4px;justify-content:start;padding-left:8px;padding-right:12px}.components-button.has-icon.has-text.has-icon-right{padding-left:12px;padding-right:8px}.components-button.is-pressed,.components-button.is-pressed:hover{color:var(--wp-components-color-foreground-inverted,#fff)}.components-button.is-pressed:hover:not(:disabled,[aria-disabled=true]),.components-button.is-pressed:not(:disabled,[aria-disabled=true]){background:var(--wp-components-color-foreground,#1e1e1e)}.components-button.is-pressed:disabled,.components-button.is-pressed[aria-disabled=true]{color:#949494}.components-button.is-pressed:disabled:not(.is-primary):not(.is-secondary):not(.is-tertiary),.components-button.is-pressed[aria-disabled=true]:not(.is-primary):not(.is-secondary):not(.is-tertiary){background:#949494;color:var(--wp-components-color-foreground-inverted,#fff)}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px var(--wp-components-color-background,#fff),0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-button svg{fill:currentColor;outline:none}@media (forced-colors:active){.components-button svg{fill:CanvasText}}.components-button .components-visually-hidden{height:auto}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-calendar{background-color:var(--wp-components-color-background,#fff);color:var(--wp-components-color-foreground,#1e1e1e);display:inline-block;font-size:13px;font-weight:400;position:relative;z-index:0}.components-calendar,.components-calendar *,.components-calendar :after,.components-calendar :before{box-sizing:border-box}.components-calendar__day{padding:0;position:relative}.components-calendar__day:has(.components-calendar__day-button:disabled){color:var(--wp-components-color-gray-600,#949494)}.components-calendar__day:has(.components-calendar__day-button:focus-visible),.components-calendar__day:has(.components-calendar__day-button:hover:not(:disabled)){color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-calendar__day-button{align-items:center;background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:flex;font:inherit;font-variant-numeric:tabular-nums;height:32px;justify-content:center;margin:0;padding:0;position:relative;width:32px}.components-calendar__day-button:before{border:none;border-radius:2px;content:"";inset:0;position:absolute;z-index:-1}.components-calendar__day-button:after{content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.components-calendar__day-button:disabled{cursor:revert}@media (forced-colors:active){.components-calendar__day-button:disabled{text-decoration:line-through}}.components-calendar__day-button:focus-visible{outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline-offset:1px}.components-calendar__caption-label{align-items:center;border:0;display:inline-flex;position:relative;text-transform:capitalize;white-space:nowrap;z-index:1}.components-calendar__button-next,.components-calendar__button-previous{align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:2px;color:inherit;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:0;padding:0;position:relative;width:32px}.components-calendar__button-next:disabled,.components-calendar__button-next[aria-disabled=true],.components-calendar__button-previous:disabled,.components-calendar__button-previous[aria-disabled=true]{color:var(--wp-components-color-gray-600,#949494);cursor:revert}.components-calendar__button-next:focus-visible,.components-calendar__button-previous:focus-visible{outline:var(--wp-admin-border-width-focus) solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-calendar__chevron{display:inline-block;fill:currentColor;height:16px;width:16px}.components-calendar[dir=rtl] .components-calendar__nav .components-calendar__chevron{transform:rotate(180deg);transform-origin:50%}.components-calendar__month-caption{align-content:center;display:flex;height:32px;justify-content:center;margin-bottom:12px}.components-calendar__months{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:fit-content;position:relative}.components-calendar__month-grid{border-collapse:initial;border-spacing:0 4px}.components-calendar__nav{align-items:center;display:flex;height:32px;inset-block-start:0;inset-inline-end:0;inset-inline-start:0;justify-content:space-between;position:absolute}.components-calendar__weekday{color:var(--wp-components-color-gray-700,#757575);height:32px;padding:0;text-align:center;text-transform:uppercase;width:32px}.components-calendar__day--today:after{border:2px solid;border-radius:50%;content:"";height:0;inset-block-start:2px;inset-inline-end:2px;position:absolute;width:0;z-index:1}.components-calendar__day--selected:not(.components-calendar__range-middle):has(.components-calendar__day-button,.components-calendar__day-button:hover:not(:disabled)){color:var(--wp-components-color-foreground-inverted,#fff)}.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:before{background-color:var(--wp-components-color-foreground,#1e1e1e);border:1px solid #0000}.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:disabled:before{background-color:var(--wp-components-color-gray-600,#949494)}.components-calendar__day--selected:not(.components-calendar__range-middle) .components-calendar__day-button:hover:not(:disabled):before{background-color:var(--wp-components-color-gray-800,#2f2f2f)}.components-calendar__day--hidden{visibility:hidden}.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button,.components-calendar__range-start:not(.components-calendar__range-end) .components-calendar__day-button:before{border-end-end-radius:0;border-start-end-radius:0}.components-calendar__range-middle .components-calendar__day-button:before{background-color:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 4%,#0000);border-color:#0000;border-radius:0;border-style:solid;border-width:1px 0}.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button,.components-calendar__range-end:not(.components-calendar__range-start) .components-calendar__day-button:before{border-end-start-radius:0;border-start-start-radius:0}.components-calendar__day--preview svg{color:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 16%,#0000);inset:0;pointer-events:none;position:absolute}@media (forced-colors:active){.components-calendar__day--preview svg{color:inherit}}.components-calendar[dir=rtl] .components-calendar__day--preview svg{transform:scaleX(-1)}.components-calendar__day--preview.components-calendar__range-middle .components-calendar__day-button:before{border:none}@keyframes slide-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{animation-duration:0s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media not (prefers-reduced-motion){.components-calendar__caption-after-enter,.components-calendar__caption-after-exit,.components-calendar__caption-before-enter,.components-calendar__caption-before-exit,.components-calendar__weeks-after-enter,.components-calendar__weeks-after-exit,.components-calendar__weeks-before-enter,.components-calendar__weeks-before-exit{animation-duration:.3s}}.components-calendar[dir=rtl] .components-calendar__weeks-after-enter,.components-calendar__weeks-before-enter{animation-name:slide-in-left}.components-calendar[dir=rtl] .components-calendar__weeks-after-exit,.components-calendar__weeks-before-exit{animation-name:slide-out-left}.components-calendar[dir=rtl] .components-calendar__weeks-before-enter,.components-calendar__weeks-after-enter{animation-name:slide-in-right}.components-calendar[dir=rtl] .components-calendar__weeks-before-exit,.components-calendar__weeks-after-exit{animation-name:slide-out-right}.components-calendar__caption-after-enter{animation-name:fade-in}.components-calendar__caption-after-exit{animation-name:fade-out}.components-calendar__caption-before-enter{animation-name:fade-in}.components-calendar__caption-before-exit{animation-name:fade-out}.components-checkbox-control{--checkbox-input-size:24px}@media (min-width:600px){.components-checkbox-control{--checkbox-input-size:16px}}.components-checkbox-control{--checkbox-input-margin:8px}.components-checkbox-control__label{cursor:pointer;line-height:var(--checkbox-input-size)}.components-checkbox-control__input[type=checkbox]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;margin-right:12px;padding:6px 8px;transition:none}@media not (prefers-reduced-motion){.components-checkbox-control__input[type=checkbox]{transition:box-shadow .1s linear}}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{font-size:13px;line-height:normal}}.components-checkbox-control__input[type=checkbox]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{color:#1e1e1e9e}.components-checkbox-control__input[type=checkbox]::-moz-placeholder{color:#1e1e1e9e}.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{color:#1e1e1e9e}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{color:#fff;margin:-3px -5px}@media (min-width:782px){.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-4px 0 0 -5px}}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{content:"\f460";display:inline-block;float:left;font:normal 30px/1 dashicons;vertical-align:middle;width:16px;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:782px){.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{float:none;font-size:21px}}.components-checkbox-control__input[type=checkbox]:disabled,.components-checkbox-control__input[type=checkbox][aria-disabled=true]{background:#f0f0f0;border-color:#ddd;cursor:default;opacity:1}.components-checkbox-control__input[type=checkbox]{appearance:none;background:#fff;clear:none;color:#1e1e1e;cursor:pointer;display:inline-block;height:var(--checkbox-input-size);line-height:0;margin:0 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:top;width:var(--checkbox-input-size)}@media not (prefers-reduced-motion){.components-checkbox-control__input[type=checkbox]{transition:border-color .1s ease-in-out}}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);outline:2px solid #0000;outline-offset:2px}.components-checkbox-control__input[type=checkbox]:checked,.components-checkbox-control__input[type=checkbox]:indeterminate{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-checkbox-control__input[type=checkbox]:checked::-ms-check,.components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before{content:none}.components-checkbox-control__input-container{aspect-ratio:1;display:inline-block;flex-shrink:0;line-height:1;margin-right:var(--checkbox-input-margin);position:relative;vertical-align:middle;width:var(--checkbox-input-size)}svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{--checkmark-size:var(--checkbox-input-size);fill:#fff;cursor:pointer;height:var(--checkmark-size);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:var(--checkmark-size)}@media (min-width:600px){svg.components-checkbox-control__checked,svg.components-checkbox-control__indeterminate{--checkmark-size:calc(var(--checkbox-input-size) + 4px)}}.components-checkbox-control__help{display:inline-block;margin-inline-start:calc(var(--checkbox-input-size) + var(--checkbox-input-margin))}.components-circular-option-picker{display:inline-block;min-width:188px;width:100%}.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{display:flex;justify-content:flex-end;margin-top:12px}.components-circular-option-picker .components-circular-option-picker__swatches{display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1}.components-circular-option-picker>:not(.components-circular-option-picker__swatches){position:relative;z-index:0}.components-circular-option-picker__option-wrapper{display:inline-block;height:28px;transform:scale(1);vertical-align:top;width:28px}@media not (prefers-reduced-motion){.components-circular-option-picker__option-wrapper{transition:transform .1s ease;will-change:transform}}.components-circular-option-picker__option-wrapper:hover{transform:scale(1.2)}.components-circular-option-picker__option-wrapper>div{height:100%;width:100%}.components-circular-option-picker__option-wrapper:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none'%3E%3Cpath fill='%23555d65' d='M6 8V6H4v2zm2 0V6h2v2zm2 8H8v-2h2zm2 0v-2h2v2zm0 2v-2h-2v2H8v2h2v-2zm2 0v2h-2v-2zm2 0h-2v-2h2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2zm-2-4v-2h2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' d='M18 18v2h-2v-2z'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2zm0 2v-2H6v2zm2 0v-2h2v2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2z' clip-rule='evenodd'/%3E%3Cpath fill='%23555d65' fill-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4zm0 4V2H2v2zm2 0V2h2v2zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2z' clip-rule='evenodd'/%3E%3C/svg%3E");border-radius:50%;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.components-circular-option-picker__option{aspect-ratio:1;background:#0000;border:none;border-radius:50%;box-shadow:inset 0 0 0 14px;display:inline-block;height:100%!important;vertical-align:top}@media not (prefers-reduced-motion){.components-circular-option-picker__option{transition:box-shadow .1s ease}}.components-circular-option-picker__option{cursor:pointer}.components-circular-option-picker__option:hover{box-shadow:inset 0 0 0 14px!important}.components-circular-option-picker__option[aria-pressed=true],.components-circular-option-picker__option[aria-selected=true]{box-shadow:inset 0 0 0 4px;overflow:visible;position:relative;z-index:1}.components-circular-option-picker__option[aria-pressed=true]+svg,.components-circular-option-picker__option[aria-selected=true]+svg{border-radius:50%;left:2px;pointer-events:none;position:absolute;top:2px;z-index:2}.components-circular-option-picker__option:after{border:1px solid #0000;border-radius:50%;bottom:-1px;box-shadow:inset 0 0 0 1px #0003;box-sizing:inherit;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.components-circular-option-picker__option:focus:after{border:2px solid #757575;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;content:"";height:calc(100% + 4px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + 4px)}.components-circular-option-picker__option.components-button:focus{background-color:initial;box-shadow:inset 0 0 0 14px;outline:none}.components-circular-option-picker__button-action .components-circular-option-picker__option{background:#fff;color:#fff}.components-circular-option-picker__dropdown-link-action{margin-right:16px}.components-circular-option-picker__dropdown-link-action .components-button{line-height:22px}.components-palette-edit__popover-gradient-picker{padding:8px;width:260px}.components-dropdown-menu__menu .components-palette-edit__menu-button{width:100%}.component-color-indicator{background:#fff linear-gradient(-45deg,#0000 48%,#ddd 0,#ddd 52%,#0000 0);border-radius:50%;box-shadow:inset 0 0 0 1px #0003;display:inline-block;height:20px;padding:0;width:20px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{background:var(--wp-components-color-background,#fff);border:none;box-shadow:none;color:var(--wp-components-color-foreground,#1e1e1e);font-family:inherit;font-size:16px;line-height:inherit;margin:0;min-height:auto;padding:2px;width:100%}@media (min-width:600px){input.components-combobox-control__input[type=text]{font-size:13px}}input.components-combobox-control__input[type=text]:focus{box-shadow:none;outline:none}.components-combobox-control__suggestions-container{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px}@media not (prefers-reduced-motion){.components-combobox-control__suggestions-container{transition:box-shadow .1s linear}}@media (min-width:600px){.components-combobox-control__suggestions-container{font-size:13px;line-height:normal}}.components-combobox-control__suggestions-container:focus{border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-combobox-control__suggestions-container::-webkit-input-placeholder{color:#1e1e1e9e}.components-combobox-control__suggestions-container::-moz-placeholder{color:#1e1e1e9e}.components-combobox-control__suggestions-container:-ms-input-placeholder{color:#1e1e1e9e}.components-combobox-control__suggestions-container{align-items:flex-start;display:flex;flex-wrap:wrap;padding:0;width:100%}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-combobox-control__suggestions-container .components-spinner{margin:0}.components-color-palette__custom-color-wrapper{position:relative;z-index:0}.components-color-palette__custom-color-button{background:none;border:none;border-radius:4px 4px 0 0;box-shadow:inset 0 0 0 1px #0003;box-sizing:border-box;cursor:pointer;height:64px;outline:1px solid #0000;position:relative;width:100%}.components-color-palette__custom-color-button:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline-width:2px}.components-color-palette__custom-color-button:after{background-image:repeating-linear-gradient(45deg,#e0e0e0 25%,#0000 0,#0000 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,#0000 0,#0000 75%,#e0e0e0 0,#e0e0e0);background-position:0 0,24px 24px;background-size:48px 48px;border-radius:3px 3px 0 0;content:"";inset:1px;position:absolute;z-index:-1}.components-color-palette__custom-color-text-wrapper{border-radius:0 0 4px 4px;box-shadow:inset 0 -1px 0 0 #0003,inset 1px 0 0 0 #0003,inset -1px 0 0 0 #0003;font-size:13px;padding:12px 16px;position:relative}.components-color-palette__custom-color-name{color:var(--wp-components-color-foreground,#1e1e1e);margin:0 1px}.components-color-palette__custom-color-value{color:#757575}.components-color-palette__custom-color-value--is-hex{text-transform:uppercase}.components-color-palette__custom-color-value:empty:after{content:"​";visibility:hidden}.components-custom-gradient-picker__gradient-bar{border-radius:2px;height:48px;position:relative;width:100%;z-index:1}.components-custom-gradient-picker__gradient-bar.has-gradient{background-image:repeating-linear-gradient(45deg,#e0e0e0 25%,#0000 0,#0000 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,#0000 0,#0000 75%,#e0e0e0 0,#e0e0e0);background-position:0 0,12px 12px;background-size:24px 24px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__gradient-bar-background{inset:0;position:absolute}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{margin-left:auto;margin-right:auto;position:relative;width:calc(100% - 48px)}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-dropdown{display:flex;height:16px;position:absolute;top:16px;width:16px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown{background:#fff;border-radius:50%;color:#1e1e1e;height:inherit;min-width:16px!important;padding:2px;position:relative;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg{height:100%;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 2px 0 #00000040;height:inherit;outline:2px solid #0000;padding:0;width:inherit}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{box-shadow:inset 0 0 0 calc(var(--wp-admin-border-width-focus)*2) #fff,0 0 2px 0 #00000040;outline:1.5px solid #0000}.components-custom-gradient-picker__remove-control-point-wrapper{padding-bottom:8px}.components-custom-gradient-picker__inserter{direction:ltr}.components-custom-gradient-picker__liner-gradient-indicator{display:inline-block;flex:0 auto;height:20px;width:20px}.components-custom-gradient-picker__ui-line{position:relative;z-index:0}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}.components-draggable__invisible-drag-image{height:50px;left:-1000px;position:fixed;width:50px}.components-draggable__clone{background:#0000;padding:0;pointer-events:none;position:fixed;z-index:1000000000}.components-drop-zone{border-radius:2px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;visibility:hidden;z-index:40}.components-drop-zone.is-active{opacity:1;visibility:visible}.components-drop-zone .components-drop-zone__content{align-items:center;background-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));bottom:0;color:#fff;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:50}.components-drop-zone .components-drop-zone__content-inner{opacity:0;transform:scale(.9)}.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{opacity:1}@media not (prefers-reduced-motion){.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content{transition:opacity .2s ease-in-out}}.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{opacity:1;transform:scale(1)}@media not (prefers-reduced-motion){.components-drop-zone.is-active.is-dragging-over-element .components-drop-zone__content-inner{transition:opacity .1s ease-in-out .1s,transform .1s ease-in-out .1s}}.components-drop-zone__content-icon,.components-drop-zone__content-text{display:block}.components-drop-zone__content-icon{line-height:0;margin:0 auto 8px;fill:currentColor;pointer-events:none}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-dropdown{display:inline-block}.components-dropdown__content .components-popover__content{padding:8px}.components-dropdown__content .components-popover__content:has(.components-menu-group){padding:0}.components-dropdown__content .components-popover__content:has(.components-menu-group) .components-dropdown-menu__menu>.components-menu-item__button,.components-dropdown__content .components-popover__content:has(.components-menu-group)>.components-menu-item__button{margin:8px;width:auto}.components-dropdown__content [role=menuitem]{white-space:nowrap}.components-dropdown__content .components-menu-group{padding:8px}.components-dropdown__content .components-menu-group+.components-menu-group{border-top:1px solid #ccc;padding:8px}.components-dropdown__content.is-alternate .components-menu-group+.components-menu-group{border-color:#1e1e1e}.components-dropdown-menu__toggle{vertical-align:top}.components-dropdown-menu__menu{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{cursor:pointer;outline:none;padding:6px;white-space:nowrap;width:100%}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{margin-top:6px;overflow:visible;position:relative}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{background-color:#ddd;box-sizing:initial;content:"";display:block;height:1px;left:0;position:absolute;right:0;top:-3px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active .dashicon,.components-dropdown-menu__menu .components-menu-item.is-active svg{background:#1e1e1e;border-radius:1px;box-shadow:0 0 0 1px #1e1e1e;color:#fff}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,.components-dropdown-menu__menu .components-menu-item.is-icon-only{width:auto}.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{height:auto;min-height:40px;padding-left:8px;padding-right:8px;text-align:left}.components-duotone-picker__color-indicator:before{background:#0000}.components-duotone-picker__color-indicator>.components-button,.components-duotone-picker__color-indicator>.components-button.is-pressed:hover:not(:disabled){background:linear-gradient(-45deg,#0000 48%,#ddd 0,#ddd 52%,#0000 0);color:#0000}.components-duotone-picker__color-indicator>.components-button:hover:not(:disabled):not([aria-disabled=true]),.components-duotone-picker__color-indicator>.components-button:not([aria-disabled=true]):active{color:#0000}.components-color-list-picker,.components-color-list-picker__swatch-button{width:100%}.components-color-list-picker__color-picker{margin:8px 0}.components-color-list-picker__swatch-color{margin:2px}.components-external-link{text-decoration:none}.components-external-link__contents{text-decoration:underline}.components-external-link__icon{font-weight:400;margin-left:.5ch}.components-form-toggle{display:inline-block;height:16px;position:relative}.components-form-toggle .components-form-toggle__track{background-color:#fff;border:1px solid #949494;border-radius:8px;box-sizing:border-box;content:"";display:inline-block;height:16px;position:relative;vertical-align:top;width:32px}@media not (prefers-reduced-motion){.components-form-toggle .components-form-toggle__track{transition:background-color .2s ease,border-color .2s ease}}.components-form-toggle .components-form-toggle__track{overflow:hidden}.components-form-toggle .components-form-toggle__track:after{border-top:16px solid #0000;box-sizing:border-box;content:"";inset:0;position:absolute}@media not (prefers-reduced-motion){.components-form-toggle .components-form-toggle__track:after{transition:opacity .2s ease}}.components-form-toggle .components-form-toggle__track:after{opacity:0}.components-form-toggle .components-form-toggle__thumb{border-radius:50%;box-sizing:border-box;display:block;height:12px;left:2px;position:absolute;top:2px;width:12px}@media not (prefers-reduced-motion){.components-form-toggle .components-form-toggle__thumb{transition:transform .2s ease,background-color .2s ease-out}}.components-form-toggle .components-form-toggle__thumb{background-color:#1e1e1e;border:6px solid #0000;box-shadow:0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003}.components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-form-toggle.is-checked .components-form-toggle__track:after{opacity:1}.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000;outline-offset:2px}.components-form-toggle.is-checked .components-form-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(16px)}.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{opacity:.3}.components-form-toggle input.components-form-toggle__input[type=checkbox]{border:none;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{content:""}.components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled,[aria-disabled=true]){cursor:pointer}.components-form-token-field__input-container{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px}@media not (prefers-reduced-motion){.components-form-token-field__input-container{transition:box-shadow .1s linear}}@media (min-width:600px){.components-form-token-field__input-container{font-size:13px;line-height:normal}}.components-form-token-field__input-container:focus{border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-form-token-field__input-container::-webkit-input-placeholder{color:#1e1e1e9e}.components-form-token-field__input-container::-moz-placeholder{color:#1e1e1e9e}.components-form-token-field__input-container:-ms-input-placeholder{color:#1e1e1e9e}.components-form-token-field__input-container{cursor:text;padding:0;width:100%}.components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.components-form-token-field__input-container.is-active{border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-form-token-field__input-container input[type=text].components-form-token-field__input{background:inherit;border:0;box-shadow:none;color:var(--wp-components-color-foreground,#1e1e1e);display:inline-block;flex:1;font-family:inherit;font-size:16px;margin-left:4px;max-width:100%;min-height:24px;min-width:50px;padding:0;width:100%}@media (min-width:600px){.components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{box-shadow:none;outline:none}.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.components-form-token-field__token{color:#1e1e1e;display:flex;font-size:13px;max-width:100%}.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.components-form-token-field__token.is-borderless{padding:0 24px 0 0;position:relative}.components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:#0000}.components-form-token-field__token.is-borderless:not(.is-disabled) .components-form-token-field__token-text{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:#0000;color:#757575;position:absolute;right:0;top:1px}.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{color:#cc1818;padding:0 4px 0 6px}.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{background:#ddd;display:inline-block;height:auto;min-width:unset}@media not (prefers-reduced-motion){.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{transition:all .2s cubic-bezier(.4,1,.4,1)}}.components-form-token-field__token-text{border-radius:1px 0 0 1px;line-height:24px;overflow:hidden;padding:0 0 0 8px;text-overflow:ellipsis;white-space:nowrap}.components-form-token-field__remove-token.components-button{border-radius:0 1px 1px 0;color:#1e1e1e;line-height:10px;overflow:initial}.components-form-token-field__remove-token.components-button:hover:not(:disabled){color:#1e1e1e}.components-form-token-field__suggestions-list{flex:1 0 100%;max-height:128px;min-width:100%;overflow-y:auto}@media not (prefers-reduced-motion){.components-form-token-field__suggestions-list{transition:all .15s ease-in-out}}.components-form-token-field__suggestions-list{box-shadow:inset 0 1px 0 0 #949494;list-style:none;margin:0;padding:0}.components-form-token-field__suggestion{box-sizing:border-box;color:var(--wp-components-color-foreground,#1e1e1e);display:block;font-size:13px;margin:0;min-height:32px;padding:8px 12px}.components-form-token-field__suggestion.is-selected{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:var(--wp-components-color-foreground-inverted,#fff)}.components-form-token-field__suggestion[aria-disabled=true]{color:#949494;pointer-events:none}.components-form-token-field__suggestion[aria-disabled=true].is-selected{background:color-mix(in srgb,var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)) 4%,#0000)}.components-form-token-field__suggestion:not(.is-empty){cursor:pointer}@media (min-width:600px){.components-guide{width:600px}}.components-guide .components-modal__content{margin-top:0;padding:0}.components-guide .components-modal__content:before{content:none}.components-guide .components-modal__header{border-bottom:none;height:64px;padding:0;position:sticky}.components-guide .components-modal__header .components-button{align-self:flex-start;margin:8px 8px 0 0;position:static}.components-guide .components-modal__header .components-button:hover svg{fill:#fff}.components-guide .components-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-64px;min-height:100%}.components-guide .components-guide__page{display:flex;flex-direction:column;justify-content:center;position:relative}@media (min-width:600px){.components-guide .components-guide__page{min-height:300px}}.components-guide .components-guide__footer{align-content:center;display:flex;height:36px;justify-content:center;margin:0 0 24px;padding:0 32px;position:relative;width:100%}.components-guide .components-guide__page-control{margin:0;text-align:center}.components-guide .components-guide__page-control li{display:inline-block;margin:0}.components-guide .components-guide__page-control .components-button{color:#e0e0e0;margin:-6px 0}.components-guide .components-guide__page-control li[aria-current=step] .components-button{color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-modal__frame.components-guide{border:none;max-height:575px;min-width:312px}@media (max-width:600px){.components-modal__frame.components-guide{margin:auto;max-width:calc(100vw - 32px)}}.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{position:absolute}.components-button.components-guide__back-button{left:32px}.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{right:32px}[role=region]{position:relative}.is-focusing-regions [role=region]:focus:after,[role=region].interface-interface-skeleton__content:focus-visible:after{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1000000}.is-focusing-regions .editor-post-publish-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,.is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,.is-focusing-regions [role=region]:focus:after,.is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,[role=region].interface-interface-skeleton__content:focus-visible:after{outline-color:var(--wp-admin-theme-color);outline-offset:calc(var(--wp-admin-border-width-focus)*-2/var(--wp-block-editor-iframe-zoom-out-scale, 1));outline-style:solid;outline-width:calc(var(--wp-admin-border-width-focus)*2/var(--wp-block-editor-iframe-zoom-out-scale, 1))}.components-menu-group+.components-menu-group{border-top:1px solid #1e1e1e;padding-top:8px}.components-menu-group+.components-menu-group.has-hidden-separator{border-top:none;margin-top:0;padding-top:0}.components-menu-group:has(>div:empty){display:none}.components-menu-group__label{color:#757575;font-size:11px;font-weight:500;margin-bottom:12px;margin-top:4px;padding:0 8px;text-transform:uppercase;white-space:nowrap}.components-menu-item__button,.components-menu-item__button.components-button{width:100%}.components-menu-item__button.components-button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button.components-button[role=menuitemradio] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemcheckbox] .components-menu-item__item:only-child,.components-menu-item__button[role=menuitemradio] .components-menu-item__item:only-child{box-sizing:initial;padding-right:48px}.components-menu-item__button .components-menu-items__item-icon,.components-menu-item__button.components-button .components-menu-items__item-icon{display:inline-block;flex:0 0 auto}.components-menu-item__button .components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-items__item-icon.has-icon-right{margin-left:24px;margin-right:-2px}.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right,.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon.has-icon-right{margin-left:8px}.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{margin-left:-2px;margin-right:8px}.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{justify-content:center}.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{margin-right:0}.components-menu-item__button.components-button:disabled.is-tertiary,.components-menu-item__button.components-button[aria-disabled=true].is-tertiary,.components-menu-item__button:disabled.is-tertiary,.components-menu-item__button[aria-disabled=true].is-tertiary{background:none;color:var(--wp-components-color-accent-darker-10,var(--wp-admin-theme-color-darker-10,#2145e6));opacity:.3}.components-menu-item__info-wrapper{display:flex;flex-direction:column;margin-right:auto}.components-menu-item__info{color:#757575;font-size:12px;margin-top:4px;white-space:normal}.components-menu-item__item{align-items:center;display:inline-flex;margin-right:auto;min-width:160px;white-space:nowrap}.components-menu-item__shortcut{align-self:center;color:currentColor;display:none;margin-left:auto;margin-right:0;padding-left:24px}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-menu-items-choice,.components-menu-items-choice.components-button{height:auto;min-height:40px}.components-menu-items-choice svg,.components-menu-items-choice.components-button svg{margin-right:12px}.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{padding-left:12px}.components-modal__screen-overlay{background-color:#00000059;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:100000}@keyframes __wp-base-styles-fade-in{0%{opacity:0}to{opacity:1}}@media not (prefers-reduced-motion){.components-modal__screen-overlay{animation:__wp-base-styles-fade-in .08s linear 0s;animation-fill-mode:forwards}}@keyframes __wp-base-styles-fade-out{0%{opacity:1}to{opacity:0}}@media not (prefers-reduced-motion){.components-modal__screen-overlay.is-animating-out{animation:__wp-base-styles-fade-out .08s linear 80ms;animation-fill-mode:forwards}}.components-modal__frame{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}.components-modal__frame{animation-fill-mode:forwards;animation-name:components-modal__appear-animation;animation-timing-function:cubic-bezier(.29,0,0,1);background:#fff;border-radius:8px 8px 0 0;box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;color:#1e1e1e;display:flex;margin:40px 0 0;overflow:hidden;width:100%}.components-modal__frame h1,.components-modal__frame h2,.components-modal__frame h3{color:#1e1e1e}@media not (prefers-reduced-motion){.components-modal__frame{animation-duration:var(--modal-frame-animation-duration)}}.components-modal__screen-overlay.is-animating-out .components-modal__frame{animation-name:components-modal__disappear-animation;animation-timing-function:cubic-bezier(1,0,.2,1)}@media (min-width:600px){.components-modal__frame{border-radius:8px;margin:auto;max-height:calc(100% - 128px);max-width:calc(100% - 32px);min-width:350px;width:auto}}@media (min-width:600px) and (min-width:600px){.components-modal__frame.is-full-screen{height:calc(100% - 32px);max-height:none;width:calc(100% - 32px)}}@media (min-width:600px) and (min-width:782px){.components-modal__frame.is-full-screen{height:calc(100% - 80px);max-width:none;width:calc(100% - 80px)}}@media (min-width:600px){.components-modal__frame.has-size-large,.components-modal__frame.has-size-medium,.components-modal__frame.has-size-small{width:100%}.components-modal__frame.has-size-small{max-width:384px}.components-modal__frame.has-size-medium{max-width:512px}.components-modal__frame.has-size-large{max-width:840px}}@media (min-width:960px){.components-modal__frame{max-height:70%}}@keyframes components-modal__appear-animation{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes components-modal__disappear-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.components-modal__header{align-items:center;border-bottom:1px solid #0000;box-sizing:border-box;display:flex;flex-direction:row;height:72px;justify-content:space-between;left:0;padding:24px 32px 8px;position:absolute;top:0;width:100%;z-index:10}.components-modal__header .components-modal__header-heading{font-size:1.2rem;font-weight:600}.components-modal__header h1{line-height:1;margin:0}.components-modal__content.has-scrolled-content:not(.hide-header) .components-modal__header{border-bottom-color:#ddd}.components-modal__header+p{margin-top:0}.components-modal__header-heading-container{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:flex-start}.components-modal__header-icon-container{display:inline-block}.components-modal__header-icon-container svg{max-height:36px;max-width:36px;padding:8px}.components-modal__content{flex:1;margin-top:72px;overflow:auto;padding:4px 32px 32px}.components-modal__content.hide-header{margin-top:0;padding-top:32px}.components-modal__content.is-scrollable:focus-visible{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000;outline-offset:-2px}.components-notice{align-items:center;background-color:#fff;border-left:4px solid var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));color:#1e1e1e;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:8px 12px}.components-notice.is-dismissible{position:relative}.components-notice.is-success{background-color:#eff9f1;border-left-color:#4ab866}.components-notice.is-warning{background-color:#fef8ee;border-left-color:#f0b849}.components-notice.is-error{background-color:#f4a2a2;border-left-color:#cc1818}.components-notice__content{flex-grow:1;margin:4px 25px 4px 0}.components-notice__actions{display:flex;flex-wrap:wrap}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-left:12px}.components-notice__action.components-button.is-secondary{vertical-align:initial}.components-notice__action.components-button{margin-right:8px}.components-notice__dismiss{align-self:flex-start;color:#757575;flex-shrink:0}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{background-color:initial;color:#1e1e1e}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}.components-notice-list{box-sizing:border-box;max-width:100vw}.components-notice-list .components-notice__content{line-height:2;margin-bottom:12px;margin-top:12px}.components-notice-list .components-notice__action.components-button{display:block;margin-left:0;margin-top:8px}.components-panel{background:#fff;border:1px solid #e0e0e0}.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{margin-top:-1px}.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{border-bottom-width:0}.components-panel+.components-panel{margin-top:-1px}.components-panel__body{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__header{align-items:center;border-bottom:1px solid #ddd;box-sizing:initial;display:flex;flex-shrink:0;height:47px;justify-content:space-between;padding:0 16px}.components-panel__header h2{color:inherit;font-size:inherit;margin:0}.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{margin-top:-1px}.components-panel__body>.components-panel__body-title{display:block;font-size:inherit;margin-bottom:0;margin-top:0;padding:0}@media not (prefers-reduced-motion){.components-panel__body>.components-panel__body-title{transition:background .1s ease-in-out}}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover{background:#f0f0f0;border:none}.components-panel__body-toggle.components-button{border:none;box-shadow:none;color:#1e1e1e;font-weight:500;outline:none;padding:16px 48px 16px 16px;position:relative;text-align:left;width:100%}@media not (prefers-reduced-motion){.components-panel__body-toggle.components-button{transition:background .1s ease-in-out}}.components-panel__body-toggle.components-button{height:auto}.components-panel__body-toggle.components-button:focus{border-radius:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-panel__body-toggle.components-button .components-panel__arrow{color:#1e1e1e;position:absolute;right:16px;top:50%;transform:translateY(-50%);fill:currentColor}@media not (prefers-reduced-motion){.components-panel__body-toggle.components-button .components-panel__arrow{transition:color .1s ease-in-out}}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{-ms-filter:fliph;filter:FlipH;margin-top:-10px;transform:scaleX(-1)}.components-panel__icon{color:#757575;margin:-2px 0 -2px 6px}.components-panel__body-toggle-icon{margin-right:-5px}.components-panel__color-title{float:left;height:19px}.components-panel__row{align-items:center;display:flex;justify-content:space-between;margin-top:8px;min-height:36px}.components-panel__row select{min-width:0}.components-panel__row label{flex-shrink:0;margin-right:12px;max-width:75%}.components-panel__row:empty,.components-panel__row:first-of-type{margin-top:0}.components-panel .circle-picker{padding-bottom:20px}.components-placeholder.components-placeholder{align-items:flex-start;box-sizing:border-box;color:#1e1e1e;display:flex;flex-direction:column;font-size:13px;gap:16px;margin:0;padding:24px;position:relative;text-align:left;width:100%;-moz-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;background-color:#fff;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;outline:1px solid #0000}.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;line-height:normal;text-transform:none}.components-placeholder__label{align-items:center;display:flex;font-weight:600}.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{margin-right:4px;fill:currentColor}@media (forced-colors:active){.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:CanvasText}}.components-placeholder__label:empty{display:none}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:flex-start;width:100%}.components-placeholder__fieldset form p,.components-placeholder__fieldset p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{flex-direction:column}.components-placeholder__input[type=url]{border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:normal;padding:6px 8px}@media not (prefers-reduced-motion){.components-placeholder__input[type=url]{transition:box-shadow .1s linear}}@media (min-width:600px){.components-placeholder__input[type=url]{font-size:13px;line-height:normal}}.components-placeholder__input[type=url]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 .5px var(--wp-admin-theme-color);outline:2px solid #0000}.components-placeholder__input[type=url]::-webkit-input-placeholder{color:#1e1e1e9e}.components-placeholder__input[type=url]::-moz-placeholder{color:#1e1e1e9e}.components-placeholder__input[type=url]:-ms-input-placeholder{color:#1e1e1e9e}.components-placeholder__input[type=url]{flex:1 1 auto}.components-placeholder__error{gap:8px;width:100%}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{margin-left:10px;margin-right:10px}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{margin-right:0}.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{display:none}.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{flex-direction:column}.components-placeholder.is-medium .components-button,.components-placeholder.is-medium .components-placeholder__fieldset>*,.components-placeholder.is-small .components-button,.components-placeholder.is-small .components-placeholder__fieldset>*{justify-content:center;width:100%}.components-placeholder.is-small{padding:16px}.components-placeholder.has-illustration{backdrop-filter:blur(100px);backface-visibility:hidden;background-color:initial;border-radius:0;box-shadow:none;color:inherit;display:flex}.is-dark-theme .components-placeholder.has-illustration{background-color:#0000001a}.components-placeholder.has-illustration .components-placeholder__fieldset{margin-left:0;margin-right:0}.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{opacity:0;pointer-events:none}@media not (prefers-reduced-motion){.components-placeholder.has-illustration .components-button,.components-placeholder.has-illustration .components-placeholder__instructions,.components-placeholder.has-illustration .components-placeholder__label{transition:opacity .1s linear}}.is-selected>.components-placeholder.has-illustration .components-button,.is-selected>.components-placeholder.has-illustration .components-placeholder__instructions,.is-selected>.components-placeholder.has-illustration .components-placeholder__label{opacity:1;pointer-events:auto}.components-placeholder.has-illustration:before{background:currentColor;bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.components-placeholder.has-illustration{overflow:hidden}.is-selected .components-placeholder.has-illustration{overflow:auto}.components-placeholder__preview{display:flex;justify-content:center}.components-placeholder__illustration{box-sizing:initial;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;stroke:currentColor;opacity:.25}.components-popover{box-sizing:border-box}.components-popover *,.components-popover :after,.components-popover :before{box-sizing:inherit}.components-popover{will-change:transform;z-index:1000000}.components-popover.is-expanded{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000000!important}.components-popover__content{background:#fff;border-radius:4px;box-shadow:0 0 0 1px #ccc,0 2px 3px #0000000d,0 4px 5px #0000000a,0 12px 12px #00000008,0 16px 16px #00000005;box-sizing:border-box;width:min-content}.is-alternate .components-popover__content{border-radius:2px;box-shadow:0 0 0 1px #1e1e1e}.is-unstyled .components-popover__content{background:none;border-radius:0;box-shadow:none}.components-popover.is-expanded .components-popover__content{box-shadow:0 -1px 0 0 #ccc;height:calc(100% - 48px);overflow-y:visible;position:static;width:auto}.components-popover.is-expanded.is-alternate .components-popover__content{box-shadow:0 -1px 0 #1e1e1e}.components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 8px 0 16px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-button{z-index:5}.components-popover__arrow{display:flex;height:14px;pointer-events:none;position:absolute;width:14px}.components-popover__arrow:before{background-color:#fff;content:"";height:2px;left:1px;position:absolute;right:1px;top:-1px}.components-popover__arrow.is-top{bottom:-14px!important;transform:rotate(0)}.components-popover__arrow.is-right{left:-14px!important;transform:rotate(90deg)}.components-popover__arrow.is-bottom{top:-14px!important;transform:rotate(180deg)}.components-popover__arrow.is-left{right:-14px!important;transform:rotate(-90deg)}.components-popover__triangle{display:block;flex:1}.components-popover__triangle-bg{fill:#fff}.components-popover__triangle-border{fill:#0000;stroke-width:1px;stroke:#ccc}.is-alternate .components-popover__triangle-border{stroke:#1e1e1e}.components-radio-control{border:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:0;padding:0}.components-radio-control__group-wrapper.has-help{margin-block-end:12px}.components-radio-control__option{align-items:center;column-gap:8px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto minmax(0,max-content)}.components-radio-control__input[type=radio]{border:1px solid #1e1e1e;border-radius:50%;grid-column:1;grid-row:1;height:24px;margin-right:12px;max-width:24px;min-width:24px;position:relative;transition:none;width:24px}@media not (prefers-reduced-motion){.components-radio-control__input[type=radio]{transition:box-shadow .1s linear}}@media (min-width:600px){.components-radio-control__input[type=radio]{height:16px;max-width:16px;min-width:16px;width:16px}}.components-radio-control__input[type=radio]:checked:before{background-color:#fff;border:4px solid #fff;box-sizing:inherit;height:12px;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}@media (min-width:600px){.components-radio-control__input[type=radio]:checked:before{height:8px;width:8px}}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color)}.components-radio-control__input[type=radio]:checked{background:var(--wp-admin-theme-color);border:none}.components-radio-control__input[type=radio]{appearance:none;cursor:pointer;display:inline-flex;margin:0;padding:0}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff,0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color);outline:2px solid #0000;outline-offset:2px}.components-radio-control__input[type=radio]:checked{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-radio-control__input[type=radio]:checked:before{border-radius:50%;content:""}.components-radio-control__label{cursor:pointer;grid-column:2;grid-row:1;line-height:24px}@media (min-width:600px){.components-radio-control__label{line-height:16px}}.components-radio-control__option-description{grid-column:2;grid-row:2;padding-block-start:4px}.components-radio-control__option-description.components-radio-control__option-description{margin-top:0}.components-resizable-box__handle{display:none;height:23px;width:23px;z-index:2}.components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:block}.components-resizable-box__handle>div{height:100%;outline:none;position:relative;width:100%;z-index:2}.components-resizable-box__container>img{width:inherit}.components-resizable-box__handle:after{background:#fff;border-radius:50%;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9)),0 1px 1px #00000008,0 1px 2px #00000005,0 3px 3px #00000005,0 4px 4px #00000003;content:"";cursor:inherit;display:block;height:15px;outline:2px solid #0000;position:absolute;right:calc(50% - 8px);top:calc(50% - 8px);width:15px}.components-resizable-box__side-handle:before{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-radius:9999px;content:"";cursor:inherit;display:block;height:3px;position:absolute;right:calc(50% - 1px);top:calc(50% - 1px);width:3px}@media not (prefers-reduced-motion){.components-resizable-box__side-handle:before{transition:transform .1s ease-in;will-change:transform}}.components-resizable-box__side-handle:before{opacity:0}.components-resizable-box__corner-handle,.components-resizable-box__side-handle{z-index:2}.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{border-left:0;border-right:0;left:0;width:100%}.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{border-bottom:0;border-top:0;height:100%;top:0}@media not (prefers-reduced-motion){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;animation-fill-mode:forwards}.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation:components-resizable-box__left-right-animation .1s ease-out 0s;animation-fill-mode:forwards}}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:none}}}@keyframes components-resizable-box__top-bottom-animation{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes components-resizable-box__left-right-animation{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}} .components-resizable-box__handle-right{right:-11.5px}.components-resizable-box__handle-left{left:-11.5px}.components-resizable-box__handle-top{top:-11.5px}.components-resizable-box__handle-bottom{bottom:-11.5px} .components-responsive-wrapper{align-items:center;display:flex;justify-content:center;max-width:100%;position:relative}.components-responsive-wrapper__content{display:block;max-width:100%;width:100%}.components-sandbox{overflow:hidden}iframe.components-sandbox{width:100%}body.lockscroll,html.lockscroll{overflow:hidden}.components-select-control__input{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}.components-snackbar{backdrop-filter:blur(16px) saturate(180%);background:#000000d9;border-radius:4px;box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;box-sizing:border-box;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;max-width:600px;padding:12px 20px;pointer-events:auto;width:100%}@media (min-width:600px){.components-snackbar{width:fit-content}}.components-snackbar:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9))}.components-snackbar.components-snackbar-explicit-dismiss{cursor:default}.components-snackbar .components-snackbar__content-with-icon{padding-left:24px;position:relative}.components-snackbar .components-snackbar__icon{left:-8px;position:absolute;top:-2.9px}.components-snackbar .components-snackbar__dismiss-button{cursor:pointer;margin-left:24px}.components-snackbar__action.components-button,.components-snackbar__action.components-external-link{color:#fff;flex-shrink:0;margin-left:32px}.components-snackbar__action.components-button:focus,.components-snackbar__action.components-external-link:focus{box-shadow:none;outline:1px dotted #fff}.components-snackbar__action.components-button:hover,.components-snackbar__action.components-external-link:hover{color:currentColor;text-decoration:none}.components-snackbar__content{align-items:baseline;display:flex;justify-content:space-between;line-height:1.4}.components-snackbar-list{box-sizing:border-box;pointer-events:none;position:absolute;width:100%;z-index:100000}.components-snackbar-list__notice-container{padding-top:8px;position:relative}.components-tab-panel__tabs{align-items:stretch;display:flex;flex-direction:row}.components-tab-panel__tabs[aria-orientation=vertical]{flex-direction:column}.components-tab-panel__tabs-item{background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;font-weight:500;height:48px!important;margin-left:0;padding:3px 16px;position:relative}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:none;outline:none;position:relative}.components-tab-panel__tabs-item:after{background:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));border-radius:0;bottom:0;content:"";height:calc(var(--wp-admin-border-width-focus)*0);left:0;pointer-events:none;position:absolute;right:0}@media not (prefers-reduced-motion){.components-tab-panel__tabs-item:after{transition:all .1s linear}}.components-tab-panel__tabs-item.is-active:after{height:calc(var(--wp-admin-border-width-focus)*1);outline:2px solid #0000;outline-offset:-1px}.components-tab-panel__tabs-item:before{border-radius:2px;bottom:12px;box-shadow:0 0 0 0 #0000;content:"";left:12px;pointer-events:none;position:absolute;right:12px;top:12px}@media not (prefers-reduced-motion){.components-tab-panel__tabs-item:before{transition:all .1s linear}}.components-tab-panel__tabs-item:focus-visible:before{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-tab-panel__tab-content:focus{box-shadow:none;outline:none}.components-tab-panel__tab-content:focus-visible{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000;outline-offset:0}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{background:var(--wp-components-color-background,#fff);border:1px solid #949494;border-radius:2px;box-shadow:0 0 0 #0000;color:var(--wp-components-color-foreground,#1e1e1e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;height:32px;line-height:normal;margin:0;padding:6px 8px;width:100%}@media not (prefers-reduced-motion){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{transition:box-shadow .1s linear}}@media (min-width:600px){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{font-size:13px;line-height:normal}}.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{border-color:var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));box-shadow:0 0 0 .5px var(--wp-components-color-accent,var(--wp-admin-theme-color,#3858e9));outline:2px solid #0000}.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{color:#1e1e1e9e}.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{color:#1e1e1e9e}.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{color:#1e1e1e9e}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{border-color:var(--wp-components-color-gray-600,#949494)}.components-text-control__input::placeholder,.components-text-control__input[type=color]::placeholder,.components-text-control__input[type=date]::placeholder,.components-text-control__input[type=datetime-local]::placeholder,.components-text-control__input[type=datetime]::placeholder,.components-text-control__input[type=email]::placeholder,.components-text-control__input[type=month]::placeholder,.components-text-control__input[type=number]::placeholder,.components-text-control__input[type=password]::placeholder,.components-text-control__input[type=tel]::placeholder,.components-text-control__input[type=text]::placeholder,.components-text-control__input[type=time]::placeholder,.components-text-control__input[type=url]::placeholder,.components-text-control__input[type=week]::placeholder{color:color-mix(in srgb,var(--wp-components-color-foreground,#1e1e1e),#0000 38%)}.components-text-control__input.is-next-40px-default-size,.components-text-control__input[type=color].is-next-40px-default-size,.components-text-control__input[type=date].is-next-40px-default-size,.components-text-control__input[type=datetime-local].is-next-40px-default-size,.components-text-control__input[type=datetime].is-next-40px-default-size,.components-text-control__input[type=email].is-next-40px-default-size,.components-text-control__input[type=month].is-next-40px-default-size,.components-text-control__input[type=number].is-next-40px-default-size,.components-text-control__input[type=password].is-next-40px-default-size,.components-text-control__input[type=tel].is-next-40px-default-size,.components-text-control__input[type=text].is-next-40px-default-size,.components-text-control__input[type=time].is-next-40px-default-size,.components-text-control__input[type=url].is-next-40px-default-size,.components-text-control__input[type=week].is-next-40px-default-size{height:40px;padding-left:12px;padding-right:12px}.components-text-control__input[type=email],.components-text-control__input[type=url]{direction:ltr}.components-tip{color:#757575;display:flex}.components-tip svg{align-self:center;fill:#f0b849;flex-shrink:0;margin-right:16px}.components-tip p{margin:0}.components-toggle-control__label{line-height:16px}.components-toggle-control__label:not(.is-disabled){cursor:pointer}.components-toggle-control__help{display:inline-block;margin-inline-start:40px}.components-accessible-toolbar{border:1px solid var(--wp-components-color-foreground,#1e1e1e);border-radius:2px;display:inline-flex;flex-shrink:0}.components-accessible-toolbar>.components-toolbar-group:last-child{border-right:none}.components-accessible-toolbar.is-unstyled{border:none}.components-accessible-toolbar.is-unstyled>.components-toolbar-group{border-right:none}.components-accessible-toolbar[aria-orientation=vertical],.components-toolbar[aria-orientation=vertical]{align-items:center;display:flex;flex-direction:column}.components-accessible-toolbar .components-button,.components-toolbar .components-button{height:48px;padding-left:16px;padding-right:16px;position:relative;z-index:1}.components-accessible-toolbar .components-button:focus:not(:disabled),.components-toolbar .components-button:focus:not(:disabled){box-shadow:none;outline:none}.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{border-radius:2px;content:"";display:block;height:32px;left:8px;position:absolute;right:8px;z-index:-1}@media not (prefers-reduced-motion){.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards}}.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{margin-left:auto;margin-right:auto;position:relative}.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{background:#0000}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:var(--wp-components-color-foreground,#1e1e1e)}.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid #0000}.components-accessible-toolbar .components-button.has-icon.has-icon,.components-toolbar .components-button.has-icon.has-icon{min-width:48px;padding-left:8px;padding-right:8px}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.components-toolbar__control.components-button{position:relative}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 10px 5px 0}.components-toolbar__control.components-button[data-subscript]:after{bottom:10px;content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;line-height:12px;position:absolute;right:8px}.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{color:#fff}.components-toolbar-group{background-color:var(--wp-components-color-background,#fff);border-right:1px solid var(--wp-components-color-foreground,#1e1e1e);display:inline-flex;flex-shrink:0;flex-wrap:wrap;min-height:48px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-toolbar-group.components-toolbar-group{border-width:0;margin:0}.components-toolbar-group{line-height:0}.components-toolbar-group .components-button.components-button,.components-toolbar-group .components-button.has-icon.has-icon{justify-content:center;min-width:36px;padding-left:6px;padding-right:6px}.components-toolbar-group .components-button.components-button svg,.components-toolbar-group .components-button.has-icon.has-icon svg{min-width:24px}.components-toolbar-group .components-button.components-button:before,.components-toolbar-group .components-button.has-icon.has-icon:before{left:2px;right:2px}.components-toolbar{background-color:var(--wp-components-color-background,#fff);border:1px solid var(--wp-components-color-foreground,#1e1e1e);display:inline-flex;flex-shrink:0;flex-wrap:wrap;margin:0;min-height:48px}.components-toolbar .components-toolbar.components-toolbar{border-width:0;margin:0}div.components-toolbar>div{display:flex;margin:0}div.components-toolbar>div+div.has-left-divider{margin-left:6px;overflow:visible;position:relative}div.components-toolbar>div+div.has-left-divider:before{background-color:#ddd;box-sizing:initial;content:"";display:inline-block;height:20px;left:-3px;position:absolute;top:8px;width:1px}.components-tooltip{background:#000;border-radius:2px;box-shadow:0 1px 2px #0000000d,0 2px 3px #0000000a,0 6px 6px #00000008,0 8px 8px #00000005;color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;line-height:1.4;padding:4px 8px;text-align:center;z-index:1000002}.components-tooltip__shortcut{margin-left:8px}.components-validated-control:has(:is(input,select):user-invalid) .components-input-control__backdrop{--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control :is(textarea,input[type=text]):user-invalid{--wp-admin-theme-color:#cc1818;--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control .components-combobox-control__suggestions-container:has(input:user-invalid):not(:has([aria-expanded=true])){border-color:#cc1818}.components-validated-control__wrapper-with-error-delegate{position:relative}.components-validated-control__wrapper-with-error-delegate:has(select:user-invalid) .components-input-control__backdrop{--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid){--wp-components-color-accent:#cc1818}.components-validated-control__wrapper-with-error-delegate:has(input:user-invalid) .components-form-token-field__input-container:not(:has([aria-expanded=true])){--wp-components-color-accent:#cc1818;border-color:#cc1818}.components-validated-control__error-delegate{height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.components-validated-control__indicator{align-items:flex-start;animation:components-validated-control__indicator-jump .2s cubic-bezier(.68,-.55,.27,1.55);color:var(--wp-components-color-gray-700,#757575);display:flex;font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.75rem;gap:4px;line-height:16px;margin:8px 0 0}.components-validated-control__indicator.is-invalid{color:#cc1818}.components-validated-control__indicator.is-valid{color:color-mix(in srgb,#000 30%,#4ab866)}.components-validated-control__indicator-icon{flex-shrink:0}.components-validated-control__indicator-spinner{height:12px;margin:2px;width:12px}@keyframes components-validated-control__indicator-jump{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:root{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color--rgb:56,88,233;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-10--rgb:33.0384615385,68.7307692308,230.4615384615;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-theme-color-darker-20--rgb:23.6923076923,58.1538461538,214.3076923077;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#wpadminbar>.godaddy-styles *,.godaddy-styles *{font-family:GD Sherpa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.4}#wpadminbar>.godaddy-styles .is-bigger,.godaddy-styles .is-bigger{font-size:1.1em!important;font-weight:500!important}#wpadminbar>.godaddy-styles .components-button,#wpadminbar>.godaddy-styles.components-button,.godaddy-styles .components-button,.godaddy-styles.components-button{border:0;border-radius:6px;box-shadow:none;font-size:1em;height:auto;line-height:1;padding:1.25em;transition:background-color,color,.2s ease-in-out}#wpadminbar>.godaddy-styles .components-button:disabled,#wpadminbar>.godaddy-styles.components-button:disabled,.godaddy-styles .components-button:disabled,.godaddy-styles.components-button:disabled{opacity:.5}#wpadminbar>.godaddy-styles .components-button>svg,#wpadminbar>.godaddy-styles.components-button>svg,.godaddy-styles .components-button>svg,.godaddy-styles.components-button>svg{height:24px;margin-left:.2em;position:relative;right:-5px;top:-1px;transform:scale(.75);width:24px}#wpadminbar>.godaddy-styles .components-button.no-padding,#wpadminbar>.godaddy-styles.components-button.no-padding,.godaddy-styles .components-button.no-padding,.godaddy-styles.components-button.no-padding{padding:0}#wpadminbar>.godaddy-styles .components-button.is-big,#wpadminbar>.godaddy-styles.components-button.is-big,.godaddy-styles .components-button.is-big,.godaddy-styles.components-button.is-big{font-size:1.1em;font-weight:600;padding:1.5em}#wpadminbar>.godaddy-styles .components-button.is-primary,#wpadminbar>.godaddy-styles.components-button.is-primary,.godaddy-styles .components-button.is-primary,.godaddy-styles.components-button.is-primary{background-color:#000;box-shadow:none;color:#fff}#wpadminbar>.godaddy-styles .components-button.is-primary:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-primary:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-primary:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-primary:hover:not([disabled]),.godaddy-styles .components-button.is-primary:active:not([disabled]),.godaddy-styles .components-button.is-primary:hover:not([disabled]),.godaddy-styles.components-button.is-primary:active:not([disabled]),.godaddy-styles.components-button.is-primary:hover:not([disabled]){background-color:#00a4a6}#wpadminbar>.godaddy-styles .components-button.is-secondary,#wpadminbar>.godaddy-styles.components-button.is-secondary,.godaddy-styles .components-button.is-secondary,.godaddy-styles.components-button.is-secondary{box-shadow:none;color:#111}#wpadminbar>.godaddy-styles .components-button.is-secondary:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-secondary:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-secondary:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-secondary:hover:not([disabled]),.godaddy-styles .components-button.is-secondary:active:not([disabled]),.godaddy-styles .components-button.is-secondary:hover:not([disabled]),.godaddy-styles.components-button.is-secondary:active:not([disabled]),.godaddy-styles.components-button.is-secondary:hover:not([disabled]){border:0;box-shadow:none;color:#000}#wpadminbar>.godaddy-styles .components-button.is-tertiary,#wpadminbar>.godaddy-styles.components-button.is-tertiary,.godaddy-styles .components-button.is-tertiary,.godaddy-styles.components-button.is-tertiary{border:1px solid #111;color:#111}#wpadminbar>.godaddy-styles .components-button.is-tertiary:hover,#wpadminbar>.godaddy-styles.components-button.is-tertiary:hover,.godaddy-styles .components-button.is-tertiary:hover,.godaddy-styles.components-button.is-tertiary:hover{background-color:#111;box-shadow:none;color:#fff}#wpadminbar>.godaddy-styles .components-button.is-link,#wpadminbar>.godaddy-styles.components-button.is-link,.godaddy-styles .components-button.is-link,.godaddy-styles.components-button.is-link{box-shadow:none;color:#00a4a6;padding:0;text-decoration:none}#wpadminbar>.godaddy-styles .components-button.is-link:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-link:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-link:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-link:hover:not([disabled]),.godaddy-styles .components-button.is-link:active:not([disabled]),.godaddy-styles .components-button.is-link:hover:not([disabled]),.godaddy-styles.components-button.is-link:active:not([disabled]),.godaddy-styles.components-button.is-link:hover:not([disabled]){color:#111;outline:none}#wpadminbar>.godaddy-styles .components-button.has-icon:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.has-icon:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.has-icon:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.has-icon:hover:not([disabled]),.godaddy-styles .components-button.has-icon:active:not([disabled]),.godaddy-styles .components-button.has-icon:hover:not([disabled]),.godaddy-styles.components-button.has-icon:active:not([disabled]),.godaddy-styles.components-button.has-icon:hover:not([disabled]){background-color:transparent;color:#00a4a6}#wpadminbar>.godaddy-styles .components-modal__frame,#wpadminbar>.godaddy-styles.components-modal__frame,.godaddy-styles .components-modal__frame,.godaddy-styles.components-modal__frame{border-radius:1rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content,.godaddy-styles .components-modal__frame .components-modal__content,.godaddy-styles.components-modal__frame .components-modal__content{margin-top:0;padding:4.5rem 4.5rem 4.25rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content:before,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content:before,.godaddy-styles .components-modal__frame .components-modal__content:before,.godaddy-styles.components-modal__frame .components-modal__content:before{margin:0}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content p:last-child,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content p:last-child,.godaddy-styles .components-modal__frame .components-modal__content p:last-child,.godaddy-styles.components-modal__frame .components-modal__content p:last-child{margin-bottom:0}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header{border-bottom:0;font-size:2rem;height:unset;margin-bottom:.75em;padding:0;position:relative}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container{margin-right:8px}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading{font-size:2rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon{font-size:1rem;left:auto;padding:.25em;position:absolute;right:-3.5rem;top:-3.25rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg{margin-left:0;right:0;top:0;transform:scale(1)}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input,.godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input,.godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input{margin-bottom:.5em}#wpadminbar>.godaddy-styles .ux-tag,.godaddy-styles .ux-tag{border-radius:4px;color:#000;font-size:.9em;font-weight:700;letter-spacing:.05625rem;line-height:1.5;padding-block:8px;padding-inline:8px;text-transform:uppercase;white-space:nowrap}#wpadminbar>.godaddy-styles .ux-tag-critical,.godaddy-styles .ux-tag-critical{background-color:#fbb}#wpadminbar>.godaddy-styles .ux-tag-highlight,.godaddy-styles .ux-tag-highlight{background-color:#a6fff8}#wpadminbar>.godaddy-styles .ux-tag-info,.godaddy-styles .ux-tag-info{background-color:#d3c1f7}#wpadminbar>.godaddy-styles .ux-tag-internal,.godaddy-styles .ux-tag-internal{background-color:#fbd9ed}#wpadminbar>.godaddy-styles .ux-tag-neutral,.godaddy-styles .ux-tag-neutral{background-color:#ddeaf8}#wpadminbar>.godaddy-styles .ux-tag-passive,.godaddy-styles .ux-tag-passive{background-color:#f4f8fc}#wpadminbar>.godaddy-styles .ux-tag-success,.godaddy-styles .ux-tag-success{background-color:#9fffb8}#wpadminbar>.godaddy-styles .ux-tag-warning,.godaddy-styles .ux-tag-warning{background-color:#ffeea9}#wpadminbar>.godaddy-styles .components-toggle-control,#wpadminbar>.godaddy-styles.components-toggle-control,.godaddy-styles .components-toggle-control,.godaddy-styles.components-toggle-control{align-items:flex-end;display:flex}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field,#wpadminbar>.godaddy-styles .components-toggle-control__field,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field,#wpadminbar>.godaddy-styles.components-toggle-control__field,.godaddy-styles .components-toggle-control .components-base-control__field,.godaddy-styles .components-toggle-control__field,.godaddy-styles.components-toggle-control .components-base-control__field,.godaddy-styles.components-toggle-control__field{margin:0}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track,.godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track,.godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track{background-color:#f3f6f8}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,.godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,.godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track{background-color:#00a4a6}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__help,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__help,.godaddy-styles .components-toggle-control .components-base-control__help,.godaddy-styles.components-toggle-control .components-base-control__help{margin:0}.crp_related.crp-text-only{clear:both}.wpp-no-data {
} .wpp-list {
} .wpp-list li {
overflow: hidden;
float: none;
clear: both;
margin-bottom: 1rem;
}
.wpp-list li:last-of-type {
margin-bottom: 0;
} .wpp-list li.current {
} .wpp-thumbnail {
display: inline;
float: left;
margin: 0 1rem 0 0;
border: none;
}
.wpp_def_no_src {
object-fit: contain;
} .wpp-post-title {
} .wpp-excerpt {
} .wpp-meta, .post-stats {
display: block;
font-size: 0.8em;
} .wpp-comments {
} .wpp-views {
} .wpp-author {
} .wpp-date {
} .wpp-category {
} .wpp-rating {
}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: url(//stevepalmertheblogger.com/wp-content/themes/pen/assets/fonts/fontawesome/fontawesome.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Pen_FontAwesome'; src: url(//stevepalmertheblogger.com/wp-content/themes/pen/assets/fonts/fontawesome/fontawesome.woff2) format('woff2');
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: 'Pen_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: 'Pen_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: 'Pen_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,
#webmention-form {
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,
#webmention-form 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: 'Pen_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 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: 'Pen_FontAwesome';
font-weight: normal;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%,-50%);
}
#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 a {
color: #555;
display: inline-block;
font-weight: normal;
padding: 0 0.25rem;
text-align: center;
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: 'Pen_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_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: 'Pen_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: 'Pen_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: 'Pen_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 (min-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"],
#page label input,
#page label textarea {
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: 'Pen_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: 'Pen_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: 'Pen_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: 'Pen_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: 'Pen_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: 'Pen_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 .pen_article,
#main .pen_content_wrapper.pen_inside {
float: left;
width: 100%;
}
#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: 'Pen_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: 'Pen_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: 'Pen_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: 'Pen_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: 'Pen_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: 'Pen_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;
}#page .pen_social_networks ul {
float: left;
line-height: 1;
width: 100%;
}
#page .pen_social_networks ul,
#page .pen_social_networks li {
list-style: none;
margin: 0;
padding: 0;
}
#page .pen_social_networks li a {
vertical-align: top;
}
#page .pen_social_networks li.pen_500px a:before {
content: '\f26e';
}
#page .pen_social_networks li.pen_amazon a:before {
content: '\f270';
}
#page .pen_social_networks li.pen_bandcamp a:before {
content: '\f2d5';
}
#page .pen_social_networks li.pen_behance a:before {
content: '\f1b4';
}
#page .pen_social_networks li.pen_bitcoin a:before {
content: '\f15a';
}
#page .pen_social_networks li.pen_etsy a:before {
content: '\f2d7';
}
#page .pen_social_networks li.pen_coffee a:before {
content: '\f0f4';
}
#page .pen_social_networks li.pen_facebook a:before {
content: '\f082';
}
#page .pen_social_networks li.pen_foursquare a:before {
content: '\f180';
}
#page .pen_social_networks li.pen_flickr a:before {
content: '\f16e';
}
#page .pen_social_networks li.pen_gitlab a:before {
content: '\f296';
}
#page .pen_social_networks li.pen_goodreads a:before {
content: '\f02d';
}
#page .pen_social_networks li.pen_imdb a:before {
content: '\f2d8';
}
#page .pen_social_networks li.pen_instagram a:before {
content: '\f16d';
}
#page .pen_social_networks li.pen_lastfm a:before {
content: '\f202';
}
#page .pen_social_networks li.pen_medium a:before {
content: '\f23a';
}
#page .pen_social_networks li.pen_mewe a:before {
content: '\f124';
}
#page .pen_social_networks li.pen_paypal a:before {
content: '\f1f4';
}
#page .pen_social_networks li.pen_podcast a:before {
content: '\f130';
}
#page .pen_social_networks li.pen_producthunt a:before {
content: '\f288';
}
#page .pen_social_networks li.pen_reddit a:before {
content: '\f1a1';
}
#page .pen_social_networks li.pen_shop a:before {
content: '\f291';
}
#page .pen_social_networks li.pen_skype a:before {
content: '\f17e';
}
#page .pen_social_networks li.pen_slack a:before {
content: '\f198';
}
#page .pen_social_networks li.pen_snapchat a:before {
content: '\f2ab';
}
#page .pen_social_networks li.pen_soundcloud a:before {
content: '\f1be';
}
#page .pen_social_networks li.pen_spotify a:before {
content: '\f1bc';
}
#page .pen_social_networks li.pen_stack_exchange a:before {
content: '\f18d';
}
#page .pen_social_networks li.pen_stack_overflow a:before {
content: '\f16c';
}
#page .pen_social_networks li.pen_steam a:before {
content: '\f1b7';
}
#page .pen_social_networks li.pen_telegram a:before {
content: '\f2c6';
}
#page .pen_social_networks li.pen_tumblr a:before {
content: '\f173';
}
#page .pen_social_networks li.pen_twitch a:before {
content: '\f1e8';
}
#page .pen_social_networks li.pen_vimeo a:before {
content: '\f194';
}
#page .pen_social_networks li.pen_vk a:before {
content: '\f189';
}
#page .pen_social_networks li.pen_vcard a:before {
content: '\f2bb';
}
#page .pen_social_networks li.pen_wechat a:before {
content: '\f1d7';
}
#page .pen_social_networks li.pen_whatsapp a:before {
content: '\f232';
}
#page .pen_social_networks li.pen_wordpress a:before {
content: '\f19a';
}
#page .pen_social_networks li.pen_xing a:before {
content: '\f168';
}
#page .pen_social_networks li.pen_youtube a:before {
content: '\f16a';
}
#pen_header .pen_social_networks li.pen_twitter_legacy a:before {
content: '\f081';
}
#pen_footer .pen_social_networks li.pen_twitter_legacy a:before {
content: '\f099';
}
#pen_header .pen_social_networks li.pen_pinterest a:before {
content: '\f0d3';
}
#pen_footer .pen_social_networks li.pen_pinterest a:before {
content: '\f231';
}
#pen_header .pen_social_networks li.pen_linkedin a:before {
content: '\f08c';
}
#pen_footer .pen_social_networks li.pen_linkedin a:before {
content: '\f0e1';
}
#pen_header .pen_social_networks li.pen_github a:before {
content: '\f1d2';
}
#pen_footer .pen_social_networks li.pen_github a:before {
content: '\f1d3';
}
#pen_header .pen_social_networks li.pen_bitbucket a:before {
content: '\f172';
}
#pen_footer .pen_social_networks li.pen_bitbucket a:before {
content: '\f171';
}
#pen_header .pen_social_networks li.pen_rss a:before {
content: '\f143';
}
#pen_footer .pen_social_networks li.pen_rss a:before {
content: '\f09e';
}
#pen_header .pen_social_networks li.pen_email a:before {
content: '\f199';
}
#pen_footer .pen_social_networks li.pen_email a:before {
content: '\f0e0';
}
#page .pen_social_networks li.pen_bluesky a:before,
#page .pen_social_networks li.pen_discord a:before,
#page .pen_social_networks li.pen_mastodon a:before,
#page .pen_social_networks li.pen_rumble a:before,
#page .pen_social_networks li.pen_tiktok a:before,
#page .pen_social_networks li.pen_twitter a:before {
background: transparent;
content: '\2588\2588\2588';
display: inline-block;
letter-spacing: -1px;
overflow: hidden;
position: relative;
width: 1em;
}
#page .pen_social_networks li.pen_bluesky a:before {
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22530%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m135.72%2044.03c66.496%2049.921%20138.02%20151.14%20164.28%20205.46%2026.262-54.316%2097.782-155.54%20164.28-205.46%2047.98-36.021%20125.72-63.892%20125.72%2024.795%200%2017.712-10.155%20148.79-16.111%20170.07-20.703%2073.984-96.144%2092.854-163.25%2081.433%20117.3%2019.964%20147.14%2086.092%2082.697%20152.22-122.39%20125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937%200.51669-3.7077%207.8964-13.714%2040.255-67.233%20197.36-189.63%2071.766-64.444-66.128-34.605-132.26%2082.697-152.22-67.108%2011.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07%200-88.687%2077.742-60.816%20125.72-24.795z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22530%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m135.72%2044.03c66.496%2049.921%20138.02%20151.14%20164.28%20205.46%2026.262-54.316%2097.782-155.54%20164.28-205.46%2047.98-36.021%20125.72-63.892%20125.72%2024.795%200%2017.712-10.155%20148.79-16.111%20170.07-20.703%2073.984-96.144%2092.854-163.25%2081.433%20117.3%2019.964%20147.14%2086.092%2082.697%20152.22-122.39%20125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937%200.51669-3.7077%207.8964-13.714%2040.255-67.233%20197.36-189.63%2071.766-64.444-66.128-34.605-132.26%2082.697-152.22-67.108%2011.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07%200-88.687%2077.742-60.816%20125.72-24.795z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E');
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
#page .pen_social_networks li.pen_discord a:before {
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%20-28.5%20256%20256%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M216.856339%2C16.5966031%20C200.285002%2C8.84328665%20182.566144%2C3.2084988%20164.041564%2C0%20C161.766523%2C4.11318106%20159.108624%2C9.64549908%20157.276099%2C14.0464379%20C137.583995%2C11.0849896%20118.072967%2C11.0849896%2098.7430163%2C14.0464379%20C96.9108417%2C9.64549908%2094.1925838%2C4.11318106%2091.8971895%2C0%20C73.3526068%2C3.2084988%2055.6133949%2C8.86399117%2039.0420583%2C16.6376612%20C5.61752293%2C67.146514%20-3.4433191%2C116.400813%201.08711069%2C164.955721%20C23.2560196%2C181.510915%2044.7403634%2C191.567697%2065.8621325%2C198.148576%20C71.0772151%2C190.971126%2075.7283628%2C183.341335%2079.7352139%2C175.300261%20C72.104019%2C172.400575%2064.7949724%2C168.822202%2057.8887866%2C164.667963%20C59.7209612%2C163.310589%2061.5131304%2C161.891452%2063.2445898%2C160.431257%20C105.36741%2C180.133187%20151.134928%2C180.133187%20192.754523%2C160.431257%20C194.506336%2C161.891452%20196.298154%2C163.310589%20198.110326%2C164.667963%20C191.183787%2C168.842556%20183.854737%2C172.420929%20176.223542%2C175.320965%20C180.230393%2C183.341335%20184.861538%2C190.991831%20190.096624%2C198.16893%20C211.238746%2C191.588051%20232.743023%2C181.531619%20254.911949%2C164.955721%20C260.227747%2C108.668201%20245.831087%2C59.8662432%20216.856339%2C16.5966031%20Z%20M85.4738752%2C135.09489%20C72.8290281%2C135.09489%2062.4592217%2C123.290155%2062.4592217%2C108.914901%20C62.4592217%2C94.5396472%2072.607595%2C82.7145587%2085.4738752%2C82.7145587%20C98.3405064%2C82.7145587%20108.709962%2C94.5189427%20108.488529%2C108.914901%20C108.508531%2C123.290155%2098.3405064%2C135.09489%2085.4738752%2C135.09489%20Z%20M170.525237%2C135.09489%20C157.88039%2C135.09489%20147.510584%2C123.290155%20147.510584%2C108.914901%20C147.510584%2C94.5396472%20157.658606%2C82.7145587%20170.525237%2C82.7145587%20C183.391518%2C82.7145587%20193.761324%2C94.5189427%20193.539891%2C108.914901%20C193.539891%2C123.290155%20183.391518%2C135.09489%20170.525237%2C135.09489%20Z%22%20fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%20-28.5%20256%20256%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M216.856339%2C16.5966031%20C200.285002%2C8.84328665%20182.566144%2C3.2084988%20164.041564%2C0%20C161.766523%2C4.11318106%20159.108624%2C9.64549908%20157.276099%2C14.0464379%20C137.583995%2C11.0849896%20118.072967%2C11.0849896%2098.7430163%2C14.0464379%20C96.9108417%2C9.64549908%2094.1925838%2C4.11318106%2091.8971895%2C0%20C73.3526068%2C3.2084988%2055.6133949%2C8.86399117%2039.0420583%2C16.6376612%20C5.61752293%2C67.146514%20-3.4433191%2C116.400813%201.08711069%2C164.955721%20C23.2560196%2C181.510915%2044.7403634%2C191.567697%2065.8621325%2C198.148576%20C71.0772151%2C190.971126%2075.7283628%2C183.341335%2079.7352139%2C175.300261%20C72.104019%2C172.400575%2064.7949724%2C168.822202%2057.8887866%2C164.667963%20C59.7209612%2C163.310589%2061.5131304%2C161.891452%2063.2445898%2C160.431257%20C105.36741%2C180.133187%20151.134928%2C180.133187%20192.754523%2C160.431257%20C194.506336%2C161.891452%20196.298154%2C163.310589%20198.110326%2C164.667963%20C191.183787%2C168.842556%20183.854737%2C172.420929%20176.223542%2C175.320965%20C180.230393%2C183.341335%20184.861538%2C190.991831%20190.096624%2C198.16893%20C211.238746%2C191.588051%20232.743023%2C181.531619%20254.911949%2C164.955721%20C260.227747%2C108.668201%20245.831087%2C59.8662432%20216.856339%2C16.5966031%20Z%20M85.4738752%2C135.09489%20C72.8290281%2C135.09489%2062.4592217%2C123.290155%2062.4592217%2C108.914901%20C62.4592217%2C94.5396472%2072.607595%2C82.7145587%2085.4738752%2C82.7145587%20C98.3405064%2C82.7145587%20108.709962%2C94.5189427%20108.488529%2C108.914901%20C108.508531%2C123.290155%2098.3405064%2C135.09489%2085.4738752%2C135.09489%20Z%20M170.525237%2C135.09489%20C157.88039%2C135.09489%20147.510584%2C123.290155%20147.510584%2C108.914901%20C147.510584%2C94.5396472%20157.658606%2C82.7145587%20170.525237%2C82.7145587%20C183.391518%2C82.7145587%20193.761324%2C94.5189427%20193.539891%2C108.914901%20C193.539891%2C123.290155%20183.391518%2C135.09489%20170.525237%2C135.09489%20Z%22%20fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
#page .pen_social_networks li.pen_mastodon a:before {
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%22390%22%20viewBox%3D%220%200%2074%2079%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M73.7014%2017.9592C72.5616%209.62034%2065.1774%203.04876%2056.424%201.77536C54.9472%201.56019%2049.3517%200.7771%2036.3901%200.7771H36.2933C23.3281%200.7771%2020.5465%201.56019%2019.0697%201.77536C10.56%203.01348%202.78877%208.91838%200.903306%2017.356C-0.00357857%2021.5113%20-0.100361%2026.1181%200.068112%2030.3439C0.308275%2036.404%200.354874%2042.4535%200.91406%2048.489C1.30064%2052.498%201.97502%2056.4751%202.93215%2060.3905C4.72441%2067.6217%2011.9795%2073.6395%2019.0876%2076.0945C26.6979%2078.6548%2034.8821%2079.0799%2042.724%2077.3221C43.5866%2077.1245%2044.4398%2076.8953%2045.2833%2076.6342C47.1867%2076.0381%2049.4199%2075.3714%2051.0616%2074.2003C51.0841%2074.1839%2051.1026%2074.1627%2051.1156%2074.1382C51.1286%2074.1138%2051.1359%2074.0868%2051.1368%2074.0592V68.2108C51.1364%2068.185%2051.1302%2068.1596%2051.1185%2068.1365C51.1069%2068.1134%2051.0902%2068.0932%2051.0695%2068.0773C51.0489%2068.0614%2051.0249%2068.0503%2050.9994%2068.0447C50.9738%2068.0391%2050.9473%2068.0392%2050.9218%2068.045C45.8976%2069.226%2040.7491%2069.818%2035.5836%2069.8087C26.694%2069.8087%2024.3031%2065.6569%2023.6184%2063.9285C23.0681%2062.4347%2022.7186%2060.8764%2022.5789%2059.2934C22.5775%2059.2669%2022.5825%2059.2403%2022.5934%2059.216C22.6043%2059.1916%2022.621%2059.1702%2022.6419%2059.1533C22.6629%2059.1365%2022.6876%2059.1248%2022.714%2059.1191C22.7404%2059.1134%2022.7678%2059.1139%2022.794%2059.1206C27.7345%2060.2936%2032.799%2060.8856%2037.8813%2060.8843C39.1036%2060.8843%2040.3223%2060.8843%2041.5447%2060.8526C46.6562%2060.7115%2052.0437%2060.454%2057.0728%2059.4874C57.1983%2059.4628%2057.3237%2059.4416%2057.4313%2059.4098C65.3638%2057.9107%2072.9128%2053.2051%2073.6799%2041.2895C73.7086%2040.8204%2073.7803%2036.3758%2073.7803%2035.889C73.7839%2034.2347%2074.3216%2024.1533%2073.7014%2017.9592ZM61.4925%2047.6918H53.1514V27.5855C53.1514%2023.3526%2051.3591%2021.1938%2047.7136%2021.1938C43.7061%2021.1938%2041.6988%2023.7476%2041.6988%2028.7919V39.7974H33.4078V28.7919C33.4078%2023.7476%2031.3969%2021.1938%2027.3894%2021.1938C23.7654%2021.1938%2021.9552%2023.3526%2021.9516%2027.5855V47.6918H13.6176V26.9752C13.6176%2022.7423%2014.7157%2019.3795%2016.9118%2016.8868C19.1772%2014.4%2022.1488%2013.1231%2025.8373%2013.1231C30.1064%2013.1231%2033.3325%2014.7386%2035.4832%2017.9662L37.5587%2021.3949L39.6377%2017.9662C41.7884%2014.7386%2045.0145%2013.1231%2049.2765%2013.1231C52.9614%2013.1231%2055.9329%2014.4%2058.2055%2016.8868C60.4017%2019.3772%2061.4997%2022.74%2061.4997%2026.9752L61.4925%2047.6918Z%22%20fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22370%22%20height%3D%22390%22%20viewBox%3D%220%200%2074%2079%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M73.7014%2017.9592C72.5616%209.62034%2065.1774%203.04876%2056.424%201.77536C54.9472%201.56019%2049.3517%200.7771%2036.3901%200.7771H36.2933C23.3281%200.7771%2020.5465%201.56019%2019.0697%201.77536C10.56%203.01348%202.78877%208.91838%200.903306%2017.356C-0.00357857%2021.5113%20-0.100361%2026.1181%200.068112%2030.3439C0.308275%2036.404%200.354874%2042.4535%200.91406%2048.489C1.30064%2052.498%201.97502%2056.4751%202.93215%2060.3905C4.72441%2067.6217%2011.9795%2073.6395%2019.0876%2076.0945C26.6979%2078.6548%2034.8821%2079.0799%2042.724%2077.3221C43.5866%2077.1245%2044.4398%2076.8953%2045.2833%2076.6342C47.1867%2076.0381%2049.4199%2075.3714%2051.0616%2074.2003C51.0841%2074.1839%2051.1026%2074.1627%2051.1156%2074.1382C51.1286%2074.1138%2051.1359%2074.0868%2051.1368%2074.0592V68.2108C51.1364%2068.185%2051.1302%2068.1596%2051.1185%2068.1365C51.1069%2068.1134%2051.0902%2068.0932%2051.0695%2068.0773C51.0489%2068.0614%2051.0249%2068.0503%2050.9994%2068.0447C50.9738%2068.0391%2050.9473%2068.0392%2050.9218%2068.045C45.8976%2069.226%2040.7491%2069.818%2035.5836%2069.8087C26.694%2069.8087%2024.3031%2065.6569%2023.6184%2063.9285C23.0681%2062.4347%2022.7186%2060.8764%2022.5789%2059.2934C22.5775%2059.2669%2022.5825%2059.2403%2022.5934%2059.216C22.6043%2059.1916%2022.621%2059.1702%2022.6419%2059.1533C22.6629%2059.1365%2022.6876%2059.1248%2022.714%2059.1191C22.7404%2059.1134%2022.7678%2059.1139%2022.794%2059.1206C27.7345%2060.2936%2032.799%2060.8856%2037.8813%2060.8843C39.1036%2060.8843%2040.3223%2060.8843%2041.5447%2060.8526C46.6562%2060.7115%2052.0437%2060.454%2057.0728%2059.4874C57.1983%2059.4628%2057.3237%2059.4416%2057.4313%2059.4098C65.3638%2057.9107%2072.9128%2053.2051%2073.6799%2041.2895C73.7086%2040.8204%2073.7803%2036.3758%2073.7803%2035.889C73.7839%2034.2347%2074.3216%2024.1533%2073.7014%2017.9592ZM61.4925%2047.6918H53.1514V27.5855C53.1514%2023.3526%2051.3591%2021.1938%2047.7136%2021.1938C43.7061%2021.1938%2041.6988%2023.7476%2041.6988%2028.7919V39.7974H33.4078V28.7919C33.4078%2023.7476%2031.3969%2021.1938%2027.3894%2021.1938C23.7654%2021.1938%2021.9552%2023.3526%2021.9516%2027.5855V47.6918H13.6176V26.9752C13.6176%2022.7423%2014.7157%2019.3795%2016.9118%2016.8868C19.1772%2014.4%2022.1488%2013.1231%2025.8373%2013.1231C30.1064%2013.1231%2033.3325%2014.7386%2035.4832%2017.9662L37.5587%2021.3949L39.6377%2017.9662C41.7884%2014.7386%2045.0145%2013.1231%2049.2765%2013.1231C52.9614%2013.1231%2055.9329%2014.4%2058.2055%2016.8868C60.4017%2019.3772%2061.4997%2022.74%2061.4997%2026.9752L61.4925%2047.6918Z%22%20fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
#page .pen_social_networks li.pen_rumble a:before {
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%2030%2033%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.6%2018.6a2.5%202.5%200%200%200%200-4c-1.9-1.4-4-2.7-6-3.6-1.5-.7-3.1.2-3.4%201.9-.3%202.4-.4%205-.2%207.3a2.4%202.4%200%200%200%203.3%202%2027.5%2027.5%200%200%200%206.3-3.6Zm9.6-7.2a7.6%207.6%200%200%201%200%2010.5C23.3%2027%2017%2030.7%2010%2032.3a7.1%207.1%200%200%201-8.5-4.8c-2.2-6.9-1.9-14.7.2-21.7%201-3.7%204.7-6%208.3-5.1a37.7%2037.7%200%200%201%2018.2%2010.7Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%220%200%2030%2033%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.6%2018.6a2.5%202.5%200%200%200%200-4c-1.9-1.4-4-2.7-6-3.6-1.5-.7-3.1.2-3.4%201.9-.3%202.4-.4%205-.2%207.3a2.4%202.4%200%200%200%203.3%202%2027.5%2027.5%200%200%200%206.3-3.6Zm9.6-7.2a7.6%207.6%200%200%201%200%2010.5C23.3%2027%2017%2030.7%2010%2032.3a7.1%207.1%200%200%201-8.5-4.8c-2.2-6.9-1.9-14.7.2-21.7%201-3.7%204.7-6%208.3-5.1a37.7%2037.7%200%200%201%2018.2%2010.7Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
#page .pen_social_networks li.pen_twitter a:before {
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%223.5%203%2018%2018%22%3E%3Cpath%20d%3D%22M13.982%2010.622%2020.54%203h-1.554l-5.693%206.618L8.745%203H3.5l6.876%2010.007L3.5%2021h1.554l6.012-6.989L15.868%2021h5.245l-7.131-10.378Zm-2.128%202.474-.697-.997-5.543-7.93H8l4.474%206.4.697.996%205.815%208.318h-2.387l-4.745-6.787Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22400%22%20viewBox%3D%223.5%203%2018%2018%22%3E%3Cpath%20d%3D%22M13.982%2010.622%2020.54%203h-1.554l-5.693%206.618L8.745%203H3.5l6.876%2010.007L3.5%2021h1.554l6.012-6.989L15.868%2021h5.245l-7.131-10.378Zm-2.128%202.474-.697-.997-5.543-7.93H8l4.474%206.4.697.996%205.815%208.318h-2.387l-4.745-6.787Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}
#page .pen_social_networks li.pen_tiktok a:before {
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%223%203%2018%2018%22%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%205%203%20C%203.8954311%203%203%203.8954311%203%205%20L%203%2019%20C%203%2020.104599%203.8954311%2021%205%2021%20L%2019%2021%20C%2020.104599%2021%2021%2020.104599%2021%2019%20L%2021%205%20C%2021%203.8954311%2020.104599%203%2019%203%20L%205%203%20z%20M%2012.53125%206%20L%2014.583984%206%20C%2014.583984%206%2014.469797%208.6353027%2017.433594%208.8203125%20L%2017.433594%2010.859375%20C%2017.433594%2010.859375%2015.852183%2010.958593%2014.583984%209.9902344%20L%2014.605469%2014.197266%20C%2014.605469%2014.949465%2014.382743%2015.685148%2013.964844%2016.310547%20C%2013.547044%2016.935946%2012.952712%2017.423038%2012.257812%2017.710938%20C%2011.562913%2017.998737%2010.798246%2018.074534%2010.060547%2017.927734%20C%209.3227876%2017.781035%208.6451707%2017.418618%208.1132812%2016.886719%20C%207.5814018%2016.354919%207.2190455%2015.677152%207.0722656%2014.939453%20C%206.9254858%2014.201754%207.0012628%2013.437087%207.2890625%2012.742188%20C%207.5768522%2012.047188%208.0640838%2011.453156%208.6894531%2011.035156%20C%209.3148225%2010.617257%2010.050635%2010.394631%2010.802734%2010.394531%20L%2011.335938%2010.394531%20L%2011.335938%2012.476562%20C%2010.988138%2012.368163%2010.614731%2012.372181%2010.269531%2012.488281%20C%209.9242816%2012.604481%209.6255223%2012.8284%209.4140625%2013.125%20C%209.2026127%2013.4215%209.0890969%2013.776425%209.0917969%2014.140625%20C%209.0944869%2014.504825%209.2138677%2014.858944%209.4296875%2015.152344%20C%209.6454973%2015.445743%209.9480622%2015.664291%2010.294922%2015.775391%20C%2010.641822%2015.886391%2011.015228%2015.884984%2011.361328%2015.771484%20C%2011.707428%2015.657984%2012.008956%2015.437478%2012.222656%2015.142578%20C%2012.436356%2014.847578%2012.550681%2014.493106%2012.550781%2014.128906%20L%2012.53125%206%20z%22%20%2F%3E%3C%2Fsvg%3E');
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%223%203%2018%2018%22%20width%3D%22400%22%20height%3D%22400%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M%205%203%20C%203.8954311%203%203%203.8954311%203%205%20L%203%2019%20C%203%2020.104599%203.8954311%2021%205%2021%20L%2019%2021%20C%2020.104599%2021%2021%2020.104599%2021%2019%20L%2021%205%20C%2021%203.8954311%2020.104599%203%2019%203%20L%205%203%20z%20M%2012.53125%206%20L%2014.583984%206%20C%2014.583984%206%2014.469797%208.6353027%2017.433594%208.8203125%20L%2017.433594%2010.859375%20C%2017.433594%2010.859375%2015.852183%2010.958593%2014.583984%209.9902344%20L%2014.605469%2014.197266%20C%2014.605469%2014.949465%2014.382743%2015.685148%2013.964844%2016.310547%20C%2013.547044%2016.935946%2012.952712%2017.423038%2012.257812%2017.710938%20C%2011.562913%2017.998737%2010.798246%2018.074534%2010.060547%2017.927734%20C%209.3227876%2017.781035%208.6451707%2017.418618%208.1132812%2016.886719%20C%207.5814018%2016.354919%207.2190455%2015.677152%207.0722656%2014.939453%20C%206.9254858%2014.201754%207.0012628%2013.437087%207.2890625%2012.742188%20C%207.5768522%2012.047188%208.0640838%2011.453156%208.6894531%2011.035156%20C%209.3148225%2010.617257%2010.050635%2010.394631%2010.802734%2010.394531%20L%2011.335938%2010.394531%20L%2011.335938%2012.476562%20C%2010.988138%2012.368163%2010.614731%2012.372181%2010.269531%2012.488281%20C%209.9242816%2012.604481%209.6255223%2012.8284%209.4140625%2013.125%20C%209.2026127%2013.4215%209.0890969%2013.776425%209.0917969%2014.140625%20C%209.0944869%2014.504825%209.2138677%2014.858944%209.4296875%2015.152344%20C%209.6454973%2015.445743%209.9480622%2015.664291%2010.294922%2015.775391%20C%2010.641822%2015.886391%2011.015228%2015.884984%2011.361328%2015.771484%20C%2011.707428%2015.657984%2012.008956%2015.437478%2012.222656%2015.142578%20C%2012.436356%2014.847578%2012.550681%2014.493106%2012.550781%2014.128906%20L%2012.53125%206%20z%22%20%2F%3E%3C%2Fsvg%3E');
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
}#pen_search {
background: #8f8f8f;
background: linear-gradient(125deg, #3f3f3f 0%, #0f0f0f 100%);
position: relative;
z-index: 2;
}
body.pen_drop_shadow #pen_search {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
body.pen_width_boxed #pen_search,
body.pen_width_narrow #pen_search {
padding-left: 2rem;
padding-right: 2rem;
}
body.pen_round_corners.pen_width_boxed #pen_header #pen_search,
body.pen_round_corners.pen_width_narrow #pen_header #pen_search {
border-radius: 0 0 5px 5px;
}
#pen_search:before {
background: rgba(0,0,0,0.25);
bottom: 0;
content: '';
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
#pen_search_form {
float: left;
width: 100%;
}
#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;
}
#pen_search .search-form {
line-height: 1;
position: relative;
width: 100%;
}
#pen_search .search-form .search-field {
background: rgba(255,255,255,0.9);
border: 1px solid rgba(0,0,0,0.3) !important;
font-size: 1.5em;
line-height: 1;
margin-left: -1px !important;
padding: 1rem 20% 1rem 1.5rem !important;
transition: box-shadow .2s;
width: 100%;
}
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;
}
#pen_header.pen_header_sticked #pen_search .search-form .search-field {
font-size: 1.5em;
}
body.pen_header_sticky_minimize #pen_search .search-form .search-field,
body.pen_header_sticky_minimize #pen_search .search-form .search-submit {
transition: font-size .3s;
}
body.pen_round_corners #pen_search .search-form .search-field {
border-radius: 100px;
}
#pen_search .search-form .search-field:focus,
#pen_search .search-form .search-field:active,
#pen_search .search-form .search-submit:focus {
outline: none !important;
text-decoration: none;
}
#pen_search .search-form .search-submit {
background: #00a9ff;
background: linear-gradient(to bottom, #00a9ff 0%,#093a89 100%);
border: 0 none !important;
color: #fff;
font-size: 1.5em;
font-weight: normal;
height: 100%;
line-height: 1;
margin: 0 -1px 0 0 !important;
min-height: 100%;
min-width: 150px;
padding: 1rem 0 !important;
position: absolute;
right: 0;
text-align: center;
text-shadow: none !important;
top: 0;
width: 18%;
z-index: 100;
}
body.pen_round_corners #pen_search .search-form .search-submit {
border-radius: 100px;
}
#pen_search .search-form .search-submit:active {
background: #093a89;
}
#pen_search_top {
margin: 0 0 1.5rem;
}
#pen_search_bottom {
margin: 1.5rem 0 0;
}
@media only screen and (min-width:728px) {
body.pen_width_narrow #pen_search .search-form .search-field {
font-size: 1em;
padding-right: 35%;
}
body.pen_width_narrow #pen_search .search-form .search-submit {
font-size: 1em;
width: 33%;
}
}
@media only screen and (max-width:728px) {
#pen_search .search-form .search-field {
font-size: 1em;
padding-right: 35%;
}
#pen_search .search-form .search-submit {
font-size: 1em;
width: 33%;
}
}@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;
}
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;
}
body.pen_dark_mode #pen_header .pen_header_main .search-form .search-field {
background: rgba(100,100,100,0.2);
}@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,
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;
}
#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: 'Pen_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: 'Pen_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: 'Pen_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: 'Pen_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%;
}
}