@charset "UTF-8";
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//havaneser.land/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_social{margin-top:7px}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/btnNext.png) no-repeat 10000px center;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/btnPrevious.png) no-repeat -10000px center;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(//havaneser.land/wp-content/plugins/responsive-lightbox/assets/prettyphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none}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 {
color: #404040;
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;
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 {
background: #fff; overflow-x: hidden;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: rgba(170,170,170,0.5);
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"] {
background: #ffffff;
border: 1px solid;
border-color: #ccc #ccc #bbb;
color: #333;
color: rgba(0,0,0,0.8);
font-size: 0.857em;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
background: rgba(255,255,255,0.75);
color: #333;
border: 1px solid rgba(0,0,0,0.5);
}
select {
border: 1px solid rgba(0,0,0,0.5);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
padding: 3px;
}
textarea {
padding-left: 3px;
width: 100%;
}  a {
color: #005ce4;
}
a:visited {
color: #5c2e95;
}
a:hover,
a:focus,
a:active {
color: #005ce4;
}
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 {
display: none;
}
.posted-on time.published {
display: inline-block;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link{
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33333%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66667%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28571%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11111%;
}
.gallery-caption {
display: block;
}@font-face {
font-family: 'FontAwesome';
src: local( 'FontAwesome' ),
url(//havaneser.land/wp-content/themes/pen/assets/fonts/fontawesome/fontawesome.woff2) format('woff2'),
url(//havaneser.land/wp-content/themes/pen/assets/fonts/fontawesome/fontawesome.woff) format('woff');
font-weight: normal;
font-style: normal;
}
body,
button,
input,
select,
option,
optgroup,
textarea {
font-family: 'Roboto Regular', Arial, Helvetica, Sans-serif;
}
h1,
h2,
h3,
h4,
h5,
.archive-description {
font-family: 'Roboto Light', Arial, Helvetica, Sans-serif;
}
#main h1 {
margin: 1rem 0;
}
#main h3,
#main h4,
#main h5 {
font-family: 'Roboto Black', Arial, Helvetica, Sans-serif;
}
#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;
}
#pen_header #pen_site_title a .site-title,
#page .pen_options_overview h3 {
font-family: 'Roboto Bold', Arial, Helvetica, Sans-serif;
}
#pen_navigation ul#primary-menu a,
#pen_navigation_mobile ul#primary-menu-mobile a,
#pen_navigation_mobile .widget-area a {
font-family: 'Roboto Condensed Bold', Arial, Helvetica, Sans-serif;
}
#main p abbr[title] {
border-bottom: none !important;
text-decoration: none !important;
}
#main .pen_article dt {
padding: 1rem 0;
}
#main .pen_article dd {
border-left: 5px solid #aaa;
border-left-color: rgba(0,0,0,0.2);
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;
}
#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 blockquote {
background: rgba(200,200,200,0.1);
border: 1px solid rgba(200,200,200,0.2);
float: left;
font-family: 'Roboto Light Italic', Arial, Helvetica, Sans-serif;
font-size: 1.286em;
font-weight: normal;
margin: 1rem 0;
overflow: hidden;
padding: 1rem;
position: relative;
width: 100%;
}
#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 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;
}
.pen_message a,
a.more-link,
#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 {
font-family: 'Roboto Bold', Arial, Helvetica, Sans-serif;
}
#page .widget-title,
#pen_header .pen_phone,
#pen_footer .pen_phone {
font-family: 'Roboto Slab Regular', Arial, Helvetica, Sans-serif;
}
#content .sidebar .widget a {
font-family: 'Roboto Medium', Arial, Helvetica, Sans-serif;
}
#page .widget-area .calendar_wrap caption {
font-family: 'Roboto Slab Light', Arial, Helvetica, Sans-serif;
}
@media only screen and (max-width:728px) {
p {
margin: 0 0 1em;
}
}#primary .pen_article table {
background: rgba(255,255,255,0.025);
border-collapse: collapse;
}
#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(255,255,255,0.05);
border: 1px solid rgba(170,170,170,0.1);
cursor: default;
padding: 0.5rem 1rem;
}
#primary .pen_article table th {
background: rgba(255,255,255,0.025);
font-weight: bold;
text-align: left;
}
#primary .pen_article table tr:nth-child(2n+1) td {
background: rgba(255,255,255,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-width: 320px;
overflow: hidden;
position: relative;
}
#page .pen_container {
width: 100%;
}
#pen_section {
min-height: 500px;
}
#pen_section,
#pen_search_top,
#pen_search_left,
#pen_search_right,
#pen_search_bottom,
#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 {
position: relative;
z-index: 2;
}
#content .sidebar {
z-index: 10;
}
#main {
position: relative;
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 {
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_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 {
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 #pen_left {
left: auto;
right: 0;
}
body.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #pen_left {
left: 59%;
}
body.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #pen_right {
left: 21%;
right: auto;
}
body.pen_main_container_right #pen_right {
left: 0;
right: auto;
}
body.pen_main_container_left #pen_right {
left: auto;
right: 0;
}
body.pen_main_container_left #primary {
float: left;
}
body.pen_main_container_right #primary {
float: right;
}
body.visible-sidebar-left #primary {
padding-left: 21%;
}
body.visible-sidebar-right #primary {
padding-right: 21%;
}
body.visible-sidebar-left.pen_main_container_left #primary {
padding-left: 0;
padding-right: 21%;
}
body.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 21%;
padding-right: 0;
}
body.visible-sidebar-left.visible-sidebar-right.pen_main_container_left #primary {
padding-left: 0;
padding-right: 42%;
}
body.visible-sidebar-left.visible-sidebar-right.pen_main_container_right #primary {
padding-left: 42%;
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.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) {
html.no-js #page .pen_loading,
html.no-js body.pen_loading_spinner #page .pen_wrapper {
-webkit-animation: unset !important;
animation: unset !important;
}
}
#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 {
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_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_icon:before {
border-top: 1px solid rgba(255,255,255,0.5) !important;
border-right: 1px solid rgba(255,255,255,0.5) !important;
border-bottom: 1px solid rgba(255,255,255,0.5) !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 input[type="button"],
#primary input[type="reset"],
#primary input[type="submit"] {
font-size: 1em !important;
}
#primary input[type="button"],
#primary input[type="reset"],
#primary input[type="submit"],
#page .hpcf_button_submit,
#page .pen_button,
#primary .comments-link a,
#primary a.post-edit-link,
#primary .comment-list a.comment-edit-link,
#primary .comment-list .reply a,
#primary .pen_content_header .tags-links 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 .wc-backward,
body.pen_has_woocommerce #page .wc-forward {
background: #0090ff;
background: linear-gradient(0deg, #135abf 0%, #0090ff 100%);
border: 0 none !important;
color: #fff !important;
cursor: pointer;
float: left;
font-family: 'Roboto Bold', Arial, Helvetica, Sans-serif;
font-weight: normal;
padding: 0.75rem 2rem !important;
text-align: center;
text-decoration: none !important;
text-transform: capitalize;
white-space: nowrap;
}
#page .hpcf_button_submit,
#page .pen_button,
#primary .comments-link a,
#primary a.post-edit-link,
#primary .comment-list a.comment-edit-link,
#primary .comment-list .reply a,
#primary .pen_content_header .tags-links 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 .wc-backward,
body.pen_has_woocommerce #page .wc-forward {
margin: 0 0 1rem;
width: 100%;
}
body.pen_drop_shadow #primary input[type="button"],
body.pen_drop_shadow #primary input[type="reset"],
body.pen_drop_shadow #primary input[type="submit"],
body.pen_drop_shadow #page .hpcf_button_submit,
body.pen_drop_shadow #page .pen_button,
body.pen_drop_shadow #primary .comments-link a,
body.pen_drop_shadow #primary a.post-edit-link,
body.pen_drop_shadow #primary .comment-list a.comment-edit-link,
body.pen_drop_shadow #primary .comment-list .reply a,
body.pen_drop_shadow #primary .pen_content_header .tags-links a,
body.pen_drop_shadow #primary .pen_content_footer .tags-links a,
body.pen_drop_shadow #cancel-comment-reply-link,
body.pen_drop_shadow #content .page-links a,
body.pen_drop_shadow #content .comment-navigation a,
body.pen_drop_shadow #content .posts-navigation a,
body.pen_drop_shadow #content .post-navigation a,
body.pen_drop_shadow #content .wp-pagenavi a,
body.pen_drop_shadow #content .wp-pagenavi span,
body.pen_drop_shadow.pen_has_woocommerce #page .product .button,
body.pen_drop_shadow.pen_has_woocommerce #page .wc-backward,
body.pen_drop_shadow.pen_has_woocommerce #page .wc-forward {
box-shadow: 1px 1px 1px rgba(255,255,255,0.2) inset, -1px -1px 1px rgba(0,0,0,0.2) inset, 1px 1px 0 rgba(0,0,0,0.25);
text-shadow: none !important;
}
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 #page .hpcf_button_submit,
body.pen_round_corners #page .pen_button,
body.pen_round_corners #primary .comments-link a,
body.pen_round_corners #primary a.post-edit-link,
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_header .tags-links 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 .wc-backend,
body.pen_round_corners.pen_has_woocommerce #page .wc-forward {
border-radius: 50px !important;
}
#primary input[type="button"]:active,
#primary input[type="reset"]:active,
#primary input[type="submit"]:active,
#content .pen_content input[type="button"]:active,
#content .pen_content input[type="reset"]:active,
#content .pen_content input[type="submit"]:active,
#page .hpcf_button_submit:active,
#page .pen_button:active,
#page .pen_button.pen_active,
#primary .comments-link a:active,
#primary a.post-edit-link:active,
#primary .comment-list a.comment-edit-link:active,
#primary .comment-list .reply a:active,
#primary .pen_content_header .tags-links 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 .wc-backward:active,
body.pen_has_woocommerce #page .wc-forward:active {
background: #135abf;
text-decoration: none;
}
#page .wp-block-button a {
margin-bottom: 1rem;
text-decoration: none !important;
}
@media only screen and (max-width:1024px) {
#primary input[type="button"],
#primary input[type="reset"],
#primary input[type="submit"],
#page .hpcf_button_submit,
#page .pen_button,
#primary .comments-link a,
#primary a.post-edit-link,
#primary .comment-list a.comment-edit-link,
#primary .comment-list .reply a,
#primary .pen_content_header .tags-links 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 .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);
box-shadow: 0 0 7px rgba(0,0,0,0.2);
float: left;
margin: 0 0 2rem;
position: relative;
padding: 2rem;
width: 100%;
}
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;
box-shadow: 0 0 7px rgba(0,0,0,0.2);
float: left;
height: 70px;
margin: -40px 0 1rem;
overflow: hidden;
position: relative;
width: 70px;
}
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-content {
float: left;
margin: 1rem 0;
width: 100%;
}
#comments ol.comment-list .reply a {
margin-bottom: 0 !important;
padding-left: 3rem !important;
position: relative;
text-align: left;
text-shadow: none !important;
}
#comments ol.comment-list .reply a:before {
content: "\f075";
font-family: 'FontAwesome';
font-size: 1.429em;
font-weight: normal;
left: 1em;
margin: 0 1rem 0 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#comments .no-comments,
#comments .comment-awaiting-moderation {
border: 1px solid rgba(170,170,170,0.3);
float: left;
font-weight: bold;
margin: 1rem 0;
padding: 1rem 1rem 1rem 2rem;
width: 100%;
}
body.pen_round_corners #comments .no-comments,
body.pen_round_corners #comments .comment-awaiting-moderation {
border-radius: 3px;
}
#comments .no-comments:before,
#comments .comment-awaiting-moderation:before {
content: "\f023";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#comments .comment-awaiting-moderation:before {
content: "\f017";
}
#pen_respond_wrapper {
float: left;
margin: 0 !important;
width: 100%;
}
#comments ol.comment-list + #pen_respond_wrapper {
margin: 2rem 0 0 !important;
}
#comments #pen_respond_wrapper:first-child:last-child {
margin: 0;
}
#respond {
margin: 0;
position: relative;
}
#respond h3 {
font-size: 2em;
padding-left: 2em;
position: relative;
}
#comments #pen_respond_wrapper:first-child:last-child h3 {
margin-top: 0;
}
#respond h3:before {
content: "\f075";
font-family: 'FontAwesome';
font-size: 1.429em;
font-weight: normal;
left: 0;
line-height: 1;
opacity: 0.5;
position: absolute;
top: 0;
}
#respond h3 #cancel-comment-reply-link {
float: right;
margin: 0;
}
#comments .comment #respond {
margin: 1rem 0 0;
padding: 0;
}
#comments .comment-subscription-form,
#comments .comment-form-cookies-consent,
#comments .akismet_comment_form_privacy_notice {
float: left;
margin-bottom: 0.5rem;
margin-top: 1rem;
position: relative;
width: 100%;
}
#comments .comment-form-cookies-consent {
padding-left: 1rem;
}
#comments .comment-form-cookies-consent input {
left: 0;
position: absolute;
top: 0;
}
#comments .comment-form-cookies-consent label {
white-space: normal;
}
@media only screen and (min-width:728px) {
#comments a.post-edit-link,
#comments .comment-list a.comment-edit-link,
#comments .comment-list .reply a,
#cancel-comment-reply-link {
font-size: 0.857em !important;
width: auto !important;
}
#respond .form-submit input {
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 {
font-size: 1.5em;
margin-top: 0;
padding-left: 0;
padding-top: 5.5em;
text-align: center;
}
body.pen_width_narrow #respond h3:before {
font-size: 4em;
left: 50%;
top: 0;
transform: translateX(-50%);
}
body.pen_width_narrow #respond h3 #cancel-comment-reply-link {
margin: 1rem 0;
}
}
@media only screen and (max-width:1024px) {
#comments ol.comment-list div.comment-metadata {
position: static;
}
}
@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: 0;
padding-left: 0;
padding-top: 5.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: #808080;
font-size: 0.857em;
padding: 2rem;
position: relative;
z-index: 100;
}
body.pen_drop_shadow #pen_footer {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
#pen_footer.pen_not_transparent {
background: #000;
}
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;
}
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 .pen_footer_inner {
text-align: center;
}
body.pen_footer_alignment_left #pen_footer .pen_footer_inner {
text-align: left;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner {
text-align: center;
}
body.pen_footer_alignment_right #pen_footer .pen_footer_inner {
text-align: right;
}
#pen_footer a {
color: #ddd;
text-decoration: none;
}
#pen_footer a:focus,
#pen_footer a:hover,
#pen_footer a:active {
color: #fff;
text-decoration: none;
}
#pen_footer .pen_footer_inner nav li.pen_menu_create a:before {
content: "\f067";
display: inline-block;
font-family: 'FontAwesome';
font-weight: normal;
margin-right: 0.5rem;
}
#pen_footer .pen_footer_inner .pen_phone {
font-size: 1.25em;
}
#pen_footer .pen_footer_inner .pen_phone,
#pen_footer .pen_footer_inner .site-info,
#pen_footer .pen_footer_inner .pen_social_networks {
float: left;
margin-bottom: 0.5rem;
width: 100%;
}
#pen_footer .pen_footer_inner .pen_phone a {
display: block;
font-size: 1.286em;
font-weight: normal;
padding: 1rem;
}
#pen_footer .pen_footer_inner .pen_social_networks {
margin: 0 0 2rem;
}
body.pen_footer_alignment_center #pen_footer .pen_footer_inner .pen_social_networks {
text-align: center;
}
#pen_footer .pen_footer_inner .pen_social_networks ul,
#pen_footer .pen_footer_inner .pen_social_networks li {
list-style: none;
margin: 0;
padding: 0;
}
#pen_footer .pen_footer_inner .pen_social_networks li {
display: inline-block;
font-size: 2em;
line-height: 1;
}
#pen_footer .pen_footer_inner .pen_social_networks a {
color: #fff;
display: inline-block;
font-weight: normal;
height: 1em;
line-height: 0.8;
opacity: 0.75;
padding: 1.5rem;
position: relative;
text-align: center;
text-decoration: none;
transition: color .3s, opacity .3s;
width: 1em;
}
#pen_footer .pen_footer_inner .pen_social_networks a:focus,
#pen_footer .pen_footer_inner .pen_social_networks a:hover,
#pen_footer .pen_footer_inner .pen_social_networks a:active {
opacity: 1;
outline: 0;
text-decoration: none;
}
#pen_footer .pen_footer_inner .pen_social_networks a:before {
font-family: 'FontAwesome';
font-weight: normal;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%,-50%);
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_twitter a:before {
content: "\f099";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_facebook a:before {
content: "\f09a";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_instagram a:before {
content: "\f16d";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_pinterest a:before {
content: "\f231";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_linkedin a:before {
content: "\f0e1";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_flickr a:before {
content: "\f16e";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_bitbucket a:before {
content: "\f171";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_github a:before {
content: "\f1d3";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_slack a:before {
content: "\f198";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_skype a:before {
content: "\f17e";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_mewe a:before {
content: "\f124";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_vk a:before {
content: "\f189";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_telegram a:before {
content: "\f2c6";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_whatsapp a:before {
content: "\f232";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_rss a:before {
content: "\f09e";
}
#pen_footer .pen_footer_inner .pen_social_networks li.pen_email a:before {
content: "\f0e0";
}
#pen_footer .pen_footer_inner #pen_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 {
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_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_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: 1px;
}
#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 {
border-bottom: 1px solid rgba(255,255,255,0.25);
float: left;
width: 100%;
}
#pen_footer .pen_footer_inner #pen_footer_menu li a {
padding: 1rem;
}
#pen_footer .pen_footer_inner .pen_phone {
font-size: 1.5em;
}
#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,
body.pen_footer_alignment_left.invisible-sidebar-footer-left #pen_footer .pen_footer_inner .pen_social_networks {
margin-left: -1rem;
}
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,
body.pen_footer_alignment_right.invisible-sidebar-footer-right #pen_footer .pen_footer_inner .pen_social_networks	{
margin-right: -1rem;
}
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 {
background: linear-gradient(125deg, #ffffff 0%, #dddddd 100%);
float: left;
padding: 0;
position: relative;
width: 100%;
z-index: 1;
}
body.pen_drop_shadow #pen_header .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,
body.pen_round_corners.pen_width_boxed #pen_header.pen_navigation_hide .pen_header_inner,
body.pen_round_corners.pen_width_narrow #pen_header,
body.pen_round_corners.pen_width_narrow #pen_header.pen_navigation_hide .pen_header_inner {
border-radius: 0 0 5px 5px;
}
body.pen_round_corners.pen_width_boxed #pen_header.pen_navigation_hide.pen_search_show_toolbar .pen_header_inner,
body.pen_round_corners.pen_width_narrow #pen_header.pen_navigation_hide.pen_search_show_toolbar .pen_header_inner {
border-radius: 0;
}
#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_main a {
color: #555;
}
#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 .pen_site_name {
padding: 1rem 0;
}
body.pen_header_alignment_left #pen_header #pen_site_title .pen_site_name {
float: left;
}
body.pen_header_alignment_right #pen_header #pen_site_title .pen_site_name {
float: right;
}
#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 {
margin-bottom: 0 !important;
}
#pen_header #pen_site_title a .site-title {
letter-spacing: -1px;
}
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: 5px 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;
}
#pen_header .pen_header_main .pen_phone {
font-size: 1.5em;
line-height: 1;
text-align: center;
white-space: nowrap;
}
#pen_header .pen_header_main .pen_phone a {
color: #555;
text-decoration: none;
}
#pen_header .pen_header_main .pen_phone a:focus,
#pen_header .pen_header_main .pen_phone a:hover,
#pen_header .pen_header_main .pen_phone a:active {
color: #333;
text-decoration: none;
}
body.pen_header_sticky_minimize #pen_header.pen_header_sticked h1 a .site-title,
body.pen_header_sticky_minimize #pen_header.pen_header_sticked .pen_header_main .pen_phone a {
font-size: 1em;
}
#pen_header .pen_social_networks {
text-align: center;
}
#pen_header .pen_social_networks ul,
#pen_header .pen_social_networks li {
list-style: none;
margin: 0;
padding: 0;
}
#pen_header .pen_social_networks a {
display: inline-block;
font-weight: normal;
padding: 0 0.25rem;
text-decoration: none;
transition: color .3s;
}
#pen_header .pen_social_networks a:focus,
#pen_header .pen_social_networks a:hover,
#pen_header .pen_social_networks a:active {
border: 0 none;
color: #333;
outline: 0;
text-decoration: none;
}
#pen_header .pen_social_networks a:before {
font-family: 'FontAwesome';
font-weight: normal;
}
#pen_header .pen_social_networks li {
display: inline-block;
font-size: 1.5em;
line-height: 1;
margin: 0;
}
#pen_header .pen_social_networks li.pen_twitter a:before {
content: "\f081";
}
#pen_header .pen_social_networks li.pen_facebook a:before {
content: "\f082";
}
#pen_header .pen_social_networks li.pen_instagram a:before {
content: "\f16d";
}
#pen_header .pen_social_networks li.pen_pinterest a:before {
content: "\f0d3";
}
#pen_header .pen_social_networks li.pen_linkedin a:before {
content: "\f08c";
}
#pen_header .pen_social_networks li.pen_bitbucket a:before {
content: "\f172";
}
#pen_header .pen_social_networks li.pen_flickr a:before {
content: "\f16e";
}
#pen_header .pen_social_networks li.pen_github a:before {
content: "\f1d2";
}
#pen_header .pen_social_networks li.pen_slack a:before {
content: "\f198";
}
#pen_header .pen_social_networks li.pen_skype a:before {
content: "\f17e";
}
#pen_header .pen_social_networks li.pen_mewe a:before {
content: "\f14c";
}
#pen_header .pen_social_networks li.pen_vk a:before {
content: "\f189";
}
#pen_header .pen_social_networks li.pen_telegram a:before {
content: "\f2c6";
}
#pen_header .pen_social_networks li.pen_whatsapp a:before {
content: "\f232";
}
#pen_header .pen_social_networks li.pen_rss a:before {
content: "\f143";
}
#pen_header .pen_social_networks li.pen_email a:before {
content: "\f199";
}
#pen_header .pen_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;
}
#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;
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;
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;
text-transform: uppercase;
top: 0;
width: 35%;
z-index: 10;
}
body.pen_drop_shadow #pen_header .pen_header_main .search-form .search-submit {
box-shadow: 1px 1px 1px rgba(255,255,255,0.1) inset, -1px -1px 1px rgba(0,0,0,0.2) inset;
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
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 {
min-height: 55px;
position: relative;
}
#pen_header .pen_header_wrap {
display: table;
min-height: 34px;
padding: 1rem 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
body.pen_header_alignment_right #pen_header .pen_header_wrap {
left: 0;
right: auto;
}
body.pen_header_alignment_center #pen_header .pen_header_wrap {
display: block;
float: left;
padding-top: 0;
position: static;
right: auto;
text-align: center;
top: auto;
transform: none;
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_left #pen_header #pen_site_title .pen_logo {
float: left;
}
body.pen_header_alignment_center #pen_header #pen_site_title {
margin-top: 1rem;
}
body.pen_narrow #pen_header #pen_site_title {
margin-top: 0;
text-align: center;
}
body.pen_header_alignment_right #pen_header #pen_site_title,
body.pen_header_alignment_right #pen_header #pen_site_title .pen_logo {
float: right;
}
body.pen_header_alignment_center #pen_header #pen_site_title,
body.pen_header_alignment_center #pen_header #pen_site_title .pen_logo,
body.pen_header_alignment_center #pen_header #pen_site_title .pen_site_name {
display: inline-block;
}
body.pen_header_alignment_center #pen_header #pen_site_title {
float: none;
text-align: center;
width: 100%;
}
body.pen_header_alignment_center #pen_header #pen_site_title a .site-title {
width: 100%;
}
body.pen_header_alignment_left #pen_header.pen_logo_show #pen_site_title .pen_site_name,
body.pen_header_alignment_center #pen_header.pen_logo_show #pen_site_title .pen_site_name,
body.pen_header_alignment_right #pen_header.pen_logo_show #pen_site_title .pen_site_name {
float: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
body.pen_header_alignment_left #pen_header.pen_logo_show #pen_site_title .pen_site_name {
left: 150px;
transition: left .3s;
}
body.pen_header_alignment_left #pen_header.pen_logo_show.pen_header_sticked #pen_site_title .pen_site_name {
left: 80px;
}
body.pen_header_alignment_right #pen_header.pen_logo_show #pen_site_title .pen_site_name {
right: 150px;
transition: right .3s;
}
body.pen_header_alignment_right #pen_header.pen_logo_show.pen_header_sticked #pen_site_title .pen_site_name {
right: 80px;
}
#pen_header .pen_phone,
#pen_header .pen_social_networks,
#pen_header .pen_search,
#pen_header_button_users,
#pen_header_primary,
#pen_header_secondary {
display: table-cell;
line-height: 1;
position: relative;
vertical-align: middle;
}
#pen_header .pen_phone {
padding-right: 1rem;
}
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_width_narrow #pen_header .pen_phone,
body.pen_width_narrow #pen_header .pen_social_networks {
padding: 0;
}
#pen_header .pen_search {
min-width: 100px;
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;
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 {
margin: 0;
}
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_search {
display: inline-block;
float: none !important;
width: auto !important;
}
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 #pen_header .pen_header_wrap {
display: block;
float: left;
position: static;
right: auto;
top: auto;
transform: none;
width: 100%;
}
body.pen_width_narrow #pen_header #pen_site_title {
margin: 0;
text-align: center;
white-space: normal;
width: 100%;
}
body.pen_width_narrow #pen_header.pen_logo_show #pen_site_title .pen_site_name {
position: static;
}
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;
text-align: center;
width: 100%;
}
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 {
display: block;
float: left;
margin: 0 0 1rem;
position: relative;
width: 100%;
}
body.pen_width_narrow #pen_header_button_users {
margin-top: 1rem;
}
body.pen_width_narrow #pen_header .pen_phone {
font-size: 1.5em;
}
body.pen_width_narrow #pen_header .pen_social_networks a {
padding: 0 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 .pen_site_name {
float: none;
}
#pen_header.pen_phone_show.pen_connect_show.pen_search_show.pen_button_users_show .pen_header_wrap {
width: 100%;
}
}
@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 img,
#pen_header #pen_site_title .pen_site_name {
float: none !important;
}
#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 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;
border-radius: 5px 20px 0 0;
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);
}
#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;
border-radius: 100px;
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);
}
#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 {
border-radius: 100px;
content: '';
height: 32px;
position: absolute;
right: 0;
top: 0;
width: 32px;
}
#page .pen_jump_menu .pen_toggle:before {
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.05));
border: 2px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 0 1px #000;
color: #fff;
content: '\f040';
font-family: 'FontAwesome';
font-size: 18px !important;
font-weight: normal;
text-align: center;
}
body.pen_drop_shadow #page .pen_jump_menu .pen_toggle:before {
text-shadow: 0 0 5px rgba(0,0,0,0.5), 0 0 1px #000;
}
#page .pen_jump_menu .pen_toggle:after {
border: 1px solid rgba(255,255,255,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.2) inset;
}
#page *:hover > .pen_jump_menu .pen_toggle:not(.pen_expanded):after {
animation: pen_jump_menu_toggle 10s infinite ease-in-out;
display: block;
}
#page .pen_jump_menu .pen_toggle:not(.pen_expanded):after,
#page *:hover > .pen_jump_menu:not(.pen_expanded):pen_menu_wrapper:hover .pen_toggle:after {
display: none;
}
@keyframes pen_jump_menu_toggle {
0% {
transform: scale(1,1);
}
5%,
100% {
opacity: 0;
transform: scale(2,2);
}
}
#page .pen_jump_menu .pen_toggle.pen_expanded:before {
background: linear-gradient(0deg, #a00, #e00) !important;
content: '\f00d' !important;
}
#page .pen_jump_menu .pen_menu_wrapper {
border-radius: 5px 20px 5px 5px;
box-shadow: 0 2px 7px rgba(0,0,0,0.5);
}
#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 #ccc;
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;
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% - 167px);
right: auto;
position: fixed;
top: auto;
}
#page .pen_jump_menu#pen_jump_menu_font_presets {
left: calc(50% - 100px);
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle:before,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle:before {
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.25));
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle:before {
content: '\f1fc';
}
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle:before {
content: '\f031';
}
#pen_jump_menu_color_schemes li {
position: relative;
}
#pen_jump_menu_color_schemes li:before {
border-radius: 3px;
content: '';
left: 5px;
height: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 14px;
z-index: 2;
}
#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_navigation,
#pen_navigation_mobile {
background: #00a9ff;
background: linear-gradient(125deg, #00a9ff 0%,#093a89 100%);
color: #fff;
float: left;
line-height: 1;
position: relative;
width: 100%;
z-index: 1;
}
#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 {
border-radius: 0 0 5px 5px;
}
body.pen_round_corners #pen_header.pen_search_show_toolbar #pen_navigation {
border-radius: 0;
}
body.pen_round_corners.pen_width_boxed #pen_navigation:after,
body.pen_round_corners.pen_width_narrow #pen_navigation:after {
border-radius: 0 0 5px 5px;
}
#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 ul,
#pen_navigation_mobile ul#primary-menu-mobile ul {
background: #004d98;
background: linear-gradient(125deg, #004d98 0%,#093a89 100%);
}
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;
}
#pen_navigation ul#primary-menu,
#pen_navigation ul#primary-menu li {
float: left;
list-style: none;
}
#pen_navigation ul#primary-menu {
padding: 0;
width: 100%;
}
#pen_navigation ul#primary-menu li.pen_menu_create a:before,
#pen_navigation_mobile ul#primary-menu-mobile li.pen_menu_create a:before {
content: "\f067";
display: inline-block;
font-family: 'FontAwesome';
font-weight: normal;
margin-right: 0.5em;
}
#pen_navigation li.page_item_has_children > ul,
#pen_navigation li.menu-item-has-children > ul {
display: none;
left: 0;
position: absolute;
top: 100%;
z-index: 120;
}
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);
}
#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_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_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;
text-transform: none;
}
#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: 1px;
}
#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: 1px;
left: 5%;
opacity: 0.3;
position: absolute;
top: 0;
width: 90%;
}
#pen_navigation_mobile nav.pen_separator_submenu_4 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_5 ul#primary-menu > li:after {
background: #000;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_navigation.pen_separator_6 ul#primary-menu > li:after,
#pen_navigation.pen_separator_6 ul#primary-menu > li:before {
background: #000;
content: '';
height: 100%;
opacity: 0.25;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
#pen_navigation.pen_separator_6 ul#primary-menu > li:first-child:before,
body.pen_navigation_alignment_right #pen_navigation.pen_separator_6 ul#primary-menu > li:last-child:before {
left: 0;
right: auto;
}
body.pen_navigation_alignment_right #pen_navigation.pen_separator_6 ul#primary-menu > li:first-child:before {
left: auto;
right: 0;
}
#pen_navigation.pen_separator_submenu_5 ul#primary-menu li li:after,
#pen_navigation.pen_separator_submenu_6 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_5 ul#primary-menu-mobile li:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:after {
background: #000;
content: '';
height: 1px;
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
width: 100%;
}
#pen_navigation_mobile nav.pen_separator_submenu_5 ul#primary-menu-mobile li:after {
left: 0.75rem;
}
#pen_navigation.pen_separator_submenu_6 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:after {
left: 10%;
width: 80%;
}
#pen_navigation.pen_separator_submenu_6 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:first-child:after {
display: block;
}
#pen_navigation_mobile nav.pen_separator_submenu_5 ul#primary-menu-mobile li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_6 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_7 ul#primary-menu > li:after {
background: #000;
border-radius: 50px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation.pen_separator_submenu_7 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:after {
background: #000;
border-radius: 50px;
content: '';
height: 10px;
left: 10px;
opacity: 0.25;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:after {
left: 0.75rem;
top: 1rem;
transform: none;
}
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_submenu_7 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_7 ul#primary-menu-mobile li:first-child:after {
display: block;
}
#pen_navigation.pen_separator_8 ul#primary-menu > li:after {
border: 3px solid #000;
border-radius: 100px;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation.pen_separator_submenu_8 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:after {
border: 3px solid #000;
border-radius: 50px;
content: '';
height: 10px;
left: 10px;
opacity: 0.25;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:after {
left: 0.75rem;
top: 1rem;
transform: none;
}
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_submenu_8 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_8 ul#primary-menu-mobile li:first-child:after {
display: block;
}
#pen_navigation.pen_separator_9 ul#primary-menu > li:after {
border: 3px solid #000;
content: '';
height: 10px;
opacity: 0.25;
position: absolute;
right: 0;
top: 50%;
transform: rotate(45deg) translateY(calc(-50% - 2px));
width: 10px;
}
#pen_navigation.pen_separator_submenu_9 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_9 ul#primary-menu-mobile li:after {
border: 3px solid #000;
content: '';
height: 10px;
left: 5px;
opacity: 0.25;
position: absolute;
top: 50%;
transform: rotate(45deg) translateY(calc(-50% - 2px));
width: 10px;
}
#pen_navigation_mobile nav.pen_separator_submenu_9 ul#primary-menu-mobile li:after {
left: 0.75rem;
top: 1rem;
transform: rotate(45deg) translateY(2px);
}
#pen_navigation_mobile nav.pen_separator_submenu_9 ul#primary-menu-mobile li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_10 ul#primary-menu > li:after {
color: #000;
content: "..";
font-size: 2em;
font-weight: bold;
height: 20px;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
right: -17px;
text-align: center;
top: 50%;
transform: translate(-50%,calc(-50% - 2px)) rotate(90deg);
width: 20px;
}
#pen_navigation.pen_separator_submenu_10 ul#primary-menu li li:after,
#pen_navigation_mobile nav.pen_separator_submenu_10 ul#primary-menu-mobile li:after {
color: #000;
content: "..";
font-size: 2em;
font-weight: bold;
left: 1em;
letter-spacing: -2px;
line-height: 0;
opacity: 0.25;
position: absolute;
text-align: center;
top: -5px;
}
#pen_navigation.pen_separator_submenu_10 ul#primary-menu li li:first-child:after,
#pen_navigation_mobile nav.pen_separator_submenu_10 ul#primary-menu-mobile li:first-child:after,
body.pen_navigation_alignment_left #pen_navigation ul#primary-menu > li:last-child:after,
body.pen_navigation_alignment_center #pen_navigation ul#primary-menu > li:last-child:after,
body.pen_navigation_alignment_right #pen_navigation ul#primary-menu > li:first-child:after {
display: none;
}
#pen_navigation.pen_separator_6 ul#primary-menu > li:first-child:after,
#pen_navigation.pen_separator_6 ul#primary-menu > li:last-child:after {
display: block;
}
#pen_navigation.pen_hover_1 ul#primary-menu > li {
padding: 1em;
}
#pen_navigation.pen_hover_1 ul#primary-menu > li > a {
border-radius: 100px;
padding: 0.5em 1em;
}
#pen_navigation.pen_hover_1 ul#primary-menu > li.sfHover > a,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:focus,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:hover,
#pen_navigation.pen_hover_1 ul#primary-menu > li > a:active,
#pen_navigation.pen_hover_1 ul#primary-menu > li.current-menu-item > a {
background: rgba(0,0,0,0.2);
}
#pen_navigation.pen_hover_2 ul#primary-menu > li {
padding: 1em;
}
#pen_navigation.pen_hover_2 ul#primary-menu > li > a {
border-radius: 0;
padding: 0.5em 1em;
}
#pen_navigation.pen_hover_2 ul#primary-menu > li.sfHover > a,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:focus,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:hover,
#pen_navigation.pen_hover_2 ul#primary-menu > li > a:active,
#pen_navigation.pen_hover_2 ul#primary-menu > li.current-menu-item > a {
background: rgba(0,0,0,0.2);
}
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
bottom: 0;
content: '';
height: 3px;
left: 0;
opacity: 0;
position: absolute;
transition: opacity .3s;
width: 100%;
}
#pen_navigation.pen_hover_3 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_3 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
bottom: 0;
content: '';
height: 3px;
left: 15%;
opacity: 0;
position: absolute;
transition: opacity .3s;
width: 70%;
}
#pen_navigation.pen_hover_4 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_4 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
border-radius: 5px 5px 0 0;
bottom: 0;
content: '';
height: 3px;
left: 15%;
opacity: 0;
position: absolute;
transition: opacity .3s;
width: 70%;
}
#pen_navigation.pen_hover_5 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_5 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
border-radius: 5px 5px 0 0;
bottom: 0;
content: '';
height: 3px;
left: 50%;
opacity: 0;
position: absolute;
transition: opacity .3s;
transform: translateX(-50%);
width: 100px;
}
#pen_navigation.pen_hover_6 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_6 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:after {
background: rgba(150,150,150,0.75);
border-radius: 15px 15px 0 0;
bottom: 0;
content: '';
height: 7px;
left: 50%;
opacity: 0;
position: absolute;
transition: opacity .3s;
transform: translateX(-50%);
width: 100px;
}
#pen_navigation.pen_hover_7 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_7 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:after {
border: 10px solid transparent;
border-top: 10px solid rgba(150,150,150,0.75);
content: '';
left: 50%;
opacity: 0;
position: absolute;
top: 0;
transform: translateX(-50%);
transition: opacity .3s;
}
#pen_navigation.pen_hover_8 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_8 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:after {
border: 10px solid transparent;
border-bottom: 10px solid rgba(150,150,150,0.75);
bottom: 0;
content: '';
left: 50%;
opacity: 0;
position: absolute;
transform: translateX(-50%);
transition: opacity .3s;
}
#pen_navigation.pen_hover_9 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_9 ul#primary-menu > li.current-menu-item > a:after {
opacity: 1;
}
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:after {
background: #000;
border-radius: 50px 50px 0 0;
bottom: 0;
content: '';
height: 5px;
left: 50%;
opacity: 0;
position: absolute;
transform: translateX(-50%);
transition: opacity .3s;
width: 80%;
}
#pen_navigation.pen_hover_10 ul#primary-menu > li.sfHover > a:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:focus:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:hover:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li > a:active:after,
#pen_navigation.pen_hover_10 ul#primary-menu > li.current-menu-item > a:after {
opacity: 0.5;
}
#pen_navigation ul#primary-menu.sf-arrows .sf-with-ul {
padding-right: 2.5em !important;
}
#pen_navigation ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile li.pen_parent > a:before {
content: "\f107";
font-family: 'FontAwesome';
font-weight: normal;
opacity: 0.5;
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
}
#pen_navigation_mobile li.pen_parent > a:before {
right: 2rem;
}
#pen_navigation ul#primary-menu.sf-arrows > li > a.sf-with-ul:focus:before,
#pen_navigation ul#primary-menu.sf-arrows > li:hover > a.sf-with-ul:before,
#pen_navigation ul#primary-menu.sf-arrows > li.sfHover > a.sf-with-ul:before {
opacity: 0.9;
}
#pen_navigation ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f105";
}
#pen_navigation ul#primary-menu.sf-arrows ul li a.sf-with-ul:focus:before,
#pen_navigation ul#primary-menu.sf-arrows ul li:hover > a.sf-with-ul:before,
#pen_navigation ul#primary-menu.sf-arrows ul li.sfHover > a.sf-with-ul:before {
opacity: 0.9;
}
#pen_navigation.pen_arrows_1 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_1 li.pen_parent > a:before {
content: "\f107";
}
#pen_navigation.pen_arrows_1 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f105";
}
#pen_navigation.pen_arrows_2 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_2 li.pen_parent > a:before {
content: "\f103";
}
#pen_navigation.pen_arrows_2 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f101";
}
#pen_navigation.pen_arrows_3 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_3 li.pen_parent > a:before {
content: "\f0ab";
}
#pen_navigation.pen_arrows_3 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f0a9";
}
#pen_navigation.pen_arrows_4 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_4 li.pen_parent > a:before {
content: "\f01a";
}
#pen_navigation.pen_arrows_4 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f18e";
}
#pen_navigation.pen_arrows_5 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_5 li.pen_parent > a:before {
content: "\f063";
}
#pen_navigation.pen_arrows_5 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f061";
}
#pen_navigation.pen_arrows_6 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_6 li.pen_parent > a:before {
content: "\f0d7";
}
#pen_navigation.pen_arrows_6 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f0da";
}
#pen_navigation.pen_arrows_7 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_7 li.pen_parent > a:before {
content: "\f150";
}
#pen_navigation.pen_arrows_7 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f152";
}
#pen_navigation.pen_arrows_8 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_8 li.pen_parent > a:before {
content: "\f078";
}
#pen_navigation.pen_arrows_8 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f054";
}
#pen_navigation.pen_arrows_9 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_9 li.pen_parent > a:before {
content: "\f175";
}
#pen_navigation.pen_arrows_9 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f178";
}
#pen_navigation.pen_arrows_10 ul#primary-menu.sf-arrows .sf-with-ul:before,
#pen_navigation_mobile nav.pen_arrows_10 li.pen_parent > a:before {
content: "\f13a";
}
#pen_navigation.pen_arrows_10 ul#primary-menu.sf-arrows ul li a.sf-with-ul:before {
content: "\f138";
}
body.pen_navigation_alignment_right #pen_navigation ul#primary-menu > li {
float: right;
}
body.pen_navigation_alignment_center #pen_navigation ul#primary-menu {
text-align: center;
}
body.pen_navigation_alignment_center #pen_navigation ul#primary-menu > li {
float: none;
display: inline-block;
}
#pen_navigation ul#primary-menu:hover > li > a {
opacity: 0.75;
}
#pen_navigation ul#primary-menu:hover > li.sfHover > a,
#pen_navigation ul#primary-menu:hover > li > a:focus,
#pen_navigation ul#primary-menu:hover > li > a:hover,
#pen_navigation ul#primary-menu:hover > li > a:active {
opacity: 1;
}
body.pen_navigation_mobile_sticked #pen_navigation_mobile {
z-index: 50001;
}
@media only screen and (min-width:1024px) {
#pen_mobile_menu_bottom,
#pen_mobile_menu_top {
display: none;
}
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;
}
}
@media only screen and (max-width:1024px) {
#pen_navigation {
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_navigation_mobile {
border: 0 none !important;
border-radius: 0 !important;
box-shadow: none !important;
position: static;
z-index: 100;
}
#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: 100%;
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_navigation_mobile #pen_mobile_menu_top,
#pen_navigation_mobile #pen_mobile_menu_bottom {
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;
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);
}
}#page label,
#page legend {
font-size: 1em;
font-weight: bold;
white-space: nowrap;
}
#page fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
#page label {
color: rgba(120,120,120,0.9);
cursor: pointer;
display: block;
margin: 0 0 0.2rem;
}
#page input,
#page textarea {
line-height: 1.3;
}
#page input,
#page textarea {
margin: 0;
padding: 0.5rem 1rem !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.hpcf_attachment_remove,
#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 button.hpcf_attachment_remove,
#page input[type="email"],
#page input[type="number"],
#page input[type="password"],
#page input[type="tel"],
#page input[type="text"],
#page input[type="url"],
#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 button.hpcf_attachment_remove,
body.pen_drop_shadow #main input[type="email"],
body.pen_drop_shadow #main input[type="number"],
body.pen_drop_shadow #main input[type="password"],
body.pen_drop_shadow #main input[type="tel"],
body.pen_drop_shadow #main input[type="text"],
body.pen_drop_shadow #main input[type="url"],
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,
body.pen_list_plain #pen_pager {
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_multiple.pen_list_plain #pen_pager {
border-radius: 5px;
}
body.pen_round_corners.pen_list_header_show #main article.pen_article,
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,
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,
body.pen_round_corners.pen_multiple #main li.pen_article.pen_header_show {
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_drop_shadow #main article.pen_article,
body.pen_drop_shadow.pen_multiple #main li.pen_article,
body.pen_drop_shadow.pen_multiple.pen_list_plain #pen_pager,
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%;
}
#main .pen_article .pen_content_footer {
padding-top: 0 !important;
}
body:not(.pen_content_footer_hide) #main .pen_article.pen_header_show header.pen_content_header + footer,
#main .pen_article.pen_header_show:not(.pen_list_footer_hide) header.pen_content_header + footer {
padding-top: 2rem !important;
}
#main .pen_article header.pen_content_header {
background: #dddddd;
background: linear-gradient(125deg, #ffffff 0%, #dddddd 100%);
float: left;
line-height: 1.2;
padding: 2rem;
position: relative;
width: 100%;
z-index: 40;
}
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.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_title {
float: left;
font-size: 2em;
font-weight: bold;
margin: 0;
padding: 0;
}
body.pen_drop_shadow #main header.page-header .pen_content_title {
text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
#main header .pen_content_title,
#main header .entry-meta,
#main header .pen_share {
position: relative;
z-index: 2;
}
#main header .pen_content_title a {
display: inline-block;
}
#main header .pen_content_title b,
#main 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_title,
#main .pen_article.pen_list_title_center header .pen_content_title,
body.pen_content_header_center #main header.pen_content_header,
body.pen_content_title_center #main 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 {
float: left;
font-size: 0.714em;
line-height: 1;
margin: 1rem 0 0;
opacity: 0.9;
padding: 0;
text-transform: uppercase;
width: 100%;
}
#main .pen_article header .entry-meta {
opacity: 0.75;
}
#main .pen_article.pen_list_header_center header .entry-meta,
body.pen_content_header_center #main .pen_article 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 span.byline,
#main .pen_article header span.posted-on {
white-space: nowrap;
}
#main .pen_article header span.byline,
#main .pen_article header span.posted-on,
#main .pen_article header span.cat-links {
display: inline-block;
line-height: 1.3;
margin: 0.5rem 0 0;
}
#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: 25%;
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: -7px;
top: 25%;
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_4 > span:after {
background: #000;
content: '';
height: 1em;
opacity: 0.5;
position: absolute;
right: -8px;
top: 30%;
width: 1px;
}
#main .pen_article .entry-meta.pen_separator_5 > span:after {
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: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: -14px;
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: -14px;
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: -9px;
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;
}
.archive-description {
float: left;
font-size: 0.857em;
margin: 0.5rem 0 0;
padding: 0.5rem 0 0 9rem;
width: 100%;
}
a.more-link {
display: block;
font-weight: bold;
margin-bottom: 0 !important;
margin-top: 1rem !important;
padding: 0.5rem 0;
text-transform: capitalize;
}
a.more-link:focus,
a.more-link:hover,
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;
}
a.more-link:after {
content: "\f101";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 0 0 0.5rem;
}
#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 .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 .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 ul.wp-block-gallery {
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 .search-form .search-field,
#main .search-form .search-submit {
font-size: 1em;
font-weight: normal;
line-height: 1.5;
}
#main .pen_article .search-form .search-submit {
margin-left: 10px;
padding: 0.5rem 2rem !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: #333;
background: linear-gradient(125deg, #555555 0%, #aaaaaa 100%);
color: #fff;
font-size: 1em;
font-weight: normal;
margin-top: 0;
padding: 1rem;
position: relative;
text-transform: capitalize;
}
html.js #page .pen_options_overview h3 {
margin: -15px -15px 0.5rem;
}
#page .pen_options_overview h3:before {
content: "\f085";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 0.5rem 0 0;
}
#page .pen_options_overview .pen_overview_content_title {
font-size: 1em;
margin: 0 0 5px;
}
#page .pen_options_overview .pen_close {
height: 3em;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -99999px;
top: 5px;
width: 3em;
line-height: 1;
z-index: 2;
}
#page .pen_options_overview .pen_close:after,
#page .pen_options_overview .pen_close:before {
border-top: 2px solid #fff;
content: '';
position: absolute;
top: 50%;
text-indent: 0;
left: 0.5em;
text-align: center;
font-size: 1.286em;
transform: rotate(45deg);
width: 1em;
}
body.pen_drop_shadow #page .pen_options_overview .pen_close:after,
body.pen_drop_shadow #page .pen_options_overview .pen_close:before {
text-shadow: 0 0 3px rgba(0,0,0,0.5);
}
#page .pen_options_overview .pen_close:after {
transform: rotate(-45deg);
}
#page .pen_options_overview .pen_close:active:after,
#page .pen_options_overview .pen_close:active:before {
border-color: #c40000;
}
body.pen_multiple #page .pen_options_overview_toggle {
margin: 0;
opacity: 0.5;
overflow: hidden;
position: relative;
text-indent: -99999px;
transition: opacity .3s;
width: auto;
}
body.pen_round_corners.pen_multiple #page .pen_options_overview_toggle {
border-radius: 0 3px 0 0 !important;
}
body.pen_multiple #page .pen_options_overview_toggle:before {
left: 50%;
position: absolute;
text-indent: 0;
top: 50%;
transform: translate(-50%,-50%);
}
body.pen_multiple #page .pen_options_overview_toggle.pen_visible {
opacity: 1;
}
#page .pen_options_overview_toggle:before {
content: "\f085";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#page .pen_options_overview .pen_table_wrapper {
float: left;
max-height: 400px;
overflow: hidden;
overflow-y: auto;
width: 100%;
}
#page .pen_options_overview table {
box-shadow: none;
margin: 0 0 1rem;
}
#page .pen_options_overview table th,
#page .pen_options_overview table td {
background: #fff !important;
color: #333 !important;
border: 0 none;
font-size: 0.857em;
font-weight: bold;
padding: 0.5rem;
text-align: left;
}
#page .pen_options_overview table th {
background: #efefef !important;
color: #333;
font-weight: normal;
font-size: 1em;
text-transform: capitalize;
}
#page .pen_options_overview table td {
font-size: 0.857em;
}
#page .pen_options_overview table td:last-child {
padding-left: 2rem;
text-transform: capitalize;
}
#page .pen_options_overview .pen_option_disabled {
color: #c40000;
}
#page .pen_options_overview .pen_button {
font-size: 0.857em;
margin: 0 0 1rem;
}
#main .comments-link a,
#main a.post-edit-link {
margin-top: 1rem !important;
}
#main .comments-link a:before,
#main a.post-edit-link:before,
#main .pen_content_footer .tags-links .pen_heading_tags:before {
content: "\f044";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#main .comments-link a:before {
content: "\f075";
}
#main .pen_content_footer .tags-links {
display: block;
}
#main .pen_content_footer .tags-links .pen_heading_tags {
display: inline-block;
font-weight: bold;
margin-right: 1rem;
}
#main .pen_content_footer .tags-links .pen_heading_tags:before {
content: "\f02c";
font-weight: normal;
margin-right: 0.5rem;
}
#main .pen_content_footer .tags-links a {
display: inline-block;
float: none;
font-weight: normal;
padding: 0.25rem 1rem !important;
width: auto !important;
}
body.pen_round_corners #main .tags-links a {
border-radius: 5px;
}
#main .pen_content_footer .pen_actions .tags-links a:last-of-type {
margin-right: 0 !important;
}
body.pen_list_tiles #main .pen_content_footer span:last-child a,
body.pen_list_masonry #main .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 {
overflow: hidden;
}
#main .post.format-audio > header:before,
#main .post.format-audio > header:after,
#main .post.format-aside > header:before,
#main .post.format-aside > header:after,
#main .post.format-gallery > header:before,
#main .post.format-gallery > header:after,
#main .post.format-image > header:before,
#main .post.format-image > header:after,
#main .post.format-video > header:before,
#main .post.format-video > header:after,
#main .post.format-quote > header:before,
#main .post.format-quote > header:after,
#main .post.format-link > header:before,
#main .post.format-link > header:after,
#main .post.format-status > header:before,
#main .post.format-status > header:after,
#main .status-draft > header:before,
#main .status-draft > header:after,
#main .post-password-required > header:before,
#main .post-password-required > header:after,
#main .post.sticky > header:before,
#main .post.sticky > header:after {
color: rgba(170,170,170,0.3);
font-family: 'FontAwesome';
font-size: 5em;
font-weight: normal;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
#main .post.format-audio > header:before,
#main .post.format-aside > header:before,
#main .post.format-gallery > header:before,
#main .post.format-image > header:before,
#main .post.format-video > header:before,
#main .post.format-quote > header:before,
#main .post.format-link > header:before,
#main .post.format-status > header:before,
#main .status-draft > header:before,
#main .post-password-required > header:before,
#main .post.sticky > header:before {
font-size: 15em;
opacity: 0.4;
right: -30px;
}
body.pen_list_tiles.pen_multiple #main header:after,
body.pen_list_masonry.pen_multiple #main header:after {
display: none;
}
#main .post.format-audio > header:before,
#main .post.format-audio > header:after {
content: "\f1c7";
}
#main .post.format-aside > header:before,
#main .post.format-aside > header:after {
content: "\f0f6";
}
#main .post.format-gallery > header:before,
#main .post.format-gallery > header:after,
#main .post.format-image > header:before,
#main .post.format-image > header:after {
content: "\f03e";
}
#main .post.format-video > header:before,
#main .post.format-video > header:after {
content: "\f1c8";
}
#main .post.format-quote > header:before,
#main .post.format-quote > header:after {
content: "\f10e";
}
#main .post.format-link > header:before,
#main .post.format-link > header:after {
content: "\f0c1";
}
#main .post.format-status > header:before,
#main .post.format-status > header:after {
content: "\f118";
}
#main .post-password-required > header:before,
#main .post-password-required > header:after {
content: "\f023";
}
#main .status-draft > header:before,
#main .status-draft > header:after {
content: "\f06e";
}
#main .post.sticky > header:before,
#main .post.sticky > header:after {
content: "\f005";
}
@media only screen and (min-width:728px) {
#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;
width: 100%;
}
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: 1.5rem 0 0;
text-align: right;
}
#main .pen_content_footer .entry-meta .byline,
#main .pen_content_footer .entry-meta .posted-on,
#main .pen_content_footer .entry-meta .cat-links {
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;
}
body.pen_list_plain #main .pen_content_footer .pen_actions a {
margin: 1rem 1rem 0 0 !important;
width: auto !important;
}
#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_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_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;
text-transform: capitalize;
}
}
@media only screen and (min-width:728px) and (max-width:1024px) {
#main header .pen_content_title {
font-size: 1.5em;
}
}
@media only screen and (max-width:728px) {
body.pen_list_tiles #pen_tiles .pen_article,
body.pen_list_masonry #pen_masonry .pen_article {
margin: 0 0 1rem !important;
}
#main .alignleft,
#main .aligncenter,
#main .alignright {
margin: 1rem 0;
width: 100%;
}
#main img.alignleft,
#main img.aligncenter,
#main img.alignright,
#main .alignleft img,
#main .aligncenter img,
#main .alignright img {
height: auto;
width: 100%;
}
#main .pen_article header .pen_content_title {
width: 100%;
}
#main .pen_article .entry-meta {
float: left;
width: 100%;
}
#main .comments-link,
#main .comments-link a,
#main .edit-link,
#main .edit-link a.post-edit-link {
margin-top: 0 !important;
}
#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 {
margin-top: 1.5rem;
text-align: center;
}
#main .pen_content_footer .pen_share h4 {
font-size: 1.5em;
text-align: center;
text-transform: capitalize;
}
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_title.pen_element_default,
#main .pen_article.pen_list_title_hide header .pen_content_title.pen_element_default,
body.pen_list_author_hide #main .pen_article .byline.pen_element_default,
#main .pen_article.pen_list_author_hide .byline.pen_element_default,
body.pen_list_date_hide #main .pen_article .posted-on.pen_element_default,
#main .pen_article.pen_list_date_hide .posted-on.pen_element_default,
body.pen_list_category_hide #main .pen_article .cat-links.pen_element_default,
#main .pen_article.pen_list_category_hide .cat-links.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_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_title,
body.pen_singular.pen_content_author_hide #main .pen_article .byline,
body.pen_singular.pen_content_date_hide #main .pen_article .posted-on,
body.pen_singular.pen_content_category_hide #main .pen_article .cat-links,
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 2rem 1rem !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;
padding: auto !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: -3rem 1rem 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 {
text-align: center;
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 {
text-align: center;
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 {
text-align: center;
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;
}
body.pen_round_corners #primary .pen_author_profile .pen_author_avatar {
border-radius: 50%;
}
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_has_avatar,
body.pen_masonry_columns_4 #primary .pen_author_profile.pen_has_avatar {
padding: 30px 1rem 1rem;
}
body.pen_tiles_columns_4 #primary .pen_author_profile .pen_author_avatar,
body.pen_masonry_columns_4 #primary .pen_author_profile .pen_author_avatar {
left: 50%;
top: -70px;
transform: translateX(-50%);
}
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_5 #primary .pen_author_profile.pen_has_avatar,
body.pen_masonry_columns_5 #primary .pen_author_profile.pen_has_avatar {
padding: 30px 1rem 1rem;
}
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: -80px;
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;
font-size: 0.857em;
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 1rem;
}
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 1rem;
}
#primary .pen_author_profile .pen_author_url {
display: block;
text-align: center;
width: 100%;
}
#primary .pen_author_profile .pen_author_avatar {
left: 50%;
top: -80px;
transform: translateX(-50%);
}
}#pen_pager {
float: left;
padding: 2rem 0;
position: relative;
width: 100%;
}
#pen_pager a:focus,
#pen_pager a:hover,
#pen_pager a:active {
text-decoration: none;
}
body.pen_list_plain #pen_pager {
padding: 2rem;
}
#page .pen_content_pagination {
float: left;
font-size: 0.857em;
width: 100%;
}
#content .pen_content .page-links,
#content .pen_content .comment-navigation,
#content .pen_content .posts-navigation,
#content .pen_content .post-navigation,
#content .pen_content .wp-pagenavi {
margin: 1rem 0 0;
}
#content .comment-navigation,
#content .posts-navigation,
#content .post-navigation {
overflow: visible;
}
#content .comment-navigation .nav-next,
#content .posts-navigation .nav-next,
#content .post-navigation .nav-next {
float: right;
}
#content .comment-navigation .nav-previous,
#content .posts-navigation .nav-previous,
#content .post-navigation .nav-previous {
float: left;
}
#content .comment-navigation .nav-next a,
#content .posts-navigation .nav-next a,
#content .post-navigation .nav-next a {
float: right;
}
#content .comment-navigation .nav-next a:after,
#content .posts-navigation .nav-next a:after,
#content .post-navigation .nav-next a:after {
content: "\f101";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 0 0 1rem;
}
#content .page-links a,
#content .comment-navigation .nav-previous a,
#content .posts-navigation .nav-previous a,
#content .post-navigation .nav-previous a {
float: left;
}
#content .comment-navigation .nav-previous a:before,
#content .posts-navigation .nav-previous a:before,
#content .post-navigation .nav-previous a:before {
content: "\f100";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1rem 0 0;
}
#content .wp-pagenavi {
clear: both;
}
#content .page-links a,
#content .wp-pagenavi a,
#content .wp-pagenavi span {
margin: 0 0.5rem 0.5rem 0;
width: auto !important;
}
body.pen_list_plain #content .wp-pagenavi a,
body.pen_list_plain #content .wp-pagenavi span {
margin: 0.5rem;
}
#content .nextpostslink,
#content .previouspostslink {
position: relative;
text-indent: -99999px;
}
#content .nextpostslink:before,
#content .previouspostslink:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 1.5em;
font-weight: normal;
left: 50%;
text-indent: 0;
top: 50%;
position: absolute;
transform: translate(-50%,-50%);
}
#content .previouspostslink:before {
content: "\f104";
}
body.pen_drop_shadow.pen_list_tiles #content .comment-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .posts-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .post-navigation a,
body.pen_drop_shadow.pen_list_tiles #content .wp-pagenavi a,
body.pen_drop_shadow.pen_list_tiles #content .wp-pagenavi span,
body.pen_drop_shadow.pen_list_masonry #content .comment-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .posts-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .post-navigation a,
body.pen_drop_shadow.pen_list_masonry #content .wp-pagenavi a,
body.pen_drop_shadow.pen_list_masonry #content .wp-pagenavi span {
box-shadow: 0 0 15px rgba(0,0,0,0.2), 2px 2px 7px rgba(0,0,0,0.3);
}
@media only screen and (min-width:728px) {
#content .comment-navigation a,
#content .posts-navigation a,
#content .post-navigation a {
margin: 0 !important;
width: auto !important;
}
body.pen_width_narrow #content .comment-navigation .nav-next,
body.pen_width_narrow #content .posts-navigation .nav-next,
body.pen_width_narrow #content .post-navigation .nav-next,
body.pen_width_narrow #content .comment-navigation .nav-previous,
body.pen_width_narrow #content .posts-navigation .nav-previous,
body.pen_width_narrow #content .post-navigation .nav-previous,
body.pen_width_narrow #content .wp-pagenavi a,
body.pen_width_narrow #content .wp-pagenavi span {
margin: 0.5rem 0 0;
width: 100% !important;
}
}
@media only screen and (max-width:728px) {
#content .comment-navigation .nav-next,
#content .posts-navigation .nav-next,
#content .post-navigation .nav-next,
#content .comment-navigation .nav-previous,
#content .posts-navigation .nav-previous,
#content .post-navigation .nav-previous,
#content .wp-pagenavi a,
#content .wp-pagenavi span {
margin: 0.5rem 0 0;
width: 100% !important;
}
}#main .pen_share {
float: right;
margin: 2rem 0 0 1rem;
position: relative;
}
#main .pen_share ul,
#main .pen_share li {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#main .pen_share li {
border: 0.5em solid transparent;
float: left;
height: 3em !important;
line-height: 1;
margin: -0.5rem 0 !important;
width: 3em !important;
}
#main .pen_share li a.pen_button {
border: 0 none !important;
float: left;
height: 100% !important;
margin: 0 !important;
max-height: 100%;
max-width: 100%;
padding: 0.5em !important;
position: relative;
width: 100% !important;
}
body.pen_round_corners #main .pen_share li a.pen_button {
border-radius: 5px;
}
#main .pen_share li a.pen_button span {
border: 0 none !important;
clip: rect(1px,1px,1px,1px);
clip: rect(1px 1px 1px 1px);
height: 1px !important;
margin: 0 !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
#main .pen_share li a.pen_button {
margin: 0;
}
#main .pen_share li a:before {
font-family: 'FontAwesome';
font-weight: normal;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
}
#main .pen_share li.pen_facebook a:before {
content: "\f09a";
}
#main .pen_share li.pen_twitter a:before {
content: "\f099";
}
#main .pen_share li.pen_linkedin a:before {
content: "\f08c";
}
body.pen_content_header_center #main .pen_article header .pen_share {
float: left;
margin: 1rem 0 0 !important;
text-align: center;
width: 100%;
}
body.pen_content_header_center #main .pen_article 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 div.pen_share ul li {
width: 33.33%;
}
body.pen_content_header_center #main .pen_article header div.pen_share ul li,
body.pen_content_header_center #main .pen_article header div.pen_share ul li a {
display: inline-block;
float: none;
}
#main .pen_article header div.pen_share ul li a {
color: #fff !important;
height: 38px !important;
width: 38px !important;
}
body.pen_round_corners #main .pen_article 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_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 {
clear: both;
}
#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;
}
#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-title {
-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_left .widget-area .widget-title,
#pen_right .widget-area .widget-title,
#pen_bottom .widget-area .widget-title {
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 {
border-bottom: 1px solid rgba(0,0,0,0.2);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: default;
margin: -20px -20px 1rem;
padding: 14px 1rem;
}
#page .widget-area .widget.widget_calendar.pen_widget_not_transparent .widget-title {
margin: -10px -10px 1rem;
}
body.pen_round_corners #page .widget-area .widget.pen_widget_not_transparent .widget-title {
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 {
background: linear-gradient(125deg, #005fae 0%, #2b8fd2 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue.pen_widget_blue_flat .widget-title {
background: #005fae;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue .widget-title {
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 option,
#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 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 {
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 {
background: #070dad;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue_deep .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #2d1500 0%, #401d05 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_brown.pen_widget_brown_flat .widget-title {
background: #2d1500;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_brown .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #ad0747 0%, #d02b75 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson.pen_widget_crimson_flat .widget-title {
background: #ad0747;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_crimson .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #0f0f0f 0%, #202020 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_dark.pen_widget_dark_flat .widget-title {
background: #0f0f0f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_dark .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #404040 0%, #707070 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_gray.pen_widget_gray_flat .widget-title {
background: #404040;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_gray .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #23ad07 0%, #51d02c 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_green.pen_widget_green_flat .widget-title {
background: #23ad07;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_green .widget-title {
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 option,
#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);
color: rgba(0,0,0,0.9);
}
#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 {
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 {
background: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title {
text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_light input,
#page .widget-area .widget.pen_widget_light option,
#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 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 {
background: linear-gradient(125deg, #94ad07 0%, #c2d02b 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_lime.pen_widget_lime_flat .widget-title {
background: #94ad07;
color: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_lime .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #bb1c00 0%, #e85900 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_orange.pen_widget_orange_flat .widget-title {
background: #bb1c00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_orange .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #ff93de 0%, #f8c3ec 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_pink.pen_widget_pink_flat .widget-title {
background: #ff93de;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_pink .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #43008c 0%, #6700d7 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple.pen_widget_purple_flat .widget-title {
background: #43008c;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple .widget-title {
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 option,
#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 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 {
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 {
background: #17002b;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple_deep .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #aa0000 0%, #ee3300 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_red.pen_widget_red_flat .widget-title {
background: #aa0000;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_red .widget-title {
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 option,
#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 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 {
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 {
background: #07ad9a;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_teal .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #84007c 0%, #a71b9f 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_violet.pen_widget_violet_flat .widget-title {
background: #a71b9f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_violet .widget-title {
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 option,
#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 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 {
background: linear-gradient(125deg, #ffbd00 0%, #ffea00 100%);
color: #333;
}
#page .widget-area .widget.pen_widget_yellow.pen_widget_yellow_flat .widget-title {
background: #ffbd00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_yellow .widget-title {
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 option,
#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 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 {
width: 100%;
}
body.pen_round_corners #page .widget-area .calendar_wrap {
border-radius: 5px;
overflow: hidden;
position: relative;
}
#page .widget-area .calendar_wrap a {
border: 1px solid rgba(255,255,255,0.1);
display: block;
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 {
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 {
background: rgba(0,0,0,0.1);
border-collapse: collapse;
margin: 0;
}
#page .widget-area .calendar_wrap caption {
background: rgba(0,0,0,0.2);
font-size: 1.286em;
margin: 0;
padding: 1rem 0;
text-transform: uppercase;
}
#page .widget-area .calendar_wrap th,
#page .widget-area .calendar_wrap td {
padding: 0.4rem;
line-height: 2;
text-align: center;
}
#page .widget-area .calendar_wrap th {
padding: 5px;
}
#page .widget-area .calendar_wrap tbody td {
font-size: smaller;
padding: 0;
} #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;
}
#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;
}
#page .widget-area .widget_search form.search-form .search-field,
#page .widget-area .widget_search form.search-form .search-submit {
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 {
border-radius: 5px 0 0 5px !important;
}
body.pen_round_corners #page .widget-area .widget_search form.search-form .search-submit {
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 {
float: left;
margin: 0 0 0.25rem;
padding: 0.5rem 1rem;
width: 100%;
}
#page .widget-area .widget_search.pen_widget_transparent .search-field {
background: transparent;
border: 1px solid rgba(170,170,170,0.5);
color: #eee;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-field {
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.pen_widget_transparent .search-field:focus,
#page .widget-area .widget_search.pen_widget_transparent .search-field:hover,
#page .widget-area .widget_search.pen_widget_transparent .search-field:active {
color: #fff;
text-decoration: none;
}
#page .widget-area .widget_search form.search-form .search-submit {
float: right;
margin: 0;
padding: 0.5rem !important;
text-align: center !important;
text-decoration: none;
min-width: auto !important;
width: 35%;
}
#page .widget-area .widget_search.pen_widget_transparent .search-submit {
background: #fff;
border: 1px solid #fff !important;
color: #005ce4 !important;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-submit {
box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
#page .widget-area .widget_search.pen_widget_transparent .search-submit:focus,
#page .widget-area .widget_search.pen_widget_transparent .search-submit:hover,
#page .widget-area .widget_search.pen_widget_transparent .search-submit:active {
background: #0087cc;
border-color: #0087cc !important;
color: #fff !important;
text-decoration: none;
}
#page .widget.widget_archive li,
#page .widget.widget_nav_menu li,
#page .widget.widget_pages li,
#page .widget.widget_meta li,
#page .widget.widget_recent_entries li,
#page .widget.widget_recent_comments li {
float: left;
width: 100%;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
#page .widget.widget_archive ul,
#page .widget.widget_archive ul 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.widget_meta ul,
#page .widget.widget_meta ul li,
#page .widget.widget_recent_entries ul,
#page .widget.widget_recent_entries ul li,
#page .widget.widget_categories ul,
#page .widget.widget_categories ul li,
#page .widget.widget_recent_comments ul,
#page .widget.widget_recent_comments ul 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.widget_archive ul li:before,
#page .widget.widget_nav_menu ul li:before,
#page .widget.widget_pages ul li:before,
#page .widget.widget_meta ul li:before,
#page .widget.widget_categories ul li:before,
body.pen_has_woocommerce #page .widget.widget_product_categories ul li:before,
body.pen_has_buddypress #page .widget.widget_display_forums ul li:before,
body.pen_has_buddypress #page .widget.widget_display_replies ul li:before,
body.pen_has_buddypress #page .widget.widget_display_topics ul li:before,
body.pen_has_buddypress #page .widget.widget_display_views ul li:before {
content: "\f101";
font-family: 'FontAwesome';
font-weight: normal;
margin: 0 1em 0 0;
opacity: 0.75;
}
#page .widget.widget_recent_entries ul li {
padding: 0 0 0.5em 2em;
text-indent: -2em;
}
#page .widget.widget_recent_entries ul li .post-date {
display: block;
font-size: 0.857em;
margin: 0 0 0 2rem;
}
#page .widget.widget_archive ul li,
#page .widget.widget_nav_menu ul li,
#page .widget.widget_pages ul li,
#page .widget.widget_meta ul li,
#page .widget.widget_categories ul li {
font-size: 1em;
}
#page .widget.widget_archive ul li li,
#page .widget.widget_nav_menu ul li li,
#page .widget.widget_pages ul li li,
#page .widget.widget_meta ul li li,
#page .widget.widget_categories ul li li {
margin-left: 0.5em;
}
#page .widget.widget_recent_comments ul li {
padding: 1em 0;
position: relative;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
#page .widget.widget_recent_comments ul li:first-child {
margin-top: -1em;
}
#page .widget.widget_recent_comments ul li:before {
color: rgba(220,220,220,0.5);
content: "\f075";
font-family: 'FontAwesome';
font-size: 2em;
font-weight: normal;
left: 0.25em;
position: absolute;
text-shadow: none !important;
top: 50%;
transform: translateY(-50%);
transition: color .3s;
}
#page .widget.widget_recent_comments ul 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 {
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 {
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 {
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 {
color: rgba(0,0,0,0.5);
}
#page .widget.widget_recent_comments ul 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 {
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 {
display: none;
}
@media only screen and (min-width:728px) {
#page .widget.widget_recent_comments ul li {
padding-left: 3.5em;
}
}
@media only screen and (min-width:728px) and (max-width:1024px) {
#page .widget.widget_recent_comments ul li {
padding-left: 0;
padding-top: 3.5em;
}
#page .widget.widget_recent_comments ul li:before {
left: 50%;
top: 0;
transform: translateX(-50%);
}
}
@media only screen and (max-width:1024px) {
#page .widget-area .widget_search form.search-form label .search-field {
max-width: 100%;
}
#page .widget-area .widget_search form.search-form label,
#page .widget-area .widget_search form.search-form .search-submit {
width: 100%;
}
#page .widget-area .widget_search form.search-form .search-submit {
margin-top: 5px;
}
body.pen_round_corners #page .widget-area .widget_search form.search-form .search-field,
body.pen_round_corners #page .widget-area .widget_search form.search-form .search-submit {
border-radius: 5px !important;
}
}
@media only screen and (max-width:728px) {
#page .widget.widget_recent_comments ul li {
padding-left: 3.5em;
}
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
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);
-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);
transform: translate3d(0, -30px, 0);
}
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);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
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);
-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);
transform: translate3d(0, -30px, 0);
}
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);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.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;
}
}
.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);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-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);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
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 shake {
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);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-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);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-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);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
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);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
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);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
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);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
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);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.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);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.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;
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-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;
}
}
.animated.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);
}
}
.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);
}
}
.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;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-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;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
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 lightSpeedIn {
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);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-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-transform-origin: top left;
transform-origin: top left;
-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-transform-origin: top left;
transform-origin: top left;
-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-transform-origin: top left;
transform-origin: top left;
-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-transform-origin: top left;
transform-origin: top left;
-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-transform-origin: top left;
transform-origin: top left;
-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;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-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);
}
}
.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);
}
}
.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);
}
}
.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;
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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;
}
}
.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-transform-origin: center bottom;
transform-origin: center bottom;
-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-transform-origin: center bottom;
transform-origin: center bottom;
-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);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-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);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@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);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-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);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@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);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-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-transform-origin: center bottom;
transform-origin: center bottom;
-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-transform-origin: center bottom;
transform-origin: center bottom;
-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);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.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);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion: reduce) {
.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;
}
}#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%;
}@media (prefers-color-scheme: dark) {
pre {
background: #eee;
}
hr {
background-color: #ccc;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
color: #21759b;
}
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.pen_dark_mode_always,
body.pen_dark_mode.pen_dark_mode_clock,
body.pen_dark_mode.pen_dark_mode_always button,
body.pen_dark_mode.pen_dark_mode_clock button,
body.pen_dark_mode.pen_dark_mode_always input,
body.pen_dark_mode.pen_dark_mode_clock input,
body.pen_dark_mode.pen_dark_mode_always select,
body.pen_dark_mode.pen_dark_mode_clock select,
body.pen_dark_mode.pen_dark_mode_always optgroup,
body.pen_dark_mode.pen_dark_mode_clock optgroup,
body.pen_dark_mode.pen_dark_mode_always textarea,
body.pen_dark_mode.pen_dark_mode_clock textarea {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always pre,
body.pen_dark_mode.pen_dark_mode_clock pre {
background: #555;
color: #fff;
}
body.pen_dark_mode.pen_dark_mode_always hr,
body.pen_dark_mode.pen_dark_mode_clock hr {
background-color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always .screen-reader-text:focus,
body.pen_dark_mode.pen_dark_mode_clock .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.pen_dark_mode_always #primary .pen_author_profile:before,
body.pen_dark_mode.pen_dark_mode_clock #primary .pen_author_profile:before {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
}
body.pen_dark_mode.pen_dark_mode_always #primary .pen_author_profile .pen_author_avatar,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #main .pen_article pre,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article pre,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article code,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article code {
background: #ccc;
color: #333;
}
body.pen_dark_mode.pen_dark_mode_always #main .pen_article pre,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #comments,
body.pen_dark_mode.pen_dark_mode_clock #comments {
background: rgba(0,0,0,0.95);
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #comments ol.comment-list > li,
body.pen_dark_mode.pen_dark_mode_clock #comments ol.comment-list > li {
background: #333;
}
body.pen_dark_mode.pen_dark_mode_always #comments ol.comment-list div.comment-author .photo,
body.pen_dark_mode.pen_dark_mode_clock #comments ol.comment-list div.comment-author .photo {
background: #000;
}
body.pen_dark_mode.pen_dark_mode_always #comments .no-comments,
body.pen_dark_mode.pen_dark_mode_clock #comments .no-comments,
body.pen_dark_mode.pen_dark_mode_always #comments .comment-awaiting-moderation,
body.pen_dark_mode.pen_dark_mode_clock #comments .comment-awaiting-moderation {
border: 1px solid rgba(255,255,255,0.1);
}@media (prefers-color-scheme: dark) {
#pen_footer {
color: #eee;
font-size: 0.857em;
padding: 2rem;
position: relative;
z-index: 100;
}
#pen_footer.pen_not_transparent {
background: #000;
color: #808080;
}
body.pen_drop_shadow #pen_footer {
text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}
body.pen_drop_shadow #pen_footer.pen_not_transparent {
box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0 5px rgba(0,0,0,0.25);
}
#pen_footer a {
color: #ddd;
text-decoration: none;
}
#pen_footer a:focus,
#pen_footer a:hover,
#pen_footer a:active {
color: #fff;
text-decoration: none;
}
#pen_footer .pen_footer_inner .pen_social_networks a {
color: #fff;
}
}
@media only screen and (min-width:728px) and (prefers-color-scheme: dark) {
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu > li:after {
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,0.9) 50%, rgba(0,0,0,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu > li:before,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu > li:after {
background: #fff;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu > li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu > li:after {
border: 3px solid #fff;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu > li:after {
color: #fff;
}
}
@media only screen and (max-width:728px) and (prefers-color-scheme: dark) {
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_1 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_2 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_3 ul#secondary-menu li:after {
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,0) 100%);
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_4 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_5 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_6 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_7 ul#secondary-menu li:after {
background: #000;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_8 ul#secondary-menu li:after,
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_9 ul#secondary-menu li:after {
border: 3px solid #000;
}
#pen_footer .pen_footer_inner #pen_footer_menu.pen_separator_10 ul#secondary-menu li:after {
color: #000;
}
}@media (prefers-color-scheme: dark) {
#pen_header .pen_header_inner .pen_header_main {
background: linear-gradient(125deg, #ffffff 0%, #dddddd 100%);
color: #333;
}
body.pen_drop_shadow #pen_header .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_dark_mode_always #pen_header .pen_header_inner .pen_header_main,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_inner .pen_header_main {
background: linear-gradient(125deg, #000 0%, #111 100%);
color: #ddd;
}
body.pen_dark_mode.pen_dark_mode_always.pen_drop_shadow #pen_header .pen_header_inner .pen_header_main,
body.pen_dark_mode.pen_dark_mode_clock.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_dark_mode_always #pen_header .pen_header_inner .pen_header_main a,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_inner .pen_header_main a {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main .pen_phone a,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main .pen_phone a {
color: #eee;
text-decoration: none;
}
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main .pen_phone a:focus,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main .pen_phone a:focus,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main .pen_phone a:hover,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main .pen_phone a:hover,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main .pen_phone a:active,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main .pen_phone a:active {
color: #ddd;
}
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_social_networks a,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_social_networks a {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_social_networks a:focus,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_social_networks a:focus,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_social_networks a:hover,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_social_networks a:hover,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_social_networks a:active,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_social_networks a:active {
color: #ddd;
}
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main input::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main input::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main select::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main select::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main textarea::-webkit-input-placeholder.
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main textarea::-webkit-input-placeholder {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main input::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main input::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main select::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main select::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main textarea::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main textarea::-moz-placeholder {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main input:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main input:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main select:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main select:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_header .pen_header_main textarea:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_header .pen_header_main textarea:-ms-input-placeholder {
color: #eee;
}@media (prefers-color-scheme: dark) {
#page .pen_jump_menu .pen_menu_wrapper > strong span span.pen_only {
background: #7f7f7f;
border-radius: 100px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.75) inset;
color: #fff;
}
#page .pen_jump_menu ul a {
background: rgba(240,240,240,0.95);
border-bottom: 1px solid rgba(0,0,0,0.1);
color: #04a !important;
}
#page .pen_jump_menu ul a:focus,
#page .pen_jump_menu ul a:hover,
#page .pen_jump_menu ul a:active {
background: rgba(0,70,170,0.95);
}
body.pen_dark_mode #page .pen_jump_menu ul a {
background: rgba(0,0,0,0.95);
border-bottom: 1px solid rgba(255,255,255,0.1);
color: #0087cc !important;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:after {
background: linear-gradient(0deg, rgba(255,255,255,0.75), rgba(255,255,255,0.95)) !important;
}
#page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
#page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption {
color: #333 !important;
}
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:after {
background: linear-gradient(0deg, rgba(0,0,0,0.75), rgba(0,0,0,0.95)) !important;
}
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
body.pen_dark_mode #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption {
color: #eee !important;
}
#page .pen_jump_menu .pen_toggle:before {
background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.05));
border: 2px solid #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.5), 0 0 1px #000;
color: #fff;
}
#page .pen_jump_menu .pen_toggle:after {
border: 1px solid rgba(255,255,255,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.2) inset;
}
body.pen_dark_mode #page .pen_jump_menu .pen_toggle:before {
border: 2px solid #000;
}
body.pen_dark_mode #page .pen_jump_menu .pen_toggle:after {
border: 1px solid rgba(0,0,0,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.2), 0 0 2px rgba(0,0,0,0.2) inset;
}
}
body.pen_dark_mode.pen_dark_mode_always #page .pen_jump_menu ul a,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:before,
body.pen_dark_mode.pen_dark_mode_always #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:before,
body.pen_dark_mode.pen_dark_mode_always #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed:after,
body.pen_dark_mode.pen_dark_mode_always #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed:after,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_jump_menu#pen_jump_menu_color_schemes .pen_toggle.pen_collapsed .pen_caption,
body.pen_dark_mode.pen_dark_mode_always #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_jump_menu#pen_jump_menu_font_presets .pen_toggle.pen_collapsed .pen_caption {
color: #eee !important;
}
body.pen_dark_mode.pen_dark_mode_always #page .pen_jump_menu .pen_toggle:before,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_jump_menu .pen_toggle:before {
border: 2px solid #000;
}
body.pen_dark_mode.pen_dark_mode_always #page .pen_jump_menu .pen_toggle:after,
body.pen_dark_mode.pen_dark_mode_clock #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_navigation_mobile {
background: #00a9ff;
background: linear-gradient(125deg, #00a9ff 0%,#093a89 100%);
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_dark_mode_always #pen_navigation,
body.pen_dark_mode.pen_dark_mode_clock #pen_navigation,
body.pen_dark_mode.pen_dark_mode_always #pen_navigation_mobile,
body.pen_dark_mode.pen_dark_mode_clock #pen_navigation_mobile {
background: #333;
background: linear-gradient(125deg, #000 0%,#333 100%);
color: #fff;
}
body.pen_dark_mode.pen_dark_mode_always #pen_navigation ul#primary-menu ul,
body.pen_dark_mode.pen_dark_mode_clock #pen_navigation ul#primary-menu ul,
body.pen_dark_mode.pen_dark_mode_always #pen_navigation_mobile ul#primary-menu-mobile ul,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #page label,
body.pen_dark_mode.pen_dark_mode_clock #page label {
color: rgba(255,255,255,0.75);
}
body.pen_dark_mode.pen_dark_mode_always #page input[type="date"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="date"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="datetime"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="datetime"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="datetime-local"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="datetime-local"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="email"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="email"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="month"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="month"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="number"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="number"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="password"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="password"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="search"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="search"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="tel"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="tel"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="text"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="text"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="time"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="time"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="url"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="url"],
body.pen_dark_mode.pen_dark_mode_always #page input[type="week"],
body.pen_dark_mode.pen_dark_mode_clock #page input[type="week"],
body.pen_dark_mode.pen_dark_mode_always #page select,
body.pen_dark_mode.pen_dark_mode_clock #page select,
body.pen_dark_mode.pen_dark_mode_always #page textarea,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #main article.pen_article,
body.pen_dark_mode.pen_dark_mode_clock #main article.pen_article,
body.pen_dark_mode.pen_dark_mode_always.pen_multiple #main li.pen_article,
body.pen_dark_mode.pen_dark_mode_clock.pen_multiple #main li.pen_article,
body.pen_dark_mode.pen_dark_mode_always #pen_content_next_previous,
body.pen_dark_mode.pen_dark_mode_clock #pen_content_next_previous,
body.pen_dark_mode.pen_dark_mode_always.pen_list_plain #pen_pager,
body.pen_dark_mode.pen_dark_mode_clock.pen_list_plain #pen_pager,
body.pen_dark_mode.pen_dark_mode_always.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination	,
body.pen_dark_mode.pen_dark_mode_clock.pen_list_plain.pen_has_woocommerce #page .woocommerce-pagination	{
background: #000;
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #main .pen_article header.pen_content_header,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article header.pen_content_header {
background: #333;
background: linear-gradient(125deg, #111 0%, #000 100%);
}
body.pen_dark_mode.pen_dark_mode_always #main .pen_article header.pen_content_header a,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article header.pen_content_header a {
color: #fff;
}
body.pen_dark_mode.pen_dark_mode_always #main .pen_article header.pen_content_header a:focus,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article header.pen_content_header a:focus,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article header.pen_content_header a:hover,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article header.pen_content_header a:hover,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article header.pen_content_header a:active,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article header.pen_content_header a:active {
color: #00a9ff;
}
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_1 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_1 > span:after,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_2 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_2 > span:after,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_3 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_4 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_4 > span:after,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_5 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_5 > span:after,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_6 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_6 > span:after,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_6 > span:before,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_6 > span:before,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_7 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_7 > span:after {
background: #fff;
}
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_8 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_8 > span:after,
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_9 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_9 > span:after {
border: 3px solid #eee;
}
body.pen_dark_mode.pen_dark_mode_always #main .pen_article .entry-meta.pen_separator_10 > span:after,
body.pen_dark_mode.pen_dark_mode_clock #main .pen_article .entry-meta.pen_separator_10 > span:after {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #page .pen_options_overview,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_options_overview {
background: #333;
color: #eee !important;
}
body.pen_dark_mode.pen_dark_mode_always #page .pen_options_overview h3,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_options_overview h3 {
background: linear-gradient(125deg, #333 0%, #000 100%);
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #page .pen_options_overview table th,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_options_overview table th,
body.pen_dark_mode.pen_dark_mode_always #page .pen_options_overview table td,
body.pen_dark_mode.pen_dark_mode_clock #page .pen_options_overview table td {
background: #222 !important;
color: #eee !important;
}
body.pen_dark_mode.pen_dark_mode_always #page .pen_options_overview table th,
body.pen_dark_mode.pen_dark_mode_clock #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 {
background: #8f8f8f;
background: linear-gradient(125deg, #3f3f3f 0%, #0f0f0f 100%);
}
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_dark_mode #pen_search {
background: #333;
background: linear-gradient(125deg, #111 0%, #000 100%);
}
#pen_search:before {
background: rgba(0,0,0,0.25);
}
body.pen_dark_mode #pen_search: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_dark_mode_always #pen_search,
body.pen_dark_mode.pen_dark_mode_clock #pen_search {
background: #333;
background: linear-gradient(125deg, #111 0%, #000 100%);
}
body.pen_dark_mode.pen_dark_mode_always #pen_search:before,
body.pen_dark_mode.pen_dark_mode_clock #pen_search:before {
background: rgba(255,255,255,0.1);
}
body.pen_dark_mode.pen_dark_mode_always #pen_search input::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search input::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_search select::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search select::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_search textarea::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search textarea::-webkit-input-placeholder {
color: #eee !important;
}
body.pen_dark_mode.pen_dark_mode_always #pen_search input::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search input::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_search select::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search select::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_search textarea::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search textarea::-moz-placeholder {
color: #eee !important;
}
body.pen_dark_mode.pen_dark_mode_always #pen_search input:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search input:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_search select:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search select:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #pen_search textarea:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #pen_search textarea:-ms-input-placeholder {
color: #eee !important;
}
body.pen_dark_mode.pen_dark_mode_always #pen_search .widget,
body.pen_dark_mode.pen_dark_mode_clock #pen_search .widget {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always.pen_drop_shadow #pen_search .widget,
body.pen_dark_mode.pen_dark_mode_clock.pen_drop_shadow #pen_search .widget {
text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
body.pen_dark_mode.pen_dark_mode_always #pen_search .widget a,
body.pen_dark_mode.pen_dark_mode_clock #pen_search .widget a {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #pen_search .widget a:focus,
body.pen_dark_mode.pen_dark_mode_clock #pen_search .widget a:focus,
body.pen_dark_mode.pen_dark_mode_always #pen_search .widget a:hover,
body.pen_dark_mode.pen_dark_mode_clock #pen_search .widget a:hover,
body.pen_dark_mode.pen_dark_mode_always #pen_search .widget a:active,
body.pen_dark_mode.pen_dark_mode_clock #pen_search .widget a:active {
color: #fff;
}
body.pen_dark_mode.pen_dark_mode_always #pen_search .search-form .search-field,
body.pen_dark_mode.pen_dark_mode_clock #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_left .widget-area .widget-title,
#pen_right .widget-area .widget-title,
#pen_bottom .widget-area .widget-title {
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 {
background: linear-gradient(125deg, #005fae 0%, #2b8fd2 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_blue.pen_widget_blue_flat .widget-title {
background: #005fae;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue .widget-title {
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 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 {
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 {
background: #070dad;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_blue_deep .widget-title {
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 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 {
background: linear-gradient(125deg, #2d1500 0%, #401d05 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_brown.pen_widget_brown_flat .widget-title {
background: #2d1500;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_brown .widget-title {
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 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 {
background: linear-gradient(125deg, #ad0747 0%, #d02b75 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_crimson.pen_widget_crimson_flat .widget-title {
background: #ad0747;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_crimson .widget-title {
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 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 {
background: linear-gradient(125deg, #0f0f0f 0%, #202020 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_dark.pen_widget_dark_flat .widget-title {
background: #0f0f0f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_dark .widget-title {
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 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 {
background: linear-gradient(125deg, #404040 0%, #707070 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_gray.pen_widget_gray_flat .widget-title {
background: #404040;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_gray .widget-title {
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 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 {
background: linear-gradient(125deg, #23ad07 0%, #51d02c 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_green.pen_widget_green_flat .widget-title {
background: #23ad07;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_green .widget-title {
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 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 {
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 {
background: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title {
text-shadow: 1px 1px 0 rgba(255,255,255,0.75);
}
#page .widget-area .widget.pen_widget_light .calendar_wrap 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 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 {
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 {
background: #0f0f0f;
}
body.pen_dark_mode.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title {
box-shadow: 0 0 5px rgba(0,0,0,0.15);
text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light .calendar_wrap a {
border-color: rgba(20,20,20,0.1);
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light input,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light select,
body.pen_dark_mode #page .widget-area .widget.pen_widget_light textarea {
background: rgba(0,0,0,0.5);
border: 1px solid rgba(20,20,20,0.5);
color: #fff;
}
body.pen_dark_mode #page .widget-area .widget.pen_widget_light 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 {
background: linear-gradient(125deg, #94ad07 0%, #c2d02b 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_lime.pen_widget_lime_flat .widget-title {
background: #94ad07;
color: #fff;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_lime .widget-title {
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 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 {
background: linear-gradient(125deg, #bb1c00 0%, #e85900 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_orange.pen_widget_orange_flat .widget-title {
background: #bb1c00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_orange .widget-title {
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 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 {
background: linear-gradient(125deg, #ff93de 0%, #f8c3ec 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_pink.pen_widget_pink_flat .widget-title {
background: #ff93de;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_pink .widget-title {
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 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 {
background: linear-gradient(125deg, #43008c 0%, #6700d7 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_purple.pen_widget_purple_flat .widget-title {
background: #43008c;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple .widget-title {
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 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 {
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 {
background: #17002b;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_purple_deep .widget-title {
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 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 {
background: linear-gradient(125deg, #a00 0%, #e30 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_red.pen_widget_red_flat .widget-title {
background: #a00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_red .widget-title {
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 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 {
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 {
background: #07ad9a;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_teal .widget-title {
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 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 {
background: linear-gradient(125deg, #84007c 0%, #a71b9f 100%);
color: #fff;
}
#page .widget-area .widget.pen_widget_violet.pen_widget_violet_flat .widget-title {
background: #a71b9f;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_violet .widget-title {
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 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 {
background: linear-gradient(125deg, #ffbd00 0%, #ffea00 100%);
color: #333;
}
#page .widget-area .widget.pen_widget_yellow.pen_widget_yellow_flat .widget-title {
background: #ffbd00;
}
body.pen_drop_shadow #page .widget-area .widget.pen_widget_yellow .widget-title {
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 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 {
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 {
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 {
background: rgba(0,0,0,0.1);
}
#page .widget-area .calendar_wrap caption {
background: rgba(0,0,0,0.2);
}
#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 .widget-area .widget_search.pen_widget_transparent .search-field {
background: transparent;
border: 1px solid rgba(170,170,170,0.5);
color: #eee;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-field {
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.pen_widget_transparent .search-field:focus,
#page .widget-area .widget_search.pen_widget_transparent .search-field:hover,
#page .widget-area .widget_search.pen_widget_transparent .search-field:active {
color: #fff;
}
#page .widget-area .widget_search.pen_widget_transparent .search-submit {
background: #fff;
border: 1px solid #fff !important;
color: #005ce4 !important;
}
body.pen_drop_shadow #page .widget-area .widget_search.pen_widget_transparent .search-submit {
box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
#page .widget-area .widget_search.pen_widget_transparent .search-submit:focus,
#page .widget-area .widget_search.pen_widget_transparent .search-submit:hover,
#page .widget-area .widget_search.pen_widget_transparent .search-submit:active {
background: #0087cc;
border-color: #0087cc !important;
color: #fff !important;
}
#page .widget.widget_recent_comments ul li:before {
color: rgba(220,220,220,0.5);
}
#page .widget.widget_recent_comments ul 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 {
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 {
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 {
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 {
color: rgba(0,0,0,0.5);
}
#page .widget.widget_recent_comments ul 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 {
background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);
}
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light {
background: rgba(20,20,20,0.95);
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light label,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light label {
color: #fefefe;
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light .widget-title {
background: linear-gradient(125deg, #1f1f1f 0%, #303030 100%);
color: #fff;
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light.pen_widget_light_flat .widget-title,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light.pen_widget_light_flat .widget-title {
background: #0f0f0f;
}
body.pen_dark_mode.pen_dark_mode_always.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title,
body.pen_dark_mode.pen_dark_mode_clock.pen_drop_shadow #page .widget-area .widget.pen_widget_light .widget-title {
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.pen_dark_mode_always #page .widget-area .widget.pen_widget_light .calendar_wrap a,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light .calendar_wrap a {
border-color: rgba(20,20,20,0.1);
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light input,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light input,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light select,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light select,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light textarea,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always #page .widget-area .widget.pen_widget_light option,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light option {
background: #0f0f0f;
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light input::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light input::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light select::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light select::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light textarea::-webkit-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light textarea::-webkit-input-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light input::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light input::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light select::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light select::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light textarea::-moz-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light textarea::-moz-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light input:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light input:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light select:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light select:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light textarea:-ms-input-placeholder,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light textarea:-ms-input-placeholder {
color: rgba(220,220,220,0.5) !important;
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light a,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light a {
color: #eee;
}
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light a:focus,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light a:focus,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light a:hover,
body.pen_dark_mode.pen_dark_mode_clock #page .widget-area .widget.pen_widget_light a:hover,
body.pen_dark_mode.pen_dark_mode_always #page .widget-area .widget.pen_widget_light a:active,
body.pen_dark_mode.pen_dark_mode_clock #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.pen_dark_mode_always a,
body.pen_dark_mode.pen_dark_mode_clock a,
body.pen_dark_mode.pen_dark_mode_always a:focus,
body.pen_dark_mode.pen_dark_mode_clock a:focus,
body.pen_dark_mode.pen_dark_mode_always a:hover,
body.pen_dark_mode.pen_dark_mode_clock a:hover,
body.pen_dark_mode.pen_dark_mode_always a:active,
body.pen_dark_mode.pen_dark_mode_clock a:active {
color: #00a9ff;
}
body.pen_dark_mode.pen_dark_mode_always .screen-reader-text:focus,
body.pen_dark_mode.pen_dark_mode_clock .screen-reader-text:focus {
background-color: #333;
color: #00b0ff;
}
body.pen_dark_mode.pen_dark_mode_always error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.tag header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock 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_dark_mode_always pen_drop_shadow.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_drop_shadow.error404 header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.pen_drop_shadow.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.pen_drop_shadow.author header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.pen_drop_shadow.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.pen_drop_shadow.category header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.pen_drop_shadow.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.pen_drop_shadow.date header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.pen_drop_shadow.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock pen_list_header_icon.pen_drop_shadow.search header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_always pen_list_header_icon.pen_drop_shadow.tag header.pen_content_header h1.pen_content_title:before,
body.pen_dark_mode.pen_dark_mode_clock 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: 50px;
z-index: 401;
}
body.is_customize_preview label#pen_dark_mode_toggle {
cursor: not-allowed;
}
body.pen_dark_mode label#pen_dark_mode_toggle {
background: #fff;
color: #333; }
label#pen_dark_mode_toggle:before {
content: "\f186"; font-family: "FontAwesome";
height: 24px;
font-size: 24px;
line-height: 1;
position: absolute;
text-align: center;
width: 40px;
}
body.pen_dark_mode label#pen_dark_mode_toggle:before {
content: "\f185"; }
body.pen_dark_mode_switch_top #pen_dark_mode_toggle {
left: 1rem;
top: -10px;
}
body.pen_dark_mode_switch_top label#pen_dark_mode_toggle:before {
left: 50%;
top: 18px;
transform: translateX(-50%);
}
body.pen_navigation_mobile_show.pen_dark_mode_switch_top #pen_dark_mode_toggle,
body.pen_navigation_mobile_show.pen_dark_mode_switch_top.pen_drop_shadow #pen_dark_mode_toggle {
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.pen_dark_mode_switch_left label#pen_dark_mode_toggle,
body.pen_dark_mode_switch_right label#pen_dark_mode_toggle,
body.pen_dark_mode_switch_left label#pen_dark_mode_toggle:before,
body.pen_dark_mode_switch_right label#pen_dark_mode_toggle:before {
top: 50%;
transform: translateY(-50%);
}
body.pen_navigation_mobile_show.pen_dark_mode_switch_top #pen_dark_mode_toggle:before,
body.pen_navigation_mobile_show.pen_dark_mode_switch_top.pen_drop_shadow #pen_dark_mode_toggle:before {
top: 24px;
}
body.pen_dark_mode_switch_left #pen_dark_mode_toggle {
left: -10px;
}
body.pen_dark_mode_switch_left label#pen_dark_mode_toggle:before {
left: 10px;
}
body.pen_dark_mode_switch_right #pen_dark_mode_toggle {
right: -10px;
}
body.pen_dark_mode_switch_right label#pen_dark_mode_toggle:before {
right: 10px;
}
body.pen_drop_shadow #pen_dark_mode_toggle {
box-shadow: 0 0 15px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.25);
}
body.pen_round_corners.pen_dark_mode_switch_top #pen_dark_mode_toggle {
border-radius: 0 0 100px 100px;
}
body.pen_round_corners.pen_dark_mode_switch_left #pen_dark_mode_toggle {
border-radius: 0 100px 100px 0;
}
body.pen_round_corners.pen_dark_mode_switch_right #pen_dark_mode_toggle {
border-radius: 100px 0 0 100px;
}*,
*: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;
}
body {
background: #333;
color: #fff;
}
a {
text-decoration: none;
}
a,
a > span {
transition: color .2s;
}
a:focus,
a:hover,
a:active {
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;
}
body.custom-background.pen_shards:before,
body.custom-background.pen_trianglify:before {
background: transparent !important;
}
html.no-js body.pen_background_lights_dim:before,
html.js body.pen_background_lights_dim:after {
background: rgba(0,0,0,0.75) !important;
content: '';
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 0;
}
a#pen_back {
background: #000;
bottom: -0.5rem;
color: #fff;
opacity: 0.75;
padding: 0.5rem 1rem 1rem;
position: fixed;
right: 1em;
transition: opacity .5s;
z-index: 400;
}
body.pen_drop_shadow a#pen_back {
text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
}
body.pen_round_corners a#pen_back {
border-radius: 100px 100px 0 0;
}
a#pen_back:before {
content: "\f102";
font-family: 'FontAwesome';
font-weight: normal;
}
a#pen_back:focus,
a#pen_back:hover,
a#pen_back:active {
opacity: 1;
outline: none;
text-decoration: none;
}
img#wpstats {
display: none;
}
.pen_element_hidden {
border: 0 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;
}
.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.author header h1.pen_content_title,
body.category header h1.pen_content_title,
body.date header h1.pen_content_title,
body.error404 header h1.pen_content_title,
body.search header h1.pen_content_title,
body.tag header h1.pen_content_title {
line-height: 1.1;
padding-left: 105px !important;
position: relative;
}
body.author header h1.pen_content_title:before,
body.category header h1.pen_content_title:before,
body.date header h1.pen_content_title:before,
body.error404 header h1.pen_content_title:before,
body.search header h1.pen_content_title:before,
body.tag header h1.pen_content_title:before {
background: linear-gradient(0deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.5) 100%);
color: rgba(0,0,0,0.5);
font-family: 'FontAwesome';
font-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.author.pen_list_title_center header h1.pen_content_title,
body.category.pen_list_title_center header h1.pen_content_title,
body.date.pen_list_title_center header h1.pen_content_title,
body.error404.pen_content_title_center header h1.pen_content_title,
body.search.pen_list_title_center header h1.pen_content_title,
body.tag.pen_list_title_center header h1.pen_content_title {
padding: 0 !important;
}
body.author.pen_list_title_center header h1.pen_content_title,
body.category.pen_list_title_center header h1.pen_content_title,
body.date.pen_list_title_center header h1.pen_content_title,
body.error404.pen_content_title_center header h1.pen_content_title,
body.search.pen_list_title_center header h1.pen_content_title,
body.tag.pen_list_title_center header h1.pen_content_title {
padding-top: 105px !important;
}
body.author.pen_list_title_center header h1.pen_content_title:before,
body.category.pen_list_title_center header h1.pen_content_title:before,
body.date.pen_list_title_center header h1.pen_content_title:before,
body.error404.pen_content_title_center header h1.pen_content_title:before,
body.search.pen_list_title_center header h1.pen_content_title:before,
body.tag.pen_list_title_center header h1.pen_content_title:before {
left: 50%;
top: 0;
transform: translateX(-50%);
}
body.pen_drop_shadow.author header h1.pen_content_title:before,
body.pen_drop_shadow.category header h1.pen_content_title:before,
body.pen_drop_shadow.date header h1.pen_content_title:before,
body.pen_drop_shadow.error404 header h1.pen_content_title:before,
body.pen_drop_shadow.search header h1.pen_content_title:before,
body.pen_drop_shadow.tag 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.author header h1.pen_content_title:before,
body.pen_round_corners.category header h1.pen_content_title:before,
body.pen_round_corners.date header h1.pen_content_title:before,
body.pen_round_corners.error404 header h1.pen_content_title:before,
body.pen_round_corners.search header h1.pen_content_title:before,
body.pen_round_corners.tag header h1.pen_content_title:before {
border-radius: 10px;
}
body.author header h1.pen_content_title:before {
content: "\f007";
}
body.category header h1.pen_content_title:before {
content: "\f187";
}
body.date header h1.pen_content_title:before {
content: "\f073";
}
body.error404 header h1.pen_content_title:before {
content: "\f071";
}
body.search header h1.pen_content_title:before {
content: "\f002";
}
body.tag header h1.pen_content_title:before {
content: "\f02b";
}
#error-404-search input {
float: left;
width: auto;
}
body.error404 #main div.error-404 .pen_content_header,
body.search #main div.no-results .pen_content_header {
margin-bottom: 2rem;
}
body.error404 #main div.error-404 .pen_content,
body.search #main div.no-results .pen_content {
font-size: 1.5em;
min-height: 500px;
overflow: hidden;
position: relative;
}
body.error404 #main div.error-404 .pen_content:before,
body.search #main div.no-results .pen_content:before {
color: rgba(170,170,170,0.25);
font-family: 'FontAwesome';
font-size: 18em;
font-weight: normal;
line-height: 1;
position: absolute;
right: 10px;
top: 10px;
z-index: 0;
}
body.error404 #main div.error-404 .pen_content:before {
content: "\f071";
}
body.search #main div.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 print {
body {
padding-top: 0 !important;
}
body.author header h1.pen_content_title:before,
body.category header h1.pen_content_title:before,
body.date header h1.pen_content_title:before,
body.error404 header h1.pen_content_title:before,
body.search header h1.pen_content_title:before,
body.tag 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%;
}
}