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;--pcajs_fvw:470px;--pcajs_fvmw:220px; } .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: 'Montserrat', sans-serif; } #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: 'Montserrat', sans-serif; font-weight: normal; } .penci-hide-tagupdated{ display: none !important; } .widget ul li, .widget ol li, .post-entry, p, .post-entry p{ line-height: 2; } body { --pchead-wei: 700; } .featured-area.featured-style-42 .item-inner-content, .featured-style-41 .swiper-slide, .slider-40-wrapper .nav-thumb-creative .thumb-container:after,.penci-slider44-t-item:before,.penci-slider44-main-wrapper .item, .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{ border-radius: ; -webkit-border-radius: ; } .penci-featured-content-right:before{ border-top-right-radius: ; border-bottom-right-radius: ; } .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before{ border-bottom-left-radius: ; border-bottom-right-radius: ; } .container-single .post-image{ border-radius: ; -webkit-border-radius: ; } .penci-mega-post-inner, .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: 700; } body.penci-body-boxed { background-image: url(//www.magnificentjapan.com/wp-content/uploads/2025/03/fashionmag-pattern-1.png); } body.penci-body-boxed { background-repeat:repeat; } body.penci-body-boxed { background-attachment:scroll; } body.penci-body-boxed { background-size:auto; } #logo a { max-width:200px; width: 100%; } @media only screen and (max-width: 960px) and (min-width: 768px){ #logo img{ max-width: 100%; } } @media only screen and (min-width: 1170px){.inner-header #logo img{ width: auto; height:100px; }} @media only screen and (max-width: 479px){ .inner-header #logo img{ width: auto; height:80px; } } .editor-styles-wrapper, body{ --pcaccent-cl: #a60505; } .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: #a60505; } 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: #a60505; } .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: #a60505; } .penci-pagination ul.page-numbers li span.current, #comments_pagination span { color: #fff; background: #a60505; border-color: #a60505; } .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: #a60505; } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { border-top-color: #a60505; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover, .penci-related-carousel .penci-owl-dot.active span, .penci-owl-carousel-slider .penci-owl-dot.active span{ border-color: #a60505; background-color: #a60505; } .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: #a60505; } .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: #a60505; color: #fff; } .penci-vernav-toggle:before{ border-top-color: #a60505; color: #fff; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button{ color: #a60505; } .penci-pagination.penci-ajax-more a.penci-ajax-more-button:hover{ background-color: rgba(221,51,51,0.56); } .penci-top-bar, .penci-topbar-trending .penci-owl-carousel .owl-item, ul.penci-topbar-menu ul.sub-menu, div.penci-topbar-menu > ul ul.sub-menu, .pctopbar-login-btn .pclogin-sub{ background-color: #111111; } .headline-title.nticker-style-3:after{ border-color: #111111; } .headline-title { background-color: #a60505; } .headline-title.nticker-style-2:after, .headline-title.nticker-style-4:after{ border-color: #a60505; } a.penci-topbar-post-title:hover { color: #a60505; } ul.penci-topbar-menu > li a:hover, div.penci-topbar-menu > ul > li a:hover { color: #a60505; } .penci-topbar-social a:hover { color: #a60505; } #penci-login-popup:before{ opacity: ; } #header .inner-header { background-color: #f5f5f5; background-image: none; } .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, .navigation .menu .sub-menu li a:hover, .navigation .menu .sub-menu li.current-menu-item > a, .navigation .sub-menu li:hover > a, #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: #a60505; } .navigation ul.menu > li > a:before, .navigation .menu > ul > li > a:before, #navigation ul.menu > li > a:before, #navigation .menu > ul > li > a:before { background: #a60505; } .navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:hover, .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, #navigation .menu ul.sub-menu li .pcmis-2 .penci-mega-post a:hover, #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: #a60505; } #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name { background: #a60505; } #navigation .penci-megamenu .post-mega-title a, .pc-builder-element .navigation .penci-megamenu .penci-content-megamenu .penci-mega-latest-posts .penci-mega-post .post-mega-title a{ text-transform: none; } #navigation .menu .sub-menu li a:hover, #navigation .menu .sub-menu li.current-menu-item > a, #navigation .sub-menu li:hover > a { color: #a60505; } #navigation.menu-style-2 ul.menu ul.sub-menu:before, #navigation.menu-style-2 .menu ul ul.sub-menu:before { background-color: #a60505; } .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; } .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; } .home-featured-cat-content .mag-post-box{ border-bottom: none; margin-bottom: 20px; padding-bottom: 0; } .home-featured-cat-content.style-2 .mag-post-box.first-post, .home-featured-cat-content.style-10 .mag-post-box.first-post, .home-featured-cat-content.style-8 .penci-grid li.list-post{ padding-bottom: 0; border-bottom: none; } .home-featured-cat-content.style-14 .mag-post-box, .home-featured-cat-content.style-14 .mag-post-box{ padding-bottom: 0; margin-bottom: 20px; } .penci-homepage-title.penci-magazine-title h3 a, .penci-border-arrow.penci-homepage-title .inner-arrow { font-size: 18px; } .penci-header-signup-form { padding-top: px; padding-bottom: px; } .penci-header-signup-form { background-color: #a60505; } .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: #a60505; } #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: #a60505; } #sidebar-nav-logo:before{ background-color: #a60505; } .penci-slide-overlay .overlay-link, .penci-slider38-overlay, .penci-flat-overlay .penci-slide-overlay .penci-mag-featured-content:before, .slider-40-wrapper .list-slider-creative .item-slider-creative .img-container:before { opacity: ; } .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: ; } .penci-featured-content .featured-slider-overlay { opacity: ; } .slider-40-wrapper .list-slider-creative .item-slider-creative:hover .img-container:before { opacity:; } .featured-style-29 .featured-slider-overlay { opacity: ; } .penci-owl-carousel{--pcfs-delay:0.9s;} .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: #a60505; } .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: #a60505; } .standard-content .penci-more-link.penci-more-link-button a.more-link{ background-color: #a60505; 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: #a60505; } .penci-more-link a.more-link:before, .penci-more-link a.more-link:after { border-color: #a60505; } .standard-content .penci-more-link a.more-link, .standard-content .penci-more-link.penci-more-link-button a.more-link{ color: #a60505; } .standard-content .penci-more-link a.more-link:before, .standard-content .penci-more-link a.more-link:after{ border-color: #a60505; } .penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a { } .penci-featured-infor .cat a.penci-cat-name, .penci-grid .cat a.penci-cat-name, .penci-masonry .cat a.penci-cat-name, .penci-featured-infor .cat a.penci-cat-name { color: #a60505; } .penci-featured-infor .cat a.penci-cat-name:after, .penci-grid .cat a.penci-cat-name:after, .penci-masonry .cat a.penci-cat-name:after, .penci-featured-infor .cat a.penci-cat-name:after{ border-color: #a60505; } .penci-post-share-box a.liked, .penci-post-share-box a:hover { color: #a60505; } .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: #a60505; } .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: #a60505; } .penci-grid .post-box-meta span:after, .penci-masonry .post-box-meta span:after { border-color: #a60505; } .penci-readmore-btn.penci-btn-make-button a{ background-color: #a60505; color: #fff; } .penci-grid li.typography-style .overlay-typography { opacity: ; } .penci-grid li.typography-style:hover .overlay-typography { opacity: ; } .penci-grid li.typography-style .item .main-typography h2 a:hover { color: #a60505; } .penci-grid li.typography-style .grid-post-box-meta span a:hover { color: #a60505; } .overlay-header-box .cat > a.penci-cat-name:hover { color: #a60505; } .penci-sidebar-content .widget, .penci-sidebar-content.pcsb-boxed-whole { margin-bottom: 40px; } .penci-sidebar-content .penci-border-arrow .inner-arrow { font-size: 18px; } .penci-sidebar-content.style-25 .widget-title span{--pcheading-cl:#dedede;} .penci-sidebar-content.style-26 .widget-title{--pcborder-cl:#dedede;} .penci-sidebar-content.style-24 .widget-title>span, .penci-sidebar-content.style-23 .widget-title>span, .penci-sidebar-content.style-22 .widget-title,.penci-sidebar-content.style-21 .widget-title span{--pcaccent-cl:#dedede;} .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: #dedede; } .penci-sidebar-content .penci-border-arrow:before { border-top-color: #dedede; } .penci-sidebar-content.style-16 .penci-border-arrow:after{ background-color: #dedede; } .penci-sidebar-content.style-7 .penci-border-arrow .inner-arrow:before, .penci-sidebar-content.style-9 .penci-border-arrow .inner-arrow:before { background-color: #a60505; } .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: #a60505; } .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: #a60505; border-color: #a60505; } .about-widget .about-me-heading:before { border-color: #a60505; } .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: #a60505; } .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot.active span, .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot:hover span { border-color: #a60505; background-color: #a60505; } 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: 11px; } #footer-logo a{ max-width: 90px; } @media only screen and (max-width: 479px){ #footer-logo a{ max-width: 150px; } #footer-logo img{ max-width: 100%; } } #footer-copyright * { font-size: 13px; } #footer-copyright * { font-style: normal; } .footer-subscribe .widget .mc4wp-form input[type="submit"] { background-color: #111111; } .footer-subscribe .widget .mc4wp-form input[type="submit"]:hover { background-color: #a60505; } .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: #a60505; } .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: #a60505; border-color: #a60505; } .footer-widget-wrapper .about-widget .about-me-heading:before { border-color: #a60505; } .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:before, .footer-widget-wrapper .penci-tweets-widget-content .tweet-intents-inner:after { background-color: #a60505; } .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot.active span, .footer-widget-wrapper .penci-owl-carousel.penci-tweets-slider .penci-owl-dots .penci-owl-dot:hover span { border-color: #a60505; background: #a60505; } ul.footer-socials li a:hover i { background-color: #ffffff; border-color: #ffffff; } ul.footer-socials li a:hover span { color: #ffffff; } .footer-socials-section, .penci-footer-social-moved{ border-color: #212121; } #footer-section, .penci-footer-social-moved{ background-color: #111111; } #footer-section .footer-menu li a:hover { color: #a60505; } .penci-go-to-top-floating { background-color: #a60505; } #footer-section a { color: #a60505; } .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: #a60505; } .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: #a60505; } 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: #a60505; } .container-single .post-entry .post-tags a:hover { color: #fff; border-color: #a60505; background-color: #a60505; } .container-single .single-post-title { text-transform: none; } @media only screen and (min-width: 769px){ .container-single .single-post-title { font-size: 30px; } } .container-single .single-post-title { } .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; } .header-standard-wrapper, .penci-author-img-wrapper .author{justify-content: start;} .penci-body-single-style-16 .container.penci-breadcrumb, .penci-body-single-style-11 .penci-breadcrumb, .penci-body-single-style-12 .penci-breadcrumb, .penci-body-single-style-14 .penci-breadcrumb, .penci-body-single-style-16 .penci-breadcrumb, .penci-body-single-style-17 .penci-breadcrumb, .penci-body-single-style-18 .penci-breadcrumb, .penci-body-single-style-19 .penci-breadcrumb, .penci-body-single-style-22 .container.penci-breadcrumb, .penci-body-single-style-22 .container-single .header-standard, .penci-body-single-style-22 .container-single .post-box-meta-single, .penci-single-style-12 .container.penci-breadcrumb, .penci-body-single-style-11 .container.penci-breadcrumb, .penci-single-style-21 .single-breadcrumb,.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; } .penci-single-style-12 .container.penci-breadcrumb, .penci-body-single-style-11 .container.penci-breadcrumb, .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; } #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; } .container-single .post-share a:hover, .container-single .post-share a.liked, .page-share .post-share a:hover { color: #a60505; } .tags-share-box.tags-share-box-2_3 .post-share .count-number-like, .post-share .count-number-like { color: #a60505; } .post-entry a, .container-single .post-entry a{ color: #a60505; } .pcilrp-heading{margin-bottom: 15px;}.pcilrp-heading span{padding-bottom: 0;}.pcilrp-heading span:after{content: none;display: none;} .pcilrp-heading span{font-size:1px;} .penci-ilrelated-posts .pcilrp-item-grid .pcilrp-title a, .penci-ilrelated-posts .pcilrp-item-list a{ font-size: 14px; } .pcilrp-meta{ font-size: 15px; } ul.homepage-featured-boxes .penci-fea-in:hover h4 span { color: #a60505; } .penci-home-popular-post .item-related h3 a:hover { color: #a60505; } .penci-homepage-title.style-21 .inner-arrow{--pcheading-cl:#dedede;} .penci-homepage-title.style-26 .inner-arrow{--pcborder-cl:#dedede;} .penci-homepage-title.style-24 .inner-arrow>span, .penci-homepage-title.style-23 .inner-arrow>span, .penci-homepage-title.style-24 .inner-arrow>a, .penci-homepage-title.style-23 .inner-arrow>a, .penci-homepage-title.style-22,.penci-homepage-title.style-21 .inner-arrow span{--pcaccent-cl:#dedede;} .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: #dedede; } .penci-border-arrow.penci-homepage-title:before { border-top-color: #dedede; } .penci-homepage-title.style-5, .penci-homepage-title.style-7{ border-color: #dedede; } .penci-homepage-title.style-16.penci-border-arrow:after{ background-color: #dedede; } .penci-homepage-title.style-7 .inner-arrow:before, .penci-homepage-title.style-9 .inner-arrow:before{ background-color: #a60505; } .home-featured-cat-content .magcat-detail h3 a:hover { color: #a60505; } .home-featured-cat-content .grid-post-box-meta span a:hover { color: #a60505; } .home-featured-cat-content .first-post .magcat-detail .mag-header:after { background: #a60505; } .penci-slider ol.penci-control-nav li a.penci-active, .penci-slider ol.penci-control-nav li a:hover { border-color: #a60505; background: #a60505; } .penci-featured-cat-seemore.penci-btn-make-button a{ background-color: #a60505 } .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: ; } /* ========================= GLOBAL THEME TWEAKS (existing MJ) ========================= */ .grid-post-box-meta, .header-standard .author-post, .penci-post-box-meta .penci-box-meta, .overlay-header-box .overlay-author, .post-box-meta-single, .tags-share-box { font-size: 13px; } .featured-area.featured-style-29 { margin-top: calc(var(--pchd-mg)* -1 + 0px); margin-bottom: var(--pchd-mg); position: relative; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-size: 14px; } .footer-menu li { margin: 5px 0; } /* Add bottom space under ShareThis inline share buttons */ .st-inline-share-buttons { margin-bottom: 28px !important; } /* Logo troubleshooting – force correct MJ logo */ #logo img[data-src] { content: url("//www.magnificentjapan.com/wp-content/uploads/2025/04/Main-Logo.png") !important; opacity: 1 !important; visibility: visible !important; } /* ========================= MAGNIFICENT JAPAN – QUOTE FORM (CF7) Match Asahi layout & spacing ========================= */ /* Form container */ .mj-quote-form { max-width: 1120px; margin: 0 auto 48px auto; font-family: "Montserrat", sans-serif; } /* Header bar */ .mj-quote-form .mj-quote-header { background: #ad2624; /* MJ red */ border-radius: 18px; margin: 0 0 18px 0; height: 65px; display: flex; justify-content: center; align-items: center; } .mj-quote-form .mj-quote-header-text { color: #ffffff; font-size: 25px; font-weight: bold; font-family: "Montserrat", sans-serif; text-align: center; line-height: 1; } /* Flex rows – 3 fields per row on desktop */ .mj-quote-form .c7-flexrow { display: flex; flex-wrap: wrap; gap: 4px; /* horizontal + vertical gap */ margin-bottom: 4px; } /* Columns */ .mj-quote-form .c7-3col { flex: 1 1 calc(33.33% - 4px); min-width: 240px; } .mj-quote-form .c7-1col { flex: 1 1 100%; } /* Stack all fields on mobile */ @media (max-width: 767px) { .mj-quote-form .c7-3col { flex: 1 1 100%; max-width: 100%; } } /* Column padding */ .mj-quote-form .custom-col { padding: 2px 4px; box-sizing: border-box; } /* Inputs / selects / textarea – same sizing as Asahi */ .mj-quote-form input[type="text"], .mj-quote-form input[type="email"], .mj-quote-form input[type="tel"], .mj-quote-form input[type="number"], .mj-quote-form input[type="date"], .mj-quote-form select, .mj-quote-form textarea { width: 100%; padding: 10px 12px; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; text-align: center; margin-bottom: 3px; } /* Phone intl input */ .mj-quote-form .iti { width: 100% !important; position: relative; } .mj-quote-form .iti input[type="tel"] { padding-left: 48px !important; height: 45px; font-size: 14px; } /* Consent row */ .mj-quote-form .mj-consent-row { margin-top: 4px; margin-bottom: 4px; font-size: 14px; text-align: center; } .mj-quote-form .mj-consent-row .wpcf7-acceptance { margin-right: 6px; } /* Submit wrapper & button */ .mj-quote-form .c7-submit { display: flex; justify-content: center; margin-top: 2px; } .mj-quote-form .custom-submit { width: 180px; padding: 10px 20px; background-color: #ad2624; color: white; font-size: 16px; border: none; border-radius: 8px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); cursor: pointer; } .mj-quote-form .custom-submit:hover { background-color: #921d1b; } /* Success message styling (same feel as Asahi) */ .mj-quote-form .wpcf7 form.sent .wpcf7-response-output { border: none; background-color: #e6f9ec; color: #247c45; padding: 16px 20px; margin-bottom: 12px; font-size: 16px; border-radius: 8px; font-family: "Montserrat", sans-serif; position: relative; display: flex; align-items: center; justify-content: center; } .mj-quote-form .wpcf7 form.sent .wpcf7-response-output::before { content: "✔"; font-size: 20px; color: #247c45; margin-right: 10px; } /* ========================= BLOG GRID & CARD SPACING ========================= */ #page_content_wrapper { margin-top: 40px !important; /* space between header and grid */ } /* Blog grid card spacing */ .blog-grid .post.type-post, .archive .blog-grid .post.type-post { padding: 0 18px; /* horizontal gutter between columns */ margin-bottom: 36px; /* vertical gutter between rows */ box-sizing: border-box; } /* Space between image and excerpt */ .blog-grid .post.type-post .post_img { margin-bottom: 14px; } /* Consistent image styling */ .blog-grid .post.type-post .post_img img { display: block; width: 100%; height: 260px; /* set a consistent card height */ object-fit: cover; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.06); } /* Card wrapper */ .blog-grid .post.type-post .post_wrapper { background: #fff; border: 1px solid #eee; border-radius: 12px; overflow: hidden; padding-bottom: 10px; } /* Title spacing */ .blog-grid .post_header h3, .blog-grid .post_header h2 { margin-top: 6px; margin-bottom: 8px; } /* Sidebar widgets */ .sidebar .widget { margin-bottom: 22px; padding: 16px; background: #fff; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.04); } /* Space between grid and sidebar */ .sidebar_wrapper { padding-left: 30px; } /* Inputs in sidebar */ .sidebar input[type="text"], .sidebar input[type="email"], .sidebar textarea, .sidebar select { width: 100%; } /* Larger gutters on wide screens */ @media (min-width: 1200px) { .blog-grid .post.type-post, .archive .blog-grid .post.type-post { margin-bottom: 40px; } .sidebar_wrapper { padding-left: 36px; } } /* ========================= HEADER CTA – QUOTE MY TRIP (MJ RED) ========================= */ body #navigation a[href*="contact-us-3"], body .main-navigation a[href*="contact-us-3"], body .penci-header-nav a[href*="contact-us-3"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 10px 26px !important; margin-left: 16px !important; margin-right: 4px !important; margin-top: 12px !important; /* vertical alignment with menu */ vertical-align: middle !important; background-color: #ad2624 !important; /* MJ red */ color: #ffffff !important; border-radius: 999px !important; border: none !important; font-family: "Montserrat", sans-serif !important; font-size: 15px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; line-height: 1.2 !important; text-decoration: none !important; transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } /* Hover / focus – slightly darker MJ red */ body #navigation a[href*="contact-us-3"]:hover, body #navigation a[href*="contact-us-3"]:focus, body .main-navigation a[href*="contact-us-3"]:hover, body .main-navigation a[href*="contact-us-3"]:focus, body .penci-header-nav a[href*="contact-us-3"]:hover, body .penci-header-nav a[href*="contact-us-3"]:focus { background-color: #8b171f !important; /* darker MJ red */ color: #ffffff !important; text-decoration: none !important; box-shadow: 0 4px 10px rgba(0,0,0,0.18); transform: translateY(-1px); } /* Remove underline/active line on "QUOTE MY TRIP" button */ body #navigation li.current-menu-item a[href*="contact-us-3"], body #navigation li.current-menu-ancestor a[href*="contact-us-3"], body .main-navigation li.current-menu-item a[href*="contact-us-3"], body .penci-header-nav li.current-menu-item a[href*="contact-us-3"] { border-bottom: none !important; box-shadow: none !important; text-decoration: none !important; } /* Kill any theme decorative line pseudo-elements */ body #navigation a[href*="contact-us-3"]::before, body #navigation a[href*="contact-us-3"]::after, body .main-navigation a[href*="contact-us-3"]::before, body .main-navigation a[href*="contact-us-3"]::after, body .penci-header-nav a[href*="contact-us-3"]::before, body .penci-header-nav a[href*="contact-us-3"]::after { content: none !important; } /* ========================= MJ – make quote form match Asahi fonts + styling ========================= */ /* 1) Request a Quote heading – same weight/size as Asahi */ .mj-quote-header-text { font-family: "Montserrat", sans-serif; font-size: 25px !important; font-weight: 700 !important; letter-spacing: 0.02em; } /* 2) Use Montserrat on all form fields/text, like Asahi */ .mj-quote-form .wpcf7-form, .mj-quote-form .wpcf7-form input, .mj-quote-form .wpcf7-form select, .mj-quote-form .wpcf7-form textarea, .mj-quote-form .wpcf7-form .mj-consent-label, .mj-quote-form .wpcf7-form .wpcf7-acceptance { font-family: "Montserrat", sans-serif !important; } /* Field font size to match Asahi */ .mj-quote-form .wpcf7-form input, .mj-quote-form .wpcf7-form select, .mj-quote-form .wpcf7-form textarea { font-size: 14px !important; } /* 3) Bring back the red submit button exactly like Asahi */ .mj-quote-form .wpcf7-form input[type="submit"], .mj-quote-submit { background: #ad2624 !important; color: #ffffff !important; font-family: "Montserrat", sans-serif !important; font-size: 20px !important; font-weight: 600 !important; padding: 14px 28px !important; width: 240px !important; border: none !important; border-radius: 12px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important; cursor: pointer; text-align: center; } /* Hover state similar to Asahi */ .mj-quote-form .wpcf7-form input[type="submit"]:hover, .mj-quote-submit:hover { background: #8b171f !important; } /* 4) Make sure the consent checkbox box is visible & aligned */ .mj-quote-form .wpcf7-form input[type="checkbox"] { -webkit-appearance: checkbox; appearance: checkbox; width: 18px; height: 18px; margin: 0 6px 0 0; position: static; clip: auto; opacity: 1; } 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: #a60505; --pcaccent-cl: #a60505; 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: #a60505; }