Category:

React

#HOWTO Jakarta EE Tutorials React
Jakarta EE & React file up- and download using Java 11 and TypeScript

by rieckpil December 12, 2019

by rieckpil December 12, 2019

Given the latest release of Payara, we can now officially use it with Java…

0 Facebook Twitter Linkedin Reddit Email
#HOWTO Jakarta EE Tutorials MicroProfile Tutorials React
Jakarta EE and MicroProfile applications with React and PostgreSQL

by rieckpil April 1, 2020

by rieckpil April 1, 2020

As now all major application server vendors are Jakarta EE 8 certified, we are…

0 Facebook Twitter Linkedin Reddit Email
#HOWTO Kubernetes React
Deploy a React application to Kubernetes

by rieckpil July 6, 2020

by rieckpil July 6, 2020

I’ve recently published my first article on dev.to about how to deploy a React…

0 Facebook Twitter Linkedin Reddit Email
#HOWTO React
Preview PDF files in the browser with React

by rieckpil February 26, 2020

by rieckpil February 26, 2020

In addition to my blog post #HOWTO: Up- and downloading files with React and…

0 Facebook Twitter Linkedin Reddit Email
#HOWTO Java EE Tutorials React Security
MicroProfile JWT Authentication with Keycloak and React

by rieckpil February 26, 2020

by rieckpil February 26, 2020

For securing your enterprise applications you have several choices that require different configuration setups.…

1 Facebook Twitter Linkedin Reddit Email
#HOWTO React Spring Framework Tutorials
Up- and download files with React and Spring Boot

by rieckpil June 14, 2020

by rieckpil June 14, 2020

Today I want to share a simple approach for up- and downloading files with JavaScript…

3 Facebook Twitter Linkedin Reddit Email
#REVIEW React
#REVIEW: React 16 – Udemy course

by rieckpil November 4, 2019

by rieckpil November 4, 2019

Welcome to my first article in the #REVIEW genre. Today I want to give…

0 Facebook Twitter Linkedin Reddit Email

