/* Control Panel Settings */ .quickview .mfp-iframe-holder .mfp-content { height:563px } #more-details[data-hint]:after { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23) } #more-details i:before { content: '\e62c';font-size: 28px;color: rgb(255, 255, 255);top: -2px } .quickview #content { background-color: rgb(255, 255, 255) } .quickview #tab-description { padding-right:10px;padding-left:10px;padding-top:10px;padding-bottom:10px } .quickview h1.heading-title { text-align:left } .label-latest { color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(68, 67, 73) } .label-sale { color: rgb(255, 255, 255);border-radius: 50%;width: 40px;height: 40px; line-height: 40px; padding-top:0; padding-bottom:0;background-color: rgb(255, 255, 255) } .label-outofstock { background-color:rgb(255, 255, 255);font-weight: bold;text-transform: uppercase;letter-spacing: 1px } header .links a, .links .no-link, .mm-header-link a { font-size: 12px } .drop-down ul li a, .fly-drop-down ul li a { color: rgb(0, 0, 0) } .mega-menu div > h3 { font-weight: normal;color: rgb(255, 255, 255);border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80);padding-bottom:5px } .mega-menu-categories .mega-menu-item ul li a { font-size: 12px;color: rgb(255, 255, 255) } .mega-menu-categories .mega-menu-item ul li a:hover { color: rgb(204, 204, 204) } .mega-menu-brands div > h3 { font-weight: normal;color: rgb(255, 255, 255);text-align:left } .mega-menu-html div > h3, .mega-menu-mixed .mega-menu-html > h3 { font-weight: normal;text-align:left } .mega-menu-html .mega-menu-item .wrapper { color: rgb(0, 0, 0);padding-bottom:8px } .super-menu > li > a { font-size: 14px;text-transform: none;color: rgb(42, 43, 46) } .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-right { border-style:none } .drop-down ul li, .mobile-menu .drop-down ul li, .flyout-menu .fly-drop-down ul li { border-bottom-style:solid;border-color: rgba(80, 80, 80, 0) } .mega-menu-categories .mega-menu div > h3 { text-align:left } .mega-menu-brands .mega-menu-item div { border-radius: 2px } .mega-menu-brands .mega-menu-item img { border-radius: 2% } .mobile-trigger:before { content: '\e618';font-size: 20px;color: rgb(68, 67, 73);top: -1px } .drop-down .menu-plus:before { content: '\e62c';font-size: 14px;color: rgb(255, 255, 255);top: -3px } .mega-menu-categories .mega-menu-item ul li a:before, html[dir='rtl'] .mega-menu-categories .mega-menu-item ul li a::after { content: '\e62c';font-size: 10px;color: rgb(255, 255, 255) } .mobile-trigger, .mobile-menu-on-tablet .mobile-trigger { font-weight: bold;font-size: 16px;text-transform: uppercase;color: rgb(56, 56, 56) } .journal-menu .mobile-menu > li .mobile-plus, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus { background-color: rgb(192, 168, 167);color: rgb(255, 255, 255) } .journal-header-default .links a, .journal-header-default .links .no-link { border-bottom-width:0px } .super-menu > li:hover > a { color: rgb(227, 104, 95) } .super-menu > li:hover, .journal-header-compact #header .journal-menu .super-menu > li:hover > a { background-color: rgb(244, 244, 244) } .super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right { border-color: rgb(255, 255, 255) } .mega-menu, .html-menu { background-color: rgb(255, 255, 255) } header .journal-secondary a:hover, header .journal-secondary .links > a:hover, .mm-header-link a:hover { color: rgb(204, 204, 204) } .mega-menu div > h3:hover > a { color: rgb(255, 255, 255) } .drop-down ul li:hover > a, .fly-drop-down ul li:hover > a { color: rgb(227, 104, 95) } .drop-down ul li, .fly-drop-down ul li { background-color: rgb(255, 255, 255) } .drop-down ul li:hover, .drop-down ul > li:hover > a, .fly-drop-down ul > li:hover > a { background-color:rgb(244, 244, 244);border-color:rgb(244, 244, 244); } .journal-menu .mobile-trigger { background-color: rgb(228, 228, 228) } .mega-menu .product-grid-item .price { display:inline-block } .mega-menu { padding:40px } .mega-menu-item > div, #header .mega-menu .product-wrapper { margin-right:20px } .super-menu > li:hover, .super-menu > li:hover:last-of-type { border-color: rgb(255, 255, 255) } .mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new { color: rgb(42, 43, 46) } .mega-menu-column > div > h3, .mega-menu-column > h3 { padding-bottom:5px;font-weight: normal;font-size: 16px;color: rgb(0, 0, 0);margin-bottom:10px;border-bottom-width: 1px;border-style: solid;border-color: rgb(80, 80, 80) } .mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3 { padding-bottom:5px } .mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper h3, .mega-menu .mega-menu-column .menu-cms-block h1, .mega-menu .mega-menu-column .menu-cms-block h2, .mega-menu .mega-menu-column .menu-cms-block h3 { font-size: 16px;color: rgb(0, 0, 0) } .mega-menu .product-wrapper { border-width: 0px;border-style: solid } .mega-menu-categories .mega-menu-item ul li.view-more a { font-weight: bold;font-size: 11px } .mobile .journal-menu .mobile-menu > li, .tablet.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, .mobile.mobile-menu-on-tablet header .journal-menu .mobile-menu > li, #header .journal-menu .mobile-menu > li .mobile-plus { border-style:solid;border-color: rgb(228, 228, 228) } .mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span, .mega-menu .mega-menu-column .menu-cms-block { font-size: 12px;color: rgb(0, 0, 0) } .quote .button { font-size: 23px;color: rgb(255, 255, 255);padding:0 40px;line-height:54px;background-color: rgb(68, 67, 73);background-image: linear-gradient(to right, #107380, #6940fb) } .quote .button:hover { background-color: rgb(221, 0, 23);background: linear-gradient(to left, #cb2d3e , #ef473a);box-shadow: 0px 0px 70px rgba(0, 0, 0, 0.5) } .quote .button:active { box-shadow: inset 0px 2px 40px -5px rgba(0, 0, 0, 0.8) } .product-info .left .image a img { border-width: 1px;border-radius: 3px;border-style: solid;border-color: rgb(238, 238, 238) } .product-info .left .image-additional a img { border-radius: 3px } .product-info .left .image-additional a { padding:0 15px 15px 0 } .product-info .image .label-latest { display: block } .product-info .image .label-sale { display: block } .product-info .image .label-outofstock { display: block } .product-options > div, .product-options > ul { background-color: rgb(244, 244, 244) } .product-options > div, .product-options > ul, .skin-11 .right .heading-title { margin-bottom:10px } .product-info .right .description .instock { color: rgb(68, 67, 73) } .product-info .right .description .outofstock { color: rgb(221, 0, 23) } .product-info .right .price .price-new, .product-info .right .price .product-price, .product-info .right .price li.price-new, .product-info .right .price li.product-price { font-size: 34px } .product-info .right .price .price-old, .product-info .right .price li.price-old { font-size: 22px;color: rgb(255, 255, 255) } .product-info .right .price-old { border-radius: 3px;background-color: rgb(221, 0, 23) } .product-info .option > ul > li:active, .product-info .option > ul > li.selected { box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.7) } #content .product-info .options h3, .ms-sellerprofile.description h3 { font-weight: normal;font-size: 14px;color: rgb(255, 255, 255);background-color: rgb(169, 184, 192) } .product-info .option > ul > li { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73);border-radius: 3px } .product-info .right .cart div .qty { border-radius: 3px } #button-cart, .product-info .right .cart div .button.enquiry-button { font-size: 16px;text-transform: uppercase;color: rgb(255, 255, 255) } #button-cart, .product-info .right .cart div .button.enquiry-button, .quickview #more-details { border-width: 0px;border-style: solid;background-color: rgb(68, 67, 73) } .product-info .right .wishlist-compare .links a { font-size: 14px;color: rgb(68, 67, 73) } .product-info .right .wishlist-compare .links a:hover { color: rgb(221, 0, 23) } #tabs a, #tabs li a { font-size: 15px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73);box-shadow:inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5) } .product-info .tab-content, .tab-content { border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;padding:15px } .product-info .left .journal-custom-tab h3 { font-weight: bold ;font-size: 15px } .product-info .left .journal-custom-tab, .product-info .left .journal-custom-tab p, .product-info .left .journal-custom-tab p span { font-size: 12px } .product-info .left .journal-custom-tab { border-radius: 3px } .product-info .right .journal-custom-tab h3 { font-weight: bold;font-size: 15px } .product-info .right .journal-custom-tab, .product-info .right .journal-custom-tab p, .product-info .right .journal-custom-tab p span { font-size: 12px } .product-info .right .journal-custom-tab { border-radius: 3px } .product-info .gallery-text:before { content: '\e015';font-size: 16px } #product-gallery .swiper-button-prev::before { content: '\f053';font-size: 20px;color: rgb(68, 67, 73) } #product-gallery .swiper-button-next::before { content: '\e60e';font-size: 20px;color: rgb(68, 67, 73) } .product-info .right .wishlist-compare .links a:before { content: '\e662';font-size: 14px } .product-info .right .wishlist-compare .links a+a:before { content: '\e025';font-size: 14px } .product-info .right .options .option { border-color: rgb(255, 255, 255) } .product-info .option > ul > li.selected, .product-info .option > ul > li:hover { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23) } .product-info .right .cart div .journal-stepper { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) } .product-info .right .cart div .journal-stepper:hover { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23) } #button-cart:hover, .product-info .right .cart div .button.enquiry-button:hover, .quickview #more-details:hover { background-color: rgb(221, 0, 23) } .product-info .right .wishlist-compare { background-color: rgb(244, 244, 244) } #tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active a { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23) } .product-info .tab-content, .tab-content, .quickview .tab-content { background-color: rgb(244, 244, 244) } .tags { text-align:left } .tags a, .tags b { border-radius: 3px } .tags b { background-color: rgb(68, 67, 73);color: rgb(255, 255, 255) } .tags a { background-color: rgb(244, 244, 244) } .tags a:hover { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23) } #product-gallery .swiper-button-prev, #product-gallery .swiper-button-next { border-radius: 50%;height:25px; line-height:25px;width:25px } .product-info .right > div > div, .product-info .right > div > ul { padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:10px } .product-info .right .options .option label:hover { color: rgb(221, 0, 23) } #product-gallery .swiper-button-prev:hover::before, #product-gallery .swiper-button-next:hover::before { color: rgb(221, 0, 23) } .product-info .right .options .option label { color: rgb(66, 139, 202) } .attribute tbody td { text-align:left } .product-sold-count-text { font-size: 15px } .product-info .right > div > .price { background-color: rgba(0, 0, 0, 0);padding:0px;display:none } .product-page .heading-title { text-align:left } .attribute tr td:first-child { text-align:left } .product-info .right > div > .options { display:none } #tabs { border-top-left-radius: 3px;border-top-right-radius: 3px } body { font-family: Helvetica, Arial, sans-serif;font-size: 14px;color: rgb(0, 0, 0) } .heading-title, .box-heading, #blogArticle .articleHeader h1, .oc-filter .panel-heading { text-align:left;line-height:40px; min-height:40px; } .secondary-title, #content #review-title { text-align:left;font-size: 14px;color: rgb(56, 56, 56);padding-top:7px; padding-bottom:7px } .heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading { font-weight: 400;font-family: "Droid Serif";font-size: 22px } .button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn { font-size: 14px;color: rgb(255, 255, 255) } .button, #quickcheckout .button, .modal-footer .btn { border-radius: 2px;padding:0 15px;line-height:35px;background-color: rgb(0, 0, 0) } .breadcrumb { font-size: 12px;color: rgb(80, 80, 80);border-bottom-right-radius: 3px;border-bottom-left-radius: 3px } .scroll-top:before { content: '\e095';font-size: 45px;color: rgb(204, 204, 204) } #container { background-color: rgba(255, 255, 255, 0) } a { color: rgb(0, 0, 0) } a:hover { color: rgb(227, 104, 95) } .button:hover, .side-column .box-content a.button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover { color: rgb(255, 255, 255) } .button:hover, #quickcheckout .button:hover, .modal-footer .btn:hover { background-color: rgb(227, 104, 95);border-color: rgba(0, 0, 0, 0) } .breadcrumb a:hover { color: rgb(227, 104, 95) } .scroll-top:hover:before { color: rgb(80, 80, 80) } .extended-container:before { background-color: rgb(250, 250, 250) } .box-sections ul li, .custom-sections .box-heading.box-sections { border-style:solid } .box-sections ul li a { font-size: 14px;text-transform: uppercase;color: rgb(56, 56, 56) } .box-sections ul li a:hover, .box-sections ul li a.selected { background-color: rgb(255, 255, 255) } .box-heading.box-sections, #top-modules .journal2_custom_sections::before, #bottom-modules .journal2_custom_sections::before { box-shadow: inset 0px -6px 17px -5px rgba(0, 0, 0, 0.15) } #footer { margin-top:20px;margin-bottom:0px } footer .column > h3 { border-bottom-style:dotted;text-align:left;font-size: 15px;color: rgb(255, 255, 255);border-color: rgb(80, 80, 80) } footer .column-menu-wrap > ul li { color: rgb(255, 255, 255) } footer .contacts { box-shadow:none;border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(80, 80, 80) } footer .contacts [data-hint]:after { border-radius: 3px;color: rgb(255, 255, 255) } .bottom-footer { box-shadow:none;background-color: rgb(244, 244, 244) } .fullwidth-footer { background-color: rgb(54, 54, 102) } footer .column-menu-wrap > ul li:hover a { color: rgba(221, 0, 23, 0) } footer .contacts > div > span > .contact-icon { background-color: rgb(68, 67, 73) } footer a .contacts-text:hover { color: rgb(153, 153, 153) } footer .contacts-text { font-weight: normal;font-size: 13px;color: rgb(255, 255, 255) } .bottom-footer .copyright { font-size: 12px } .column.products .product-grid-item { border-color: rgba(80, 80, 80, 0);border-bottom-style:dotted;padding:5px 0 } .column.products .product-grid-item .price-old { font-size: 12px;color: rgb(168, 168, 168) } .column.products .product-grid-item .name a:hover { color: rgba(221, 0, 23, 0) } .column.products .product-grid-item .price, .column.products .product-grid-item .price-new { color: rgb(255, 255, 255) } .column.products .product-grid-item .name a, .footer-post-title { color: rgb(255, 255, 255) } .column.products .product-grid-item .name a { white-space:normal } footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap h3 { padding-bottom:2px;font-size: 14px;color: rgb(255, 255, 255) } footer .column-text-wrap { color: rgb(255, 255, 255) } .footer-post { border-bottom-style:dotted;border-color: rgb(80, 80, 80);padding:5px 0 } .footer-post .comment-date .p-date:before { color: rgb(244, 244, 244) } .footer-post .comment-date .p-comment:before { color: rgb(244, 244, 244) } #cart .heading i { border-left-style:solid;background-color: rgb(51, 55, 69);border-color: rgba(244, 244, 244, 0) } .mini-cart-info table tr { border-bottom-style:solid } #cart .heading, .ie9 #cart button.heading { font-weight: normal;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 15px;text-transform: none;color: rgb(68, 67, 73) } .journal-header-center #cart { border-width: 1px;border-style: solid;border-color: rgb(255, 255, 255) } .journal-header-center #cart .content .cart-wrapper { border-radius: 4px } .journal-header-center #cart .heading i { border-radius: 50% } .mini-cart-info, #cart .empty { color: rgb(0, 0, 0) } .mini-cart-info table tr td.image img { border-radius: 3px } .mini-cart-info { max-height:355px } .mini-cart-total { background-color: rgb(244, 244, 244) } .button-search, .journal-header-center .button-search { border-right-style:none } #search input { font-family: Helvetica, Arial, sans-serif!important;font-weight: normal!important;font-style: italic!important;font-size: 15px!important;text-transform: none!important;background-color: rgb(255, 255, 255) } .journal-header-center #search input { border-width: 2px;border-radius: 50px;border-style: solid;border-color: rgb(0, 0, 0) } .journal-header-center .button-search { border-top-right-radius: 50%;border-bottom-right-radius: 50% } .autocomplete2-suggestion span.p-price { display:block } .journal-header-center .autocomplete2-suggestions { border-radius: 4px } .autocomplete2-suggestions > div { max-height:395px } .journal-header-center #language, .journal-header-center #currency { border-style:solid;border-color: rgb(0, 0, 0) } .journal-language .dropdown-menu, .journal-currency .dropdown-menu { background-color: rgb(250, 250, 250);box-shadow:0 2px 2px rgba(0, 0, 0, 0.15) } .journal-currency form .currency-symbol { border-radius: 50%;background-color: rgb(68, 67, 73) } #cart .heading i:before { content: '\e69a';font-size: 24px;color: rgb(255, 255, 255);left: 1px } .button-search i:before { content: '\e697';font-size: 22px;color: rgb(255, 255, 255);top: -1px;left: -1px } .header, .boxed-header.default-header .journal-login { background-color: rgb(255, 255, 255) } .journal-header-default #cart { background-color: rgb(42, 43, 46) } #cart .content .cart-wrapper, .oc2 #cart .checkout { background-color: rgb(250, 250, 250) } .mini-cart-info table tr td.remove i { color: rgb(255, 255, 255) } .mini-cart-info table tr td.remove i:hover, .firefox .mini-cart-info table tr td.remove button:hover i { color: rgb(255, 255, 255) } .autocomplete2-suggestion { border-bottom-style:solid;border-color: rgb(228, 228, 228) } .autocomplete2-suggestion:hover { background-color: rgb(244, 244, 244) } .button-search:hover i:before { color: rgb(255, 255, 255) } .button-search { background-color: rgb(51, 55, 69) } .autocomplete2-suggestions { background-color: rgb(250, 250, 250) } .journal-language .dropdown-menu > li > a, header .journal-currency .dropdown-menu > li > a { color: rgb(0, 0, 0);font-size: 15px;color: rgb(0, 0, 0) } .journal-language .dropdown-menu > li > a:hover, header .journal-currency .dropdown-menu > li > a:hover { color: rgb(0, 0, 0) } .journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover { background-color: rgb(244, 244, 244) } .journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li { border-top-style:solid;border-color: rgb(68, 67, 73) } .journal-header-center .journal-top-header, .journal-header-center .journal-secondary { border-bottom-style:solid; border-top-style:solid; } .autocomplete2-suggestion .p-image { display:block } #cart .checkout .button + .button { background-color: rgba(80, 80, 80, 0) } #cart .checkout .button + .button:hover { background-color: rgba(221, 0, 23, 0) } .journal-header-center .no-results { color: rgb(119, 119, 119) } .journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a { color: rgb(255, 255, 255) } .is-sticky header .header { background-color: rgb(255, 255, 255) } .journal-header-center .journal-language .dropdown-toggle, .journal-header-center .journal-currency .dropdown-toggle { background-color: rgb(0, 0, 0) } .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle, .journal-language .dropdown-menu, .journal-currency .dropdown-menu { font-size: 11px;color: rgb(255, 255, 255) } .is-sticky .header { box-shadow: 0px 1px 0px 0px rgb(244, 244, 244) } .header { box-shadow: 0px 1px 0px 0px rgb(244, 244, 244) } .is-sticky .super-menu, .is-sticky .journal-menu-bg { background-color: rgb(255, 255, 255) } .view-more-link { color: rgb(238, 238, 238) } a.view-more-link:hover { color: rgb(255, 255, 255) } .product-wrapper { padding: 8px;background-color: rgb(244, 244, 244) } .product-wrapper:hover { border-color: rgb(250, 250, 250) } .product-grid-item .image > a { border-top-left-radius: 3px;border-top-right-radius: 3px } .product-grid-item .image .label-latest { display: block } .product-grid-item .image .label-sale { display: block } .product-grid-item .image .label-outofstock { display: block } .product-grid-item .name a, .posts h2 a { white-space:nowrap;font-size: 14px;color: rgb(42, 43, 46) } .product-grid-item .price { display:inline-block;;display:none } .product-details { border-bottom-right-radius: 3px;border-bottom-left-radius: 3px } .product-details:before { font-size: 23px;margin-left: -10px;top: -20px } .product-grid-item .cart .button { border-radius: 50% } .product-grid-item .cart .button[data-hint]:after { border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) } .product-grid-item .quickview-button { margin-left: -20px;margin-top: -25px } .product-grid-item .quickview-button .button { border-width: 1px;border-radius: 50%;border-style: solid;border-color: rgb(221, 0, 23);background-color: rgb(221, 0, 23) } .product-grid-item .quickview-button .button:hover { border-color: rgb(68, 67, 73);background-color: rgb(68, 67, 73) } .product-grid-item .quickview-button .button[data-hint]:after { border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) } .product-grid-item.display-icon .wishlist > a, .product-grid-item.display-icon .compare > a { border-radius: 50%;width:35px;height:35px; padding:0;;background-color: rgb(68, 67, 73) } .product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after { border-radius: 2px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) } .product-grid-item .cart:not(.enquiry-button) i::before { content: '\e69a';font-size: 20px;color: rgb(255, 255, 255) } .product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before { content: '\e660';font-size: 20px;color: rgb(255, 255, 255);top: -1px } .product-grid-item .wishlist-icon:before { content: '\e663';font-size: 17px;color: rgb(255, 255, 255) } .product-grid-item .compare-icon:before { content: '\e025';font-size: 18px;color: rgb(255, 255, 255) } .product-grid-item .price, .product-grid-item .price-new { font-size: 14px } .product-grid-item .price-old, .compare-info .price-old, .autocomplete2-suggestion span.p-price .price-old { font-size: 13px;color: rgb(221, 0, 23) } .product-grid-item .wishlist a, .product-grid-item .compare a { font-size: 11px;color: rgb(42, 43, 46) } .product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover { color: rgb(221, 0, 23) } .product-grid-item.display-icon .wishlist > a:hover, .product-grid-item.display-icon .compare > a:hover { background-color: rgb(221, 0, 23) } .soft-shadow .product-wrapper { box-shadow:none } .product-grid-item .rating { margin-left:-47px;top:-60px } .product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before { color: rgb(255, 255, 255) } .product-grid-item .cart .button:hover i::before { color:rgb(255, 255, 255) } .category-list ul li a, .refine-category-name { color: rgb(51, 55, 69) } .category-list ul li:after { color: rgb(228, 228, 228) } .category-list { background-color: rgb(51, 55, 69) } .refine-image a { border-width: 1px;border-style: dotted;border-color: rgb(228, 228, 228) } .refine-image a:hover { background-color: rgb(250, 250, 250) } .product-filter, .open-filter { border-radius: 2px } .product-filter, .product-compare a { color: rgb(255, 255, 255) } .pagination { background-color: rgb(255, 255, 255);box-shadow:none } .product-filter .display a i:hover, .product-filter .display a.active i { color:rgb(221, 0, 23) !important } .product-filter { background-color: rgb(80, 80, 80) } .product-compare a:hover { color: rgb(221, 0, 23) } .pagination a, .pagination b, .pagination li { border-radius: 4px } .pagination a { background-color: rgb(255, 255, 255) } .pagination b, .pagination a:hover, .pagination li.active { background-color: rgb(238, 238, 238) } .pagination .results, .dataTables_info { font-size: 13px;color: rgb(255, 255, 255) } .pagination a, .pagination span { color: rgb(80, 80, 80) } .category-page .heading-title { text-align:left } .ias-loader, .ias-noneleft { border-radius: 3px } .tp-bannertimer, .tp-bannertimer.tp-bottom { background-color: rgb(221, 0, 23) } .tp-bullets.tp-thumbs .bullet:before { opacity:.4 } .tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before { opacity:0 } .tp-bullets.tp-thumbs { border-top-width: 7px;border-right-width: 7px;border-left-width: 7px;border-style: solid;border-color: rgb(255, 255, 255) } .tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before { content: '\e62b';font-size: 65px;color: rgb(204, 204, 204) } .tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before { content: '\e62c';font-size: 65px;color: rgb(204, 204, 204) } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span { background-color: rgb(221, 0, 23) } .tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page span { background-color: rgb(255, 255, 255);border-radius: 50%;margin-left:7px;width:12px;height:12px } .tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before { color: rgb(221, 0, 23) } .journal-carousel .htabs a, .side-column .journal-carousel .htabs a { border-right-style:solid;border-color: rgb(255, 255, 255) } .journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab a.selected { font-size: 18px } .journal-carousel.arrows-top .swiper-button-prev::before { content: '\e61f';font-size: 16px;color: rgb(68, 67, 73) } .journal-carousel.arrows-top .swiper-button-next::before { content: '\e620';font-size: 16px;color: rgb(68, 67, 73) } .swiper-pagination-bullet { background-color: rgb(68, 67, 73);border-radius: 50%;width:10px;height:10px } .journal-carousel.arrows-top .swiper-button-prev:hover::before, .journal-carousel.arrows-top .swiper-button-next:hover::before { color: rgb(221, 0, 23) } .swiper-pagination-bullet:hover, .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(221, 0, 23) } .journal-carousel .htabs a:hover, .journal-carousel .htabs a.selected { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next { top:-56px } .journal-carousel:not(.arrows-top) .swiper-button-next::before { content: '\e620';font-size: 22px;color: rgb(68, 67, 73) } .journal-carousel:not(.arrows-top) .swiper-button-prev, .journal-carousel:not(.arrows-top) .swiper-button-next { margin-top:-36px } .journal-carousel:not(.arrows-top) .swiper-button-prev::before { content: '\e61f';font-size: 22px;color: rgb(68, 67, 73) } .journal-carousel.arrows-top .swiper-button-prev { right:10px } .journal-carousel.arrows-top .swiper-button-next { right:-10px } .journal-carousel:not(.arrows-top) .swiper-button-prev { left:-5px } .journal-carousel:not(.arrows-top) .swiper-button-prev:hover::before, .journal-carousel:not(.arrows-top) .swiper-button-next:hover::before { color: rgb(221, 0, 23) } .journal-carousel:not(.arrows-top) .swiper-button-next { right:-5px } .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next { top:-60px } .product-list-item { border-radius: 3px;background-color: rgb(244, 244, 244) } .product-list-item .image .label-latest { display: block } .product-list-item .image .label-sale { display: block } .product-list-item .image .label-outofstock { display: block } .product-list-item .description { display:none } .product-list-item .cart .button { background-color: rgb(255, 255, 255) } .product-list-item .cart .button[data-hint]:after { border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(66, 139, 202) } .product-list-item .quickview-button { margin-left: -20px;margin-top: -20px } .product-list-item .quickview-button .button { border-radius: 50px } .product-list-item .quickview-button .button[data-hint]:after { border-radius: 3px;color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) } .product-list-item .wishlist a, .product-list-item .compare a { color: rgb(51, 55, 69) } .product-list-item .cart:not(.enquiry-button) i:before { content: '\e001';font-size: 20px;color: rgb(255, 255, 255) } .product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before { content: '\e056';font-size: 20px;color: rgb(255, 255, 255) } .product-list-item .wishlist-icon:before { content: '\e662';font-size: 11px } .product-list-item .compare-icon:before { content: '\e025';font-size: 11px } .product-list-item .wishlist a:hover, .product-list-item .compare a:hover { color: rgb(221, 0, 23) } .product-list-item .rating { display:block } .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr { border-bottom-style:solid } .side-column .box-category li a img, .side-column .oc-module .product-grid-item .image img { border-radius: 3% } .side-column .side-category-accordion i { border-radius: 50%;color: rgb(0, 0, 0);background-color: rgb(68, 67, 73) } .side-column .side-category-accordion i:hover { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23) } .side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title { color: rgb(0, 0, 0) } .side-column .box-content li a:hover, .side-column .box-category li a:hover, .flyout-menu .flyout > ul > li:hover > a, .flyout-menu .flyout > ul > li > a:active, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover { color: rgb(0, 0, 0) } .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr { border-color:rgba(255, 255, 255, 0) } .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab a.selected, .oc-filter .panel-heading, .oc-filter a.list-group-item { font-weight: 400;font-family: "Merriweather";font-size: 16px;color: rgb(192, 168, 167) } .side-column .box-content li a, .side-column .box-category li a { padding-left:8px;padding-top:2px;padding-bottom:2px;padding-right:8px } .side-column .oc-module .product-grid-item { padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:8px } .side-column .side-category i { width:20px;height:20px;margin-top:7px;margin-right:0px;font-family: Helvetica, Arial, sans-serif;font-weight: normal;font-style: normal;font-size: 18px;text-transform: none;color: rgb(255, 255, 255) } .side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .oc-filter .panel-heading { border-color: rgb(255, 255, 255);line-height:30px; min-height:30px; } .side-column .oc-module .product-grid-item .name a { white-space:normal } .side-column .box-content li a, .side-column .box-category li a, .flyout-menu .flyout > ul > li > a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title { font-weight: 400;font-family: "Noto Serif";font-size: 14px;color: rgb(42, 43, 46) } .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type { border-bottom-style:dotted } .cart-info table, .wishlist-info table, .compare-info, table.list, .order-list { border-radius: 3px } .cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img { border-radius: 3px } .login-content > div { border-radius: 3px;padding:0px } .action-area h3 { font-size: 15px;color: rgb(255, 255, 255);background-color: rgb(95, 104, 116) } .checkout-page .checkout, .oc2 .checkout #accordion, .route-checkout-checkout #accordion { border-radius: 3px } .buttons { border-width: 1px;border-radius: 2px;border-style: dotted;border-color: rgb(204, 204, 204);padding-top:15px; padding-bottom:15px;;padding-left:15px; padding-right:15px } .cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content { background-color: rgb(244, 244, 244) } .cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content { color: rgb(51, 55, 69) } .cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status { color: rgb(0, 0, 0) } .cart-info tbody td, .wishlist-info tbody td, .compare-info td, .journal-checkout .checkout-cart tbody td, .journal-checkout .checkout-cart tbody td:first-of-type, .account-page table.list td, .account-page table.list { border-color: rgb(204, 204, 204) } .login-content hr { background-color: rgb(204, 204, 204) } #content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td { background-color: rgb(244, 244, 244) } table.radio .highlight:hover td label, .action-area .panel-title:hover a { color: rgb(255, 255, 255) } table.radio .highlight td, .action-area .panel-heading { background-color: rgb(250, 250, 250) } table.radio .highlight:hover td, .action-area .panel-heading:hover { background-color: rgb(0, 0, 0) } #content.sc-page .content table.radio .highlight td { border-color: rgb(228, 228, 228) } .checkout-heading, .checkout .panel-heading, .route-checkout-checkout .panel-heading:hover { background-color: rgb(69, 115, 143) } .checkout-heading { border-color: rgb(91, 142, 174);border-bottom-style:solid } .checkout-product thead td, .checkout-product tfoot td { color: rgb(51, 55, 69);background-color: rgb(255, 255, 255) } .checkout-product tbody td { border-color: rgb(244, 244, 244) } .checkout-content, .checkout-page .panel-body { background-color: rgb(244, 244, 244) } .checkout-content, .checkout-page .panel-body { padding:10px } .information-page #content h1.heading-title { text-align:left } table.radio .highlight td label, .action-area .panel-title { color: rgb(68, 67, 73) } .sf-icon:after { background-color: rgb(221, 0, 23);color: rgb(255, 255, 255);border-radius: 3px } .sf-reset:hover { color: rgb(221, 0, 23) } .sf-price .ui-widget-header { background-color: rgb(68, 67, 73) } .sf-price .value { color: rgb(255, 255, 255);background-color: rgb(221, 0, 23);border-radius: 3px } .sf-reset { color: rgb(68, 67, 73) } .sf-price .ui-slider-handle:hover { background-color: rgb(221, 0, 23) } .sf-price .ui-slider-handle { background-color: rgb(68, 67, 73);width:15px;height:15px;top:-6px;border-radius: 50% } .journal-sf ul label.sf-checked img, .journal-sf ul label:hover img { border-color: rgb(68, 67, 73) } .sf-icon .sf-reset-icon::after, .sf-reset .sf-reset-icon::after { content: '\e602';font-size: 16px;color: rgb(68, 67, 73) } .side-column .journal-sf .box ul li label.sf-checked, .side-column .journal-sf .box ul li label:hover { color: rgb(221, 0, 23) } .journal-sf ul label img { border-width: 2px;border-radius: 3%;border-style: solid;border-color: rgb(244, 244, 244) } .side-column .journal-sf .box ul li { padding-top:1px;padding-bottom:1px;border-bottom-style:solid;border-color: rgba(255, 255, 255, 0) } .sf-price .box-content { padding-left:17px;padding-bottom:35px;padding-top:20px;padding-right:17px } .side-column .journal-sf .box { margin-bottom:10px } .sf-price .ui-widget-content { background: rgb(221, 0, 23) } .journal-sf .sf-image .box-content ul li { padding-bottom:7px;padding-right:7px;width:16.666666% } .journal-sf .sf-image .box-content { padding-top:5px } .sf-price .ui-slider-horizontal { height:2px } .journal-sf .box-content { max-height:182px } .side-column .journal-sf .box ul { padding-top:3px } .journal-sf .sf-manufacturer.sf-image .box-content ul li { width:25% } .journal-sf .sf-category.sf-image .box-content ul li { width:12.5% } .open-filter { background-color: rgb(80, 80, 80) } .sf-reset, .filter-collapse .sf-reset { top:10px } .open-filter::before { content: '\f1de';font-size: 16px } .nav-numbers a { width:10px;height:10px;border-radius: 50%;background-color: rgb(51, 55, 69) } .nav-numbers a:hover, .nav-numbers li.active a { background-color: rgb(221, 0, 23) } .ui-pnotify { display: block !important;border-radius: 2px;background-color: rgb(255, 255, 255) } .ui-pnotify-text img { display: block } .ui-pnotify-title { color: rgb(255, 255, 255);background-color: rgb(68, 67, 73) } .ui-pnotify-closer { color: rgb(255, 255, 255) } .ui-pnotify-closer:hover { color: rgb(221, 0, 23) } .notification-buttons .notification-cart { color: rgb(255, 255, 255) } .notification-buttons .notification-cart:hover { color: rgb(255, 255, 255) } .notification-buttons .notification-checkout:hover { color: rgb(255, 255, 255) } .notification-buttons .notification-checkout { color: rgb(255, 255, 255) } .notification-buttons { display:block } .side-column .block-content { border-radius: 3px;padding:5px } .block-content { padding:10px;border-radius: 3px } .block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p span { font-size: 12px } .editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content h3 { font-size: 18px ;padding-bottom:7px } .editor-content p, .side-block-content p { padding-bottom:7px;line-height:15px } .side-column .block-content p { line-height:14px } .side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content h3 { font-size: 16px !important;padding-bottom:3px } .lg-outer .lg-image { border-radius: 3px } .gallery-thumb a:before { content: '\e056';font-size: 30px;color: rgb(255, 255, 255) } .gallery-thumb .item-hover { background-color: rgba(51, 55, 69, 0.6) } .lg-backdrop { background-color: rgba(0, 0, 0, 0.85) } .lg-toolbar .lg-icon:hover, #lg-intense-zoom:hover { color: rgb(221, 0, 23) } .lg-sub-html { color: rgb(255, 255, 255) } .side-column .journal-gallery .box-content { padding:0px !important } #content .welcome h1, .side-column .welcome h1 { text-align:left;font-size: 25px;border-bottom-style:solid;border-color: rgb(228, 228, 228) } #content .welcome p, .side-column .welcome p { text-align:left } .welcome p { line-height:16px } .product-grid-item .compare, .product-filter .product-compare { display:none; } .product-grid-item .wishlist { display:none } .product-info .product-options > .cart { display:none } .product-info .right .description { display:none } .product-info .right .wishlist-compare .links a + a { display:none } .product-info .right .wishlist-compare .links a:first-of-type { display:none; } .product-grid-item .name { display:none } .journal-carousel .product-grid-item .cart { display:block } .journal-carousel .product-grid-item .wishlist { display:inline-block } .journal-carousel .product-grid-item .compare { display:inline-block } .journal-carousel .product-grid-item .price { display:inline-block } .journal-carousel .product-grid-item .name { display:table } .side-column .journal-carousel .product-grid-item .cart { display:block } .side-column .journal-carousel .product-grid-item .wishlist { display:inline-block } .side-column .journal-carousel .product-grid-item .compare { display:inline-block } .side-column .journal-carousel .product-grid-item .price { display:inline-block } .side-column .journal-carousel .product-grid-item .name { display:table } .custom-sections .product-grid-item .cart { display:block } .custom-sections .product-grid-item .wishlist { display:inline-block } .custom-sections .product-grid-item .compare { display:inline-block } .custom-sections .product-grid-item .price { display:inline-block } .custom-sections .product-grid-item .name { display:table } .mega-menu .product-grid-item .cart { display:block } .mega-menu .product-grid-item .wishlist { display:none } .mega-menu .product-grid-item .compare { display:none } .mega-menu .product-grid-item .name { display:table } .product-list-item .cart { display:none } .product-list-item .wishlist { display:none } .product-list-item .compare { display:none } .product-list-item .price { display:none } .product-list-item .name { display:none } .column.products .product-grid-item .price, .side-column .oc-module .product-grid-item .price { display:none } .countdown > span { border-style:solid } .product-info .right > div .countdown > span { border-style:dotted;color: rgb(68, 67, 73);border-color: rgb(153, 153, 153) } .expire-text { background-color: rgb(221, 0, 23);font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-style: normal;font-size: 14px;text-transform: none;color: rgb(255, 255, 255);text-align:left;padding-right:7px;padding-top:7px;padding-bottom:7px;padding-left:7px } .product-info .right > div .countdown { background-color: rgb(244, 244, 244) } .product-info .right > div .countdown-wrapper { padding:0px;background-color: rgba(0, 0, 0, 0) } span.p-date:before { content: '\e6b3';font-size: 13px;color: rgb(68, 67, 73) } span.p-author:before { content: '\e1b8';font-size: 13px;color: rgb(68, 67, 73) } .post-button-left-icon:before, .post-button-right-icon:before { content: '\e6ae';font-size: 14px;color: rgb(68, 67, 73) } span.p-comment:before { content: '\e1ae';font-size: 13px;color: rgb(68, 67, 73) } .post-view-more.button { color: rgb(80, 80, 80);border-bottom-width: 1px;border-radius: 0px;border-style: dotted;border-color: rgb(119, 119, 119);padding-left:0px;padding-bottom:5px;padding-right:0px;padding-top:0px;background-color: rgba(68, 67, 73, 0) } .post-view-more.button:hover { color: rgba(221, 0, 23, 0);background-color: rgba(221, 0, 23, 0) } .blog-list-view .post-wrapper { background-color: rgb(249, 249, 249) } .blog-list-view .post-wrapper:hover { background-color: rgb(255, 255, 255) } .post-item-details .comment-date { border-top-width: 1px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204) } .posts.blog-list-view .post-item-details h2 a { font-size: 21px;white-space:normal } .posts .post-wrapper h2 a { white-space:nowrap } .post-wrapper { padding:20px 20px 0 20px;border-color: rgb(204, 204, 204);background-color: rgb(255, 255, 255) } .post-wrapper:hover { border-color: rgb(255, 255, 255) } .post-image img { border-width: 1px;border-style: solid;border-color: rgb(238, 238, 238) } .post-item-details { text-align:left;padding-top:0px;padding-right:15px;padding-left:5px;padding-bottom:0px } .blog-list-view .post-item-details .post-text { font-size: 13px } .post-view-more.button:hover .post-button-left-icon:before, .post-view-more.button:hover .post-button-right-icon:before { color: rgba(221, 0, 23, 0) } .posts.blog-list-view .post-image { width:25% } .posts.blog-list-view .post-item-details h2 a span { border-bottom-style:dotted } .post-module .post-wrapper .post-item-details h2 a { white-space:nowrap } .post-module .post-wrapper .post-item-details h2 a:hover { color: rgb(227, 104, 95) } .post-module .post-view-more.button:hover { color: rgb(227, 104, 95) } .side-blog .side-post + hr { border-bottom-style:dotted;border-color: rgb(204, 204, 204) } .post-module .box-heading { text-align:left } .comments > .comment:nth-of-type(even) { background-color: rgb(255, 255, 255) } .comments .reply:nth-of-type(odd) { background-color: rgb(244, 244, 244) } .post-details .tags a:hover, .side-blog-tags .box-tag a:hover { background-color: rgb(221, 0, 23);color: rgb(255, 255, 255) } .comments .reply:nth-of-type(even) { background-color: rgb(244, 244, 244) } .post-details .tags a, .side-blog-tags .box-tag a { background-color: rgb(68, 67, 73);color: rgb(255, 255, 255) } .comments > h3 { background-color: rgb(244, 244, 244);text-align:left;padding-right:15px;padding-left:15px;padding-bottom:15px;margin-top:10px;padding-top:15px;border-radius: 3px;margin-bottom:20px } .post-details .tags b { background-color: rgb(221, 0, 23) } .reply-form h3 { margin-top:10px;margin-bottom:20px;padding-left:0px;font-size: 19px;text-align:left;padding-top:12px;padding-right:0px;padding-bottom:12px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204) } .post-comment h3 { margin-top:20px;padding-left:0px;text-align:left;font-size: 22px;color: rgb(68, 67, 73);padding-right:0px;padding-bottom:12px;padding-top:12px;margin-bottom:20px;border-bottom-width: 1px;border-style: dotted;border-color: rgb(204, 204, 204) } .blog-post .heading-title { text-align:left } .blog-post .social { border-top-style:dotted;text-align:left;border-color: rgb(204, 204, 204) } .comment-form form { padding:0px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px } .post-stats.comment-date { padding-bottom:10px } .blog-post .post-stats.comment-date { border-bottom-width: 1px;border-style: solid;border-color: rgb(228, 228, 228) } blockquote, blockquote font { font-size: 16px!important } blockquote { padding-bottom:15px;padding-right:15px;border-color: rgb(221, 0, 23);padding-left:15px;margin-right:0px;padding-top:15px;margin-left:0px;background-color: rgb(244, 244, 244) } .post-details h1, .post-details h1 font { font-size: 26px } .post-details .tags { text-align:left } .comments > .comment { border-width: 1px;border-radius: 3px;border-style: dotted;border-color: rgb(204, 204, 204) } .comments .reply { border-radius: 3px } .comments .avatar { border-radius: 5px } .blog-post .post-stats .p-category:before { content: '\e6b2';font-size: 14px;color: rgb(68, 67, 73) } .comments > .comment:nth-of-type(odd) { background-color: rgb(255, 255, 255) } .journal-checkout .checkout-cart tbody tr td, .journal-checkout .checkout-cart tbody td:first-of-type, .one-page-checkout .journal-checkout .checkout-product tbody td, .journal-checkout .checkout-cart thead td, .journal-checkout .checkout-cart thead td:first-of-type, .journal-checkout .checkout-cart thead td:last-of-type, .journal-checkout .checkout-cart tfoot tr:last-of-type td, .journal-checkout .checkout-cart tfoot td:first-of-type, .journal-checkout .checkout-cart tfoot td:last-of-type { border-style:dotted;border-color: rgb(204, 204, 204) } .journal-checkout .left .login-box .radio label, .journal-checkout .spw > div .radio label, .journal-checkout .confirm-order, .journal-checkout .checkout-login .form-group:last-of-type, .is-customer .journal-checkout .checkout-payment-form #payment-new, .is-customer .journal-checkout .checkout-shipping-form #shipping-new, .journal-checkout #payment-confirm-button fieldset legend, .journal-checkout .customer-group label.control-label, .journal-checkout .customer-group { border-style:dotted;border-color: rgb(204, 204, 204) } .one-page-checkout h1.heading-title { text-align:center;font-size: 30px;border-bottom-width: 0px;border-style: solid } .journal-checkout .checkout-content { background-color: rgb(250, 250, 250);border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228) } .journal-checkout .table-responsive { max-height:382px } .journal-checkout .confirm-order { text-align:left } .journal-checkout .secondary-title { padding-left:10px;;border-bottom-width: 0px;border-style: solid;text-align:left;background-color: rgb(68, 67, 73);color: rgb(255, 255, 255) } #content.one-page-checkout div fieldset > div.fax-input { display:block !important } .form-group.company-input { display:block !important } .form-group.address-2-input { display:block } .journal-checkout .spw > div p { display:none } .flyout-menu .flyout > ul > li > a { padding-left:0%;border-bottom-style:dotted;border-color: rgb(228, 228, 228) } .flyout .mega-menu-column > div > h3 { text-align:left } .flyout-menu .flyout .fly-drop-down ul li { border-bottom-style:solid } .fly-drop-down ul { box-shadow:0 1px 8px -3px rgba(0, 0, 0, 0.5) } .flyout .mega-menu-column.mega-menu-html .wrapper p, .flyout .mega-menu-column.mega-menu-html .wrapper p span { color: rgb(250, 250, 250) } .flyout .mega-menu-brands div > h3 { text-align:left } .flyout .mega-menu div > h3 { text-align:left } .fly-mega-menu { box-shadow:0 2px 8px -2px rgba(0, 0, 0, 0.4) } .side-column .flyout-menu .box-heading { font-weight: 400;font-family: "Bowlby One";font-style: italic;font-size: 12px } .journal-popup .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { font-size:40px;color: rgb(255, 255, 255) } .mobile .journal-popup .mfp-close,.tablet .journal-popup .mfp-close { color: rgb(0, 0, 0) } .journal-popup .mfp-close:hover, .mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover { color: rgb(221, 0, 23) } .journal-header-center .journal-menu-bg { border-bottom-width: 1px;border-style: solid;border-color: rgb(238, 238, 238) } .journal-accordion .journal-accordion-heading:hover { background-color: rgb(250, 250, 250) } .side-column .box { margin-bottom:10px } .journal-accordion .journal-accordion-content > div { background-color: rgb(250, 250, 250) } ul.menu-centered > li > a, .journal-desktop .menu-floated > li > a { padding:0 20px } .tablet #logo a img, .mobile #logo a img { max-width:200px } .mega-menu-column.mega-menu-html .wrapper p, .mega-menu .mega-menu-column .menu-cms-block { line-height:16px } .journal-cart { visibility:hidden } .journal-currency { visibility:hidden } .journal-language { visibility:visible } .side-column .box-category li a { background-color: rgb(255, 255, 255) } div#content { padding-bottom:40px !important; } .journal-accordion .journal-accordion-heading { font-weight: bold;border-bottom-style:solid;;text-align:left;background-color: rgb(255, 255, 255);border-color: rgb(238, 238, 238) } .journal-accordion .journal-accordion-content, .journal-accordion .journal-accordion-content p, .journal-accordion .journal-accordion-content span, .journal-accordion .journal-accordion-content font { font-family: Helvetica, Arial, sans-serif!important; } [data-accordion]:last-of-type .journal-accordion-heading { border-bottom-width:0px } /* Swipebox Loader */ @media only screen and (min-width: 760px){ .ui-pnotify{ width: 350px !important; } } /* Site width */ #container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar { max-width: 1400px; } .product-page div.lg-sub-html{ top:auto; bottom:0; padding: 13px 70px; background-color:; } .product-page .lg-toolbar{ background-color:; } .category-info .image{ display:none; } /*Notification Position*/ .ui-pnotify{ right:20px; } html[dir="rtl"] .ui-pnotify{ left:20px; right:auto; } .ui-pnotify{ box-shadow:0px 1px 12px rgba(0, 0, 0, 0.2); } .ui-pnotify-closer{ opacity:1; } .breadcrumb{ text-align:left; } /* Product Grid Shadow */ .product-grid-item:hover .product-wrapper{ box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.25); } .product-grid-item .enquiry-button .button i{ color:rgb(255, 255, 255); } .product-list-item .enquiry-button .button i{ color:rgb(255, 255, 255); } footer .contacts > div > span .contact-icon:hover{ background-color:rgb(105, 185, 207); } .product-grid-item .cart .button-left-icon:before{ float:none; } .product-grid-item .cart .button-right-icon:before{ margin-left:0; } .product-grid-item .cart .button-cart-text{ display:none; } .product-grid-item .cart .button[data-hint]:after, .product-grid-item .cart .hint--top:before{ display:block; } .product-grid-item .cart .hint--top:before{ border-top-color: rgb(68, 67, 73); } .product-grid-item .cart .hint--right:before{ border-right-color: rgb(68, 67, 73); } .product-grid-item .cart .hint--left:before{ border-left-color: rgb(68, 67, 73); } .product-grid-item .cart .button-right-icon{ display:none !important; } /* BLOG */ .post-button-left-icon{ display:none; } .post-button-right-icon{ display:inline; } .post-wrapper:hover{ box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .product-details:before { display:none; } /* Product Grid Quickview*/ .product-grid-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-grid-item .quickview-button .button-right-icon{ display:none; } .product-grid-item .quickview-button .button-left-icon:before{ float:none; } .product-grid-item .quickview-button .button-right-icon:before{ margin-left:0; } .product-grid-item .quickview-button .button-cart-text{ display:none; } .product-grid-item .quickview-button [data-hint]:after, .product-grid-item .quickview-button .hint--top:before{ display:block; } .product-grid-item .quickview-button .hint--top:before{ border-top-color: rgb(68, 67, 73); } .product-grid-item .quickview-button .hint--right:before{ border-right-color: rgb(68, 67, 73); } .product-grid-item .quickview-button .hint--left:before{ border-left-color: rgb(68, 67, 73); } /* Product Grid Wishlist/Compare */ .product-grid-item .button-wishlist-text, .product-grid-item .button-compare-text{ display: none; } .product-grid-item .wishlist [data-hint]:after, .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare [data-hint]:after, .product-grid-item .compare .hint--top:before{ display:block; } .product-grid-item .wishlist .hint--top:before, .product-grid-item .compare .hint--top:before{ border-top-color: rgb(68, 67, 73); } .product-grid-item .wishlist .hint--right:before, .product-grid-item .compare .hint--right:before{ border-right-color: rgb(68, 67, 73); } .product-grid-item .wishlist .hint--left:before, .product-grid-item .compare .hint--left:before{ border-left-color: rgb(68, 67, 73); } .product-list-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } .product-grid-item .cart .button{ width:35px; height:35px; line-height:35px; padding:0; } .product-grid-item .cart{ height:35px; } .product-grid-item .quickview-button .button{ width:40px; height:40px; line-height:40px; padding:0; } /* Product List */ .product-list-item{ box-shadow: none; } .product-list-item .cart .button-left-icon:before{ display:none; } .product-list-item .cart .button-right-icon{ display:none; } /* Product List Quickview*/ .product-list-item:hover .quickview-button { opacity: 1; visibility: visible; } .product-list-item .quickview-button .button-right-icon{ display:none; } .product-list-item .quickview-button .button-left-icon:before{ float:none; } .product-list-item .quickview-button .button-right-icon:before{ margin-left:0; } .product-list-item .quickview-button .button-cart-text{ display:none; } .product-list-item .quickview-button .button[data-hint]:after, .product-list-item .quickview-button .hint--top:before{ display:block; } .product-list-item .quickview-button .hint--top:before{ border-top-color: rgb(68, 67, 73); } .product-list-item .quickview-button .hint--right:before{ border-right-color: rgb(68, 67, 73); } .product-list-item .quickview-button .hint--left:before{ border-left-color: rgb(68, 67, 73); } /* Product Page */ #product-gallery.image-additional-grid a{ width: 20%; } #button-cart .button-cart-text:after{ display:none; } .compare-info td{ border-right-style:dotted; } table.list{ border-bottom-style:dotted; border-left-style:dotted; } table.list td{ border-right-style:dotted; border-top-style:dotted; } /* Product Labels*/ .label-latest + .label-sale{ top: 40px; } #more-details.hint--top:before{ border-top-color: rgb(221, 0, 23); } .boxed-header header{ max-width:1400px; } .boxed-header .super-menu > li:first-of-type{ border-left-width:0; } .boxed-header .super-menu > li:last-of-type{ border-right-width:0; } @media only screen and (max-width: 760px){ .journal-language .dropdown-toggle, .journal-currency .dropdown-toggle{ color:rgb(204, 204, 204); } .journal-header-center #language, .journal-header-center #currency{ border-color:rgb(0, 0, 0); } } .sticky-menu .is-sticky .journal-header-default .header{ background-color: ; } html[dir="rtl"] .journal-carousel .htabs a:last-of-type{ border-left-color:rgb(255, 255, 255); } .boxed-header .journal-header-center .journal-links{ padding-left: 10px; } .boxed-header .journal-header-center .journal-search{ padding-left: 20px; } .boxed-header .journal-header-center .journal-secondary{ padding-right: 10px; } .journal-header-center .journal-center-bg{ top:30px; } #cart { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); } #cart .cart-wrapper { box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25); } #search input{ box-shadow:none; } .autocomplete2-suggestions{ box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.25); } @media only screen and (max-width: 760px) { ul.super-menu > li > a, ul.super-menu > li:hover > a{ color:rgb(228, 228, 228); } ul.super-menu > li, ul.super-menu > li:hover{ background-color:rgb(255, 255, 255); } .boxed-header .journal-header-center .journal-search, .boxed-header .journal-header-center .journal-links{ padding-left: 0; } .boxed-header .journal-header-center .journal-cart, .boxed-header .journal-header-center .journal-secondary{ padding-right: 0; } .button-search{ background-color:; } .button-search i:before{ color: !important; } } @media only screen and (max-width: 980px) { .mobile-menu-on-tablet ul.super-menu > li > a, .mobile-menu-on-tablet ul.super-menu > li:hover > a{ color:rgb(228, 228, 228); } .mobile-menu-on-tablet ul.super-menu > li, .mobile-menu-on-tablet ul.super-menu > li:hover{ background-color:rgb(255, 255, 255); } } @media only screen and (min-width:760px) and (max-width:1415px) { .journal-header-center .journal-search{ padding-left: 15px; } .journal-header-center .journal-cart{ padding-right: 15px; } .journal-header-center .journal-cart{ width:calc(25% - 20px); padding-right:0; } html[dir="rtl"] .journal-header-center .journal-search{ padding-right: 15px; } } @media only screen and (max-width:760px) { .journal-header-center .journal-search, html[dir="rtl"] .journal-header-center .journal-search{ padding-left: 0; padding-right: 0; } .journal-header-center .journal-cart, html[dir="rtl"] .journal-header-center .journal-cart{ padding-right: 0; padding-left: 0; } } @media only screen and (min-width: 760px){ .boxed-header .journal-header-center .journal-cart{ padding-right:15px; } html[dir="rtl"] .boxed-header .journal-header-center .journal-cart{ padding-right:0; padding-left:15px; } } @media only screen and (min-width: 1400px) { .sticky-menu:not(.boxed-header) .is-sticky .journal-header-compact #header .journal-menu .super-menu > li:first-of-type > a { margin-left: 0; } .skin-16 .journal-header-mega .journal-search { padding-right: 0; } } @media only screen and (max-width: 1415px) { .super-menu, .mega-menu, .html-menu{ border-radius:0; } .bottom-footer.fullwidth-bar .copyright{ padding-left: 15px; } .bottom-footer.fullwidth-bar .payments{ padding-right: 15px; } #top-modules > div:not(.gutter), #bottom-modules > div:not(.gutter){ padding-left: 20px; padding-right: 20px; } #top-modules .journal2_slider, #bottom-modules .journal2_slider, #top-modules .journal2_headline_rotator{ padding-left: 0 !important; padding-right: 0 !important; } .no-secondary .journal-header-center #currency{ border-right-width:0; } .no-secondary .journal-header-center #language{ border-left-width:0; } html[dir="rtl"].no-secondary .journal-header-center #currency{ border-left-width:0; border-right-width:1px; } html[dir="rtl"].no-secondary .journal-header-center #language{ border-right-width:0; border-left-width:1px; } .journal-header-compact #header .journal-search { padding-right:15px !important; } html[dir="rtl"] .journal-header-compact #header .journal-search { padding-right:0 !important; padding-left:15px !important; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:first-of-type{ border-left-width:0; } .sticky-menu .is-sticky .journal-header-default .journal-menu .super-menu > li:last-of-type{ border-right-width:0; } .boxed-header body{ padding:0; } .fullwidth-footer .columns{ padding-left: 15px; } .copyright{ padding-left: 15px; } .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } } @media only screen and (max-width: 760px){ .journal-header-mega .journal-logo{ padding-left:0; } html[dir="rtl"] .journal-header-mega .journal-logo{ padding-left:0; padding-right:0; } } .boxed-header .journal-header-mega .journal-logo{ padding-left:15px; } html[dir="rtl"].boxed-header .journal-header-mega .journal-logo{ padding-left:0; padding-right:15px; } @media only screen and (min-width : 760px) { .side-blocks-active .journal-fullwidth-slider .tp-leftarrow, .side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { left: 60px !important; } .side-blocks-active .journal-fullwidth-slider .tp-rightarrow, .side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { right: 60px !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default { right: 60px !important; left: auto !important; } html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow, html[dir="rtl"].side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default { left: 60px !important; right: auto !important; } } @media only screen and (min-width: 760px){ .journal-header-mega #logo a img{ left: 0; transform: translate(0, -50%); } } @media only screen and (min-width: 760px){ html[dir="rtl"] .journal-header-mega #logo a img{ left: auto; right:0; } } header .links a, header .links .no-link{ border-bottom-color:#e4e4e4; } .boxed-header.default-header .journal-top-header{ clip: rect(0px,1400px,45px,0px); } .journal-header-default .links .no-link{ border-color: } .journal-header-center #cart .content:before, .oc2 #cart .content .cart-wrapper:before{ color:rgb(250, 250, 250) } .journal-header-center .autocomplete2-suggestions:before{ color:rgb(250, 250, 250) } header .links a i, .links .no-link i, .journal-header-default #header .journal-links .top-menu > li > a{ display:block; } header .links a i, .links .no-link i{ margin-top:3px; } header .links .top-menu-link{ position:relative; top:-2px; } .has-dropdown::after { margin-left: 2px; top: -3px; } .journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before{ color:rgb(250, 250, 250) } #header .top-menu .top-dropdown li:first-of-type { border-top-left-radius: px; border-top-right-radius: px; } #header .top-menu .top-dropdown li:last-of-type { border-bottom-left-radius: px; border-bottom-right-radius: px; } #header .top-menu .top-dropdown li:first-of-type::before{ color: } #search ::-webkit-input-placeholder { color:rgb(68, 67, 73); font-family: inherit; } #search :-moz-placeholder { color:rgb(68, 67, 73); font-family: inherit; } #search ::-moz-placeholder { color:rgb(68, 67, 73); font-family: inherit; } #search :-ms-input-placeholder { color:rgb(68, 67, 73); font-family: inherit; } .compare-info tbody td{ border-left-style:dotted; } @media only screen and (max-width: 760px){ #search ::-webkit-input-placeholder { color:; font-family: inherit; } #search :-moz-placeholder { color:; font-family: inherit; } #search ::-moz-placeholder { color:; font-family: inherit; } #search :-ms-input-placeholder { color:; font-family: inherit; } } .button-search{ border-right-style:none; border-right-color:; } html[dir="rtl"] .button-search{ border-left-style:none; border-left-color:; } html[dir="rtl"].journal-desktop .menu-floated .float-left{ border-left-style: none; } .button-search { right: 0; } html[dir="rtl"] .button-search { right: auto; left:0; } #search input { padding-left: 12px; padding-right: 50px; } .button-search{ border-right-width:0; border-left-width:1px; border-left-style:none; border-left-color:; } html[dir="rtl"] .button-search{ border-left-width:0; border-right-width:1px; border-right-style:none; border-right-color:; } header .journal-login{ border-bottom-color:; } .super-menu > li:last-of-type{ border-right-color:rgb(255, 255, 255); border-right-style:none; } @media only screen and (max-width: 760px) { .default-header .journal-login{ background-color: } .journal-header-center #search input, .journal-header-center .button-search{ border-radius:0; } .center-header #search input, .default-header #search input{ background-color:rgb(250, 250, 250); } .center-header header #cart, .default-header header #cart{ background-color:rgb(250, 250, 250); } .journal-menu .mobile-menu > li{ border-color:rgb(255, 255, 255); border-style:none; } } .inline-button .product-details{ padding-bottom:0; } .product-grid-item .cart{ display:none !important; } .quickview .product-info .right .cart{ display:table; } .product-info .right .cart div .qty, .product-info .right .cart div #button-cart{ display:none; } .product-info .right .options.push-1 .option-image li.selected span img{ border-color:; } .mega-menu-categories .mega-menu-item, .mega-menu-brands .mega-menu-item, .mega-menu-html .mega-menu-item, #header .mega-menu .product-grid-item{ margin-bottom:20px; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-right-style:none; } html[dir="rtl"].journal-desktop .menu-floated .float-right:last-of-type{ border-color:rgb(255, 255, 255); } .mega-menu > div{ margin-bottom:-20px !important; margin-right:-20px; } html[dir="rtl"] .mega-menu-item > div, html[dir="rtl"] #header .mega-menu .product-wrapper{ margin-right:0; margin-left:20px; } .mega-menu .mega-menu-column:last-of-type > div{ margin-right:-20px; } html[dir="rtl"] .mega-menu .mega-menu-column.mega-menu-products > div{ margin-left:-20px; } .mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block{ margin-right:20px; } html[dir="rtl"] .mega-menu-column > div > h3, html[dir="rtl"] .mega-menu .mega-menu-column .menu-cms-block{ margin-right:0; margin-left:20px; } .mega-menu .mega-menu-column:last-of-type > h3, .mega-menu .mega-menu-column:last-of-type > div > h3, .mega-menu .mega-menu-column:last-of-type > .menu-cms-block, .mega-menu .mega-menu-column.mega-menu-html-block > div{ margin-right:0; } @media only screen and (max-width: 760px) { .super-menu{ border-width:0; } .mega-menu .mega-menu-column > div{ margin-right:-20px; } html[dir="rtl"] .mega-menu .mega-menu-column > div{ margin-left:-20px; margin-right:0; } } .journal-sf .sf-image .box-content ul{ margin-bottom:-7px; margin-right:-7px; } .drop-down ul{ box-shadow:none !important; } .product-info .right .wishlist-compare{ display:none; } .product-details{ padding-top:13px; } .product-grid-item .price + hr, .product-grid-item .price + .rating + hr{ display:block; } .product-details{ display:none; } footer .contacts{ text-align:center; } footer .contacts-left, html[dir="rtl"] footer .contacts-left{ float: none; } footer .contacts-right{ display: none; } .has-cta .rotator-tex{ line-height:54px; } footer .contacts .hint--top:before{ border-top-color: ; } .side-column .box-category, .side-column .box-content, .side-column .box-content > div, .side-column .box-content > ul > li:last-of-type, .side-column .oc-module .product-grid-item:last-of-type{ border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; border-radius:inherit; } .journal-sf ul li label:hover{ color:rgb(221, 0, 23); } .sf-icon:before{ border-top-color:rgb(221, 0, 23); } /* .journal-sf ul li label:hover img{ border-color:rgb(68, 67, 73); } */ .sf-price .value:after{ border-bottom-color:rgb(221, 0, 23); } .mobile-trigger{ background-color:; } .journal-header-default .links > a{ border-bottom-color: transparent; } @media only screen and (max-width: 760px) { .super-menu{ background-color:rgb(255, 255, 255); } .journal-header-default .links > a{ border-bottom-color: ; } } .nav-numbers a:hover, .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .headline-mode .nav-numbers a:hover, .headline-mode .nav-numbers li.active a{ -webkit-backface-visibility: hidden; -webkit-transform: scale(); -moz-transform: scale(); -ms-transform: scale(); transform: scale(); } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover span{ transform: scale(1); } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active{ transform: scale(1); } @media only screen and (max-width: 980px) { .journal-header-default .mega-menu{ width: 100%; } } @media only screen and (max-width: 760px) { .journal-header-center .journal-secondary{ background-color:; } } .mega-menu{ max-width:1400px; } @media only screen and (max-width: 760px){ .bottom-menu-bar #header .top-menu > li{ border-color:; } .bottom-menu-bar #header .journal-links{ background-color:; } .bottom-menu-bar .journal-header-center .journal-secondary { border-top-width: 0; } .bottom-menu-bar #header .journal-links ul.top-menu > li{ border-color:; } .bottom-menu-bar #header div.journal-links, .bottom-menu-bar #header .journal-links a:hover{ background-color:; } .bottom-menu-bar #header .journal-links ul.top-menu > li > a, .bottom-menu-bar #header .journal-links ul.top-menu > li > a:hover, .bottom-menu-bar #header .journal-links ul.top-menu > li > .no-link{ color:; } } .boxed-header .is-sticky .header { max-width:1400px; left: 50%; transform: translateX(-50%); } .bottom-menu-bar #header .journal-links .top-menu .top-dropdown li:last-of-type::after{ color:; } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .mobile-menu > li > ul, .mobile-menu-on-tablet .mobile-menu > li > .mega-menu{ border-style:solid; border-color:rgb(228, 228, 228); } .mobile-menu-on-tablet ul.menu-centered{ height:auto; } } @media only screen and (max-width: 760px){ .mobile-menu > li > ul, .mobile-menu > li > .mega-menu{ border-style:solid; border-color:rgb(228, 228, 228); } } @media only screen and (min-width: 760px) { .journal-header-mega #search { max-width: 100%; left: -400px; } .journal-header-center .j-100{ height:100px; } .journal-header-center .journal-menu-bg{ top:130px; } .journal-header-center .top-bar > .j-min, .journal-header-center .top-menu > li > .m-item, .journal-header-center .journal-top-header{ height:30px; } .journal-header-center .journal-menu, .journal-header-center .journal-menu-bg, .journal-header-center .mobile-trigger, ul.menu-centered{ height:30px; } .journal-header-center .mobile-trigger, .journal-header-center .super-menu > li > a{ line-height:30px; } .journal-header-center .journal-language form .dropdown-menu, .journal-header-center .journal-currency form .dropdown-menu{ top:30px; } .sticky-default.center-header .is-sticky .journal-header-center .j-100{ height:px; } .sticky-default.center-header .is-sticky .journal-menu-bg{ top:px; } .is-sticky .journal-header-center .journal-menu, .is-sticky .journal-header-center .journal-menu-bg, .is-sticky .journal-header-center .mobile-trigger{ height:40px; } .is-sticky .journal-header-center .mobile-trigger, .is-sticky .journal-header-center .super-menu > li > a{ line-height:40px; } } @media only screen and (max-width: 760px){ #header .journal-logo{ height:100px !important; } } .center-header body.is-sticky .header-assets.top-bar{ background-color:; } @media only screen and (min-width : 760px) and (max-width: 980px) { .mobile-menu-on-tablet .journal-header-center .journal-menu{ height:auto; } .mobile-menu-on-tablet .journal-header-center .super-menu > li > a{ line-height:40px; } } @media only screen and (max-width: 760px){ .mega-menu-categories .mega-menu-item ul, .mega-menu-categories .mega-menu-item.menu-image-left ul{ width:100%; } .mega-menu-categories .mega-menu-item img { display: none !important; } } #tabs{ top:; } .product-grid-item.display-icon .wishlist-icon:before, .product-grid-item.display-icon .compare-icon:before{ line-height:35px; } .journal-header-center #cart .heading i{ height:38px; } .journal-desktop .menu-floated .float-left{ border-right-style:none; } .column.products > h3{ margin-bottom:7px; } .column.products{ padding-bottom:7px; } .side-column .journal-gallery .box-heading{ margin-bottom:10px; } .side-column .box-category > ul li ul li a{ padding-left: 8px; } .side-column .box-category > ul li ul li ul li a{ padding-left: 8px; } .side-column .box-category > ul li ul li ul li ul li a{ padding-left: 8px; } .side-column .box-category > ul li ul li ul li ul li ul li a{ padding-left: 8px; } .side-column .box-category > ul li ul li ul li ul li ul li ul li a{ padding-left: 8px; } @media only screen and (max-width: 1415px) { .breadcrumb{ padding-left:10px; } .super-menu > li:first-of-type{ border-left-width:0; } .super-menu > li:last-of-type{ border-right-width:0; } html[dir="rtl"] .super-menu > li:first-of-type{ border-left-width:1px; border-right-width:0; } html[dir="rtl"] .super-menu > li:last-of-type{ border-left-width:0; } html[dir="rtl"] .super-menu.menu-floated > li:first-of-type border-right-width:0; } } .super-menu.menu-floated{ border-right-width:1px; border-left-width:1px; border-color:rgb(255, 255, 255); border-style:none; } .custom-sections .box-heading.box-sections{ border-left-style:solid; } .journal-carousel:not(.journal-gallery) .box-content .swiper-container{ padding: 15px; margin: -15px; } .journal-carousel.arrows-top .swiper-button-prev, .journal-carousel.arrows-top .swiper-button-next{ margin-top:15px; } .side-column .journal-carousel.arrows-top .swiper-button-prev, .side-column .journal-carousel.arrows-top .swiper-button-next, .related-products.journal-carousel.arrows-top .swiper-button-prev, .related-products.journal-carousel.arrows-top .swiper-button-next{ margin-top:0; } div#footer{ margin-top:20px; } .extended-container + .boxed-footer #footer{ margin-top:20px; } .side-column .journal-carousel .box-content .swiper-container{ padding:0; margin:0; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-next{ right:auto; left:10px; } html[dir="rtl"] .journal-carousel.arrows-top .swiper-button-prev{ right:auto; left:-10px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-next{ right:auto; left:-5px; } html[dir="rtl"] .journal-carousel:not(.arrows-top) .swiper-button-prev{ left:auto; right:-5px; } html[dir="rtl"] footer .column-menu-wrap > ul li{ text-align:right; } html[dir="rtl"] footer .column>h3{ text-align:right; } .posts.blog-list-view .post-item-details{ width: 75%; } .side-column .box.cms-blocks .box-heading{ margin-bottom:px; } @media only screen and (min-width: 1415px) { .safari5 #footer, .safari5.boxed-header header{ width: 1400px; } .tp-banner{ height:100% !important; } } @media only screen and (max-width: 1415px) { .tp-banner-container{ height:auto !important; } .side-column .oc-module .product-details { max-width: 130px; } .checkout-page #content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 760px){ .product-grid-item .has-countdown + .product-details .rating{ top:-50px; } .product-grid-item .image.has-countdown .wishlist, .product-grid-item .image.has-countdown .compare{ margin-bottom:42px; } } .product-grid-item:hover .countdown, .product-list-item:hover .countdown { opacity: 1; visibility: visible; } .product-grid-item:hover .has-countdown + .product-details .rating{ top:-70px; } .product-grid-item:hover .image.has-countdown .wishlist, .product-grid-item:hover .image.has-countdown .compare{ margin-bottom:42px; } .option li.hint--top:before{ border-top-color:; } .phone-sticky-cart.phone-sticky-menu:not(.menu-cart-off) .journal-menu{ z-index:1; } @media only screen and (max-width: 470px){ div.mobile-trigger, .mobile-menu-on-tablet div.mobile-trigger{ color:rgb(80, 80, 80); } div.mobile-trigger:before, .mobile-menu-on-tablet div.mobile-trigger:before{ color:rgb(80, 80, 80); } } .journal-header-center #header .menu-dropdown::before{ border-bottom-color: } .header-notice > div{ max-width:1400px; } @media only screen and (max-width:1415px){ .header-notice > div{ padding-left:15px; padding-right: 15px; } .header-notice.floated-icon > div{ padding-bottom:10px; } button.close-notice { right: 8px; } html[dir="rtl"] button.close-notice { right: auto; left: 8px; } } footer{ box-shadow: none; } .journal-top-header{ box-shadow:none; } /* Content Margin */ @media only screen and (min-width: 760px){ #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Tablet Column Width + Content Margin */ @media only screen and (min-width:760px) and (max-width:980px) { #column-left { width: 220px; } #column-right{ width: 220px; } #column-left + #content { margin-left: 220px; } #column-right + #content { margin-right: 220px; } #column-left + #column-right + #content{ margin-left: 220px; margin-right: 220px; } } /* Extended Layout Margins */ @media only screen and (min-width:760px) and (max-width: 1415px) { .skin-16 .journal-header-center .journal-search { padding-left: 30px; } .extended-layout #column-left{ padding-left:20px; } .extended-layout #column-right{ padding-right:20px; } .extended-layout #content, .extended-layout #column-left + #content, .extended-layout #column-right + #content{ padding-left:20px; padding-right:20px; } html[dir="rtl"].extended-layout #column-left{ padding-right:20px!important; } html[dir="rtl"].extended-layout #column-right{ padding-left:20px !important; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } html[dir="rtl"].extended-layout #column-right + #content { margin-right: 0; } } .mega-menu .mega-menu-column .menu-cms-block{ margin-bottom:20px; } .fly-drop-down ul li{ min-height:40px; } @media only screen and (max-width: 760px){ .product-grid-item .rating{ margin-left:px; } .product-grid-item .rating{ top:px; } } /* RTL Columns */ html[dir="rtl"] .flyout-left .fly-mega-menu, html[dir="rtl"] .flyout-left .fly-drop-down > ul { left: auto; right: 100%; } html[dir="rtl"] .flyout-right .fly-mega-menu, html[dir="rtl"] .flyout-right .fly-drop-down > ul { left: 100% !important; right: auto; } html[dir="rtl"] .flyout-menu .flyout > ul > li > a i.menu-plus { left: 5px; right: auto; transform: scale(-1); } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a i.menu-plus { left: auto; right: 8px; transform: scale(1); } html[dir="rtl"] .flyout-menu .flyout > ul > li > a { padding: 7px 12px 7px 25px; } html[dir="rtl"] #column-right .flyout-menu .flyout > ul > li > a { padding: 7px 25px 7px 12px; text-align:left; } html[dir="rtl"] #column-left { float: right; } html[dir="rtl"] #column-right { float: left; } @media only screen and (min-width: 760px){ html[dir="rtl"] #column-left { padding: 20px 20px 20px 0; } html[dir="rtl"] #column-right { padding: 20px 0 20px 20px; } html[dir="rtl"] #column-left + #content { margin-right: 220px; margin-left: 0; } html[dir="rtl"] #column-right + #content { margin-left: 220px; margin-right: 0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 220px; margin-left: 220px; } } @media only screen and (min-width : 760px) and (max-width: 980px) { html[dir="rtl"] #column-left + #content { margin-right: 220px; margin-left:0; } html[dir="rtl"] #column-right + #content { margin-left: 220px; margin-right:0; } html[dir="rtl"] #column-left + #column-right + #content{ margin-right: 220px; margin-left: 220px; } html[dir="rtl"].extended-layout #column-left + #content { margin-right: 220px; margin-left: 0; } } @media only screen and (min-width: 1415px) { html[dir="rtl"].extended-layout #column-left{ padding-right:0; } html[dir="rtl"].extended-layout #column-right{ padding-left:0; } html[dir="rtl"].extended-layout #column-right + #content { padding-left: 20px; padding-right: 0; } html[dir="rtl"].extended-layout #column-left + #content { padding-right: 20px; padding-left: 0; } } .refine-images::before, #refine-images::before, .category-list::before{ content:""; margin-right:px; } .refine-images::before, #refine-images::before, .category-list::before{ display:none; } .refine-image { padding-right: 15px; margin-bottom: 15px; } .refine-images { margin-right: -15px; margin-bottom: 0px;; } .product-grid-item { margin-bottom: 20px; } .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .ias-button, .ias-loader, .ias-noneleft{ margin-top: 0px; } .product-grid, #content .box-product{ margin-right: -20px; } /* Mobile Product Spacing */ @media only screen and (max-width: 760px){ #cart .heading i::before{ color:; } #cart .heading i{ background-color:; } div#container, .home-page div#container { margin-top: 0; margin-bottom: 0; box-shadow:none; } .product-grid-item:not(.swiper-slide) { margin-bottom: 20px; } .product-grid-item:not(.swiper-slide) .product-wrapper, .ias-button, .ias-loader, .ias-noneleft{ margin-right: 20px; } .product-grid, #content .box-product{ margin-right: -20px; } } .button:active{ box-shadow:; } #column-left .oc-module .product-details{ max-width:145px; } #column-right .oc-module .product-details{ max-width:145px; } /* Custom CSS */ /* Form */ input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea { box-shadow: none; } select { background: #ffffff !important; padding: 6px !important; margin: 0 !important; } input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus { border: 1px solid #000; } /* Header Custom Layout #search input { float: left; } @media only screen and (min-width: 761px) { .journal-logo { margin-right: unset !important; z-index: 9999; } #logo { padding: 0; } .journal-header-center .journal-secondary .j-min { position: absolute; top: 40px; right: 15px; z-index: 100; } }*/ /* Main Slider */ @media only screen and (min-width: 981px) { .journal2_slider>div { max-width: 1040px !important; height: 680px !important; } } /* CMS 2col layout */ @media only screen and (min-width: 981px) { .journal-cms-block-261 .blocks { align-items: center; } .journal-cms-block-261 .blocks .cms-block.xl-50:first-child { width: 66.6666%; } .journal-cms-block-261 .blocks .cms-block.xl-50:nth-child(2) { width: 33.3333%; } } /* Blog - Side Module */ .side-post-image { display: none; } .side-post-details { width: 100%; } /* Popup Image */ @media only screen and (min-width: 320px) and (max-width: 760px) { .journal-popup img { max-height: 100% !important; } } /* Forum Button */ .forum { padding: 25px 50px; font-size: 20px; } @media only screen and (min-width: 320px) and (max-width: 760px) { .forum { padding: 1px; font-size: 15px; } } /* mobile Button */ .mobilebutton { padding: 25px 50px; font-size: 20px; } @media only screen and (min-width: 320px) and (max-width: 760px) { .mobilebutton { padding: 1px; font-size: 15px; } } /* Forum Banner */ @media only screen and (min-width: 320px) and (max-width: 760px) { .forumbanner { width: 0px; } } #logo a img { height: 100% !important; width: auto !important; } /* Information 본문 내용 */ .AM { font-family: 'Noto Sans', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size: 1rem; line-height: 1.8 !important; color: #111; /* grid layout */ display: grid; grid-template-columns: 1fr 220px; grid-template-rows: auto /* h1 */ auto /* summary */ 1fr; /* content */ grid-template-areas: "title toc" "summary toc" "content toc"; gap: 0 1rem; } .AM h1, .AM h2, .AM h3, .AM h4 { font-weight: 700; margin: 0rem 0 0.25rem; padding-top: 0.75rem; padding-bottom: 0.15rem; } .AM h1 { font-size: 2rem; border-bottom: 3px solid #363666; } .AM h2 { font-size: 1.75rem; border-bottom: 2px solid #ddd; } .AM h3 { font-size: 1.5rem; color: #363666; } .AM h4 { font-size: 1.25rem; color: #555; } .AM p { margin: 0.5rem 0 1rem; line-height: 1.6; } .AM .contentAM { padding-bottom: 100px } .AM summary { font-weight: bold; font-size: 1.25rem; cursor: pointer; padding: 0.5rem; border-bottom: 2px solid #ddd; } .AM details { margin-bottom: 1rem; } .AM .msg { position: relative; border: 2px solid; border-radius: 8px; padding: 15px 20px; margin: 0.5rem 0 1rem 0; box-sizing: border-box; } .AM .msg .lbl { position: absolute; top: -1rem; left: 1.25rem; background-color: #fff; font-weight: bold; padding: 0.125rem 0.375rem; } .AM .msg .title { color: #111; padding: 0; } .AM .msg .txt>*:last-child { margin-bottom: 0; } .AM .msg.note { border-color: #2196F3; } .AM .msg.note .lbl { color: #2196F3; } .AM .msg.tip { border-color: #4CAF50; } .AM .msg.tip .lbl { color: #4CAF50; } .AM .msg.warn { border-color: #f44336; } .AM .msg.warn .lbl { color: #f44336; } .AM ol, .AM ul { padding-left: 1rem; margin: 0.5rem 0 1rem; } .AM ol ol, .AM ol ul, .AM ul ol, .AM ul ul { margin: 0; } .AM li { font-size: 1rem; line-height: 1.6; margin-bottom: 0.1rem; } .AM ol li::marker, .AM ul li::marker { color: #363666; font-size: 1rem; font-weight: bold; } .AM .bt, .QA .bt { background-color: #f8f9fa; color: #111; padding: 2px 6px; border-radius: 3px; font-weight: bold; border: 1px solid #ccc; display: inline-block; font-size: 0.95em; line-height: 1.3; } .AM .I-link { color: #007ACC; text-decoration: none; transition: color 0.3s ease-in-out; } .AM .I-link:hover { color: #005F99; text-decoration: underline; } .AM .E-link, .QA .E-link { color: #0056b3; text-decoration: none; font-weight: bold; transition: color 0.3s ease-in-out; } .AM .E-link:hover, .QA .E-link:hover { color: #004494; text-decoration: underline; } .AM .E-link::after, .QA .E-link::after { content: ""; display: inline-block; width: 1rem; height: 1rem; margin-left: 4px; vertical-align: middle; background: url('https://manual.apnerp.com/image/apn/open_new.png') no-repeat center; background-size: contain; } .AM .stat-img, .QA .stat-img { max-width: 100%; height: auto; cursor: zoom-in; border: 1px solid #ddd; border-radius: 4px; } .AM .preview-wrapper, .QA .preview-wrapper { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; position: relative; display: inline-block; } .AM .preview-wrapper canvas, .QA .preview-wrapper canvas { display: block; width: 100%; height: auto; cursor: pointer; } /* 1) 오버레이 백그라운드 */ .lightbox { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8); display: flex; align-items: center; justify-content: center; cursor: zoom-out; z-index: 10000; overflow: auto; object-fit: contain; } /* 2) 오버레이 내부 이미지 */ .lightbox img { max-width: 95vw; max-height: 95vh; box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); border: 4px solid #fff; border-radius: 4px; } .lightbox img.rotate { transform: rotate(90deg); transform-origin: center center; max-width: 95vh; max-height: 95vw; object-fit: contain; } .AM img .QA img { margin-bottom: 0.5rem; border: 1px solid #ddd; border-radius: 4px; } .AM h1 { grid-area: title; } .AM .summary { grid-area: summary; margin-bottom: 2rem; } .AM .toc { grid-area: toc; } .AM .contentAM { grid-area: content; } .AM .toc-container { position: sticky; top: 20px; max-height: calc(100vh - 2rem); overflow-y: auto; margin-bottom: 24px; width: 100%; } .AM .toc-title { font-size: 16px; color: #333; font-weight: bold; padding-left: 8px; border-bottom: 1px solid #ddd; } .AM .toc-list { list-style: none; padding: 0; margin: 0; } .AM .toc-list li[data-level="h2"] { margin-top: 8px; font-size: 13px; } .AM .toc-list li[data-level="h3"] { margin: 0 0 0 8px; border-left: 1px solid #d1d1d1; font-size: 12px; } .AM .toc-list a { display: block; text-decoration: none; color: #6a737d; padding: 1px 1px 1px 8px; font-weight: 500; transition: color 0.2s ease-in-out; } .AM .toc-list li[data-level="h3"]>a { color: #9e9e9e; } .AM .toc-list a:hover { color: #003d82; text-decoration: underline; background: #f0f4ff; border-radius: 4px; } .toc-list a.active, .toc-list li[data-level="h3"]>a.active { color: #0070f3; } /* 모바일화 (980px 이하) */ @media (max-width: 980px) { .AM { display: block; } .AM .toc-container { overflow-y: visible !important; max-height: none !important; height: auto !important; position: static; /* 또는 relative */ top: auto; } /* 스크롤바도 확실히 숨김 */ .AM .toc-container::-webkit-scrollbar { display: none; } } .BM { font-family: 'Noto Sans', 'Noto Sans SC', 'Noto Sans KR', sans-serif; font-size: 1rem; line-height: 1.6; color: #111; } .BM summary { font-weight: bold; font-size: 1.25rem; cursor: pointer; padding: 0.5rem; border-bottom: 2px solid #ddd; } .BM details { margin-bottom: 1rem; } .extended-container { margin-bottom: 20px; } .side-column { position: sticky; top: 20px; max-height: calc(100vh - 40px); /* 20px(top) + 20px(bottom) 여유 */ overflow-y: auto; margin-top: 20px; } .side-column::-webkit-scrollbar, .AM .toc-container::-webkit-scrollbar { width: 0; } .side-column:hover::-webkit-scrollbar, .AM .toc-container:hover::-webkit-scrollbar { width: 12px; } .side-column::-webkit-scrollbar-track, .AM .toc-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .side-column::-webkit-scrollbar-thumb, .AM .toc-container::-webkit-scrollbar-thumb { background-color: #a8a8a8; border-radius: 4px; border: 2px solid #f1f1f1; } .side-column::-webkit-scrollbar-thumb:hover, .AM .toc-container::-webkit-scrollbar-thumb:hover { background-color: #888; } .side-column::-webkit-scrollbar-button, .AM .toc-container::-webkit-scrollbar-button { width: 0; height: 0; display: none; } .side-category-accordion .box-category a:hover { background: #E6DCDC; border-radius: 4px; } .side-category-accordion .box-category li .active { background-color: #F2EEED; border-radius: 4px; } .AM .description { margin: 4rem 1rem 2rem; padding: 1rem 2rem; background-color: #f4f6fa; /* #f9f9f9 */ border-left: 4px solid #4a60aa; /* solid #ccc */ border-radius: 6px; color: #222; font-size: 1rem; font-weight: 400; line-height: 1.8; letter-spacing: 0.01em; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03); } .AM .description h2 { font-size: 1.25rem; margin-top: 0; margin-bottom: 1rem; border-bottom: 1px solid #ccc; /* 얇은 구분선 */ padding-bottom: 0.25rem; padding-bottom: 0.4rem; color: #363666; font-weight: 600; } /* 매뉴얼피드백 */ /* --- 피드백 섹션 전체 래퍼 --- */ #manual-feedback { max-width: 1000px; /* 최대 너비 설정 */ width: 100%; margin: 40px auto; /* 위아래 여백 및 가운데 정렬 */ padding: 25px 30px; /* 내부 여백 */ border-top: 1px solid #e0e0e0; /* 상단 구분선 */ background-color: #f9f9f9; /* 배경색 */ border-radius: 8px; /* 모서리 둥글게 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* 부드러운 그림자 효과 */ } /* --- 폼 기본 레이아웃 --- */ #feedback-form { display: flex; flex-direction: column; /* 요소들을 세로로 정렬 */ gap: 18px; /* 요소 사이의 간격 */ } .question-row { display: grid; grid-template-columns: 1fr auto; /* 좌측은 꽉, 우측은 자동 */ align-items: center; } .question-row h3 { margin: 0; font-size: 1em; font-weight: 600; color: #333; line-height: 1.5; } /* --- 제목 (H3) --- */ #feedback-form h3 { margin: 0; font-size: 1.1em; font-weight: 600; color: #333; padding: 0 !important; } /* --- "예/아니오" 옵션 --- */ .feedback-options { display: flex; justify-content: flex-end; /* 오른쪽 정렬 */ gap: 14px; align-items: center; } .feedback-options label { display: flex; align-items: center; gap: 6px; /* 라디오 버튼과 텍스트 사이 간격 */ cursor: pointer; font-size: 1em; } /* 라디오 버튼 크기 및 디자인 */ .feedback-options input[type="radio"] { width: 16px; height: 16px; accent-color: #007bff; /* 체크 시 색상 변경 (모던 브라우저 지원) */ } /* --- 피드백 입력창 (textarea) --- */ #feedback-form textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; /* 부모 폰트 상속 */ font-size: 0.95em; resize: vertical; /* 세로로만 크기 조절 가능 */ box-sizing: border-box; /* 패딩과 테두리를 너비에 포함 */ transition: border-color 0.3s; } #feedback-form textarea:focus { border-color: #007bff; outline: none; } /* --- 제출 버튼 --- */ #feedback-form button[type="submit"] { align-self: flex-start; padding: 10px 20px; font-size: 1em; font-weight: bold; color: #fff; background-color: #2F4F4F; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; } /* 버튼에 마우스를 올렸을 때 */ #feedback-form button[type="submit"]:hover { background-color: #466565; } /* --- 제출 완료 메시지 --- */ #feedback-message { font-weight: 500; text-align: center; } .post-details { overflow: visible !important; } @media (max-width: 470px) { .question-row { grid-template-columns: auto; gap: 18px; } .feedback-options { justify-content: flex-start; } } /* --- 테이블, 툴팁 --- */ .AM .inv-table, .QA .inv-table { width: 100%; border-collapse: collapse; } .AM th, .AM td, .QA th, .QA td { border: 1px solid #e5e7eb; padding: 10px 12px; vertical-align: middle; } .AM .inv-table thead th, .QA .inv-table thead th { background: #f8fafc; font-weight: 600; } /* 버튼 자체 스타일 */ .inv-tooltip-btn { position: relative; cursor: pointer; background: none; border: none; color: #2563eb; font-weight: 700; padding: 0 4px; } /* 툴팁 박스 기본 상태: 위쪽에 숨김 */ .inv-tooltip-btn .tooltip-content { position: absolute; bottom: 130%; left: 50%; transform: translateX(-50%) translateY(8px); opacity: 0; visibility: hidden; pointer-events: none; background: #111; color: #fff; padding: 8px 10px; border-radius: 8px; font-size: 13px; line-height: 1.4; white-space: nowrap; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); z-index: 10; transition: opacity .18s ease, transform .18s ease, visibility .18s linear; } /* 작은 위쪽 화살표 */ .inv-tooltip-btn .tooltip-content::after { content: ""; position: absolute; top: 100%; /* 박스 아래쪽 중앙에 붙여서 위를 향하게 */ left: 50%; transform: translateX(-50%); border-width: 6px; border-style: solid; border-color: #111 transparent transparent transparent; } /* 마우스 오버 또는 키보드 포커스 시 나타나기 */ .inv-tooltip-btn:hover .tooltip-content, .inv-tooltip-btn:focus-visible .tooltip-content { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); /* 위로 살짝 이동 */ pointer-events: auto; } /* 모션 최소화 환경 배려 */ @media (prefers-reduced-motion: reduce) { .inv-tooltip-btn .tooltip-content { transition: none; } } .QA { font-family: 'Noto Sans', 'Noto Sans SC', 'Noto Sans KR', sans-serif !important; font-size: 1rem; line-height: 1.8 !important; color: #111; } .QA h1, .QA h2, .QA h3, .QA h4 { font-weight: 700; margin: 0rem 0 0.25rem; padding-top: 0.75rem; padding-bottom: 0.15rem; } .QA h1 { font-size: 2rem; border-bottom: 3px solid #363666; } .QA h2 { font-size: 1.75rem; border-bottom: 2px solid #ddd; } .QA h3 { font-size: 1.5rem; color: #363666; } .QA h4 { font-size: 1.25rem; color: #555; } .QA p { margin: 0.5rem 0 1rem; line-height: 1.6; } .QA ol, .QA ul { padding-left: 1rem; margin: 0.5rem 0 1rem; } .QA ol ol, .QA ol ul, .QA ul ol, .QA ul ul { margin: 0; } .QA li { font-size: 1rem; line-height: 1.6; margin-bottom: 0.1rem; } .QA ol li::marker, .QA ul li::marker { color: #363666; font-size: 1rem; font-weight: bold; } /* Ask a Question */ a.cke_button { height: auto !important; } .reply_write em { display: block; font-size: 12px; font-style: normal; background-color: #f9f9fa; padding: 5px 10px; } .cke_editable { height: 160px !important; }