body{ --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #6eb48c; --pcbody-font: 'PT Serif', serif; --pchead-font: 'Raleway', sans-serif; --pchead-wei: bold; --pcava_bdr:10px; } .single.penci-body-single-style-5 #header, .single.penci-body-single-style-6 #header, .single.penci-body-single-style-10 #header, .single.penci-body-single-style-5 .pc-wrapbuilder-header, .single.penci-body-single-style-6 .pc-wrapbuilder-header, .single.penci-body-single-style-10 .pc-wrapbuilder-header { --pchd-mg: 40px; } .fluid-width-video-wrapper > div { position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; } .yt-video-place { position: relative; text-align: center; } .yt-video-place.embed-responsive .start-video { display: block; top: 0; left: 0; bottom: 0; right: 0; position: absolute; transform: none; } .yt-video-place.embed-responsive .start-video img { margin: 0; padding: 0; top: 50%; display: inline-block; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 68px; height: auto; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80) } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } body { --pchead-font: 'Work Sans', sans-serif; } body { --pcbody-font: 'Open Sans', sans-serif; } p{ line-height: 1.8; } #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"], .penci-login-register input[type="email"], .penci-login-register input[type="text"], .penci-login-register input[type="password"], .penci-login-register input[type="number"], 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, form.pc-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-weight: 400 } #navigation .menu > li > a, #navigation ul.menu ul.sub-menu li > a, .navigation ul.menu ul.sub-menu li > a, .penci-menu-hbg .menu li a, #sidebar-nav .menu li a { font-family: 'Open Sans', sans-serif; font-weight: normal; } .penci-hide-tagupdated{ display: none !important; } body, .widget ul li a{ font-size: 16px; } .widget ul li, .post-entry, p, .post-entry p { font-size: 16px; line-height: 1.8; } @media only screen and (max-width: 480px){ body, .widget ul li a, .widget ul li, .post-entry, p, .post-entry p{ font-size: 16px; } } @media only screen and (max-width: 479px){ .archive-box span, .archive-box h1{ font-size: 18px; } } .widget ul li, .post-entry, p, .post-entry p{ line-height: 2; } body { --pchead-wei: 700; } .penci-image-holder, .standard-post-image img, .penci-overlay-over:before, .penci-overlay-over .overlay-border, .penci-grid li .item img, .penci-masonry .item-masonry a img, .penci-grid .list-post.list-boxed-post, .penci-grid li.list-boxed-post-2 .content-boxed-2, .grid-mixed, .penci-grid li.typography-style .overlay-typography, .penci-grid li.typography-style .overlay-typography:before, .penci-grid li.typography-style .overlay-typography:after, .container-single .post-image, .home-featured-cat-content .mag-photo .mag-overlay-photo, .mag-single-slider-overlay, 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 .fea-box-img:after, ul.homepage-featured-boxes li .penci-fea-in, .penci-slider38-overlay, .pcbg-thumb, .pcbg-bgoverlay { border-radius: 7px; -webkit-border-radius: 7px; } .penci-featured-content-right:before{ border-top-right-radius: 7px; border-bottom-right-radius: 7px; } .penci-slider4-overlay, .penci-slide-overlay .overlay-link, .featured-style-29 .featured-slider-overlay, .penci-widget-slider-overlay{ border-radius: 7px; -webkit-border-radius: 7px; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{ border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; } .container-single .post-image{ border-radius: ; -webkit-border-radius: ; } .penci-mega-thumbnail .penci-image-holder{ border-radius: ; -webkit-border-radius: ; } #navigation .menu > li > a, #navigation ul.menu ul.sub-menu li > a, .navigation ul.menu ul.sub-menu li > a, .penci-menu-hbg .menu li a, #sidebar-nav .menu li a, #navigation .penci-megamenu .penci-mega-child-categories a, .navigation .penci-megamenu .penci-mega-child-categories a{ font-weight: normal; } #logo a { max-width:200px; width: 100%; } @media only screen and (max-width: 960px) and (min-width: 768px){ #logo img{ max-width: 100%; } } .wp-caption p.wp-caption-text, .penci-featured-caption { position: static; background: none; padding: 11px 0 0; color: #888; } .wp-caption:hover p.wp-caption-text, .post-image:hover .penci-featured-caption{ opacity: 1; transform: none; -webkit-transform: none; } body:not(.pcdm-enable){ color: #4d4d4d; } body{ --pcaccent-cl: #4d4d4d; } .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, .penci-login-register input[type="submit"]:hover, .penci-ld .penci-ldin:before, .penci-ldspinner > div{ background: #4d4d4d; } 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,.container.penci-breadcrumb 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: #4d4d4d; } .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, .pcheader-icon.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.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu: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: #4d4d4d; } .penci-pagination ul.page-numbers li span.current, #comments_pagination span { color: #fff; background: #4d4d4d; border-color: #4d4d4d; } .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], form.pc-searchform.penci-hbg-search-form input.search-input:hover, form.pc-searchform.penci-hbg-search-form input.search-input:focus, .penci-dropcap-box-outline, .penci-dropcap-circle-outline { border-color: #4d4d4d; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: #4d4d4d; } .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: #4d4d4d; background-color: #4d4d4d; } .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,.penci-container-inside.penci-breadcrumb a:hover { color: #4d4d4d; } .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: #4d4d4d; color: #fff; } .penci-vernav-toggle:before{ border-top-color: #4d4d4d; color: #fff; } .penci-container-inside.penci-breadcrumb i, .container.penci-breadcrumb i, .penci-container-inside.penci-breadcrumb span, .penci-container-inside.penci-breadcrumb span a, .penci-container-inside.penci-breadcrumb a, .container.penci-breadcrumb span, .container.penci-breadcrumb span a, .container.penci-breadcrumb a{ font-size: 12px; } .penci-container-inside.penci-breadcrumb i, .container.penci-breadcrumb i, .penci-container-inside.penci-breadcrumb span, .penci-container-inside.penci-breadcrumb span a, .penci-container-inside.penci-breadcrumb a,.container.penci-breadcrumb span, .container.penci-breadcrumb span a, .container.penci-breadcrumb a{ color: #4d4d4d; } .penci-pagination a, .penci-pagination .disable-url, .penci-pagination ul.page-numbers li span, .penci-pagination ul.page-numbers li a, #comments_pagination span, #comments_pagination a{ font-size: 14px; } ul.homepage-featured-boxes .penci-fea-in h4 span span, ul.homepage-featured-boxes .penci-fea-in.boxes-style-3 h4 span span { font-size: 12px; } #penci-login-popup:before{ opacity: ; } .header-slogan .header-slogan-text:before, .header-slogan .header-slogan-text:after{ content: none; } #navigation .menu > li > a, #navigation .menu .sub-menu li a { color: #4d4d4d; } #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, #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #485c77; } #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { background: #485c77; } #navigation ul.menu > li > a, #navigation .menu > ul > li > a { font-size: 12px; } #navigation ul.menu ul.sub-menu li > a, #navigation .penci-megamenu .penci-mega-child-categories a, #navigation .penci-megamenu .post-mega-title a, #navigation .menu ul ul.sub-menu li a { font-size: 12px; } #sidebar-nav-logo{ padding-bottom: 0; } #sidebar-nav-logo:before { content: none; display: none; } #sidebar-nav form.pc-searchform.penci-hbg-search-form input.search-input{ font-size:12px; } #sidebar-nav .menu li a { font-size: 12px; } #navigation .menu .sub-menu li a { color: #4d4d4d; } #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #7d92a9; } #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before { background-color: #00beff; } .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; } .penci-featured-content .feat-text .feat-meta span { font-size: 13px; } .home-featured-cat-content, .penci-featured-cat-seemore, .penci-featured-cat-custom-ads, .home-featured-cat-content.style-8 { margin-bottom: 30px; } .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: 20px; } .home-featured-cat-content.style-7{ margin-bottom: 4px; } .home-featured-cat-content.style-13{ margin-bottom: 10px; } .penci-featured-cat-seemore, .penci-featured-cat-custom-ads{ margin-top: -10px; } .penci-featured-cat-seemore.penci-seemore-style-7, .mag-cat-style-7 .penci-featured-cat-custom-ads{ margin-top: -8px; } .penci-featured-cat-seemore.penci-seemore-style-8, .mag-cat-style-8 .penci-featured-cat-custom-ads{ margin-top: -10px; } .penci-featured-cat-seemore.penci-seemore-style-13, .mag-cat-style-13 .penci-featured-cat-custom-ads{ margin-top: -10px; } .penci-homepage-title.penci-magazine-title h3 a, .penci-border-arrow.penci-homepage-title .inner-arrow { font-size: 16px; } .pencislider-container .pencislider-content .pencislider-title span, .pencislider-container .pencislider-content .pencislider-caption span{ background: none; padding: 0; } .penci-header-signup-form { padding-top: px; padding-bottom: px; } #sidebar-nav { background: #f6f7fa; } #sidebar-nav form.pc-searchform.penci-hbg-search-form input.search-input { color: #4d4d4d; } #sidebar-nav form.pc-searchform.penci-hbg-search-form input.search-input::-webkit-input-placeholder { color: #4d4d4d; } #sidebar-nav form.pc-searchform.penci-hbg-search-form input.search-input:-ms-input-placeholder { color: #4d4d4d; } #sidebar-nav form.pc-searchform.penci-hbg-search-form input.search-input::placeholder { color: #4d4d4d; } .header-social.sidebar-nav-social a i, #sidebar-nav .menu li a, #sidebar-nav .menu li a .indicator { color: #4d4d4d; } #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: #485c77; } #sidebar-nav-logo:before{ background-color: #485c77; } .penci-slide-overlay .overlay-link { background: -moz-linear-gradient(top, rgba(255,255,255,0) 60%, #000000 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 60%, #000000 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 60%, #000000 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 60%, #000000 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 60%, #000000 100%); } .penci-slider4-overlay{ background: -moz-linear-gradient(left, rgba(255,255,255,0) 26%, #000000 65%); background: -webkit-gradient(linear, left top, right top, color-stop(26%, #000000), color-stop(65%,transparent)); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 26%, #000000 65%); background: -o-linear-gradient(left, rgba(255,255,255,0) 26%, #000000 65%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 26%, #000000 65%); background: linear-gradient(to right, rgba(255,255,255,0) 26%, #000000 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); } @media only screen and (max-width: 960px){ .featured-style-4 .penci-featured-content .featured-slider-overlay, .featured-style-5 .penci-featured-content .featured-slider-overlay { background-color: #000000; } } .penci-slider38-overlay, .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{ background-color: #000000; } .penci-slide-overlay .overlay-link, .penci-slider38-overlay, .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before { opacity: 0; } .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 { opacity: 0; } .penci-featured-content .featured-slider-overlay { opacity: 0; } .penci-featured-content .featured-slider-overlay, .penci-featured-content-right:before, .penci-featured-content-right .feat-text-right:before { background: #000000; } .penci-mag-featured-content h3 a, .penci-featured-content .feat-text h3 a, .featured-style-35 .feat-text-right h3 a { color: #ffffff; } .penci-mag-featured-content h3 a:hover, .penci-featured-content .feat-text h3 a:hover, .featured-style-35 .feat-text-right h3 a:hover { color: #ffffff; } .featured-style-29 .featured-slider-overlay { opacity: 0; } .featured-style-29 .featured-slider-overlay { background-color: #000000; } .featured-area .penci-slider { max-height: 300px; } .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.typography-style .overlay-typography { opacity: ; } .penci-grid li.typography-style:hover .overlay-typography { opacity: ; } .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, .penci-sidebar-content.style-15 .penci-border-arrow .inner-arrow{ background-color: #00449c; } .penci-sidebar-content.style-2 .penci-border-arrow:after{ border-top-color: #00449c; } .penci-sidebar-content .penci-border-arrow:after { background-color: #00449c; } .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: #00449c; } .penci-sidebar-content .penci-border-arrow:before { border-top-color: #00449c; } .penci-sidebar-content.style-16 .penci-border-arrow:after{ background-color: #00449c; } .penci-sidebar-content .penci-border-arrow:after { border-color: #00449c; } .penci-sidebar-content .penci-border-arrow .inner-arrow { color: #4d4d4d; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a, .widget a, #wp-calendar tbody td a, .widget.widget_categories ul li, .widget.widget_archive ul li, .widget-social a i, .widget-social a span, .widget-social.show-text a span,.penci-video_playlist .penci-video-playlist-item .penci-video-title, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a{ color: #4d4d4d; } .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, .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{ color: #009feb; } .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: #009feb; border-color: #009feb; } .about-widget .about-me-heading:before { border-color: #009feb; } .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: #009feb; } .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: #009feb; background-color: #009feb; } #widget-area { padding: 30px 0; } .footer-widget-wrapper .widget .widget-title .inner-arrow{ font-size: 12px; } ul.footer-socials li a i{ font-size: 12px; } ul.footer-socials li a svg{ width: 12px; } ul.footer-socials li a span { font-size: 12px; } #footer-section .footer-menu li a { font-size: 12px; } #footer-copyright * { font-size: 12px; } #footer-copyright * { font-style: normal; } #widget-area { background-color: #0c2846; } .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: #8fb0d4; } .footer-widget-wrapper .widget .widget-title { color: #ffffff; } .footer-widget-wrapper .widget .widget-title .inner-arrow { border-color: #0c2846; } .footer-widget-wrapper .widget .widget-title .inner-arrow { border-bottom-width: 14px; } .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, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a{ color: #8fb0d4; } .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, .footer-widget-wrapper .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta a:hover{ color: #bbd3f1; } .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: #bbd3f1; border-color: #bbd3f1; } .footer-widget-wrapper .about-widget .about-me-heading:before { border-color: #bbd3f1; } .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:before, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:after { background-color: #bbd3f1; } .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: #bbd3f1; background: #bbd3f1; } #footer-section, .penci-footer-social-moved{ background-color: #0c2846; } #footer-section .footer-menu li a { color: #8fb0d4; } #footer-section .footer-menu li a:hover { color: #bbd3f1; } #footer-section, #footer-copyright * { color: #8fb0d4; } #footer-section a { color: #bbd3f1; } .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,.container.penci-breadcrumb.single-breadcrumb 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: #009feb; } .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: #009feb; } 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, .penci-ldspinner > div{ background-color: #009feb; } .container-single .post-entry .post-tags a:hover { color: #fff; border-color: #009feb; background-color: #009feb; } .container-single .single-post-title { text-transform: none; } @media only screen and (min-width: 769px){ .container-single .single-post-title { font-size: 30px; } } @media only screen and (max-width: 768px){ .container-single .single-post-title, .container-single.penci-single-style-3 .single-post-title, .container-single.penci-single-style-4 .single-post-title, .container-single.penci-single-style-5 .single-post-title, .container-single.penci-single-style-6 .single-post-title, .container-single.penci-single-style-7 .single-post-title, .container-single.penci-single-style-8 .single-post-title, .container-single.penci-single-style-9 .single-post-title, .container-single.penci-single-style-10 .single-post-title{ font-size: 30px; } } .post-entry h1, .wpb_text_column h1, .elementor-text-editor h1, .woocommerce .page-description h1{font-size:30px;}.post-entry h2, .wpb_text_column h2, .elementor-text-editor h2, .woocommerce .page-description h2{font-size:20px;}.post-entry h3, .wpb_text_column h3, .elementor-text-editor h3, .woocommerce .page-description h3{font-size:18px;}.post-entry h4, .wpb_text_column h4, .elementor-text-editor h4, .woocommerce .page-description h4{font-size:18px;}.post-entry h5, .wpb_text_column h5, .elementor-text-editor h5, .woocommerce .page-description h5{font-size:16px;}.post-entry h6, .wpb_text_column h6, .elementor-text-editor h6, .woocommerce .page-description h6{font-size:16px;} .post-entry, .post-entry p, .wpb_text_column p, .woocommerce .page-description p{font-size:16px;} .post-entry blockquote.wp-block-quote p, .wpb_text_column blockquote.wp-block-quote p, .post-entry blockquote, .post-entry blockquote p, .wpb_text_column blockquote, .wpb_text_column blockquote p, .woocommerce .page-description blockquote, .woocommerce .page-description blockquote p{ font-size: 14px; } .container-single .penci-standard-cat .cat > a.penci-cat-name{ font-size: 14px; } .container-single .post-entry .post-tags a{ font-size: 12px !important; } .post-share a, .post-share .count-number-like, .tags-share-box.tags-share-box-2_3 .penci-social-share-text{ font-size: 12px; } .post-related .item-related h3 a{ font-size: 14px; } .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 .item-related h3 a { text-transform: none; } .container-single .header-standard .post-title { color: #4d4d4d; } .container-single .post-entry .post-tags a:hover{ color: #009feb; } .container-single .post-entry .post-tags a:hover{ border-color: #ffffff; } .tags-share-box .single-comment-o, .post-box-meta-single span, .header-standard .post-box-meta-single .author-post span, .header-standard .post-box-meta-single .author-post span a{ color: #4d4d4d; } .container.penci-breadcrumb.single-breadcrumb span a:hover,.container.penci-breadcrumb.single-breadcrumb a:hover, .penci-container-inside.penci-breadcrumb span a:hover,.penci-container-inside.penci-breadcrumb a:hover, .container.penci-breadcrumb span a:hover,.container.penci-breadcrumb a:hover{ color: #313131; } .post-entry, .post-entry p{ color: #4d4d4d; } .post-entry a, .container-single .post-entry a{ color: #009feb; } .post-entry h1{ color: #4d4d4d; } .post-entry h2{ color: #4d4d4d; } .post-entry h3{ color: #4d4d4d; } .post-entry h4{ color: #4d4d4d; } .post-entry h5{ color: #4d4d4d; } .post-entry h6{ color: #4d4d4d; } #respond h3.comment-reply-title span, .post-box-title{ color: #4d4d4d; } .item-related h3 a{ color: #4d4d4d; } .item-related h3 a:hover{ color: #009feb; } .penci-top-instagram h4.footer-instagram-title>span:before{ content: none; display: none; } 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: #ffffff; } 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: #ffffff; } ul.homepage-featured-boxes .penci-fea-in h4 span span { color: #4d4d4d; } ul.homepage-featured-boxes .penci-fea-in:hover h4 span { color: #4d4d4d; } .home-pupular-posts-title { color: #313131; } .penci-home-popular-post .item-related h3 a { color: #ffffff; } .penci-home-popular-post .item-related span.date { color: #4d4d4d; } .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, .penci-homepage-title.style-15 .inner-arrow{ background-color: #ffffff; } .penci-border-arrow.penci-homepage-title.style-2:after{ border-top-color: #ffffff; } .penci-border-arrow.penci-homepage-title:after { background-color: #ffffff; } .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: #313131; } .penci-border-arrow.penci-homepage-title:before { border-top-color: #313131; } .penci-homepage-title.style-5, .penci-homepage-title.style-7{ border-color: #313131; } .penci-homepage-title.style-16.penci-border-arrow:after{ background-color: #313131; } .penci-homepage-title.style-10, .penci-homepage-title.style-12, .penci-border-arrow.penci-homepage-title.style-5 .inner-arrow{ border-bottom-color: #313131; } .penci-homepage-title.style-5{ border-color: #313131; } .penci-homepage-title.style-7 .inner-arrow:before, .penci-homepage-title.style-9 .inner-arrow:before{ background-color: #00449c; } .penci-border-arrow.penci-homepage-title:after { border-color: #313131; } .penci-homepage-title .inner-arrow, .penci-homepage-title.penci-magazine-title .inner-arrow a { color: #ffffff; } .home-featured-cat-content .magcat-detail h3 a { color: #4d4d4d; } .home-featured-cat-content .magcat-detail h3 a:hover { color: #4d4d4d; } .home-featured-cat-content .grid-post-box-meta span a:hover { color: #00449c; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { background: #00449c; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { border-color: #00449c; background: #00449c; } .home-featured-cat-content .mag-photo .mag-overlay-photo { opacity: ; } .home-featured-cat-content .mag-photo:hover .mag-overlay-photo { opacity: ; } .inner-item-portfolio:hover .penci-portfolio-thumbnail a:after { opacity: ; } .menu-guru-product-container, .menu-siswa-product-container { margin-top: -23px; } .widget ul li { margin-bottom: 15px; padding-bottom: 0px; border-bottom: none; } .widget ul li a { font-size: 12px; font-weight: 400; line-height: 20px; } #footer-copyright { text-align: left; } .footer-widget-wrapper .widget .widget-title .inner-arrow {text-transform: capitalize;} @media only screen and (min-width: 961px) { .menu-guru-product-container, .menu-siswa-product-container { margin-top: -30px; margin-left: 115px; } .footer-widget-wrapper .widget .widget-title .inner-arrow { margin-left: 115px; font-size: 14px; text-transform: capitalize; } } .post-related .item-related h2 a { font-size: 14px; font-weight: 600; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media only screen and (max-width: 479px) { .post-related .item-related h2 a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .penci-related-grid-display .item-related { text-align: left; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-weight: 600; font-size: 14px; line-height: 20px; } .post-related { border-top: 0; } .tags-share-box { border-top: 0; } .tags-share-box.tags-share-box-2_3 { border: 0; padding: 5px 20px 5px 0; } .post-entry h1 { font-size: 28px; font-weight: 700; line-height: 40px; } .post-entry h2 { font-size: 24px; font-weight: 700; line-height: 30px; } .post-entry h3 { font-size: 18px; font-weight: 700; line-height: 24px; } .widget ul li p { line-height: 20px; font-size: 12px; font-weight: 400; } .penci-grid li .item h2 a { line-height: 24px; font-size: 16px; font-weight: 700; } .penci-grid li .item h2 a:hover { color: #009feb; } .penci-masonry .item-masonry h2 a { line-height: 24px; font-size: 16px; font-weight: 700; } .home-featured-cat-content .first-post .magcat-detail .mag-header { line-height: 24px; font-size: 16px; font-weight: 700; } .home-featured-cat-content .magcat-detail .mag-meta { font-size: 12px; font-weight: 600; } .magcat-detail { font-size: 14px; font-weight: 600; line-height: 18px; } .magcat-detail a:hover { color: #009feb; } .penci-homepage-title .inner-arrow, .penci-homepage-title.style-12 .inner-arrow { background: #00449c; color: #fff; } .penci-homepage-title.style-12, .penci-sidebar-content.style-12 .penci-border-arrow { border-bottom: 2px solid #00449c; } .penci-homepage-title.style-12 .inner-arrow:before, .penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow:before { border-bottom: 34px solid #00357b; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { background: #00beff; } .grid-post-box-meta span, .grid-post-box-meta span a { font-size: 14px; font-weight: 500; color: #4d4d4d; } .grid-post-box-meta span a:hover { color: #00449c; } .grid-header-box:after { background: #00449c; height: 2px; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { height: 2px; } .grid-post-box-meta { font-weight: 600; } .home-featured-cat-content .magcat-detail .mag-meta { font-weight: 600; } .featured-style-28 .penci-slide-overlay .penci-mag-featured-content a { font-size: 16px !important; color: #fff !important; line-height: 24px !important; } .penci-slide-overlay { background: rgba(0, 0, 0, 0.3); } .about-me-desc p { font-size: 12px; font-weight: 400; line-height: 20px; } .mag-excerpt.entry-content p { font-size: 14px; font-weight: 400; line-height: 24px; } .penci-block-vc .penci-border-arrow .inner-arrow span { color: #fff; } .banner-content { display: block; margin: 0 auto; } .grid-overlay-meta .grid-header-box { margin: 15px 0 15px 0; background: none; padding-top: 0; padding-left: 5px; padding-right: 5px; z-index: 10; position: relative; text-align: left; } /*Baca Juga*/ .baca { color: #4d4d4d; background: #FFFFFF; border-left: 4px solid #009feb; margin: 15px 0 15px 0; padding: 15px 0px 15px 15px; } .baca p { margin-bottom: 0px; } /*End Baca Juga*/ /*sticky banner*/ #stickybanner { width: 100%; margin: auto; text-align: center; float: none; overflow: hidden; display: scroll; position: fixed; bottom: 0; z-index: 999; -webkit-transform: translateZ(0); } .close { max-width: 728px; margin: 0 auto; padding: 0px 15px 0px 15px; display: block; z-index: 10; position: relative; text-align: right; top: 20px; } .stickyimagewrapper { text-align: center; display: block; max-width: 728px; height: auto; overflow: hidden; margin: auto; } .stickyimageads { max-width: 100%; min-height: 67px; vertical-align: middle; padding: 0px 15px 0px 15px; } /*End sticky banner*/ /*Sidebar*/ .widget ul.side-newsfeed li { margin-bottom: 20px; padding-bottom: 0px; } /*End Sidebar*/ @media only screen and (min-width: 480px) and (max-width: 720px) { .penci-container-inside.penci-breadcrumb { width: 100%; } } .penci-container-inside.penci-breadcrumb, .container.penci-breadcrumb { margin-bottom: 0px; } .container.penci-breadcrumb { margin-top: -15px; } .penci-container-inside.penci-breadcrumb { margin-top: 5px; } .breadcrumb_last { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 0px; } @media all and (max-width: 480px) { .breadcrumb_last { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 0px; } .penci-container-inside.penci-breadcrumb, .container.penci-breadcrumb { margin-bottom: 0px; padding-left: 0px; } .container.penci-breadcrumb.right { padding-left: 15px !important; } } @media only screen and (max-width: 960px) { .penci-sidebar-content { overflow: hidden; display: none; } } @media only screen and (min-width: 720px) and (max-width: 960px) { .container, .container.two-sidebar.two-sidebar, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 98%; } } .penci-block-vc.penci-media-carousels { padding-top: 10px; } /*Single Post no Sidebar*/ @media only screen and (max-width: 480px) { .penci-single-pheader { width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 720px) { .container, .container.two-sidebar.two-sidebar, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 95%; } } @media only screen and (min-width: 720px) and (max-width: 960px) { .penci-single-pheader { width: 95%; } .container, .container.two-sidebar.two-sidebar, .featured-area.style-1, .featured-carousel.style-2 .item img, .featured-area.style-4, .featured-area.magazine-slider { width: 95%; } .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 { margin-left: 0px; } } @media only screen and (min-width: 961px) and (max-width: 1169px) { .penci-single-pheader { width: 780px; } } @media only screen and (min-width: 1169px) { .penci-single-pheader { width: 780px; } } /*END Single Post no Sidebar*/ /*Sticky Ads V.1*/ .sticky_bar { position: fixed; bottom: 0; overflow: hidden; background: #00449c; color: #fff; height: 70px; width: 100%; z-index: 999; display: flex; justify-content: space-between; } .promo-bar { padding: 15px 15px; } .sticky_bar .container { flex-wrap: nowrap; display: flex; justify-content: space-around; -webkit-box-pack: justify; align-items: center; } .promo-offer .promo-price { max-width: 16%; flex: 0 0 16%; display: block; } .promo-bar .promo-offer { font-size: 11px; line-height: 14px; font-weight: 300; text-align: center; } .promo-bar .promo-line { text-align: right; font-size: 1rem; font-weight: 400; } .promo-bar .promo-offer .promo-price { font-weight: 800; font-size: 1.5rem; line-height: 1.5rem; display: block; } .promo-offer .promo-price { text-align: center; } .promo-cta { max-width: 33%; flex: 0 0 33%; position: relative; } button { width: auto; min-width: 140px; max-width: 360px; padding: 0.6em 30px 0.5em; border: 1px solid #bf5817; border-radius: 3px; font-weight: 600; font-size: 1rem; line-height: 1; background: linear-gradient(90deg, #fbaf00, #dc7b11); color: #fff; cursor: pointer; } @media only screen and (max-width: 768px) { .sticky_bar { height: 95px; } .promo-bar { padding: 10px 15px; } .promo-bar .promo-line { text-align: left; } .promo-bar .promo-offer { text-align: left; margin: 0px 15px 0 0; } button { padding: 0.6em 22px 0.5em; font-size: 0.8rem; line-height: 1.2; min-width: 0px; max-width: 360px; } } @media only screen and (min-width: 768px) { .promo-bar .promo-offer { margin-right: 5%; } .promo-bar .promo-line { margin-right: 5%; } .sticky_bar .container { justify-content: center; } } @media only screen and (max-width: 320px) { .promo-bar .promo-line { font-size: 0.8rem; } .promo-cta { max-width: 40%; } } /*END Sticky Ads V.1*/ /*Sticky Ads V.2*/ .sticky-bar-wrapper { height: 72px; width: 100%; position: fixed; display: flex; padding: 15px; bottom: 0; z-index: 999; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: #00449c; color: #FFFFFF; font-family: "Open Sans"; } .sticky-bar-title { margin-right: 45px; font-size: 16px; line-height: 28px; color: #FFFFFF; font-weight: 600; } .sticky-cta { border-radius: 4px; cursor: pointer; background-image: linear-gradient(90deg, #fbaf00, #dc7b11); color: #FFFFFF; padding: 10px 20px; font-size: 14px; font-weight: 700; display: inline-block; position: relative; overflow: hidden; text-align: center; } @media only screen and (max-width: 720px) { .sticky-bar-wrapper { padding: 10px 15px; } .sticky-bar-title { margin-right: 10px; } .sticky-bar-title p { font-size: 14px; color: #fff; font-weight: 600; } .sticky-cta { font-weight: 600; font-size: 14px; } } @media only screen and (max-width: 480px) { .sticky-bar-wrapper { padding: 10px 15px; } .sticky-bar-title { margin-right: 10px; } .sticky-bar-title p { font-size: 14px; color: #fff; font-weight: 600; line-height: 24px; } .sticky-cta { font-weight: 600; padding: 5px 10px; } } /*END Sticky Ads V.2*/ .side-title-post { font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: normal; font-family: 'Work Sans', sans-serif; text-decoration: none; } /*Single Post Content Style*/ .wrap-blog-promo-cards{ width: 100%; margin:0 auto; } .blog-promo-cards .promo-card-group{ display: flex; flex-wrap: wrap; padding: 15px 0px 15px 0px; } .promo-card-list { list-style: none; display: flex; flex-direction: column; width: 47%; background: #fff; box-shadow: rgb(0 0 0 / 10%) 0 4px 12px; border-radius: 4px; margin:1.5%; padding:10px 15px; } .card-header-title h3 { font-size: 18px; font-weight: 700; line-height: 28px; } .card-header-price { display: flex; flex-direction: row; } .card-header-price .card-price-promo { color: #009feb; font-size: 16px; margin-right: 10px; font-weight: 600; } .card-header-price .card-price { text-decoration: line-through; font-size: 12px; } .card-header-active p{ font-size: 12px; font-weight: 400; line-height: 1.5; } .card-detail-promo { list-style-type: none; text-align: left; min-height: 209px; } .card-detail-promo li{ font-size: 14px; list-style-type: circle; line-height: 1.5; } .card-button { text-align: center; margin-bottom: 15px; } .card-button-cta { border: none; width: 100%; height: 40px; padding: 11px 28px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%); box-shadow: 0 1px 4px 0 rgb(0 0 0 / 15%); background-image: linear-gradient(90deg, #fbaf00, #dc7b11); font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: center; color: #fff; } .card-button-cta a {color: #FFFFFF;} @media only screen and (max-width: 720px) { .promo-card-list{ float: left; width: 47%; } .card-detail-promo { min-height: 231px; } } @media only screen and (max-width: 480px) { .promo-card-list { float: left; width: 100%; } .card-detail-promo { min-height: 231px; } } /*END Single Post Content Style*/ /*category page*/ .cat_nav { background:#FFFFFF; margin-bottom:30px; padding:10px 15px; overflow-x: auto; } .cat_nav_list { display:flex; justify-content:left; } .cat_nav_list li{ margin-right: 15px; white-space: nowrap; } .cat_nav_list li a:hover{ color:#0081cc; } .cat_nav_list li a{ color:#009feb; } @media only screen and (max-width: 480px) { .cat_nav_list { flex-direction: column; } .cat_nav_list li { font-size: 14px; font-weight: 600; padding: 15px 0px 10px 0px; color: #1e3f6b; border-bottom: 1px solid #dedede; } .cat_nav_list li:last-child { border-bottom: 1px solid #F9FCFF; } .cat_nav{ padding: 0px 15px 10px 0px !important; background: none; } } /*END category page*/ .elementor-287283 .elementor-element.elementor-element-4eb5280d .penci-grid li .item h2 a:hover { color: #009feb; } .elementor-287283 .elementor-element.elementor-element-324358b4 .penci-grid li .item h2 a:hover { color: #009feb; } .home-featured-cat-content.style-2 .mag-post-box.first-post, .home-featured-cat-content.style-10 .mag-post-box.first-post { padding-bottom: 15px; margin-bottom: 15px; } .home-featured-cat-content.style-2 .mag-post-box.first-post { border-bottom: none; } #navigation ul.menu ul a, #navigation .menu ul ul a { font-weight: 600; } #navigation .menu ul.sub-menu > li:last-child > a { border-bottom: 1px solid #FFFFFF; } #navigation .menu ul.sub-menu > li > a { border-bottom: 1px solid #FFFFFF; } .post-related .item-related h2 a:hover { color: #009feb; } #header { margin-bottom: 15px; } .schema-faq.wp-block-yoast-faq-block { background: #d6f5ff; color: #00449c; border-radius: 6px; margin-bottom: 30px; } .schema-faq-section .schema-faq-question { color: #00449c; } .wp-block-yoast-faq-block .schema-faq-answer { color: #1e3f6b; } .wp-block-yoast-faq-block .schema-faq-section { padding: 10px 15px; border: 1px solid #d6f5ff; margin-bottom: 0px; } .post-entry blockquote, .post-entry blockquote p, .wpb_text_column blockquote, .wpb_text_column blockquote p, .woocommerce .page-description blockquote, .woocommerce .page-description blockquote p { color:#4d4d4d; } .post-entry.blockquote-style-2 blockquote { background: #FFFFFF; } .lwptoc_itemWrap { margin-left: 10px; } /*Event*/ .event-detail { margin-bottom:30px; } @media only screen and (max-width: 480px) { .event-detail { flex-direction:column; } .event_publisher { margin-bottom:15px; } .event_datetime { margin-bottom:15px; } .event_online_loc { margin-left:15px; } .event_datetime_detail { margin-left:15px; } } /*END Event*/ /*Category Sitemap*/ .html-sitemap-title { font-size: 24px; line-height: 40px; margin-bottom: 15px; } .html-sitemap-list { font-weight: 600; line-height: 1.5em; } .html-sitemap-list a:hover { color:#00beff; } .html-sitemap-date { font-size: 14px; margin-bottom: 15px; } /*END Category Sitemap*/ .home-featured-cat-content .mag-post-box { border-bottom: none; } .penci-video_playlist .penci-video-playlist-item .penci-video-title { font-size: 14px; font-weight: 600; line-height: 18px; } #navigation.header-6 ul.sub-menu > li > a { font-weight: 600; } .archive-box { text-align: left !important; } .archive-box span, .archive-box h1 { text-transform: capitalize; } .container-single .post-entry .post-tags a { border-radius:6px; text-transform:capitalize; } .container-single .post-entry .post-tags a:hover { color:#FFFFFF; } .post-box-title:before, .post-box-title:after { content: normal; } /*END Header*/ #navigation.header-6 { height: 65px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border-top: 3px solid #00beff !important; } .is-sticky #navigation.header-6 { border-top: 3px solid #00beff !important; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } @media only screen and (max-width: 479px) { #navigation.header-6 { height: 65px; } .is-sticky #navigation.header-6 { height: 65px !important; } #navigation.header-6 #logo img { padding: 11px 5px 0px 5px; } .is-sticky #navigation.header-6 #logo img { padding: 11px 5px 0px 5px; } } @media only screen and (max-width: 600px) { #navigation.header-6 { height: 65px ; } .is-sticky #navigation.header-6 { height: 65px !important; } #navigation.header-6 #logo img { padding: 11px 5px 0px 5px; } .is-sticky #navigation.header-6 #logo img {} } @media only screen and (max-width: 960px) { #navigation.header-6 { height: 65px; } .is-sticky #navigation.header-6 { height: 65px !important; } #navigation.header-6 #logo img { padding: 11px 5px 0px 5px; } .is-sticky #navigation.header-6 #logo img { padding: 11px 5px 0px 5px; } } @media only screen and (min-width: 1024px) { #navigation.header-6 #logo img { padding: 13px 5px 0px 5px !important; } } #navigation.header-6 ul.menu > li > a { line-height: 70px; font-family: "Work Sans", sans-serif; font-size: 12px; font-weight: 600; text-decoration: none; color: #4d4d4d; } #navigation .menu .sub-menu li a:hover { color: #009feb; } #navigation.header-6 ul.menu > li > a:visited, #navigation.header-6 ul.menu > li > a:hover { text-decoration: none !important; } #sidebar-nav .menu li a { font-weight: 600; } /*END Header*/ /*Category Page*/ @media only screen and (max-width: 480px) { .penci-grid > li.grid-style .cat-post { display:flex; } .penci-grid li.grid-overlay-meta .item > .thumbnail { width: 35%; } .grid-overlay-meta .grid-header-box { width: 65%; margin: 0px 0 5px 0; padding-left: 10px; } .grid-post-box-meta { margin: 5px 0 0; } .penci-grid li .item h2 a { line-height: 1.5em; font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .penci-single-pheader.penci-google-adsense-1 { padding: 10px 15px 10px 15px; } } /*END Category Page*/ .elementor-widget-penci-featured-cat .home-featured-cat-content.style-1 .mag-post-box.hentry.first-post h2, .elementor-widget-penci-featured-cat .home-featured-cat-content.style-2 .mag-post-box.hentry.first-post h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .elementor-widget-penci-featured-cat .home-featured-cat-content.style-1 .cat-right .mag-post-box.hentry h2.magcat-titlte.entry-title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .home-featured-cat-content.style-7 .penci-grid.penci-grid-maglayout.penci-fea-cat-style-7 .grid-style .item.hentry .grid-header-box h2.grid-title.entry-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .penci-grid li .item h2 a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #menu-guru-product li a, #menu-siswa-product li a { text-decoration: none; } @media only screen and (max-width: 480px) { .penci-google-adsense, .penci-google-adsense-1 { margin:10px 15px 15px 15px; } } /* ADS Inside Content*/ .ads-image-content { width: 100%; height: auto; margin: 30px 0px 30px 0px; } .ads-image-content img { display: block; margin: 0 auto; background-image: linear-gradient(to left,#f5f5f5 0%,#efefef 15%,#f5f5f5 40%,#f5f5f5 100%); } .hidden { display: none; } /* END ADS Inside Content*/ /* Table */ .wp-block-table thead tr th { background-color: rgb(15, 195, 196); color: rgb(255, 255, 255); font-weight: 700; padding: 10px 5px 10px 10px; } tr:nth-child(even){background-color: rgb(246, 247, 250)} .wp-block-table table thead tr { white-space: nowrap; } .post-entry td, .post-entry th { padding: 10px 15px; } .post-entry table { white-space: nowrap; } .wp-block-table thead { border-bottom: 3px solid #0fc3c4; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #0fc3c4; } ::-webkit-scrollbar-thumb:hover { background: #0fc3c4; } /*END Table*/ /*Homepage Wrapper*/ @media only screen and (max-width: 480px) { .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding: 10px 0px 10px 0px; } #navigation.header-6 #logo img{ max-width: 200px; height: auto; } } .container-single .penci-standard-cat .cat > a.penci-cat-name { color: #009feb; } .container-single .header-standard, .container-single .post-box-meta-single { text-align: left; } #logo a { max-width: 200px; width: 100%; } @media only screen and (max-width: 480px) { .penci-grid li.grid-overlay-meta .item { display:flex; } } .post-entry .html-sitemap-list { font-size:16px; font-weight:600; line-height:24px; letter-spacing:1px; color:#4d4d4d; } .super-guru { display: flex; flex-direction: column; } .guru-major,.guru-univ { display: flex; flex-direction: row; flex-wrap:nowrap; align-items:center; } .guru-univ-icon,.guru-major-icon {margin-right:15px;} .guru-univ {margin-bottom:15px;} .author-content h5 { text-transform:capitalize !important; display:inline-block; margin-top:15px; font-size:22px !important; } @media only screen and (max-width: 479px) { .post-box-meta-single span { display:inline-block !important; } .post-box-meta-single > span:after { content: ""; width: 0; height: 10px; margin: 0 13px; display: inline-block; background: none !important; border-right: 1px solid; opacity: 0.7; } } .pp-multiple-authors-layout-inline.author_index_1 { display:none !important; } .pp-multiple-authors-layout-inline.author_index_2 a{ color:#009feb; } .penci-block-vc .penci-border-arrow .inner-arrow { background-color: #00449c; } .penci-block-vc .style-2.penci-border-arrow:after{ border-top-color: #00449c; } .penci-block-vc .penci-border-arrow:after { background-color: #00449c; } .penci-block-vc .penci-border-arrow .inner-arrow, .penci-block-vc.style-4 .penci-border-arrow .inner-arrow:before, .penci-block-vc.style-4 .penci-border-arrow .inner-arrow:after, .penci-block-vc.style-5 .penci-border-arrow, .penci-block-vc.style-7 .penci-border-arrow, .penci-block-vc.style-9 .penci-border-arrow { border-color: #00449c; } .penci-block-vc .penci-border-arrow:before { border-top-color: #00449c; } .penci-block-vc .penci-border-arrow:after { border-color: #00449c; } .penci-block-vc .penci-border-arrow .inner-arrow { color: #4d4d4d; } .penci_header.penci-header-builder.main-builder-header{}.penci-header-image-logo,.penci-header-text-logo{}.pc-logo-desktop.penci-header-image-logo img{}@media only screen and (max-width: 767px){.penci_navbar_mobile .penci-header-image-logo img{}}.penci_builder_sticky_header_desktop .penci-header-image-logo img{}.penci_navbar_mobile .penci-header-text-logo{}.penci_navbar_mobile .penci-header-image-logo img{}.penci_navbar_mobile .sticky-enable .penci-header-image-logo img{}.pb-logo-sidebar-mobile{}.pc-builder-element.pb-logo-sidebar-mobile img{}.pc-logo-sticky{}.pc-builder-element.pc-logo-sticky.pc-logo img{}.pc-builder-element.pc-main-menu{}.pc-builder-element.pc-second-menu{}.pc-builder-element.pc-third-menu{}.penci-builder.penci-builder-button.button-1{}.penci-builder.penci-builder-button.button-1:hover{}.penci-builder.penci-builder-button.button-2{}.penci-builder.penci-builder-button.button-2:hover{}.penci-builder.penci-builder-button.button-3{}.penci-builder.penci-builder-button.button-3:hover{}.penci-builder.penci-builder-button.button-mobile-1{}.penci-builder.penci-builder-button.button-mobile-1:hover{}.penci-builder.penci-builder-button.button-2{}.penci-builder.penci-builder-button.button-2:hover{}.penci-builder-mobile-sidebar-nav.penci-menu-hbg{border-width:0;}.pc-builder-menu.pc-dropdown-menu{}.pc-builder-element.pc-logo.pb-logo-mobile{}.pc-header-element.penci-topbar-social .pclogin-item a{}body.penci-header-preview-layout .wrapper-boxed{min-height:1500px}.penci_header_overlap .penci-desktop-topblock,.penci-desktop-topblock{border-width:0;}.penci_header_overlap .penci-desktop-topbar,.penci-desktop-topbar{border-width:0;}.penci_header_overlap .penci-desktop-midbar,.penci-desktop-midbar{border-width:0;}.penci_header_overlap .penci-desktop-bottombar,.penci-desktop-bottombar{border-width:0;}.penci_header_overlap .penci-desktop-bottomblock,.penci-desktop-bottomblock{border-width:0;}.penci_header_overlap .penci-sticky-top,.penci-sticky-top{border-width:0;}.penci_header_overlap .penci-sticky-mid,.penci-sticky-mid{border-width:0;}.penci_header_overlap .penci-sticky-bottom,.penci-sticky-bottom{border-width:0;}.penci_header_overlap .penci-mobile-topbar,.penci-mobile-topbar{border-width:0;}.penci_header_overlap .penci-mobile-midbar,.penci-mobile-midbar{border-width:0;}.penci_header_overlap .penci-mobile-bottombar,.penci-mobile-bottombar{border-width:0;} body { --pcdm_btnbg: rgba(0, 0, 0, .1); --pcdm_btnd: #666; --pcdm_btndbg: #fff; --pcdm_btnn: var(--pctext-cl); --pcdm_btnnbg: var(--pcbg-cl); } body.pcdm-enable { --pcbg-cl: #000000; --pcbg-l-cl: #1a1a1a; --pcbg-d-cl: #000000; --pctext-cl: #fff; --pcborder-cl: #313131; --pcborders-cl: #3c3c3c; --pcheading-cl: rgba(255,255,255,0.9); --pcmeta-cl: #999999; --pcl-cl: #fff; --pclh-cl: #4d4d4d; --pcaccent-cl: #4d4d4d; background-color: var(--pcbg-cl); color: var(--pctext-cl); } body.pcdark-df.pcdm-enable.pclight-mode { --pcbg-cl: #fff; --pctext-cl: #313131; --pcborder-cl: #dedede; --pcheading-cl: #313131; --pcmeta-cl: #888888; --pcaccent-cl: #4d4d4d; }