:root{}@font-face{font-family:"open-sans-v17-latin-regular";font-display:swap;src:local("open-sans-v17-latin-regular"),url("https://cdn-aoloc.nitrocdn.com/LjZAnpMBiKRdWkhommfnyugsAOnHWdxL/assets/static/source/rev-59c3209/wp-content/uploads/2019/09/open-sans-v17-latin-regular.woff") format("woff");}#main .bbp-login-form .bbp-submit-wrapper button[type="submit"],h1,h2,h3,h4,h5,h6,h2.penci-heading-video,#navigation .menu li a,.penci-photo-2-effect figcaption h2,.headline-title,a.penci-topbar-post-title,#sidebar-nav .menu li a,.penci-slider .pencislider-container .pencislider-content .pencislider-title,.penci-slider .pencislider-container .pencislider-content .pencislider-button,.author-quote span,.penci-more-link a.more-link,.penci-post-share-box .dt-share,.post-share a .dt-share,.author-content h5,.post-pagination h5,.post-box-title,.penci-countdown .countdown-amount,.penci-countdown .countdown-period,.penci-pagination a,.penci-pagination .disable-url,ul.footer-socials li a span,.penci-button,.widget input[type="submit"],.penci-user-logged-in .penci-user-action-links a,.widget button[type="submit"],.penci-sidebar-content .widget-title,#respond h3.comment-reply-title span,.widget-social.show-text a span,.footer-widget-wrapper .widget .widget-title,.penci-user-logged-in .penci-user-action-links a,.container.penci-breadcrumb span,.container.penci-breadcrumb span a,.penci-container-inside.penci-breadcrumb span,.penci-container-inside.penci-breadcrumb span a,.container.penci-breadcrumb span,.container.penci-breadcrumb span a,.error-404 .go-back-home a,.post-entry .penci-portfolio-filter ul li a,.penci-portfolio-filter ul li a,.portfolio-overlay-content .portfolio-short .portfolio-title a,.home-featured-cat-content .magcat-detail h3 a,.post-entry blockquote cite,.post-entry blockquote .author,.tags-share-box.hide-tags.page-share .share-title,.widget ul.side-newsfeed li .side-item .side-item-text h4 a,.thecomment .comment-text span.author,.thecomment .comment-text span.author a,.post-comments span.reply a,#respond h3,#respond label,.wpcf7 label,#respond #submit,div.wpforms-container .wpforms-form.wpforms-form .wpforms-field-label,div.wpforms-container .wpforms-form.wpforms-form input[type=submit],div.wpforms-container .wpforms-form.wpforms-form button[type=submit],div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button,.wpcf7 input[type="submit"],.widget_wysija input[type="submit"],.archive-box span,.archive-box h1,.gallery .gallery-caption,.contact-form input[type=submit],ul.penci-topbar-menu > li a,div.penci-topbar-menu > ul > li a,.featured-style-29 .penci-featured-slider-button a,.pencislider-container .pencislider-content .pencislider-title,.pencislider-container .pencislider-content .pencislider-button,ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 h4 span span,.pencislider-container .pencislider-content .pencislider-button,.woocommerce div.product .woocommerce-tabs .panel #respond .comment-reply-title,.penci-recipe-index-wrap .penci-index-more-link a,.penci-menu-hbg .menu li a,#sidebar-nav .menu li a,.penci-readmore-btn.penci-btn-make-button a,.bos_searchbox_widget_class #flexi_searchbox h1,.bos_searchbox_widget_class #flexi_searchbox h2,.bos_searchbox_widget_class #flexi_searchbox h3,.bos_searchbox_widget_class #flexi_searchbox h4,.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton:hover,.bos_searchbox_widget_class #flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton,.penci-featured-cat-seemore.penci-btn-make-button a,.penci-menu-hbg-inner .penci-hbg_sitetitle{font-family:"open-sans-v17-latin-regular";}.featured-style-29 .penci-featured-slider-button a,#bbpress-forums #bbp-search-form .button{font-weight:bold;}#main #bbpress-forums .bbp-login-form fieldset.bbp-form select,#main #bbpress-forums .bbp-login-form .bbp-form input[type="password"],#main #bbpress-forums .bbp-login-form .bbp-form input[type="text"],body,textarea,#respond textarea,.widget input[type="text"],.widget input[type="email"],.widget input[type="date"],.widget input[type="number"],.wpcf7 textarea,.mc4wp-form input,#respond input,div.wpforms-container .wpforms-form.wpforms-form input[type=date],div.wpforms-container .wpforms-form.wpforms-form input[type=datetime],div.wpforms-container .wpforms-form.wpforms-form input[type=datetime-local],div.wpforms-container .wpforms-form.wpforms-form input[type=email],div.wpforms-container .wpforms-form.wpforms-form input[type=month],div.wpforms-container .wpforms-form.wpforms-form input[type=number],div.wpforms-container .wpforms-form.wpforms-form input[type=password],div.wpforms-container .wpforms-form.wpforms-form input[type=range],div.wpforms-container .wpforms-form.wpforms-form input[type=search],div.wpforms-container .wpforms-form.wpforms-form input[type=tel],div.wpforms-container .wpforms-form.wpforms-form input[type=text],div.wpforms-container .wpforms-form.wpforms-form input[type=time],div.wpforms-container .wpforms-form.wpforms-form input[type=url],div.wpforms-container .wpforms-form.wpforms-form input[type=week],div.wpforms-container .wpforms-form.wpforms-form select,div.wpforms-container .wpforms-form.wpforms-form textarea,.wpcf7 input,#searchform input.search-input,ul.homepage-featured-boxes .penci-fea-in h4,.widget.widget_categories ul li span.category-item-count,.about-widget .about-me-heading,.widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta{font-family:"open-sans-v17-latin-regular";}p{line-height:1.8;}.header-slogan .header-slogan-text{font-family:"open-sans-v17-latin-regular";}#navigation .menu li a,.penci-menu-hbg .menu li a,#sidebar-nav .menu li a{font-family:"open-sans-v17-latin-regular";font-weight:normal;}.penci-hide-tagupdated{display:none !important;}.header-slogan .header-slogan-text{font-style:normal;}h1,h2,h3,h4,h5,h6,#sidebar-nav .menu li a,#navigation .menu li a,a.penci-topbar-post-title,.penci-slider .pencislider-container .pencislider-content .pencislider-title,.penci-slider .pencislider-container .pencislider-content .pencislider-button,.headline-title,.author-quote span,.penci-more-link a.more-link,.author-content h5,.post-pagination h5,.post-box-title,.penci-countdown .countdown-amount,.penci-countdown .countdown-period,.penci-pagination a,.penci-pagination .disable-url,ul.footer-socials li a span,.penci-sidebar-content .widget-title,#respond h3.comment-reply-title span,.widget-social.show-text a span,.footer-widget-wrapper .widget .widget-title,.error-404 .go-back-home a,.home-featured-cat-content .magcat-detail h3 a,.post-entry blockquote cite,.pencislider-container .pencislider-content .pencislider-title,.pencislider-container .pencislider-content .pencislider-button,.post-entry blockquote .author,.tags-share-box.hide-tags.page-share .share-title,.widget ul.side-newsfeed li .side-item .side-item-text h4 a,.thecomment .comment-text span.author,.thecomment .comment-text span.author a,#respond h3,#respond label,.wpcf7 label,div.wpforms-container .wpforms-form.wpforms-form .wpforms-field-label,div.wpforms-container .wpforms-form.wpforms-form input[type=submit],div.wpforms-container .wpforms-form.wpforms-form button[type=submit],div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button,#respond #submit,.wpcf7 input[type="submit"],.widget_wysija input[type="submit"],.archive-box span,.archive-box h1,.gallery .gallery-caption,.widget input[type="submit"],.penci-button,#main .bbp-login-form .bbp-submit-wrapper button[type="submit"],.widget button[type="submit"],.contact-form input[type=submit],ul.penci-topbar-menu > li a,div.penci-topbar-menu > ul > li a,.penci-recipe-index-wrap .penci-index-more-link a,#bbpress-forums #bbp-search-form .button,.penci-menu-hbg .menu li a,#sidebar-nav .menu li a,.penci-readmore-btn.penci-btn-make-button a,.penci-featured-cat-seemore.penci-btn-make-button a,.penci-menu-hbg-inner .penci-hbg_sitetitle{font-weight:700;}.featured-area .penci-image-holder,.featured-area .penci-slider4-overlay,.featured-area .penci-slide-overlay .overlay-link,.featured-style-29 .featured-slider-overlay,.penci-slider38-overlay{}.penci-featured-content-right:before{}.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{}.container-single .post-image{}#navigation .menu li a,.penci-menu-hbg .menu li a,#sidebar-nav .menu li a{font-weight:600;}body.penci-body-boxed{background-image:url("http://soledad.pencidesign.com/soledad-magazine/wp-content/uploads/sites/7/2017/06/notebook.png");}body.penci-body-boxed.nitro-lazy{background-image:none !important;}body.penci-body-boxed{background-repeat:repeat;}body.penci-body-boxed{background-attachment:scroll;}body.penci-body-boxed{background-size:auto;}#header .inner-header .container{padding:1px 0;}.penci-menuhbg-toggle:hover .lines-button:after,.penci-menuhbg-toggle:hover .penci-lines:before,.penci-menuhbg-toggle:hover .penci-lines:after,.tags-share-box.tags-share-box-s2 .post-share-plike,.penci-video_playlist .penci-playlist-title,.pencisc-column-2.penci-video_playlist .penci-video-nav .playlist-panel-item,.pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item,.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb,.pencisc-button,.post-entry .pencisc-button,.penci-dropcap-box,.penci-dropcap-circle{background:#fdc134;}a,.post-entry .penci-portfolio-filter ul li a:hover,.penci-portfolio-filter ul li a:hover,.penci-portfolio-filter ul li.active a,.post-entry .penci-portfolio-filter ul li.active a,.penci-countdown .countdown-amount,.archive-box h1,.post-entry a,.container.penci-breadcrumb span a:hover,.post-entry blockquote:before,.post-entry blockquote cite,.post-entry blockquote .author,.wpb_text_column blockquote:before,.wpb_text_column blockquote cite,.wpb_text_column blockquote .author,.penci-pagination a:hover,ul.penci-topbar-menu > li a:hover,div.penci-topbar-menu > ul > li a:hover,.penci-recipe-heading a.penci-recipe-print,.penci-review-metas .penci-review-btnbuy,.main-nav-social a:hover,.widget-social .remove-circle a:hover i,.penci-recipe-index .cat > a.penci-cat-name,#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a:hover,#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a:hover,#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info .bbp-forum-content a,#bbpress-forums li.bbp-body ul.topic p.bbp-topic-meta a,#bbpress-forums .bbp-breadcrumb a:hover,#bbpress-forums .bbp-forum-freshness a:hover,#bbpress-forums .bbp-topic-freshness a:hover,#buddypress ul.item-list li div.item-title a,#buddypress ul.item-list li h4 a,#buddypress .activity-header a:first-child,#buddypress .comment-meta a:first-child,#buddypress .acomment-meta a:first-child,div.bbp-template-notice a:hover,.penci-menu-hbg .menu li a .indicator:hover,.penci-menu-hbg .menu li a:hover,#sidebar-nav .menu li a:hover,.penci-rlt-popup .rltpopup-meta .rltpopup-title:hover,.penci-video_playlist .penci-video-playlist-item .penci-video-title:hover,.penci_list_shortcode li:before,.penci-dropcap-box-outline,.penci-dropcap-circle-outline,.penci-dropcap-regular,.penci-dropcap-bold{color:#fdc134;}.penci-home-popular-post ul.slick-dots li button:hover,.penci-home-popular-post ul.slick-dots li.slick-active button,.post-entry blockquote .author span:after,.error-image:after,.error-404 .go-back-home a:after,.penci-header-signup-form,.woocommerce span.onsale,.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce div.product .entry-summary div[itemprop="description"]:before,.woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author span:after,.woocommerce div.product .woocommerce-tabs #tab-description blockquote .author span:after,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,#top-search.shoping-cart-icon > a > span,#penci-demobar .buy-button,#penci-demobar .buy-button:hover,.penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover,.penci-review-process span,.penci-review-score-total,#navigation.menu-style-2 ul.menu ul:before,#navigation.menu-style-2 .menu ul ul:before,.penci-go-to-top-floating,.post-entry.blockquote-style-2 blockquote:before,#bbpress-forums #bbp-search-form .button,#bbpress-forums #bbp-search-form .button:hover,.wrapper-boxed .bbp-pagination-links span.current,#bbpress-forums #bbp_reply_submit:hover,#bbpress-forums #bbp_topic_submit:hover,#main .bbp-login-form .bbp-submit-wrapper button[type="submit"]:hover,#buddypress .dir-search input[type=submit],#buddypress .groups-members-search input[type=submit],#buddypress button:hover,#buddypress a.button:hover,#buddypress a.button:focus,#buddypress input[type=button]:hover,#buddypress input[type=reset]:hover,#buddypress ul.button-nav li a:hover,#buddypress ul.button-nav li.current a,#buddypress div.generic-button a:hover,#buddypress .comment-reply-link:hover,#buddypress input[type=submit]:hover,#buddypress div.pagination .pagination-links .current,#buddypress div.item-list-tabs ul li.selected a,#buddypress div.item-list-tabs ul li.current a,#buddypress div.item-list-tabs ul li a:hover,#buddypress table.notifications thead tr,#buddypress table.notifications-settings thead tr,#buddypress table.profile-settings thead tr,#buddypress table.profile-fields thead tr,#buddypress table.wp-profile-fields thead tr,#buddypress table.messages-notices thead tr,#buddypress table.forum thead tr,#buddypress input[type=submit]{background-color:#fdc134;}.penci-pagination ul.page-numbers li span.current,#comments_pagination span{color:#fff;background:#fdc134;border-color:#fdc134;}.footer-instagram h4.footer-instagram-title > span:before,.woocommerce nav.woocommerce-pagination ul li span.current,.penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover,.penci-recipe-heading a.penci-recipe-print:hover,.penci-review-metas .penci-review-btnbuy:hover,.home-featured-cat-content.style-14 .magcat-padding:before,.wrapper-boxed .bbp-pagination-links span.current,#buddypress .dir-search input[type=submit],#buddypress .groups-members-search input[type=submit],#buddypress button:hover,#buddypress a.button:hover,#buddypress a.button:focus,#buddypress input[type=button]:hover,#buddypress input[type=reset]:hover,#buddypress ul.button-nav li a:hover,#buddypress ul.button-nav li.current a,#buddypress div.generic-button a:hover,#buddypress .comment-reply-link:hover,#buddypress input[type=submit]:hover,#buddypress div.pagination .pagination-links .current,#buddypress input[type=submit],#searchform.penci-hbg-search-form input.search-input:hover,#searchform.penci-hbg-search-form input.search-input:focus,.penci-dropcap-box-outline,.penci-dropcap-circle-outline{border-color:#fdc134;}.woocommerce .woocommerce-error,.woocommerce .woocommerce-info,.woocommerce .woocommerce-message{border-top-color:#fdc134;}.penci-slider ol.penci-control-nav li a.penci-active,.penci-slider ol.penci-control-nav li a:hover,.penci-related-carousel .owl-dot.active span,.penci-owl-carousel-slider .owl-dot.active span{border-color:#fdc134;background-color:#fdc134;}.woocommerce .woocommerce-message:before,.woocommerce form.checkout table.shop_table .order-total .amount,.woocommerce ul.products li.product .price ins,.woocommerce ul.products li.product .price,.woocommerce div.product p.price ins,.woocommerce div.product span.price ins,.woocommerce div.product p.price,.woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before,.woocommerce div.product .woocommerce-tabs #tab-description blockquote:before,.woocommerce div.product .entry-summary div[itemprop="description"] blockquote cite,.woocommerce div.product .entry-summary div[itemprop="description"] blockquote .author,.woocommerce div.product .woocommerce-tabs #tab-description blockquote cite,.woocommerce div.product .woocommerce-tabs #tab-description blockquote .author,.woocommerce div.product .product_meta > span a:hover,.woocommerce div.product .woocommerce-tabs ul.tabs li.active,.woocommerce ul.cart_list li .amount,.woocommerce ul.product_list_widget li .amount,.woocommerce table.shop_table td.product-name a:hover,.woocommerce table.shop_table td.product-price span,.woocommerce table.shop_table td.product-subtotal span,.woocommerce-cart .cart-collaterals .cart_totals table td .amount,.woocommerce .woocommerce-info:before,.woocommerce div.product span.price,.penci-container-inside.penci-breadcrumb span a:hover{color:#fdc134;}.standard-content .penci-more-link.penci-more-link-button a.more-link,.penci-readmore-btn.penci-btn-make-button a,.penci-featured-cat-seemore.penci-btn-make-button a{background-color:#fdc134;color:#fff;}.penci-vernav-toggle:before{border-top-color:#fdc134;color:#fff;}.penci-top-bar,ul.penci-topbar-menu ul.sub-menu,div.penci-topbar-menu > ul ul.sub-menu{background-color:#111;}.headline-title{background-color:#fdc134;}a.penci-topbar-post-title{color:#fff;}a.penci-topbar-post-title:hover{color:#fdc134;}ul.penci-topbar-menu > li a:hover,div.penci-topbar-menu > ul > li a:hover{color:#fdc134;}.penci-topbar-social a:hover{color:#fdc134;}#header .inner-header{background-color:#fff;background-image:none;}#header .inner-header.nitro-lazy{background-image:none !important;}#navigation,.show-search{background:#fdc134;}@media only screen and (min-width: 960px){#navigation.header-11 .container{background:#fdc134;}}.header-slogan .header-slogan-text:before,.header-slogan .header-slogan-text:after{content:none;}#navigation .menu li a:hover,#navigation .menu li.current-menu-item > a,#navigation .menu > li.current_page_item > a,#navigation .menu li:hover > a,#navigation .menu > li.current-menu-ancestor > a,#navigation .menu > li.current-menu-item > a{color:#fff;}#navigation ul.menu > li > a:before,#navigation .menu > ul > li > a:before{background:#fff;}#navigation.menu-item-padding .menu > li > a:hover,#navigation.menu-item-padding .menu > li:hover > a,#navigation.menu-item-padding .menu > li.current-menu-item > a,#navigation.menu-item-padding .menu > li.current_page_item > a,#navigation.menu-item-padding .menu > li.current-menu-ancestor > a,#navigation.menu-item-padding .menu > li.current-menu-item > a{background-color:#fdc134;}#navigation .penci-megamenu .penci-mega-child-categories,#navigation.menu-style-2 .penci-megamenu .penci-mega-child-categories a.cat-active{background-color:#fff;}#navigation .penci-megamenu .penci-mega-child-categories a.cat-active,#navigation .menu .penci-megamenu .penci-mega-child-categories a:hover,#navigation .menu .penci-megamenu .penci-mega-latest-posts .penci-mega-post a:hover{color:#fdc134;}#navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name{background:#fdc134;}#navigation .menu li a{text-transform:none;letter-spacing:0;}#navigation .penci-megamenu .post-mega-title a{text-transform:uppercase;letter-spacing:1px;}#navigation ul.menu > li > a,#navigation .menu > ul > li > a{font-size:14px;}#navigation ul.menu ul a,#navigation .menu ul ul a{font-size:12px;}#navigation .penci-megamenu .post-mega-title a{font-size:13px;}.penci-menu-hbg .menu li a{text-transform:none;}#navigation .penci-megamenu .post-mega-title a{text-transform:none;letter-spacing:0;}#navigation .menu .sub-menu li a{color:#313131;}#navigation .menu .sub-menu li a:hover,#navigation .menu .sub-menu li.current-menu-item > a,#navigation .sub-menu li:hover > a{color:#fdc134;}#navigation.menu-style-2 ul.menu ul:before,#navigation.menu-style-2 .menu ul ul:before{background-color:#fdc134;}.penci-featured-content .feat-text h3 a,.featured-style-35 .feat-text-right h3 a,.featured-style-4 .penci-featured-content .feat-text h3 a,.penci-mag-featured-content h3 a,.pencislider-container .pencislider-content .pencislider-title{text-transform:none;letter-spacing:0;}.home-featured-cat-content,.penci-featured-cat-seemore,.penci-featured-cat-custom-ads,.home-featured-cat-content.style-8{margin-bottom:40px;}.home-featured-cat-content.style-8 .penci-grid li.list-post:last-child{margin-bottom:0;}.home-featured-cat-content.style-3,.home-featured-cat-content.style-11{margin-bottom:30px;}.home-featured-cat-content.style-7{margin-bottom:14px;}.home-featured-cat-content.style-13{margin-bottom:20px;}.penci-featured-cat-seemore,.penci-featured-cat-custom-ads{margin-top:-20px;}.penci-featured-cat-seemore.penci-seemore-style-7,.mag-cat-style-7 .penci-featured-cat-custom-ads{margin-top:-18px;}.penci-featured-cat-seemore.penci-seemore-style-8,.mag-cat-style-8 .penci-featured-cat-custom-ads{margin-top:0px;}.penci-featured-cat-seemore.penci-seemore-style-13,.mag-cat-style-13 .penci-featured-cat-custom-ads{margin-top:-20px;}.penci-header-signup-form{padding-top:px;padding-bottom:px;}.penci-header-signup-form{background-color:#fdc134;}.header-social a:hover i,.main-nav-social a:hover,.penci-menuhbg-toggle:hover .lines-button:after,.penci-menuhbg-toggle:hover .penci-lines:before,.penci-menuhbg-toggle:hover .penci-lines:after{color:#fdc134;}#sidebar-nav .menu li a:hover,.header-social.sidebar-nav-social a:hover i,#sidebar-nav .menu li a .indicator:hover,#sidebar-nav .menu .sub-menu li a .indicator:hover{color:#fdc134;}#sidebar-nav-logo:before{background-color:#fdc134;}.penci-slide-overlay .overlay-link,.penci-slider38-overlay,.penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{opacity:.8;}.penci-item-mag:hover .penci-slide-overlay .overlay-link,.featured-style-38 .item:hover .penci-slider38-overlay,.penci-flat-overlay .penci-item-mag:hover .penci-slide-overlay .penci-mag-featured-content:before{}.penci-featured-content .featured-slider-overlay{}.penci-featured-content .feat-text .featured-cat a,.penci-mag-featured-content .cat > a.penci-cat-name,.featured-style-35 .cat > a.penci-cat-name{color:#fff;}.penci-mag-featured-content .cat > a.penci-cat-name:after,.penci-featured-content .cat > a.penci-cat-name:after,.featured-style-35 .cat > a.penci-cat-name:after{border-color:#fff;}.penci-featured-content .feat-text .featured-cat a:hover,.penci-mag-featured-content .cat > a.penci-cat-name:hover,.featured-style-35 .cat > a.penci-cat-name:hover{color:#fdc134;}.featured-style-29 .featured-slider-overlay{}.pencislider-container .pencislider-content .pencislider-title,.featured-style-37 .penci-item-1 .featured-cat{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s;}.pencislider-container .pencislider-caption,.featured-style-37 .penci-item-1 .feat-text h3{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}.pencislider-container .pencislider-content .penci-button,.featured-style-37 .penci-item-1 .feat-meta{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s;}.penci-featured-content .feat-text{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;}.penci-featured-content .feat-text .featured-cat{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s;}.penci-featured-content .feat-text h3{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}.penci-featured-content .feat-text .feat-meta,.featured-style-29 .penci-featured-slider-button{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.4s;animation-delay:1.2s;}.penci-featured-content-right:before{animation-delay:.7s;-webkit-animation-delay:.7s;}.featured-style-35 .featured-cat{animation-delay:1.1s;-webkit-animation-delay:1.1s;}.featured-style-35 .feat-text-right h3{animation-delay:1.3s;-webkit-animation-delay:1.3s;}.featured-style-35 .feat-text-right .featured-content-excerpt{animation-delay:1.5s;-webkit-animation-delay:1.5s;}.featured-style-35 .feat-text-right .penci-featured-slider-button{animation-delay:1.7s;-webkit-animation-delay:1.7s;}.featured-area .penci-slider{max-height:600px;}.penci-standard-cat .cat > a.penci-cat-name{color:#fdc134;}.penci-standard-cat .cat:before,.penci-standard-cat .cat:after{background-color:#fdc134;}.standard-content .penci-post-box-meta .penci-post-share-box a:hover,.standard-content .penci-post-box-meta .penci-post-share-box a.liked{color:#fdc134;}.header-standard .post-entry a:hover,.header-standard .author-post span a:hover,.standard-content a,.standard-content .post-entry a,.standard-post-entry a.more-link:hover,.penci-post-box-meta .penci-box-meta a:hover,.standard-content .post-entry blockquote:before,.post-entry blockquote cite,.post-entry blockquote .author,.standard-content-special .author-quote span,.standard-content-special .format-post-box .post-format-icon i,.standard-content-special .format-post-box .dt-special a:hover,.standard-content .penci-more-link a.more-link,.standard-content .penci-post-box-meta .penci-box-meta a:hover{color:#fdc134;}.standard-content .penci-more-link.penci-more-link-button a.more-link{background-color:#fdc134;color:#fff;}.standard-content-special .author-quote span:before,.standard-content-special .author-quote span:after,.standard-content .post-entry ul li:before,.post-entry blockquote .author span:after,.header-standard:after{background-color:#fdc134;}.penci-more-link a.more-link:before,.penci-more-link a.more-link:after{border-color:#fdc134;}.penci-grid li .item h2 a,.penci-masonry .item-masonry h2 a,.grid-mixed .mixed-detail h2 a,.overlay-header-box .overlay-title a{text-transform:none;}.penci-grid li .item h2 a,.penci-masonry .item-masonry h2 a{letter-spacing:0;}.penci-grid .cat a.penci-cat-name,.penci-masonry .cat a.penci-cat-name{color:#fdc134;}.penci-grid .cat a.penci-cat-name:after,.penci-masonry .cat a.penci-cat-name:after{border-color:#fdc134;}.penci-post-share-box a.liked,.penci-post-share-box a:hover{color:#fdc134;}.overlay-post-box-meta .overlay-share a:hover,.overlay-author a:hover,.penci-grid .standard-content-special .format-post-box .dt-special a:hover,.grid-post-box-meta span a:hover,.grid-post-box-meta span a.comment-link:hover,.penci-grid .standard-content-special .author-quote span,.penci-grid .standard-content-special .format-post-box .post-format-icon i,.grid-mixed .penci-post-box-meta .penci-box-meta a:hover{color:#fdc134;}.penci-grid .standard-content-special .author-quote span:before,.penci-grid .standard-content-special .author-quote span:after,.grid-header-box:after,.list-post .header-list-style:after{background-color:#fdc134;}.penci-grid .post-box-meta span:after,.penci-masonry .post-box-meta span:after{border-color:#fdc134;}.penci-readmore-btn.penci-btn-make-button a{background-color:#fdc134;color:#fff;}.penci-grid li.typography-style .overlay-typography{}.penci-grid li.typography-style:hover .overlay-typography{}.penci-grid li.typography-style .item .main-typography h2 a:hover{color:#fdc134;}.penci-grid li.typography-style .grid-post-box-meta span a:hover{color:#fdc134;}.overlay-header-box .cat > a.penci-cat-name:hover{color:#fdc134;}.penci-sidebar-content .widget{margin-bottom:40px;}.penci-sidebar-content.style-11 .penci-border-arrow .inner-arrow,.penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow,.penci-sidebar-content.style-14 .penci-border-arrow .inner-arrow:before,.penci-sidebar-content.style-13 .penci-border-arrow .inner-arrow,.penci-sidebar-content .penci-border-arrow .inner-arrow{background-color:#fff;}.penci-sidebar-content.style-2 .penci-border-arrow:after{border-top-color:#fff;}.penci-sidebar-content .penci-border-arrow .inner-arrow,.penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:before,.penci-sidebar-content.style-4 .penci-border-arrow .inner-arrow:after,.penci-sidebar-content.style-5 .penci-border-arrow,.penci-sidebar-content.style-7 .penci-border-arrow,.penci-sidebar-content.style-9 .penci-border-arrow{border-color:#fff;}.penci-sidebar-content .penci-border-arrow:before{border-top-color:#fff;}.penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before,.penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before{background-color:#000;}.penci-sidebar-content .penci-border-arrow:after{border-color:#818181;}.penci-sidebar-content .penci-border-arrow .inner-arrow{color:#000;}.penci-sidebar-content .penci-border-arrow:after{content:none;display:none;}.penci-sidebar-content .widget-title{margin-left:0;margin-right:0;margin-top:0;}.penci-sidebar-content .penci-border-arrow:before{bottom:-6px;border-width:6px;margin-left:-6px;}.penci-sidebar-content .penci-border-arrow:before,.penci-sidebar-content.style-2 .penci-border-arrow:after{content:none;display:none;}.penci-video_playlist .penci-video-playlist-item .penci-video-title:hover,.widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover,.widget a:hover,.penci-sidebar-content .widget-social a:hover span,.widget-social a:hover span,.penci-tweets-widget-content .icon-tweets,.penci-tweets-widget-content .tweet-intents a,.penci-tweets-widget-content .tweet-intents span:after,.widget-social.remove-circle a:hover i,#wp-calendar tbody td a:hover,.penci-video_playlist .penci-video-playlist-item .penci-video-title:hover{color:#fdc134;}.widget .tagcloud a:hover,.widget-social a:hover i,.widget input[type="submit"]:hover,.penci-user-logged-in .penci-user-action-links a:hover,.penci-button:hover,.widget button[type="submit"]:hover{color:#fff;background-color:#fdc134;border-color:#fdc134;}.about-widget .about-me-heading:before{border-color:#fdc134;}.penci-tweets-widget-content .tweet-intents-inner:before,.penci-tweets-widget-content .tweet-intents-inner:after,.pencisc-column-1.penci-video_playlist .penci-video-nav .playlist-panel-item,.penci-video_playlist .penci-custom-scroll::-webkit-scrollbar-thumb,.penci-video_playlist .penci-playlist-title{background-color:#fdc134;}.penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot.active span,.penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot:hover span{border-color:#fdc134;background-color:#fdc134;}#footer-copyright *{font-style:normal;}.footer-subscribe .widget .mc4wp-form input[type="submit"]:hover{background-color:#fdc134;}#widget-area{background-color:#131313;}.footer-widget-wrapper,.footer-widget-wrapper .widget.widget_categories ul li,.footer-widget-wrapper .widget.widget_archive ul li,.footer-widget-wrapper .widget input[type="text"],.footer-widget-wrapper .widget input[type="email"],.footer-widget-wrapper .widget input[type="date"],.footer-widget-wrapper .widget input[type="number"],.footer-widget-wrapper .widget input[type="search"]{color:#fff;}.footer-widget-wrapper .widget ul li,.footer-widget-wrapper .widget ul ul,.footer-widget-wrapper .widget input[type="text"],.footer-widget-wrapper .widget input[type="email"],.footer-widget-wrapper .widget input[type="date"],.footer-widget-wrapper .widget input[type="number"],.footer-widget-wrapper .widget input[type="search"]{border-color:#212121;}.footer-widget-wrapper .widget .widget-title{color:#fff;}.footer-widget-wrapper .widget .widget-title .inner-arrow{border-color:#212121;}.footer-widget-wrapper a,.footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text h4 a,.footer-widget-wrapper .widget a,.footer-widget-wrapper .widget-social a i,.footer-widget-wrapper .widget-social a span{color:#fff;}.footer-widget-wrapper .widget-social a:hover i{color:#fff;}.footer-widget-wrapper .penci-tweets-widget-content .icon-tweets,.footer-widget-wrapper .penci-tweets-widget-content .tweet-intents a,.footer-widget-wrapper .penci-tweets-widget-content .tweet-intents span:after,.footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text h4 a:hover,.footer-widget-wrapper .widget a:hover,.footer-widget-wrapper .widget-social a:hover span,.footer-widget-wrapper a:hover,.footer-widget-wrapper .widget-social.remove-circle a:hover i{color:#fdc134;}.footer-widget-wrapper .widget .tagcloud a:hover,.footer-widget-wrapper .widget-social a:hover i,.footer-widget-wrapper .mc4wp-form input[type="submit"]:hover,.footer-widget-wrapper .widget input[type="submit"]:hover,.footer-widget-wrapper .penci-user-logged-in .penci-user-action-links a:hover,.footer-widget-wrapper .widget button[type="submit"]:hover{color:#fff;background-color:#fdc134;border-color:#fdc134;}.footer-widget-wrapper .about-widget .about-me-heading:before{border-color:#fdc134;}.footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:before,.footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:after{background-color:#fdc134;}.footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot.active span,.footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .owl-dots .owl-dot:hover span{border-color:#fdc134;background:#fdc134;}ul.footer-socials li a:hover i{background-color:#fdc134;border-color:#fdc134;}ul.footer-socials li a:hover i{color:#fdc134;}ul.footer-socials li a:hover span{color:#fdc134;}.footer-socials-section{border-color:#212121;}#footer-section{background-color:#131313;}#footer-section .footer-menu li a:hover{color:#fdc134;}.penci-go-to-top-floating{background-color:#000;}#footer-section a{color:#fdc134;}.container-single .penci-standard-cat .cat > a.penci-cat-name{color:#fdc134;}.container-single .penci-standard-cat .cat:before,.container-single .penci-standard-cat .cat:after{background-color:#fdc134;}.container-single .single-post-title{text-transform:none;letter-spacing:1px;}@media only screen and (min-width: 769px){.container-single .single-post-title{font-size:30px;}}.post-entry blockquote:before,.wpb_text_column blockquote:before,.woocommerce .page-description blockquote:before,.woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before,.woocommerce div.product .woocommerce-tabs #tab-description blockquote:before,.woocommerce-product-details__short-description blockquote:before,.format-post-box .post-format-icon i.fa-quote-left:before{font-family:"FontAwesome";content:"";font-size:30px;left:2px;top:0px;font-weight:normal;}.penci-fawesome-ver5 .post-entry blockquote:before,.penci-fawesome-ver5 .wpb_text_column blockquote:before,.penci-fawesome-ver5 .woocommerce .page-description blockquote:before,.penci-fawesome-ver5 .woocommerce div.product .entry-summary div[itemprop="description"] blockquote:before,.penci-fawesome-ver5 .woocommerce div.product .woocommerce-tabs #tab-description blockquote:before,.penci-fawesome-ver5 .woocommerce-product-details__short-description blockquote:before,.penci-fawesome-ver5 .format-post-box .post-format-icon i.fa-quote-left:before{font-family:"Font Awesome 5 Free";font-weight:900;}.container-single .single-post-title{letter-spacing:0;}.container-single .cat a.penci-cat-name{text-transform:uppercase;}.list-post .header-list-style:after,.grid-header-box:after,.penci-overlay-over .overlay-header-box:after,.home-featured-cat-content .first-post .magcat-detail .mag-header:after{content:none;}.list-post .header-list-style,.grid-header-box,.penci-overlay-over .overlay-header-box,.home-featured-cat-content .first-post .magcat-detail .mag-header{padding-bottom:0;}.penci-single-style-6 .single-breadcrumb,.penci-single-style-5 .single-breadcrumb,.penci-single-style-4 .single-breadcrumb,.penci-single-style-3 .single-breadcrumb,.penci-single-style-9 .single-breadcrumb,.penci-single-style-7 .single-breadcrumb{text-align:left;}.container-single .header-standard,.container-single .post-box-meta-single{text-align:left;}.rtl .container-single .header-standard,.rtl .container-single .post-box-meta-single{text-align:right;}.container-single .post-pagination h5{text-transform:none;letter-spacing:0;}#respond h3.comment-reply-title span:before,#respond h3.comment-reply-title span:after,.post-box-title:before,.post-box-title:after{content:none;display:none;}.container-single .item-related h3 a{text-transform:none;letter-spacing:0;}.container-single .post-share a:hover,.container-single .post-share a.liked,.page-share .post-share a:hover{color:#fdc134;}.tags-share-box.tags-share-box-2_3 .post-share .count-number-like,.post-share .count-number-like{color:#fdc134;}.comment-content a,.container-single .post-entry a,.container-single .format-post-box .dt-special a:hover,.container-single .author-quote span,.container-single .author-post span a:hover,.post-entry blockquote:before,.post-entry blockquote cite,.post-entry blockquote .author,.wpb_text_column blockquote:before,.wpb_text_column blockquote cite,.wpb_text_column blockquote .author,.post-pagination a:hover,.author-content h5 a:hover,.author-content .author-social:hover,.item-related h3 a:hover,.container-single .format-post-box .post-format-icon i,.container.penci-breadcrumb.single-breadcrumb span a:hover,.penci_list_shortcode li:before,.penci-dropcap-box-outline,.penci-dropcap-circle-outline,.penci-dropcap-regular,.penci-dropcap-bold,.header-standard .post-box-meta-single .author-post span a:hover{color:#fdc134;}.container-single .standard-content-special .format-post-box,ul.slick-dots li button:hover,ul.slick-dots li.slick-active button,.penci-dropcap-box-outline,.penci-dropcap-circle-outline{border-color:#fdc134;}ul.slick-dots li button:hover,ul.slick-dots li.slick-active button,#respond h3.comment-reply-title span:before,#respond h3.comment-reply-title span:after,.post-box-title:before,.post-box-title:after,.container-single .author-quote span:before,.container-single .author-quote span:after,.post-entry blockquote .author span:after,.post-entry blockquote .author span:before,.post-entry ul li:before,#respond #submit:hover,div.wpforms-container .wpforms-form.wpforms-form input[type=submit]:hover,div.wpforms-container .wpforms-form.wpforms-form button[type=submit]:hover,div.wpforms-container .wpforms-form.wpforms-form .wpforms-page-button:hover,.wpcf7 input[type="submit"]:hover,.widget_wysija input[type="submit"]:hover,.post-entry.blockquote-style-2 blockquote:before,.tags-share-box.tags-share-box-s2 .post-share-plike,.penci-dropcap-box,.penci-dropcap-circle{background-color:#fdc134;}.container-single .post-entry .post-tags a:hover{color:#fff;border-color:#fdc134;background-color:#fdc134;}.post-entry a,.container-single .post-entry a{color:#fdc134;}.penci-rlt-popup .rltpopup-meta .rltpopup-title:hover{color:#000;}ul.homepage-featured-boxes .penci-fea-in h4 span span,ul.homepage-featured-boxes .penci-fea-in h4 span,ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4{background-color:#fdc134;}ul.homepage-featured-boxes li .penci-fea-in:before,ul.homepage-featured-boxes li .penci-fea-in:after,ul.homepage-featured-boxes .penci-fea-in h4 span span:before,ul.homepage-featured-boxes .penci-fea-in h4 > span:before,ul.homepage-featured-boxes .penci-fea-in h4 > span:after,ul.homepage-featured-boxes .penci-fea-in.boxes-style-2 h4:before{border-color:#fdc134;}ul.homepage-featured-boxes .penci-fea-in:hover h4 span{color:#fdc134;}.penci-home-popular-post .item-related h3 a:hover{color:#fdc134;}.penci-homepage-title.style-14 .inner-arrow:before,.penci-homepage-title.style-11 .inner-arrow,.penci-homepage-title.style-12 .inner-arrow,.penci-homepage-title.style-13 .inner-arrow,.penci-homepage-title .inner-arrow{background-color:#fdc134;}.penci-border-arrow.penci-homepage-title.style-2:after{border-top-color:#fdc134;}.penci-border-arrow.penci-homepage-title .inner-arrow,.penci-homepage-title.style-4 .inner-arrow:before,.penci-homepage-title.style-4 .inner-arrow:after,.penci-homepage-title.style-7,.penci-homepage-title.style-9{border-color:#fdc134;}.penci-border-arrow.penci-homepage-title:before{border-top-color:#fdc134;}.penci-homepage-title.style-5,.penci-homepage-title.style-7{border-color:#fdc134;}.penci-homepage-title.style-10,.penci-homepage-title.style-12,.penci-border-arrow.penci-homepage-title.style-5 .inner-arrow{border-bottom-color:#fdc134;}.penci-homepage-title.style-5{border-color:#fdc134;}.penci-homepage-title.style-7 .inner-arrow:before,.penci-homepage-title.style-9 .inner-arrow:before{background-color:#000;}.penci-border-arrow.penci-homepage-title:after{border-color:#fdc134;}.penci-homepage-title .inner-arrow,.penci-homepage-title.penci-magazine-title .inner-arrow a{color:#fff;}.penci-homepage-title:after{content:none;display:none;}.penci-homepage-title{margin-left:0;margin-right:0;margin-top:0;}.penci-homepage-title:before{bottom:-6px;border-width:6px;margin-left:-6px;}.rtl .penci-homepage-title:before{bottom:-6px;border-width:6px;margin-right:-6px;margin-left:0;}.penci-homepage-title.penci-magazine-title:before{left:25px;}.rtl .penci-homepage-title.penci-magazine-title:before{right:25px;left:auto;}.home-featured-cat-content .magcat-detail h3 a:hover{color:#fdc134;}.home-featured-cat-content .grid-post-box-meta span a:hover{color:#fdc134;}.home-featured-cat-content .first-post .magcat-detail .mag-header:after{background:#fdc134;}.penci-slider ol.penci-control-nav li a.penci-active,.penci-slider ol.penci-control-nav li a:hover{border-color:#fdc134;background:#fdc134;}.home-featured-cat-content .mag-photo .mag-overlay-photo{}.home-featured-cat-content .mag-photo:hover .mag-overlay-photo{}.inner-item-portfolio:hover .penci-portfolio-thumbnail a:after{}@media only screen and (max-width: 960px){.penci-menuhbg-wapper{display:none !important;}}