/* Theme Name: Bear Outdoor Tactical Theme URI: https://bearoutdoortactical.com Description: Bear Outdoor Tactical Custom WordPress Theme Author: Pemaju Digital Author URI: https://pemajudigital.com Version: 1.0 License: GPL License URI: http://www.gnu.org/copyleft/gpl.html */ #order_review table {width: 100%; border: 1px solid #ccc; border-bottom: none; text-align: left;} #order_review th {border-bottom: 1px solid #ccc; padding: 10px; font-size: .95rem; line-height: 1.4;} #order_review td {border-bottom: 1px solid #ccc; padding: 10px; font-size: .95rem; line-height: 1.4;} #order_review #payment {margin-top: 20px;} #order_review #payment ul.wc_payment_methods li {padding: 20px; border: 1px solid #ddd; border-radius: 4px; display: inline-block;} #order_review #payment ul.wc_payment_methods li label {font-weight: 500;} #order_review #payment ul.wc_payment_methods li p {font-weight: 400; font-size: .9rem; line-height: 1.3; padding-left: 6px;} #order_review .woocommerce-terms-and-conditions-wrapper {margin: 10px 0 20px;} #order_review .woocommerce-privacy-policy-text p {font-size: .9rem; line-height: 1.4;} #order_review .form-row button {font-size: 1rem; line-height: 1.1; font-weight: 500; padding: 14px 0; width: 180px; background: #333; color: #fff; border-radius: 4px; text-align: center; display: block;} /* ================================================== BASIC STYLES ================================================== */ html, body {border: 0; margin: 0; padding: 0; width: 100%; height: 100%; position: relative;} a img {border: 0} html {scroll-behavior: smooth;} *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} body {background: #f5f5f5; padding: 0; margin: 0!important; font-size: .95rem; line-height: 1.3;} img, object, embed {max-width: 100%; height: auto;} input:focus {outline: none;} *:focus {outline: none;} ::selection {background: #fff2a8;} ::-moz-selection {background: #fff2a8;} select {background: #fff;} button, select {cursor: pointer;} /* ================================================== LINK ================================================== */ a, input, #submit, textarea, button, button:hover, a i, a:hover i,.thumb a img, .thumb a:hover img, a:hover .thumb img, a .thumb img, .close img, .close img:hover, a .thumb::before, a:hover .thumb::before, .b-menu svg, .b-menu svg:hover {text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} a {-webkit-tap-highlight-color: transparent !important;} *{-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;} /* ================================================== TYPOGRAPHY ================================================== */ h1, h2, h3, h4, h5, h6 {font-weight: 700; text-transform: capitalize; margin: 0; padding: 0;} ul, li, ol {list-style: none; margin: 0; padding: 0;} p {margin: 0;} body, input, textarea, select, button {font-family: "Inter", Tahoma, Trebuchet MS, Arial, sans-serif!important;} button, select {cursor: pointer;} button {border: none; padding: 0; box-shadow: 0; background: none;} /* ================================================== LAYOUT CONTROL ================================================== */ .layout-control {max-width: 1280px; margin: 0 auto; position: relative; padding: 0 20px;} .head-control {max-width: 1600px; margin: 0 auto; position: relative; padding: 0 20px;} .flot {float: left;} .sec {width: 100%; position: relative;} .js-offcanvas, .b-menu, .showme, .acc-hp, .c-hp, .hsb, .head-nav, .hp-sbox, .hp-search {display: none;} .thumb img {width: 100%; height: auto; margin-bottom: -5px;} .wt_pklist_invoice_download {display: none!important;} .woocommerce-MyAccount-content .woocommerce-order-details br {display: none!important;} .woocommerce-MyAccount-content .woocommerce-order-details table {margin-bottom: 15px;} .woocommerce-MyAccount-content .woocommerce-order-details a.button {padding: 10px 0; background: #fbfbfb; color: #333; border: 1px solid #ccc; display: block; width: 200px; text-align: center; border-radius: 4px; font-size: .9rem; font-weight: 500; margin-bottom: 5px;} .woocommerce-MyAccount-content .woocommerce-order-details a:hover.button {border-color: #222; text-decoration: none;} /* ================================================== ELEMENTOR FIX ================================================== */ .elementor-widget-text-editor p {margin-bottom: 15px;} .elementor-widget-text-editor a {color: #9a005b; font-weight: 500;} .elementor-widget:not(:last-child), .elementor-widget-text-editor p:last-child {margin-bottom: 0!important;} .elementskit-testimonial-slider .slick-dots {bottom: 10px!important;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 3px!important;} .elementor-accordion-icon-right {margin-top: 3px!important;} .elementor-widget-text-editor ul, .elementor-widget-text-editor ol {padding-left: 25px; margin-bottom: 20px;} .elementor-widget-text-editor ul li {list-style: disc; margin-bottom: 8px;} .elementor-widget-text-editor ol li {list-style: decimal;} .db-sec {box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;} .dd-box .elementor-widget-wrap {border-top: 4px solid #fc081e!important; border-right: 1px solid #ddd!important;} .dd-box.last .elementor-widget-wrap {border-right: 0!important} .ddc-title span {color: #fc081e; display: block;} .pa-title span {display: block;} .i-btn .elementor-button-icon .e-font-icon-svg {font-size: .6rem;} /* ================================================ HEADER ================================================== */ .h-box {display: flex; justify-content: space-between; align-items: center;} .h-top {background: #fff; padding: 20px 0; border-top: 3px solid #000;} .logo {background: url("images/bot-logo.png") no-repeat; width: 143px; height: 75px; display: block; text-indent: -9999px; background-size: contain;} .e-search {width: 45%;} .e-search form {display: flex; align-items: center; position: relative;} .e-search .hs-text {width: 100%;} .e-search .hs-btn {position: absolute; top: 7px; right: 5px;} .e-search input {font-size: 1rem; line-height: 1.3; padding: 14px 50px 14px 15px; border: 1px solid #7e7e7e; border-radius: 3px; width: 100%;} .e-search input:hover, .e-search input:focus {border-color: #000;} .e-search button#searchsubmit {background: #fff200; width: 35px; height: 35px; padding: 10px; display: block; border-radius: 50%;} .e-search button:hover#searchsubmit {background: #f9ef2d;} /**** RIGHT HEAD ****/ .r-head {display: flex; align-items: center;} .h-acc {position: relative;} .h-acc::after {content: ''; position: absolute; top: calc(50% - 16px); right: 0; background: #ddd; width: 1px; height: 34px;} .acc-desk {position: relative;} .accb {padding: 15px 25px 15px 0; color: #333; display: flex; align-items: center;} .accb h4 {margin-left: 15px; font-size: .9rem;} .accb h4 span {display: block; font-weight: 400;} .accb img {width: 30px;} .showhim:hover .showme {display: block; position: absolute; top: 75px;} .acc-b {top: -10px; border-top: 3px solid #0b95ce; padding: 25px; background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 3px 8px 0px; z-index: 999; position: relative;} .acc-b.ac-form {width: 330px; right: 58px;} .acc-b.ac-nav {width: 250px; right: 98px; padding: 15px 20px;} .acb-t {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #ccc;} .acb-t h4 {font-size: 1.1rem; line-height: 1.1;} .acb-t a {font-size: .9rem; line-height: 1.1; color: #000;} .acb-t a:hover {color: #f40000;} .ac-nav li a {padding: 8px 0; font-size: .96rem; line-height: 1.1; color: #000; display: block; width: 100%;} .ac-nav li a:hover {color: #f40000;} .h-btm {background: #fff; border-top: 1px solid #333; border-bottom: 1px solid #333;} /* ================================================ MINICART ================================================== */ .miniCart {margin-top: 10px; padding-left: 25px;} .miniCart .c-button__text {display: flex; align-items: center;} .miniCart .oc-a img {width: 30px;} .miniCart .oc-b {margin-left: 15px;} .miniCart a .oc-b {color: #333; font-size: 1.1rem;} .miniCart a.js-offcanvas-trigger {position: relative;} .miniCart a.js-offcanvas-trigger .mCart-count {top: -4px; left: 20px; background: #000; width: 20px; height: 20px; padding-top: 4px; color: #fff; font-size: .75rem; line-height: 1; border-radius: 50%; text-align: center; position: absolute; z-index: 3;} .miniCart .c-offcanvas--right {width: 480px; transform: translate3d(480px, 0, 0);} .miniCart .js-offcanvas-close {position: absolute; width: 20px; height: 20px; padding: 3px; right: 10px; top: 10px; z-index: 9999;} .miniCart .js-offcanvas-close img:hover {opacity: .6;} .mCart {background: #fff; padding: 30px 30px 90px; position: relative; height: 100%; overflow-y: auto; z-index: 9998;} .mCart-title {margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; position: relative;} .mCart-title h3 {font-size: 1.3rem; line-height: 1; font-weight: 500; color: #2c2929;} .mCart-title span {font-size: 1.1rem; line-height: 1; font-weight: 400;} .mCart-list {border-top: 1px solid #ddd;} .mCart-list li {width: 100%; padding: 15px 0; border-bottom: 1px solid #ddd; position: relative;} .mCart-list li .box {display: flex;} .mCart-list li .c-thumb {max-width: 80px; margin-right: 15px;} .mCart-list li .cp-info {display: flex; flex-direction: column; justify-content: center;} .mCart-list li .cp-info a {color: #2c2929; font-size: .9rem; line-height: 1.2; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .mCart-list li .cp-qty {margin: 8px 0 10px; font-size: .8rem; line-height: 1;} .mCart-list li .cp-qty .quantity {border: none; width: inherit; margin-bottom: 5px;} .mCart-list li .cp-qty del bdi {color: #757575; margin-right: 5px;} .mCart-list li a.remove {font-size: .75rem; line-height: 1; color: #433f3f;} .mCart-list li a.remove i {margin-right: 3px;} .mCart-list li a:hover {text-decoration: underline;} .mCart-list li a:hover.remove {color: #ff0000; text-decoration: none;} .mCart-list li .cp-info a img {display: none!important;} .mC-btm {position: fixed; bottom: 0; left: 0; background: #fff; width: 100%; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; padding: 10px 30px;} .mC-btm .mC-total {margin-bottom: 10px; font-size: 1rem; line-height: 1.2;} .mC-btm a {display: block!important; width: 100%; padding: 14px 0; text-align: center; font-size: 1rem; line-height: 1; font-weight: 500; background: #000; color: #fff; border-radius: 4px;} .mC-btm a:hover {background: rgba(0,0,0,.8);} .empty-cart {padding: 60px 0;} .empty-cart img {width: 100px; height: 100px;} .empty-cart p {font-size: 1.5rem; line-height: 1.1; font-weight: 300; margin: 15px 0; color: #2c2929;} .empty-cart .button {margin-top: 30px;} .empty-cart .button a {display: block; width: 220px; padding: 14px 0; text-align: center; font-size: 1.1rem; line-height: 1; font-weight: 500; color: #fff; background: #000; border-radius: 4px;} .empty-cart .button a:hover {background: rgba(0,0,0,.8);} /* ================================================ NAVIGATION ================================================== */ #cssmenu {display: block; padding: 0; margin: 0;} #cssmenu > ul {padding: 0; margin: 0; display: flex; align-items: center;} #cssmenu > ul > li {padding: 0; margin: 0; float: left; display: block; position: relative;} #cssmenu > ul > li > a {padding: 16px 20px; color: #000; font: 1.3rem "Bebas Neue", sans-serif; line-height: 1; letter-spacing: 1.1px; text-transform: capitalize; display: block; position: relative;} #cssmenu > ul > li > a:hover {color: #828282;} #cssmenu > ul > li:first-child > a {padding-left: 0;} #cssmenu > ul > li:last-child > a {padding-right: 0;} /** depth **/ #cssmenu ul li.has-sub:hover > a:after {top: 0; bottom: 0;} #cssmenu > ul > li.has-sub > a:after {content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .7rem; vertical-align: 1px; position: relative; margin-left: 5px;} #cssmenu ul li.has-sub:hover > a {z-index: 999; width: auto;} #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {display: block;} #cssmenu ul li.has-sub:hover > a:after, #cssmenu ul li.has-sub:hover > a {color: #8b0253;} #cssmenu ul li > ul, #cssmenu ul li > div {display: none; width: auto; position: absolute; top: 60px; z-index: 99;} #cssmenu ul li > ul {width: 250px; background: #fff; padding: 10px 15px; border: 1px solid #ddd; border-radius: 6px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} #cssmenu ul li > ul li {display: block; float: left; width: 100%; padding: 0; margin: 0; position: relative;} #cssmenu ul li > ul li a {color: #000; margin: 0; padding: 10px 0; font-size: 1rem; line-height: 1; font-weight: 400; text-transform: capitalize; text-align: left; text-decoration: none; display: block; position: relative; transition: all 0.2s ease-in-out;} #cssmenu ul li > ul li:last-child a {border-bottom: none;} #cssmenu ul li > ul li a:hover {color: #8b0253;} /** CUSTOM NAV **/ #cssmenu li.n-tour::before {content: 'Packages'; padding: 4px; background: #e0004a; font-size: .6rem; line-height: 1; font-weight: 500; color: #fff; left: 14.5px; border-radius: 2px; text-transform: uppercase; margin-bottom: 4px; position: absolute;} #cssmenu li.n-tour.n-nav > ul {width: 600px; flex-wrap: wrap; left: -50px;} #cssmenu li.n-tour.n-nav > ul li {width: 33.33333333%;} #cssmenu li.n-hot a, #footmenu li.n-hot a {display: flex; align-items: center;} #cssmenu li.n-hot a::after, #footmenu li.n-hot a::after {content: 'HOT'; padding: 4px; background: #d60014; font-size: .55rem; line-height: 1.1; font-weight: 500; color: #fff; border-radius: 2px; text-transform: uppercase; margin-left: 6px; animation: shine 1.5s infinite;} #cssmenu li.m-title, #cssmenu li.n-all {width: 100%!important;} #cssmenu li.m-title a {color: #000!important; font-size: .9rem; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #ddd; text-transform: uppercase; margin-bottom: 10px; width: 100%;} #cssmenu li.n-all a {font-size: .85rem; color: #19b400; font-weight: 500; text-transform: uppercase;} #cssmenu li.n-all a:hover {color: #5ea63b;} #cssmenu li.n-all a::after {content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .5rem; vertical-align: 2.1px; margin-left: 4px; transition: .2s;} #cssmenu li.n-all a:hover::after {margin-left: 5px;} /* ================================================== FOOTER ================================================== */ .b-foot {background: #082a63 center center; background-size: cover; padding: 60px;} .b-foot .box {max-width: 450px; margin: 0 auto; display: flex; flex-direction: column; align-items: center;} .b-foot h3 {font-size: 1.4rem; line-height: 1.3; margin-bottom: 10px;} .b-foot p {font-size: 1rem; line-height: 1.5; padding: 0 30px;} .b-foot h3 , .b-foot p {text-align: center; color: #fff;} .b-foot .tnp {width: 450px; margin: 25px 0 0!important;} .b-foot .tnp form {display: flex; width: 100%;} .b-foot .tnp .tnp-field-email {width: 100%;} .b-foot .tnp label {display: none;} .b-foot .tnp input {padding: 14px!important; font-size: 1rem; line-height: 1.3; background: #fff; border-radius: 3px; width: 100%; border: none;} .b-foot .tnp .tnp-field-button {margin-left: 10px; width: 130px;} .b-foot .tnp .tnp-field-button input {font-weight: 600; background: #ffff00; color: #000; cursor: pointer;} .b-foot .tnp .tnp-field {margin-bottom: 0!important;} .foot {background: #222021; padding: 60px 0;} .foot, .foot h3, .foot p, .foot a {color: #fff;} .foot h3 {font: 1.1rem 'Bebas Neue', sans-serif; line-height: 1.1; letter-spacing: 1px; margin-bottom: 15px;} .f-top {display: flex;} .f-top .row.one {width: 55%; display: flex;} .f-top .row.two {width: 25%;} .f-top .row.three {width: 20%;} .f-top .row.two, .f-top .row.three {padding-left: 80px;} .f-top .row.one img {height: 160px;} .f-top .row.one .f-info {margin-left: 30px;} .f-top .row.one p {font-size: .9rem; line-height: 1.6;} .f-ctc {margin-top: 15px;} .f-ctc h4 {color: #fff200;} .f-ctc a {font-size: .9rem; line-height: 1.1; font-weight: 500;} .f-ctc a i {margin-right: 2px;} .f-ctc a.f-call {margin-right: 15px;} .f-ctc a.f-call i {color: #25aae1!important;} .f-ctc a.f-wsp i {color: #39dc00!important; font-size: 1.1rem; vertical-align: -1.5px;} .f-ctc a:hover {color: #a8a8a8;} .f-btm {margin-top: 40px; padding-top: 40px; border-top: 1px solid rgba(255,255,255,.1);} .text-btm p {font-size: .78rem; line-height: 1.3; color: rgba(255,255,255,.7);} .copy {margin-top: 20px;} .copy p {font-size: .9rem; line-height: 1.4;} .f-socmed {margin-top: 6px;} .f-socmed li {margin-bottom: 16px;} .f-socmed li:last-child {margin-right: 0;} .f-socmed li a {background: none; font-size: .95rem; line-height: 1.1; font-weight: 300; color: #fff; display: block;} .f-socmed li a i {width: 18px; text-align: center; display: inline-block; margin-right: 3px;} .f-socmed li a:hover {opacity: .7;} #footmenu > ul, .f-top .col ul {display: flex; flex-wrap: wrap;} #footmenu > ul > li, .f-top .col li {width: 100%; margin-bottom: 16px; position: relative;} #footmenu > ul > li:last-child, .f-top .col li:last-child {margin-bottom: 0;} #footmenu > ul > li > a, .f-top .col li a {font-size: .95rem; line-height: 1.3; color: #fff;} #footmenu > ul > li > a:hover, .f-top .col li a:hover {color: #a8a8a8;} #mvcwid, #mvccount, #mvctable {font-size: .85rem; font-weight: 300; padding: 0!important;} #xtvctable, #mvctable {margin-top: 10px;} #xtvctable div {margin-bottom: 5px;} #xtvctable div img {margin-bottom: -3.5px;} .wdsgn {margin-top: 10px;} .wdsgn a {font-size: .7rem; line-height: 1.1; text-transform: uppercase;} .wdsgn a:hover {text-decoration: underline;} /* ================================================== PAGE ================================================== */ .pages {padding: 30px 0;} .pages.woo {padding: 40px 0;} .post-edit-link {position: fixed; left: 20px; bottom: 20px; font-size: .75rem; font-weight: 500; color: #fff; background: #36980a; text-transform: uppercase; width: 50px; height: 50px; border-radius: 50%; display: block; padding-top: 17px; text-align: center; z-index: 999;} .p-title {margin-bottom: 30px;} .p-title h1 {font-size: 1.8rem; line-height: 1; font-weight: 700; color: #000; text-transform: capitalize;} .page-content h2, .page-content h3, .page-content h4 {font-size: 1.2rem; line-height: 1.3; font-weight: 700; margin: 20px 0 15px; text-transform: capitalize;} .page-content h2 {text-transform: uppercase; font-size: 1.3rem; text-decoration: underline;} .page-content p {margin-bottom: 15px; word-wrap: break-word;} .page-content p, .page-content ul li, .page-content ol li {font-size: 1rem; line-height: 1.4;} .page-content a {color: #a10862; font-weight: 600;} .page-content a:hover {text-decoration: underline;} .page-content ul, .page-content ol {margin: 0 0 15px; padding-left: 30px;} .page-content ol li {list-style: decimal;} .page-content ul li {list-style: disc;} .page-content ul li, .page-content ol li {padding: 1px 0; word-wrap: break-word; margin-bottom: 2px;} /* ================================================== PAGE GALLERY ================================================== */ .p-gallery, .gallery {display: flex; flex-wrap: wrap;} .p-gallery .item {width: 33.333333%; padding: 0 10px; margin-bottom: 20px;} .gallery .item {width: 20%; padding: 10px;} .gallery .item a img {border-radius: 8px; transition: .3s;} .gallery .item a:hover img {opacity: .8;} /* ================================================== PAGE CONTACT ================================================== */ .p-ctc {margin: 0 -10px 40px; display: flex;} .p-ctc .col {width: 50%; padding: 0 10px;} .p-ctc .col a {padding: 20px 30px; background: #fff; border: 1px solid #e8e8e8; border-radius: 8px; display: block; width: 100%;} .p-ctc .col a:hover {border-color: #000;} .p-ctc .col a img {height: 36px; margin-bottom: 10px;} .p-ctc .col a h4 {font-size: 1.1rem; line-height: 1.2; font-weight: 700; color: #000; margin-bottom: 5px;} .p-ctc .col a span {font-size: .85rem; line-height: 1.1; font-weight: 600; color: #163598;} .p-add .col {margin-bottom: 20px;} .p-add-box {margin-bottom: 8px;} .p-add h4 {font-size: 1rem; line-height: 1.3; font-weight: 700; text-transform: uppercase; margin-bottom: 3px;} .p-add p {font-size: 1rem; line-height: 1.4;} .p-dir a img {width: auto; height: 36px!important;} .p-dir a.btn-one {margin-right: 5px;} .socmed ul {display: flex; align-items: center;} .socmed li {margin-right: 3px;} .socmed li:last-child {margin-right: 0;} .socmed li a {width: 38px; height: 38px; font-size: 1.1rem; line-height: 1; color: #fff; padding-top: 10px; display: block; text-align: center; border-radius: 50%;} /* ================================================== BLOG ================================================== */ .bs-title {margin-bottom: 30px; overflow: hidden;} .bs-title h2 {font-size: 4rem; line-height: 1.3; font-weight: 900; color: #000; z-index: 3;} .bs-title h2::before {content: 'BLOG'; position: absolute; width: 97%; top: -60px; font-size: 14rem; font-weight: 700; z-index: -1; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg,#0c0a0a 0%,rgba(12,10,10,0) 100%); opacity: .06; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #000;} .bs {display: flex;} .b-content, .sidebar {position: relative;} .b-content {width: 75%; padding-right: 50px;} .sidebar {width: 25%;} /* ================================================== BLOG LIST ================================================== */ .post-meta {font-size: .8rem; line-height: 1.1; color: #828282;} .b-list {overflow: hidden;} .b-list .box {display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -15px;} .b-list .row {width: 33.3333333%; padding: 0 15px; margin-bottom: 40px;} .b-list .thumb {position: relative; overflow: hidden; max-height: 228px; border-radius: 8px;} .b-list .post-edit-link {position: absolute; top: 10px; right: 10px; z-index: 3;} .b-list .info {margin-top: 12px;} .b-list .info h4 a {font-size: 1.2rem; line-height: 1.3; font-weight: 600; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .b-list .info h4 a:hover {text-decoration: underline;} .b-list .post-meta {margin: 10px 0 15px;} .b-list .post-meta span {margin: 0 1px; font-size: .6rem; vertical-align: 1px;} .b-list .post-meta a {color: #828282;} .b-list .post-meta a:hover {text-decoration: underline;} .b-list .thumb a img {transition: 1.3s; border-radius: 8px;} .b-list .thumb a img:hover {transform: scale(1.15);} .b-list .excerpt p {font-size: 1rem; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} /* ================================================== BLOG SINGLE ================================================== */ .b-single h1 {font-size: 2rem; line-height: 1.2; color: #000;} .b-single .post-meta {margin: 10px 0 25px;} .b-single .post-meta span {margin: 0 1px; font-size: .6rem; vertical-align: 1px;} .b-single .post-meta a {color: #828282;} .b-single .post-meta a:hover {text-decoration: underline;} /* ================================================== ENTRY CONTENT ================================================== */ .entry-content {margin-top: 15px;} .entry-content h2, .entry-content h3, .entry-content h4 {font-weight: 700; color: #000; margin: 25px 0 15px; text-transform: capitalize;} .entry-content h2, .entry-content h3 {font-size: 1.4rem; line-height: 1.3;} .entry-content h4 {font-size: 1.3rem; line-height: 1.3;} .entry-content p {margin-bottom: 15px;} .entry-content p, .entry-content ul li, .entry-content ol li {font-size: 1rem; line-height: 1.5; color: #000;} .entry-content a {color: #1345c4; font-weight: 500;} .entry-content a:hover {text-decoration: underline;} .entry-content img, .page-content img {width: 100%; height: auto; margin-bottom: 15px;} .entry-content ul, .entry-content ol {margin: 0 0 1.5em; padding-left: 30px;} .entry-content ul li, .entry-content ol li {padding: 1px 0; margin-bottom: 2px;} .entry-content ul li {list-style: disc;} .entry-content ol li {list-style: decimal;} .entry-content iframe {display: flex; margin: 0 auto;} .galeri {display: flex; flex-wrap: wrap;} .galeri .item {width: 33.3333333333%; padding: 5px;} .galeri .item a img {margin-bottom: -5px;} .galeri .item a:hover img {opacity: .7;} .wp-embedded-content {width: 100%!important;} .twitter-tweet {margin: 0 auto 10px!important;} .tag {margin-bottom: 20px;} .tag span {font-size: .8rem; line-height: 1.3; margin: 5px 5px 0 0; color: #373737; background: #eaeaea; padding: 4px 12px; border-radius: 30px; display: inline-block;} .tag span:last-child {margin-right: 0;} .sharer {margin-top: 30px;} .sharer h4 {margin-bottom: 10px; font-size: 1.2rem; line-height: 1; font-weight: 600; text-transform: uppercase; z-index: 3;} .sharer ul {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;} .sharer li {margin: 0 10px;} .sharer li a {font-size: 2.2rem; line-height: 1; color: #000; padding-top: 7px; text-align: center; border-radius: 50%; display: block;} .sharer li a:hover {opacity: .5;} .sharer li a span {display: block; font-size: .6rem; line-height: 1; font-weight: 400; text-transform: uppercase; margin-top: 6px;} /* ================================================== SIDEBAR ================================================== */ .fbx-box {margin-bottom: 30px;} .c-side li a {display: flex; align-items: center; padding: 15px 0; border-bottom: 1px solid #ddd; position: relative;} .c-side .info {padding-right: 18px; width: 100%;} .c-side li a h4 {font-size: .98rem; line-height: 1.4; color: #000; font-weight: 500; margin: 10px 0 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} .c-side li a:hover h4 {text-decoration: underline;} .c-side li a .post-meta {font-size: .75rem; display: flex; align-items: center;} .c-side .thumb {max-width: 110px; height: 110px; overflow: hidden;} .c-side a .thumb img {min-width: 180px; margin-left: -30%; transition: 1.3s;} .c-side a:hover .thumb img {transform: scale(1.15);} /* ================================================== PAGINATION ================================================== */ .wp-pagenavi {width: 100%; position: relative; margin: 10px 0; display: flex; justify-content: center;} .wp-pagenavi span, .wp-pagenavi a {color: #000; font-size: 1rem; line-height: 1; font-weight: 300; border: none!important; border-radius: 50%; width: 2em; height: 2em; display: flex; align-items: center; justify-content: center;} .wp-pagenavi a:hover {color: #9a005b;} .wp-pagenavi span.current {background: #9a005b; color: #fff; font-weight: 500!important;} .wp-pagenavi .pages {display: none;} /* ================================================== RELATED ARTICLE ================================================== */ h3.rltd-title {margin: 30px 0 15px; font-size: 1.2rem; line-height: 1.2; font-weight: 700;} .related_posts_list {padding-left: 20px; max-width: 700px;} .related_posts_list li {margin-bottom: 10px; list-style: disc;} .related_posts_list li a {color: #1345c4; font-size: 1.1rem; line-height: 1.3; font-weight: 500;} .related_posts_list li a:hover {text-decoration: underline;} /* ================================================== COMMENT AREA ================================================== */ .comment-area {width: 100%; float: left; padding-top: 30px;} .cmt-title h3 {font-size: 1.5rem; line-height: 1; color: #000; font-weight: 700; margin-bottom: 10px;} .cmt-title h3 i {vertical-align: -1px; margin-right: 3px;} .cmt-title p {font-size: .9rem; line-height: 1.3; font-weight: 400;} .cmt-title p i {font-size: .6rem; vertical-align: .5px;} .cmt-title p a:hover {text-decoration: underline;} .no-cmt {margin: 30px 0;} .no-cmt p {font-size: 1.4em; line-height: 1.3; font-weight: 300; text-align: center;} .comment-wrapper {position: relative; display: block; border-bottom: 1px solid #e0e0e0; padding: 20px 0 20px;} .author-gravatar {position: absolute; width: 70px; height: 70px;} .author-gravatar img {border-radius: 50%; border: 6px solid #ddd;} .comment-right {padding-left: 90px;} .komenName {margin-bottom: 5px;} .komenName, .komenName a {font-size: 1rem; line-height: 1.1; color: #000; font-weight: 600; text-transform: capitalize;} .komenName a {color: #1345c4;} .komenName a:hover {text-decoration: underline;} .comment-meta {font-size: .8rem; color: #b1b1b1; position: relative;} .comment-meta span {text-transform: capitalize; font: 14px Arial, Helvetica, sans-serif; color: #4f4f4f;} .comment-meta .edit {position: absolute; right: 0; top: 0;} .comment-meta .edit a {font-weight: normal; font-size: 11px; color: #4f4f4f; text-transform: uppercase;} .comment-content {margin: 8px 0;} .commentlist li ul.children li.depth-2 .comment-wrapper {margin-left: 20px;} .commentlist .reply a {font-weight: 600!important; font-size: .7rem; text-transform: uppercase; color: #333;} .commentlist .reply a:hover {color: #0968dc;} .commentlist .reply a.comment-reply-link::before {content: "\f079"; font-size: .8rem; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; vertical-align: -1px;} .commentlist .comment-edit-link {margin-left: 10px;} .commentlist .comment-edit-link::before {content: "\f044"; font-size: .9rem; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px;} .comment-wrp p {font-size: 1rem; line-height: 1.3; color: #313030; margin-bottom: 10px; word-wrap: break-word;} #lastposts {width: 100%!important;} .choosepost.blog {width: 100%!important; display: block!important; margin-bottom: 1px; padding: 0 10px; background: #f4f4f4; cursor: pointer;} .choosepost.blog:hover {background: #ededed;} /* ================================================== COMMENT FORM ================================================== */ .log {font-size: 12px; color: #585757; margin-bottom: 8px;} .comment-title {} .comment-title h3 {font-size: 1.6rem; font-weight: 700; text-transform: capitalize;} .comment-title p {font-size: .95rem; line-height: 1.3; color: #646464; margin-top: 10px;} .comment-title p span {color: #ff0000;} #commentform {padding-bottom: 30px;} .cmtform-one {display: flex;} #commentform .cmtform-one .col {width: 50%; margin-bottom: 20px;} #commentform .cmtform-one .col.one {padding-right: 10px;} #commentform .cmtform-one .col.two {padding-left: 10px;} #commentform label {display: block; width: 100%; font-weight: 500; color: #000; margin-bottom: 8px;} #commentform label span {color: #ff0000; font-weight: 700;} #commentform input {width: 100%; color: #585757; padding-left: 10px; line-height: 14px;} #commentform input, #commentform textarea {font-size: .95rem; line-height: 1.5; padding: 10px; background: #fff; color: #000; border: 1px solid #9fa6b2; border-radius: 4px;} #commentform input:focus, #commentform textarea:focus {border: 1px solid #1f36b0; background: #fff;} #commentform textarea {height: 138px; width: 100%; font-family: 'Inter', sans-serif;} #commentform #author::before {content: "\f079"; font-family: "Font Awesome 5 Solid";} .cmt-form {margin-bottom: 20px;} .btn-submit {margin-top: 10px;} .btn-submit input#submit {background: #000; font-size: 1.1rem; line-height: 1; font-weight: 600; border: none; cursor: pointer; color: #fff; padding: 18px 0; text-align: center; width: 100%; border-radius: 4px; transition: all 0.2s ease-in-out; display: block;} .btn-submit input:hover#submit {opacity: .8;} .cancel-comment-reply {margin: 20px 0 20px;} .cancel-comment-reply a {font-size: 20px; color: #282828; font-weight: 600;} .comment-extra {font-size: 12px!important;} /* ================================================== SINGLE MORE POST ================================================== */ .more-post {margin: 30px 0;} .more-post .title {margin-bottom: 20px;} .more-post .title h3 {font-size: 1.6rem; line-height: 1.1; font-weight: 700;} .more-post .post-meta {margin: 10px 0 15px;} .more-one .box {max-width: 800px;} .more-one .col {margin-bottom: 20px;} .more-one .col:last-child {margin-bottom: 0;} .more-one .col a {display: flex; align-items: center;} .more-one .thumb {min-width: 180px; margin-right: 20px; position: relative; overflow: hidden;} .more-one a .thumb {border-radius: 8px;} .more-one a .thumb img {transition: 1.3s;} .more-one a:hover .thumb img {transform: scale(1.15);} .more-one .info {width: 100%;} .more-one a .info h4 {color: #000; font-size: 1.15rem; line-height: 1.3; font-weight: 700; margin-bottom: 10px;} .more-one a .info .excerpt p {font-size: .95rem; line-height: 1.4; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .more-one a:hover .info h4 {text-decoration: underline;} /* ================================================== SEARCH PAGE ================================================== */ .search-title {padding: 20px 20px 0;} .search-title h1 {font-size: 1.4rem; line-height: 1.2; color: #000; font-weight: 600;} .spp .w-sort {padding-bottom: 20px;} /* ================================================== CF7 ================================================== */ .wpcf7 br {display: none!important;} .wpcf7 .col {margin-bottom: 14px; width: 100%;} .wpcf7 .box {display: flex; margin: 0 -7px;} .wpcf7 .box .col {width: 50%; padding: 0 7px;} .wpcf7 label {display: block; font-size: .95rem; line-height: 1; font-weight: 500; margin-bottom: 10px;} .wpcf7 label span {color: #ff0000; font-size: .8rem; line-height: 1; font-weight: 900;} .wpcf7 .n-note {font-size: .8rem; line-height: 1.3; color: #4d4d4d; margin-top: 5px;} .wpcf7 .nota {font-size: .9rem; line-height: 1.3; color: #4d4d4d; margin-bottom: 8px; display: block;} .wpcf7 input, .wpcf7 textarea, .wpcf7 select {width: 100%; padding: 12px; font: 1rem 'Inter', sans-serif; line-height: 1; font-weight: 400; background: #fff; border: 1px solid #9c9c9c; border-radius: 2px; transition: .1s;} .wpcf7 textarea {height: 150px; line-height: 1.4;} .wpcf7 input:focus, .wpcf7 textarea:focus {border: 2px solid tranparent; outline: 1px solid #163ff0;} .wpcf7 input:hover, .wpcf7 textarea:hover, .wpcf7 select:hover {border: 1px solid #333;} .wpcf7 select {cursor: pointer; padding: 11.1px 12px;} .wpcf7 .col.address textarea {height: 80px;} .wpcf7 .wpcf7-radio, .wpcf7 .wpcf7-checkbox {margin-top: 12px; display: block;} .wpcf7 .wpcf7-list-item {margin: 0 40px 0 0;} .wpcf7 .wpcf7-list-item input {width: 16px; height: 16px; margin: 0 4px 0 0; padding: inherit; vertical-align: -2.5px;} .wpcf7 .wpcf7-list-item label, .wpcf7 .wpcf7-list-item input {cursor: pointer;} .wpcf7 .wpcf7-list-item .wpcf7-list-item-label {color: #000; font-weight: 400;} .wpcf7 .wpcf7-list-item :checked + span {font-weight: bold;} .wpcf7 .wpcf7-list-item input:focus {border: none!important; outline: none!important;} .wpcf7 .wpcf7-checkbox {display: flex; flex-wrap: wrap;} .wpcf7 .wpcf7-checkbox .wpcf7-list-item {width: 25%; margin-right: 0; padding-right: 20px;} .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label {font-size: 1rem; line-height: 1.2;} .wpcf7 .button {position: relative; display: flex; justify-content: center;} .wpcf7 .button input {background: #fff200; color: #000; border: none; font-size: 1rem; line-height: 1; text-transform: uppercase; font-weight: 600; padding: 16px 0; text-align: center; width: 400px; display: block; border-radius: 4px; cursor: pointer; transition: .3s;} .wpcf7 .button input:hover {background: #f3e70a;} .wpcf7 .button input:focus {outline: none;} .myfile span {cursor: pointer;} .myfile input {padding: 0; border: none!important; cursor: pointer; font-size: .9rem;} .wpcf7-spinner {position: absolute!important; right: 10px; top: 10px;} .wpcf7-not-valid {border: 1px solid #ff0000!important;} .wpcf7-response-output {padding: 0!important; margin: 15px 0 0!important;} .wpcf7 form.sent .wpcf7-response-output {border: none; text-align: center; font-size: .9rem; line-height: 1.2; color: #46b450;} .wpcf7 form.invalid .wpcf7-response-output {border: none; text-align: center; font-size: .8rem; line-height: 1.2; color: #ff0000;} .wpcf7-not-valid-tip {display: none!important;} /**** WSP FORM **/ .f-wsp .wpcf7 .col {margin-bottom: 15px;} .f-wsp .wpcf7 label {display: block; font-size: .95rem; line-height: 1; font-weight: 600; margin-bottom: 8px;} .f-wsp .wpcf7 label span {color: #ff0000; font-size: .8rem; line-height: 1; font-weight: 300;} .f-wsp .wpcf7 input, .f-wsp .wpcf7 textarea, .f-wsp .wpcf7 select {padding: 10px;} .f-wsp .wpcf7 textarea {height: 100px; line-height: 1.4;} .f-wsp .wpcf7 .button input {width: 300px;} .f-wsp .wpcf7 .button {position: relative; display: flex; justify-content: center;} .f-wsp .wpcf7 .button input {background: #34c700; color: #fff; border: none; font-size: 1rem; line-height: 1; text-transform: uppercase; font-weight: 600; padding: 14px 0; text-align: center; width: 400px; display: block; border-radius: 4px; cursor: pointer; transition: .3s;} .f-wsp .wpcf7 .button input:hover {background: #2eb000;} /** PAGE FORM **/ .p-form .wpcf7 .button input {background: #9a005b;} .p-form .wpcf7 .button input:hover {background: #a90b68;} /* ================================================== MOBILE MENU ================================================== */ .b-menu {margin: 0 -8px 0 30px;} .b-menu a {width: 40px; height: 40px; padding-top: 6px; display: block;} .b-menu img {margin: 0 auto; display: block; width: 28px; height: 28px;} .c-offcanvas--left {background: #fff!important;} .c-offcanvas--left .js-offcanvas-close {position: absolute; top: 20px; right: 15px; z-index: 999;} .c-offcanvas--left .js-offcanvas-close img {width: 20px; height: 20px;} button.js-offcanvas-close {background: none; padding: 0; margin: 0; width: 20px; position: absolute; top: 10px; right: 10px;} .canv {display: flex; flex-direction: column; padding: 15px 15px 15px; width: 100%; overflow: hidden;} .bb-logo {margin-bottom: 20px;} .bb-logo a {display: inline-block;} .bb-nav {margin-bottom: 25px;} .bb-nav h3 {font: 1.3rem 'Bebas Neue', sans-serif; line-height: 1.2; font-weight: 400; margin-bottom: 5px;} .bb-nav #cssmenu {display: block; padding: 0; margin: 0;} .bb-nav #cssmenu > ul, .bb-nav ul {padding: 0; margin: 0; display: flex; flex-wrap: wrap;} .bb-nav #cssmenu > ul > li, .bb-nav ul li {width: 50%; padding: 0; margin: 0; display: block; position: relative;} .bb-nav #cssmenu > ul > li > a, .bb-nav li a {display: block; padding: 5px 0; position: relative; font: .95rem 'Inter', sans-serif; line-height: 1.3; font-weight: 500; color: #000; text-transform: capitalize; letter-spacing: 0;} .bb-extra {padding: 20px 0; border-top: 1px solid #ddd;} .bb-extra h3 {font-size: 1rem; line-height: 1.2; margin-bottom: 5px;} .bb-add p {font-size: .85rem; line-height: 1.4; color: #000;} .bb-add .ctc-direction {display: flex; margin-top: 8px;} .bb-add .ctc-direction img {width: 34px; height: auto; margin-right: 5px;} .bb-ctc {display: flex; margin-top: 10px;} .bb-ctc a {font-size: 1rem; line-height: 1.2; color: #000; font-weight: 600; padding: 4px 0;} .bb-ctc a i {margin-right: 2px;} .bb-ctc a.call {margin-right: 15px;} .bb-ctc a.call i {color: #005ede;} .bb-ctc a.wsp i {color: #3aa400; font-size: 1.2rem; vertical-align: -1.5px;} .bb-socmed ul {display: flex; align-items: center;} .bb-socmed li {margin-right: 4px;} .bb-socmed li:last-child {margin: 0;} .bb-socmed li a {width: 34px; height: 34px; padding-top: 8px; font-size: 1.1rem; line-height: 1; color: #fff; display: block; text-align: center; border-radius: 50%;} .bb-socmed.ctc li a {font-size: 1.2rem;} .bb-copy {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd;} .bb-copy p {font-size: .88rem; line-height: 1.4; color: #000;} .bb-copy .wdsgn {margin-top: 10px;} .bb-copy .wdsgn a {font-size: .8rem; color: #000; font-weight: 500;} /* ================================================== OFF CANVAS ================================================== */ .c-offcanvas{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index: 999999!important;}.c-offcanvas-bg.c-offcanvas-bg--push,.c-offcanvas-bg.c-offcanvas-bg--reveal,.c-offcanvas-content-wrap,.c-offcanvas{transition:transform 300ms cubic-bezier(0.4,0,0.6,1)}.c-offcanvas.is-open{transform:translate3d(0,0,0);visibility:visible}.c-offcanvas-content-wrap{z-index:3}.c-offcanvas{position:fixed;min-height:100%;max-height:none;top:0;display:block;background:#fff;overflow-x:hidden;overflow-y:auto}.c-offcanvas--opening{transition-timing-function:cubic-bezier(0.4,0,0.6,1)}.c-offcanvas.is-closed{max-height:100%;overflow:hidden;visibility:hidden;box-shadow:none}.c-offcanvas--overlay{z-index:1080}.c-offcanvas--reveal{z-index:2}.c-offcanvas-bg{position:fixed;top:0;height:100%;width:100%;z-index:1079;left:-100%;background-color:transparent;transition:background-color 400ms cubic-bezier(0.23,1,0.32,1) 0}.c-offcanvas-bg.is-animating,.c-offcanvas-bg.is-open{left:0;background-color:rgba(0,0,0,0.68);visibility:visible}.c-offcanvas-bg.is-closed{visibility:hidden}.c-offcanvas-bg--closing.is-animating{background:transparent}.c-offcanvas--left{height:100%;width:70%;transform:translate3d(-70%,0,0)}.c-offcanvas--right{height:100%;width:17em;right:0;transform:translate3d(17em,0,0)}.c-offcanvas--top{left:0;right:0;top:0;height:10em;min-height:auto;width:100%;transform:translate3d(0,-10em,0)}.c-offcanvas--bottom{top:auto;left:0;right:0;bottom:0;height:12.5em;min-height:auto;width:100%;transform:translate3d(0,12.5em,0)}.c-offcanvas-content-wrap{z-index:3}.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas--reveal{z-index:0;transform:translate3d(0,0,0)}.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas--push{z-index:6}.c-offcanvas--push--opening{transition-timing-function:cubic-bezier(0,0,0.2,1)}.c-offcanvas-content-wrap{z-index:3}.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open{transform:translate3d(-17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open{transform:translate3d(17em,0,0)}.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open{transform:translate3d(-17em,0,0)} /* ================================================== OWL ================================================== */ .owl-theme {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;} .owl-theme .owl-stage {position: relative; -ms-touch-action: pan-Y; display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden;} .owl-theme .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .owl-theme .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);} .owl-theme .owl-item {position: relative; min-height: 1px; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;} .owl-theme .owl-item img {-webkit-transform-style: preserve-3d;} .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next, .owl-theme .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-theme .owl-dots {text-align: center; margin-top: 0; position: absolute; left: 0; right: 0; bottom: 10px;} .owl-theme .owl-dot {display: inline-block;} .owl-theme .owl-dots .owl-dot span {width: 6px; height: 6px; margin: 0 3px; background: #fff; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px!important;} .owl-theme .owl-dots .owl-dot:hover span {background: #f3f3f3;} .owl-theme .owl-dots .owl-dot.active span {background: #fff200;} .owl-theme.owl-loaded {display: block;} .owl-theme.owl-loading {opacity: 0; display: block;} .owl-theme.owl-hidden {opacity: 0;} .owl-theme.owl-refresh .owl-item {display: none;} .owl-theme.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .owl-theme.owl-grab {cursor: move; cursor: grab;} .owl-theme.owl-rtl {direction: rtl;} .owl-theme.owl-rtl .owl-item {float: right;} .owl-theme .owl-nav.disabled, .owl-theme .owl-dots.disabled {display: none;} .no-js .owl-theme {display: block;} .owl-height {transition: height 500ms ease-in-out;} .owl-theme .owl-item .owl-lazy {opacity: 0; transition: opacity 400ms ease;} .owl-theme .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;} .owl-nav {position: absolute; top: 45%; left: 0; width: 100%; transition: .3s;} .owl-prev, .owl-next {position: absolute;} .owl-prev {left: 5px;} .owl-next {right: 5px;} .owl-nav button {display: flex; justify-content: center; align-items: center; width: 44px; height: 44px;} .owl-nav button span {} .owl-nav button.owl-prev::before {content: ''; background: url("images/left.svg") no-repeat; background-size: contain;} .owl-nav button.owl-next::before {content: ''; background: url("images/left.svg") no-repeat; background-size: contain; transform: scaleX(-1); margin-left: 3px;} .owl-nav button.owl-prev::before, .owl-nav button.owl-next::before {width: 44px; height: 44px; display: block; transition: .3s; filter: invert(100%) sepia(0%) saturate(6446%) hue-rotate(168deg) brightness(103%) contrast(110%);} .owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled {opacity: .3;} .h-banner .owl-nav button {opacity: .3;} .h-banner:hover .owl-nav button {opacity: 1;} /* ================================================== 404 ================================================== */ .notfound {padding: 5em 0;} .notfound h1 {font-size: 15rem; line-height: 1.1; font-weight: 700;} .notfound p {font-size: 1.2rem; line-height: 1.2;} /* ================================================== ADD ON ================================================== */ .clearfix {clear: both;} .video, .maps {overflow: hidden; padding-bottom: 50%; position: relative; height: 0;} .video iframe, .maps iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;} .maps {margin-bottom: 0;} .fb {color: #4267b2;} .twit {color: #55acee;} .ig {color: #f24d58;} .pin {color: #e60023;} .utube {color: #ff0000;} .whatsapp {color: #00a500;} .tele {color: #0088cc;} .fb-ico {background: #4267b2;} .twit-ico {background: #55acee;} .ig-ico {background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .pin-ico {background: #cc2127;} .in-ico {background: #0077b5;} .utube-ico {background: #ff0000;} .tiktok-ico {background: #000;} .whatsapp-ico {background: #00a500;} .web-ico {background: #a67c52;} .tele-ico {background: #0088cc;} .messenger-ico {background: #007fff;} /* ================================================== SOCIAL MEDIA ICON ================================================== */ .socmed ul {display: flex; align-items: center;} .socmed li {margin-right: 5px;} .socmed li a {width: 40px; height: 40px; border-radius: 50%; display: block; padding-top: 9.5px; font-size: 1.3rem; line-height: 1; text-align: center; color: #fff;} .socmed li a.ico-fb:hover {background: #4267b2;} .socmed li a.ico-twitter:hover {background: #55acee;} .socmed li a.ico-instagram:hover {background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .socmed li a.ico-youtube:hover {background: #ff0000;} .socmed li a.ico-tiktok:hover {background: #000;} .socmed li a.ico-pinterest:hover {background: #cc2127;} .socmed li a.ico-linkedin:hover {background: #0077b5;} .socmed li a.ico-telegram:hover {background: #0088cc;} /* ================================================== CTA ================================================== */ .cta {position: fixed; bottom: 15px; right: 15px; z-index: 999; cursor: pointer;} .cta a {background: #00a500; padding-top: 13px; color: #fff; font-size: 1.8rem; line-height: 1; width: 54px; height: 54px; border-radius: 50%; display: block; text-align: center;} /* ================================================== TO TOP BUTTON ================================================== */ #toTop {position: fixed; bottom: 15px; right: 10px; z-index: 999; cursor: pointer;} #toTop img {background: #fff; border-radius: 50%; width: 48px; height: 48px; display: block; padding: 13px; border: 1px solid #ddd; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;} /* ================================================== HOME WOO PRODUCT ================================================== */ .hw-title {padding: 20px;} .hproduct, .bsproduct {border-top: 1px solid #e8e8e8; margin: 0!important;} .no-sale {padding: 20px;} /* ================================================== WOO PRODUCT ================================================== */ .p-shop {background: #fff; border: 1px solid #e8e8e8;} .products .product a .osale {display: none;} .products {display: flex; flex-wrap: wrap; margin: 0 -1px 0 0;} .products .product {width: 20%; padding: 20px; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; position: relative;} .products .product a .onsale {position: absolute; top: 10px; right: 10px; padding-top: 9px; font-size: .7rem; line-height: 1.1; font-weight: 500; background: #e40001; color: #fff; width: 40px; height: 40px; text-align: center; border-radius: 50%; z-index: 5; letter-spacing: 1px;} .products .product a .onsale .s-off {display: block; color: #fff; font-size: .7rem; line-height: 1; font-weight: 600; letter-spacing: 0; text-transform: uppercase;} .products .product a img {width: 100%; height: auto; transition: .3s;} .products .product .p-info {padding-top: 15px;} .products .p-info a .ps-brand {font-size: .8rem; line-height: 1; color: rgba(0,0,0,.6); margin-bottom: 3px;} .products .product a h2 {font-size: .88rem; line-height: 1.6; font-weight: 500; color: #000; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .products .product a:hover h2 {text-decoration: underline;} .products .product .star-rating {margin-bottom: 10px; font-size: .7rem;} .products .product a .price {display: block; color: #ff0000; font-size: .92rem; position: relative;} .products .product a .amount bdi {color: #ff0000; font-size: .9rem; font-weight: 600;} .products .product a .price del bdi, .products .product a .price del {color: #757575; font-size: .86rem;} .products .product a .price ins {text-decoration: none;} .products .product a .items-sold {padding: 5px 0 0;} .products .product a .items-sold-texts {font-size: .75rem; line-height: 1; color: #686868;} .products .product .p-item .button, .products .product .p-info .cfvsw_variations_form {display: none;} .products .outofstock img {filter: grayscale(1); opacity: .6;} .products .outofstock::before {content: 'sold out'; position: absolute; z-index: 3; top: calc(28% - 10px); left: 30%; font-size: .9rem; background: rgba(0,0,0,.8); color: #fff; display: block; padding-top: 40px; border-radius: 50%; width: 100px; height: 100px; text-align: center;} .products a.button {display: block; width: 100%; padding: 10px 0; background: #e40001; color: #000; border: 1px solid #e40001; border-radius: 2px; font-size: .9rem; line-height: 1; font-weight: 500; text-align: center;} .products a:hover.button {background: #f3ca09;} .items-sold span:before {display: none;} .products .product a:hover img {opacity: .7;} /* ================================================== WOO BREADCRUMB ================================================== */ .woocommerce-breadcrumb {margin: 20px 0;} .woocommerce-breadcrumb a, .woocommerce-breadcrumb {font-size: .8rem; line-height: 1.3; color: #505050;} .woocommerce-breadcrumb a {color: #000; font-weight: 500;} .woocommerce-breadcrumb a:hover {text-decoration: underline;} .woocommerce-breadcrumb i {font-size: .5rem; margin: 0 3px; vertical-align: .8px; color: #848484;} /* ================================================== WOO PAGES ================================================== */ .pages .woocommerce-error li {font-size: .9rem; line-height: 1.3; color: #ec5370; text-align: left;} .pages.login .woocommerce-error li {text-align: center;} .woocommerce-message {padding: 10px; border-radius: 4px; background: #e2f3d7; font-size: .8rem; line-height: 1.2; margin-bottom: 20px;} .woocommerce-message a {font-weight: 500; color: #dc1c4d;} .woocommerce-message a:hover {text-decoration: underline;} .woo-page .woo-nav {display: none;} .woo-page .woocommerce-MyAccount-content {width: 100%; position: relative;} .woo-page .woocommerce-MyAccount-content .woocommerce-Addresses {display: flex;} .woo-page .woocommerce-MyAccount-content .woocommerce-Address {padding-right: 40px;} .woo-page p {margin-bottom: 15px;} .woo-page table {width: 100%; position: relative; border-spacing: 0; border-top: 2px solid #000;} .woo-page table th {text-transform: uppercase; font-size: .85rem; line-height: 1; padding: 10px; border-bottom: 1px solid #000;} .woo-page table td {font-size: .95rem; line-height: 1.2; padding: 20px 10px; border-bottom: 1px solid #ddd;} .woo-page table.woocommerce-orders-table th, .woo-page table.woocommerce-orders-table td {text-align: center;} .woo-page table td.woocommerce-orders-table__cell-order-number a {font-weight: 500; color: #0e6ccd;} .woo-page table td.woocommerce-orders-table__cell-order-actions a {padding: 6px 0; background: #fbfbfb; color: #333; border: 1px solid #ccc; display: block; width: 80px; text-align: center; border-radius: 4px; font-size: .85rem; font-weight: 500; margin: 5px auto;} .woo-page table td.woocommerce-orders-table__cell-order-actions a:hover {border-color: #222; text-decoration: none;} .woo-page .woocommerce-order-details {margin-top: 20px;} .woo-page .woocommerce-order-details .order-again {margin-top: 15px; display: flex; justify-content: flex-end;} .woo-page .woocommerce-order-details .order-again a {display: block; padding: 12px 0; width: 150px; text-align: center; font-weight: 500; border-radius: 4px; background: #ffe9eb; color: #333;} .woo-page .order-number {font-weight: 600; color: #0e6ccd; background-color: #fff!important;} .woo-page .order-date {font-weight: 500; background-color: #fff!important;} .woo-page .order-status {font-weight: 500; background-color: #fff2e4;} .woo-page .woocommerce-order-details h2, .woo-page .woocommerce-MyAccount-content h2 {font-size: 1.3rem; line-height: 1.2; margin-bottom: 15px;} .woo-page table.order_details th {text-align: left;} .woo-page table.order_details td {padding: 15px 10px;} .woo-page table.order_details td a {font-weight: 500; color: #0e6ccd;} .woo-page table.order_details td strong {font-weight: 400;} .woo-page .woocommerce-address-fields {margin-top: 20px;} .wc-item-meta {margin-top: 8px;} .wc-item-meta, .wc-item-meta li {display: flex;} .wc-item-meta li {margin-right: 10px;} .wc-item-meta strong {font-weight: 500!important; margin-right: 5px;} .required {text-decoration: none!important; color: #ff0000;} .woo-page select {padding: 12px 10px; width: 100%; cursor: pointer; background: #fff; border-radius: 4px; font-size: 1rem; line-height: 1; border: 1px solid #a2a2a2;} .woo-page button.button {font-size: 1rem; line-height: 1; font-weight: 500; padding: 14px 0; width: 200px; border-radius: 4px; background: #000; color: #fff; text-align: center; margin-top: 5px;} .woo-page button.button:hover {background: rgba(0,0,0,.8); color: #fff;} .woo-page .my_account_tracking th, .woo-page .my_account_tracking td {text-align: center;} .woocommerce-MyAccount-content .u-column1 {margin-bottom: 20px;} .woocommerce-MyAccount-content .woocommerce-Address h3 {} .my_account_orders a.button.invoice {margin-top: 5px;} .track_order .form-row {margin: 20px 0;} .track_order .form-row button {padding: 14px 0; font-size: 1rem; line-height: 1.1; font-weight: 500; width: 200px; background: #222; color: #fff; display: block; border-radius: 4px; text-align: center;} /* ================================================ USER REGISTRATION ================================================== */ .acc-desk .ur-frontend-form {padding: 0!important; border: none!important; box-shadow: none!important;} .user-registration, #user-registration {box-shadow: none!important; padding: 0!important; margin: 0!important;} .ur-form-grid {padding: 0!important;} .ur-frontend-form {border: none!important;} .ur-frontend-form .ur-form-row .ur-form-grid .form-row {margin-bottom: 12px;} .ur-frontend-form .ur-form-row .ur-form-grid label {font-weight: 500; margin: 0 0 8px!important;} .ur-frontend-form .ur-form-row .ur-form-grid input {padding: 10px!important; font-size: .9rem; line-height: 1.2!important; border: 1px solid #7e7e7e; min-height: inherit!important; border-radius: 3px; margin-bottom: 0!important;} .ur-frontend-form .ur-form-row .ur-form-grid input:hover {border-color: #505050;} .ur-frontend-form .ur-form-row .ur-form-grid input:focus {border-color: #000;} .ur-frontend-form .ur-form-row .description {font-size: .86rem; line-height: 1.4; font-weight: 300; display: block; margin-top: 6px;} .ur-frontend-form input.user-registration-Button {width: 100%; font-size: 1rem!important; font-weight: 500; background: #2a2626; color: #fff; border: none!important; padding: 13px 0!important; margin: 5px 0 15px!important; border-radius: 4px;} .ur-frontend-form input:hover.user-registration-Button {background: #000;} .user-registration-form__label-for-checkbox {clear: both; display: flex!important; align-items: center; padding-top: 15px; font-weight: 400!important; cursor: pointer;} .user-registration-form__label-for-checkbox input {margin-top: 0!important; line-height: 1!important; width: 12px!important; height: 12px; cursor: pointer;} .user-registration-form__label-for-checkbox, .user-registration-LostPassword a {color: #616161;} .user-registration-form__label-for-checkbox:hover, .user-registration-LostPassword a:hover {color: #f40000;} .user-registration-LostPassword a {font-size: .9rem;} .user-registration-LostPassword a:hover {text-decoration: underline;} .ur_lost_reset_password p {font-size: .83rem; line-height: 1.3; color: #000; margin-bottom: 15px;} /* ================================================== WOO LOGIN ================================================== */ .w-last-btn a, .woocommerce .form-row.last input {padding: 16px 0; font-size: 1rem; line-height: 1; font-weight: 500; text-align: center; width: 100%; display: block; border-radius: 4px; cursor: pointer; border: none!important;} .woocommerce .form-row.last input {background: #f9d010; color: #000;} .w-last-btn a {background: #2c2929; color: #fff;} .woocommerce .form-row.last input:hover {opacity: .8;} .w-last-btn a:hover {opacity: .8;} #toggle_pwd {position: absolute; z-index: 1; top: 38px; right: 10px; cursor: pointer; font-size: 1.2rem; color: #4a4a4a;} .woocommerce-password-strength {margin: 5px 0; font-size: .85rem; line-height: 1.2; color: #ec5370;} .password-input small {line-height: 1.1;} .wfix-box {max-width: 600px; margin: 60px auto 100px;} .wfix-box h2 {margin-bottom: 15px; font-weight: 500;} .wfix-box p, .wfix-box .woocommerce-message {margin-bottom: 15px; font-size: 1rem; line-height: 1.5;} .wfix-box .woocommerce-message {font-size: 1.2rem; line-height: 1.3; font-weight: 500; color: #ee0e28; background: none; padding: 0;} .wfix-box .wfix-btn {margin-top: 30px;} .wfix-box .wfix-btn a {padding: 12px 0; font-size: .96rem; line-height: 1; font-weight: 400; text-align: center; width: 140px; display: block; border-radius: 4px; cursor: pointer; background: #000; color: #fff;} .wfix-box .wfix-btn a:hover {background: rgba(0,0,0,.8);} .wfix-box .w-last-btn {margin-top: 10px;} .lost_reset_password .form-row.form-row-first {margin: 20px 0 5px;} /** CUSTOM LOGIN FORM **/ .wl-error {margin-bottom: 10px; text-align: center; font-size: .95rem; line-height: 1; color: #ff0000; font-weight: 500;} .w-login {max-width: 800px; position: relative; margin: 0 auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;} .wl-title {padding: 15px 10px; background: #fff200;} .wl-title h1 {text-align: center; font-size: 1.2rem; line-height: 1.1; font-weight: 600; color: #000;} .wl-box {background: #fff; padding: 40px;} .wl-box h2 {display: none;} .w-login .row {margin-bottom: 15px; width: 100%;} .w-login .row label, .login .form-row label {font-size: .95rem; line-height: 1.2; font-weight: 500; margin-bottom: 8px; display: block;} .w-login .row label span {color: #ff0000; font-weight: 700;} .w-login .row p {margin-top: 4px; font-size: .85rem; line-height: 1.2; color: #6d6d6d;} .tc-row label {display: flex; align-items: flex-start; font-size: .92rem; line-height: 1.2; font-weight: 400; color: #484848; cursor: pointer;} .tc-row input {width: 16px; height: 16px; margin: 0; margin-top: 1px; margin-right: 5px;} .tc-row a {color: #e40001;} .tc-row a:hover {text-decoration: underline;} .fs-btn {margin-top: 15px;} .ur-frontend-form .ur-button-container {padding: 0!important;} .ur-frontend-form .ur-submit-button {margin-right: 0!important; width: 100%;} .fs-btn input, .login .form-row button.woocommerce-form-login__submit, .w-login .form-row input.button, .ur-frontend-form .ur-button-container .ur-submit-button {background: #000; color: #fff; font-size: 1.1rem; line-height: 1; font-weight: 600; padding: 16px 0; width: 100%; border-radius: 4px; border: none!important; cursor: pointer;} .fs-btn input:hover, .form-row button.woocommerce-form-login__submit:hover, .w-login .form-row input.button:hover, .ur-frontend-form .ur-button-container .ur-submit-button:hover {background: rgba(0,0,0,.8); border: none;} .login .form-row {position: relative;} .login .woocommerce-form-login__rememberme {position: relative!important; top: inherit!important; right: inherit!important; margin: 0 0 15px!important;} .login .woocommerce-form-login__rememberme input {margin: 0 5px 0 0!important; cursor: pointer; vertical-align: -3.5px;} .w-login .no-acc {font-size: .95rem; line-height: 1.2; text-align: center; margin-top: 15px;} .w-login .no-acc a {color: #e40001;} .w-login .no-acc a:hover {text-decoration: underline;} .wl-box .woocommerce-form.woocommerce-form-login {margin-bottom: 0;} /** USER REGISTER **/ .wl-box .ur-frontend-form .ur-form-row .ur-form-grid input {font-size: 1rem!important; padding: 12px!important;} .wl-box .ur-form-grid p {margin-bottom: 20px!important;} .wl-box .ur-form-grid label {font-size: .95rem!important; font-weight: 600!important;} .wl-box .ur-frontend-form .user-registration-form__label-for-checkbox {font-weight: 400!important;} .wl-box .user-registration-LostPassword {margin-top: -10px;} .user-registration-error {margin-bottom: 10px!important;} .user-registration-error::before {display: none!important;} .user-registration-error a {display: block!important; margin-top: 5px;} /* ================================================== WOO FORM ================================================== */ .woocommerce .form-row {margin-bottom: 20px; position: relative;} .woocommerce .form-row label {font-size: .98rem; line-height: 1; font-weight: 500; display: block; margin-bottom: 10px;} .woocommerce .form-row label span.required {color: #ff0000; font-weight: 700;} .woocommerce .form-row input {width: 100%; font-size: 1rem; line-height: 1; padding: 12px; border: 1px solid #a2a2a2; border-radius: 2px;} .woocommerce .form-row input:hover, .woocommerce .form-row input:focus {border: 1px solid #000;} /* ================================================ DASHBOARD ================================================== */ .ps-title {margin-bottom: 15px;} .ps-title h1 {font: 2rem 'Bebas Neue', sans-serif; line-height: 1.2;} .o-dash {display: flex;} .woo-nav {width: 250px; margin-right: 20px;} .dash {width: 100%; padding: 30px; background: #fff; border-radius: 8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} .woo-nav ul {padding: 15px; background: #fff; border-radius: 8px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} .woo-nav li a {color: #2c2929; font-size: .92rem; line-height: 1; display: block; padding: 12px 0; border-bottom: 1px solid #ddd; border-radius: 4px;} .woo-nav li a:hover, .woo-nav li a.current {padding-left: 10px; background: #f6f6f6; font-weight: bold;} .woo-nav li:last-child a {border-bottom: none;} .d-title h2 {font-size: 1.3rem; line-height: 1; font-weight: 500; margin-bottom: 15px;} .d-welcome p {font-size: .95rem; line-height: 1.5; color: #2c2929; margin-bottom: 15px;} .d-welcome p a {color: #1c6fdf;} .d-welcome p a:hover {text-decoration: underline;} .d-welcome .btn {margin-top: 15px;} .d-welcome .btn a {padding: 12px 0; display: block; font-size: .8rem; line-height: 1; width: 120px; border-radius: 50px; background: #fff; color: #2c2929; border: 1px solid #6e6e6e; text-align: center;} .d-welcome .btn a:hover {background: #f0f0f0;} .d-welcome .btn a i {vertical-align: -1px;} .d-btn {margin: 30px -5px; display: flex; flex-wrap: wrap;} .d-btn .row {width: 20%; padding: 0 5px; margin-bottom: 10px;} .d-btn .row a {display: block; width: 100%; padding: 20px 10px; color: #2c2929; border: 1px solid #6e6e6e; font-size: .92rem; line-height: 1.2; font-weight: 300; border-radius: 4px;} .d-btn .row a i {display: block; margin-bottom: 5px; font-size: 1.6rem; line-height: 1; color: #2c2929;} .d-btn .row a:hover, .d-btn .row a:hover i {color: #939393;} .woocommerce-MyAccount-content a.button {color: #0e6ccd;} .woocommerce-MyAccount-content a.button:hover {text-decoration: underline;} /*** POINT ***/ .my_account_points_rewards {margin-top: 15px; border: 1px solid #ddd; border-bottom: none; border-right: none; border-spacing: 0; width: 100%; overflow: scroll;} .my_account_points_rewards th {background: #f7f7f7; text-transform: uppercase; color: #000; font-size: .85rem; line-height: 1.1; font-weight: 600; text-align: center!important;} .my_account_points_rewards th, .my_account_points_rewards td {padding: 0.75em 1em; vertical-align: middle;} .my_account_points_rewards th, .my_account_points_rewards td {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;} .my_account_points_rewards td {font-size: .85rem; line-height: 1.2;} abbr[title] {text-decoration: none!important;} /* ================================================== AFFILIATE WP ================================================== */ .affwp-form legend {font-size: 1.6rem; line-height: 1.2; font-weight: 600; padding: 0;} .affwp-form fieldset {padding: 0!important; margin: 0!important;} .affwp-form p {margin-bottom: 20px;} .affwp-form label {font-size: .95rem; line-height: 1.2; font-weight: 500; display: block; margin-bottom: 8px;} .affwp-form input, .affwp-form textarea {font-size: .95rem; line-height: 1.3; padding: 12px; border: 1px solid #a2a2a2!important; border-radius: 2px;} .affwp-form input:hover, .affwp-form textarea:hover {border-color: #000!important;} .affwp-form input.button {background: #000; color: #fff; font-size: 1rem; line-height: 1.1; font-weight: 500; cursor: pointer; border: none!important; width: 200px;} .affwp-form input.button:hover {background: rgba(0,0,0,.8);} /* ================================================== WOO ARCHIVE ================================================== */ .content-area {max-width: 1280px; margin: 0 auto; padding: 0 20px; margin-bottom: 40px; position: relative;} .wp-main {width: 100%; background: #fff; border: 1px solid #e8e8e8;} .wp-main .woocommerce-no-products-found {margin-top: 15px;} .wp-main .woocommerce-no-products-found .woocommerce-info {} .woocommerce-products-header {padding: 20px 20px 10px;} .woocommerce-products-header h1 {font-size: 1.8rem; line-height: 1.2; font-weight: 700; color: #000;} .woocommerce-info {padding: 10px; border-radius: 4px; background: #e2f3d7; font-size: .8rem; line-height: 1.2; margin-bottom: 20px;} .w-sort {padding: 0 20px 40px; position: relative; width: 100%; float: left;} .woocommerce-notices-wrapper {width: 100%; display: block;} .woocommerce-result-count {float: left; margin-top: 7px; font-size: .86rem; line-height: 1.3; color: rgba(0,0,0,.6);} .woocommerce-ordering {float: right;} .woocommerce-ordering select {padding: 6px 10px; border: 1px solid #ccc; font-size: .9rem; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: url("images/down.svg") no-repeat #fff; background-size: 14px 14px; background-position-x: 96%; background-position-y: 7px;} .woocommerce-ordering select:hover {border: 1px solid #000;} .products.shop {border-top: 1px solid #e8e8e8;} /* ================================================== WOO PAGINATION ================================================== */ .woocommerce-pagination {margin: 15px 0;} .woocommerce-pagination ul {display: flex; justify-content: center; align-items: center;} .woocommerce-pagination li span.current, .woocommerce-pagination li a {font-size: .9rem; line-height: 1; margin: 0 2px; width: 35px; height: 35px; padding-top: 9.6px; background: #fff; color: #5d7184; border: 1px solid #e7e7e7; border-radius: 50%; display: block; text-align: center;} .woocommerce-pagination li span.current {background: #e40001; color: #000; border: 1px solid #e40001;} .woocommerce-pagination li a:hover {border: 1px solid #a5a5a5;} .woocommerce-pagination li a.prev, .woocommerce-pagination li a.next {background: none; border: none;} /* ================================================== WOO SINGLE PRODUCT ================================================== */ .ws-top, .ws-btm, .woocommerce-Reviews {padding: 30px; background: #fff; border: 1px solid #e8e8e8; margin-bottom: 10px;} .ws-top .onsale {display: none;} .ws-top {width: 100%; display: flex;} #wpgs-gallery {margin: 0!important;} #wpgs-gallery.woocommerce-product-gallery {margin-right: 0!important;} .woo-variation-gallery-wrapper .woo-variation-gallery-slider img {width: auto!important; max-height: 700px!important;} .summary {width: 100%; padding-left: 40px; position: relative;} .summary h1.product_title {font-size: 1.2rem; line-height: 1.4; font-weight: 600; color: #000; margin-bottom: 5px;} .summary .sp-brand a {font-size: 1.2rem; line-height: 1; font-weight: 400; color: rgba(0,0,0,.6);} .summary .sp-brand a:hover {color: rgba(0,0,0,1.00);} .summary .osale {display: flex; align-items: center; margin: 20px 0 -15px;} .summary .osale .s-off {font-size: 1rem; line-height: 1.1; color: #ee4d2d; font-weight: 600; text-transform: uppercase;} .summary .osale .s-off span {font-size: .85rem;} .summary .osale .save-amount {margin-left: 15px; font-size: .73rem; line-height: 1.1; font-weight: 600; padding: 5px 6px 4px; text-transform: uppercase; border: 1px solid #000; border-radius: 3px;} .summary .price {margin: 20px 0 10px; font-size: 1.4rem; line-height: 1.3; color: #ee4d2d; font-weight: 600;} .summary .price bdi {font-size: 1.4rem; line-height: 1.3; color: #ee4d2d; font-weight: 600;} .summary .price ins {text-decoration: none;} .summary .price del bdi, .summary .price del {color: rgb(146, 146, 146); font-size: 1.2rem; font-weight: 400;} .summary .price ins {text-decoration: none;} .summary .items-sold {float: left; font-size: .9rem; line-height: 1; color: #686868; border-right: 1px solid #ddd; padding: 0 15px 0 0; margin-right: 15px;} .summary .items-sold span {font-size: .85rem; line-height: 1; color: #767676;} .summary .woocommerce-product-rating {width: 50%; margin-top: -1.5px; float: left;} .summary .container-rating {display: flex; width: 250px;} .summary .container-rating a {color: #686868;} .summary .container-rating a:hover {color: #ee4d2d;} .woocommerce-product-details__short-description {clear: both; padding-top: 30px;} .woocommerce-product-details__short-description p, .woocommerce-product-details__short-description li {font-size: .95rem; line-height: 1.6; color: #000;} .woocommerce-product-details__short-description p {margin-bottom: 15px;} .woocommerce-product-details__short-description ul {margin: 0 0 15px 20px;} .woocommerce-product-details__short-description ul li {list-style: disc;} .woocommerce-product-details__short-description a {color: #0e6ccd; font-weight: 500;} .woocommerce-product-details__short-description a:hover {text-decoration: underline;} .summary .product_meta .sku_wrapper {font-size: .9rem; color: #6a6a6a;} .summary .product_meta .posted_in {margin-top: 15px;} .summary .product_meta .posted_in {font-size: .95rem; line-height: 1.1; font-weight: 500;} .summary .product_meta .posted_in a {font-weight: 400; color: #e40001;} .summary .product_meta .posted_in a:hover {text-decoration: underline;} .summary .variations {margin-top: 20px;} .summary .variations tr {margin-top: 10px; display: flex;} .summary .variations .label {display: block; text-align: left; width: 75px;} .summary .variations .label label {text-transform: uppercase; font-size: .85rem; line-height: 1; font-weight: 500; color: #000;} .summary .woo-variation-items-wrapper ul {display: flex; flex-wrap: wrap;} .summary .button-variable-items-wrapper li {font-size: .9rem; line-height: 1; font-weight: 400; padding: 8px; text-transform: capitalize; border: 1px solid rgba(0,0,0,.09); border-radius: 2px; color: #000; margin: 0 8px 8px 0; cursor: pointer; transition: .3s; overflow: hidden; position: relative;} .summary .button-variable-items-wrapper li:hover {border-color: #222;} .summary .button-variable-items-wrapper li.selected {border-color: #e40001;} .summary .button-variable-items-wrapper li.selected::before {border: 0.9375rem solid transparent; border-bottom: 0.9375rem solid #ee4d2d; content: ""; position: absolute; right: -0.9375rem; bottom: 0;} .summary .button-variable-items-wrapper li.selected::after {content: ''; background: url(images/check.svg); width: 10px; height: 10px; background-size: contain; right: -1px; bottom: -1px; position: absolute; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} .summary .color-variable-items-wrapper li {margin-right: 5px;} .summary .color-variable-items-wrapper span {display: block; width: 30px; height: 30px; border: 2px solid #fff; border-radius: 50%; cursor: pointer;} .summary .color-variable-items-wrapper .variable-item.selected span {border-color: #e40001;} .woocommerce-variation-availability {margin: 15px 0 0;} .woocommerce-variation-availability .stock.in-stock {font-size: 1rem; line-height: 1; color: #5fab05; font-weight: 500;} .woocommerce-variation-availability .stock.out-of-stock {font-size: 1.8em; line-height: 1; text-transform: uppercase; color: #ff0000; font-weight: 600;} .woocommerce-variation-add-to-cart {adding: 0; clear: both;} .cfvsw-label-option {border: 1.5px solid #c7c7c7!important; font-weight: 500; text-transform: uppercase; padding: 6px 16px!important; overflow: hidden;} .cfvsw-label-option.cfvsw-selected-swatch {border: 1.5px solid #0e6ccd!important;} .cfvsw-label-option.cfvsw-selected-swatch::before {border: 0.9375rem solid transparent; border-bottom: 0.9375rem solid #ee4d2d; content: ""; position: absolute; right: -0.9375rem; bottom: 0;} .cfvsw-label-option.cfvsw-selected-swatch::after {content: ''; background: url("images/check.svg"); width: 10px; height: 10px; background-size: contain; right: 0; bottom: -2px; position: absolute; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} .reset_variations {margin-top: 12px; color: #f80107; font-size: .8rem; line-height: 1; text-transform: uppercase; font-weight: 500; display: inline-block;} .reset_variations:hover {opacity: .8;} .woocommerce-variation-price {margin-top: 15px;} p.stock.in-stock {font-size: 1rem; line-height: 1; font-weight: 500; color: #6cc800;} p.stock.out-of-stock {font-size: 1.4rem; line-height: 1; text-transform: uppercase; color: #ff0000; font-weight: 600; margin: 20px 0 30px;} .summary .cart {padding: 10px 0 20px; clear: both;} .summary .c-box {display: flex; width: 100%;} .summary .sp-btn {display: flex; align-items: center;} .wcpa_form_outer {margin-bottom: 0!important;} .wcpa_wrap .wcpa_field_label {font-size: .9rem!important; line-height: 1.1!important; font-weight: 500!important; text-transform: uppercase; margin-bottom: 5px!important;} .wcpa_wrap .wcpa_field_wrap {position: relative;} .wcpa_wrap .wcpa_field_wrap select {font-size: .95rem!important; line-height: 1.1!important; padding: 10px!important; border: 1px solid #ccc!important; background: url(images/down.svg) no-repeat #fff; background-size: 14px 14px; background-position-x: 98%; background-position-y: 15px;} .woocommerce-variation-add-to-cart-disabled {opacity: .2;} .summary .quantity {width: 130px; height: 47.2px; margin-right: 10px; display: flex;} .summary .quantity input {width: 50px; font-size: 1.1rem;} .summary .quantity button {font-size: 1.2rem; width: 38px; line-height: 1; margin: 0!important;} .quantity input[type="number"]::-webkit-inner-spin-button, .quantity input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} .quantity input[type="number"] {-moz-appearance: textfield; /* Firefox */} button.single_add_to_cart_button {font-size: 1rem; background: #000; color: #fff; width: 50%; padding: 14px 0; display: block; border-radius: 4px; text-align: center; font-weight: 500;} button:hover.single_add_to_cart_button {background: rgba(0,0,0,.8);} .ws-content ul, .ws-content ol {padding-left: 18px; margin-bottom: 15px;} .ws-content ul li {list-style: disc;} .ws-content ol li {list-style: decimal;} .ws-title h3, .woocommerce-Reviews-title {font-size: 1.3rem; line-height: 1.3; font-weight: 600; margin-bottom: 20px;} .ws-content p, .ws-content li {font-size: .95rem; line-height: 1.5;} .ws-content p {margin-bottom: 15px;} .ws-content p:last-child {margin-bottom: 0;} .ws-content a {color: #0e6ccd; font-weight: 500;} .ws-content a:hover {text-decoration: underline;} .s-related {background: #fff; margin-bottom: 10px; border: 1px solid #e8e8e8;} .s-related .ws-title {padding: 20px 20px 0;} .s-related .product {width: 20%;} .s-related .product h2 {margin-bottom: inherit;} /*** ADD ON CART BUTTON ***/ .sp-detail {margin: 20px 0; padding: 15px 15px 7px; background: #f4f4f4;} .sp-detail .col {display: flex; font-size: .88rem; line-height: 1.1; align-items: center; margin-bottom: 8px;} .sp-detail .cc-one {margin-right: 10px;} .sp-detail a {color: #0e6ccd; font-weight: 500;} .sp-detail a:hover {text-decoration: underline;} /* ================================================== REVIEW LIST ================================================== */ .woocommerce-Reviews {clear: both;} .woocommerce-Reviews .commentlist {margin: 40px 0;} #review_form .comment-reply-title {font-size: 1.2rem; line-height: 1.4; font-weight: 600;} .comment_container {display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;} .comment_container img {width: 60px; height: 60px; border-radius: 50%;} .comment_container img.photo {opacity: 1!important; position: relative!important;} .comment_container .comment-text {margin-left: 20px;} .comment_container .meta {margin: 12px 0 15px; font-size: .8rem; line-height: 1; color: #686868;} .comment_container .meta em {font-style: normal!important;} .comment_container .woocommerce-review__author {font-size: .9rem; font-weight: 500; color: #303e48; text-transform: capitalize;} .comment_container .description p {font-size: .9rem; line-height: 1.3; color: #303e48; margin-bottom: 15px;} .comment_container .description p:last-child {margin-bottom: 0;} /* ================================================== REVIEW FORM ================================================== */ #review_form form {margin-top: 10px;} .comment-form-rating {margin: 15px 0;} #review_form_wrapper {margin-top: 20px;} #review_form label {font-size: 1rem; line-height: 1.2; font-weight: 500; display: block; width: 100%; margin-bottom: 8px;} .comment-form-comment {margin-bottom: 10px;} .comment-form p.comment-notes {font-size: .9rem; line-height: 1.2; color: #686868;} .comment-form-author, .comment-form-email {float: left; width: 50%;} .comment-form-author {padding-right: 10px;} .comment-form-email {padding-left: 10px;} .comment-form textarea, .comment-form-author input, .comment-form-email input {padding: 10px; font-size: .95rem; line-height: 1.3; border: 1px solid #a2a2a2; width: 100%; border-radius: 4px;} .comment-form textarea {height: 120px;} .comment-form textarea:hover, .comment-form-author input:hover, .comment-form-email input:hover, .comment-form textarea:focus, .comment-form-author input:focus, .comment-form-email input:focus {border: 1px solid #2c2929;} .comment-form-cookies-consent {clear: both; display: flex; padding-top: 15px; margin-bottom: 20px; position: relative;} .comment-form-cookies-consent input {vertical-align: -3px; width: 16px!important; height: 16px!important; margin: 0 5px 0 0; border: none!important; cursor: pointer;} .comment-form-cookies-consent label {font-weight: 400!important; width: inherit!important; display: inline-block!important; font-size: .85rem!important; cursor: pointer; color: #454545;} .comment-form-author input, .comment-form-email input {width: 100%!important;} #review_form .form-submit {width: 100%; margin-top: 10px;} #review_form .form-submit input.submit {font-size: 1rem; line-height: 1.1; font-weight: 500; width: 340px; padding: 16px 0; text-align: center; border-radius: 4px; background: #000; color: #fff; display: block; margin: 0 auto; cursor: pointer; border: none;} #review_form .form-submit input:hover.submit {background: rgba(0,0,0,.8);} .woocommerce-verification-required {margin-top: 20px; font-size: 1.15rem; line-height: 1.4; font-weight: 300;} /* ================================================ WOO CART ================================================== */ .woocommerce-info.wc_points_rewards_earn_points {display: none;} .wc_points_rewards_apply_discount {float: right;} .berocket_cart_notice {display: inline; margin-right: -5px;} .woocommerce-notices-wrapper .woocommerce-message {flex-direction: row!important; justify-content: flex-start!important; margin-bottom: 25px!important;} .woocommerce-notices-wrapper .woocommerce-message a.restore-item {margin-left: 5px;} .woocommerce-notices-wrapper .woocommerce-message a.wc-forward {margin-right: 5px!important;} .other-content .woocommerce-info {background: #ffe3e8; padding: 10px 10px 10px 20px; border-radius: 8px; margin-bottom: 15px; color: #2c2929; font-size: .9rem;} .other-content .woocommerce-info::before {content: '\f05a'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1rem; margin-right: 5px;} .other-content .woocommerce-info .woocommerce-Price-amount.amount {font-weight: 600; color: #ff0000;} .cart-empty.woocommerce-info::before {content: ''; background: url('images/sbag.svg') no-repeat; width: 300px; height: 300px; margin: 0 auto 20px; display: block;} .cart-empty.woocommerce-info {background: none; font-size: 1.4rem; line-height: 1.3; font-weight: 300; margin-bottom: 25px; text-align: center;} .return-to-shop a {background: #2c2929; color: #fff; width: 200px; padding: 14px 0; display: block; border-radius: 4px; text-align: center; font-weight: 500; margin: 0 auto;} .return-to-shop a:hover {background: #e67b8d;} .woocommerce-cart-form, .cart-collaterals {float: left;} .woocommerce-cart-form {width: 70%; padding-right: 40px;} .cart-collaterals {width: 30%; padding: 20px; background: #fff5f5;} .woocommerce-cart-form table {width: 100%; position: relative;} .woocommerce-cart-form table th, .woocommerce-cart-form table td {color: #2c2929; padding: 15px; border-bottom: 1px solid #2c2929;} .woocommerce-cart-form table td.coupon-sec {border-bottom: none; padding: 15px 0;} .woocommerce-cart-form table th {font-size: .86rem; line-height: 1; text-transform: uppercase; font-weight: 600; text-align: center;} .woocommerce-cart-form table td {font-size: 1rem; line-height: 1.2;} .woocommerce-cart-form table td.product-remove {padding: 15px 8px;} .woocommerce-cart-form table td.product-remove a.remove {width: 20px; height: 20px; color: #fff; background: #ff0000; border-radius: 50%; display: block; text-align: center; line-height: 1; padding-top: 1.5px; margin: 0 auto!important;} .woocommerce-cart-form table td.product-thumbnail {width: 140px;} .woocommerce-cart-form table td.product-name a {color: #000; font-weight: 500;} .woocommerce-cart-form table td.product-quantity {width: 100px;} .woocommerce-cart-form table td.product-quantity .quantity {margin: 0 auto;} .woocommerce-cart-form table td.product-price, .woocommerce-cart-form table td.product-subtotal {text-align: center; font-size: .9rem;} .quantity {border: 1px solid #CBD5E0; border-radius: 4px; width: 100px; background: #fff;} .quantity:hover {border: 1px solid #2c2929;} .quantity input {border: none; text-align: center; font-weight: 300; width: 40px;} .quantity button {width: 24px; text-align: center; display: inline-block; line-height: 38px; background: none; border: none; cursor: pointer; color: rgba(0,0,0,.8);} .quantity button:hover {color: rgba(0,0,0,1);} a.tm-cart-edit-options {color: #e06c80!important; margin-top: 5px;} .tc-epo-metadata.variation {font-size: .85rem; line-height: 1.2;} .tc-epo-metadata.variation dt.tc-name {font-weight: 500;} .tc-epo-metadata.variation dd.tc-value {display: block; margin: 0!important;} .woocommerce-cart-form table td.actions {padding: 20px 0;} .woocommerce-cart-form .coupon label {display: none;} .woocommerce-cart-form .coupon {float: left; display: flex;} .woocommerce-cart-form .actions button.button {float: right;} .woocommerce-cart-form .coupon input {padding: 8px 10px!important; border: 1px solid #CBD5E0;} .woocommerce-cart-form .coupon input:hover, .woocommerce-cart-form .coupon input:focus {border: 1px solid #2c2929;} .woocommerce-cart-form .coupon button {background: #2c2929; color: #fff; margin-left: 5px; padding: 8px 10px;} .woocommerce-cart-form .coupon input, .woocommerce-cart-form .coupon button {height: 36px; border-radius: 2px;} .woocommerce-cart-form .coupon button:hover, .woocommerce-cart-form .actions button.button:hover, .wc-proceed-to-checkout a:hover {background: #e67b8d;} .woocommerce-cart-form .actions button.button {background: #2c2929; color: #fff; padding: 8px 10px; height: 36px; border-radius: 2px;} /** CART TOTALS **/ .cart_totals table {width: 100%;} .cart_totals h2 {font-size: 1.15rem; line-height: 1; color: #2c2929; margin-bottom: 15px;} .cart_totals th, .cart_totals td {text-align: left; border-bottom: 1px solid #2c2929;} .cart_totals th {font-size: .88rem; line-height: 1.2; padding: 15px 0;} .cart_totals td {font-size: .9rem; line-height: 1.2; padding: 15px 10px 15px 20px;} .woocommerce-shipping-methods li {margin-bottom: 10px;} .woocommerce-shipping-methods li, .woocommerce-shipping-methods li label {display: flex; align-items: center;} .woocommerce-shipping-methods li input {vertical-align: -2.1px; margin: 0 5px 0 0;} .woocommerce-shipping-methods li label img {display: inline!important; margin-right: 5px; width: 50px; height: auto;} .woocommerce-shipping-methods li .amount {margin-left: 3px;} .woocommerce-shipping-methods li input, .woocommerce-shipping-methods li label {cursor: pointer;} .cart_totals .cart-discount a {color: #2c2929; font-size: .8rem;} .cart_totals .cart-discount a:hover {color: #ff0000;} .wc-proceed-to-checkout {margin-top: 20px;} .wc-proceed-to-checkout a {background: #2c2929; color: #fff; width: 100%; padding: 14px 0; display: block; border-radius: 4px; text-align: center; font-weight: 500;} /* ================================================== WOO NEW CART ================================================== */ .p-box {padding: 40px; background: #fff; border: 1px solid #e8e8e8;} .wp-title {margin-bottom: 15px;} .wp-title h1 {font-size: 2rem; line-height: 1.2; letter-spacing: 1px; font-family: 'Bebas Neue', sans-serif; font-weight: 400;} table.wc-block-cart-items, .wc-block-components-sidebar {border: 1px solid #e8e8e8!important; border-radius: 4px;} .is-large.wc-block-cart .wc-block-cart-items th {font-size: .85rem;} .wc-block-cart-items td a {font-size: .95rem; line-height: 1.3!important; font-weight: 500; color: #000;} .wc-block-cart-items td a:hover {text-decoration: underline;} .wc-block-components-sidebar {padding-left: 0!important;} .wc-block-cart__totals-title {background: #000!important; color: #fff!important; padding: 12px 20px!important; font-size: .8rem!important; line-height: 1.2!important;} .is-large.wc-block-cart .wc-block-cart-items th {padding: 10px 20px!important;} .is-large.wc-block-cart .wc-block-cart-items th:last-child {text-align: center;} .is-large.wc-block-cart .wc-block-cart-items td {padding: 20px!important;} .wc-block-components-product-details li {font-size: .8rem; line-height: 1.3; margin-bottom: 2px;} .wc-block-components-product-details__name {margin-right: 5px;} .wc-block-components-totals-coupon a {padding: 8px 12px; font-size: .85rem; font-weight: 500; color: #000; border: 1px solid #ccc; background: rgb(240,240,240); background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 85%); border-radius: 3px;} .wc-block-components-totals-coupon a:hover {border: 1px solid #333;} .wc-block-components-totals-coupon__form button {font-size: .85rem; font-weight: 500; color: #fff; border: 1px solid #333; background: #222; border-radius: 3px;} .wc-block-components-totals-coupon__form button:hover {background: rgba(0,0,0,.8);} .wc-block-components-totals-item__label {font-weight: 500;} .wc-block-components-shipping-address {margin-bottom: 8px;} .wc-block-components-totals-item__description a:hover {text-decoration: underline;} .wc-block-cart__submit {padding: 20px;} .wc-block-cart__submit a.wc-block-cart__submit-button {background: #000; color: #fff; font-size: 1rem; line-height: 1.1; font-weight: 500; border-radius: 4px; transition: .3s;} .wc-block-cart__submit a.wc-block-cart__submit-button:hover {background: rgba(0,0,0,.8);} /** EMPTY CART **/ .wc-block-cart__empty-cart__title.with-empty-cart-icon:before {mask-image: url("images/cart.svg")!important;} /* ================================================== WOO CHECKOUT ================================================== */ .wc-block-components-checkout-step__heading .wc-block-components-checkout-step__heading-content a {color: #065ad9;} .wc-block-components-checkout-step__heading .wc-block-components-checkout-step__heading-content a:hover {text-decoration: underline;} .wc-block-components-radio-control-accordion-content {padding: 2px 16px 16px!important; font-size: .85rem; line-height: 1.4; color: #525252;} .wc-block-checkout__terms {padding: 10px; background: #f3f3f3; font-size: .85rem; line-height: 1.4;} .wc-block-checkout__terms a:hover {text-decoration: underline;} .wc-block-checkout__actions_row a:hover {color: #d90615;} .wc-block-checkout__actions_row button {background: #fff200; color: #000; border: 3px solid #000; text-transform: uppercase; font-size: 1rem; line-height: 1.1; font-weight: 600; border-radius: 4px; transition: .3s;} .wc-block-checkout__actions_row button:hover {background: #e7db05; transition: .3s;} .wc-block-components-radio-control__description-group {padding: 0!important;} .wc-block-components-radio-control__description-group span svg {display: none!important;} .wc-block-components-radio-control__description-group span {color: #333!important; font-size: .95rem!important; line-height: 1.4!important;} .wc-block-components-product-name {font-weight: 500;} /* ================================================ WOO THANK YOU ================================================== */ .woocommerce-order {max-width: 900px; margin: 0 auto;} .woocommerce-thankyou-order-received {font-size: 1.6rem; line-height: 1.1; color: #f90006; font-weight: 600; text-align: center;} .woocommerce-thankyou-order-details {margin: 30px 0; border-top: 3px solid #000; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%;} .woocommerce-thankyou-order-details li {width: 50%; color: #787878; padding: 15px 0 0; font-size: .85rem; line-height: 1.2; font-weight: 600; text-transform: uppercase; padding-right: 20px;} .woocommerce-thankyou-order-details li strong {display: block; font-size: 1.1rem; font-weight: 600; text-transform: none!important; color: #000; border-bottom: 1px dashed #ddd; width: 100%; padding-bottom: 15px;} .woocommerce-order .woocommerce-order-details {margin: 10px 0;} .woocommerce-order h2.woocommerce-order-details__title {font-size: 1.15rem; line-height: 1.1; margin-bottom: 20px;} .woocommerce-order table.order_details {border-spacing: 0; width: 100%;} .woocommerce-order table.order_details th {font-size: .95rem; line-height: 1.1; border-bottom: 1px solid #ddd; padding: 10px 10px 10px 0;} .woocommerce-order table.order_details th.product-name, .woocommerce-order table.order_details th.product-total {font-size: 1rem; line-height: 1.1; font-weight: 600; text-transform: uppercase; border-top: 1px solid #000; padding: 10px 0; border-bottom: 1px solid #000; text-align: center;} .woocommerce-order table.order_details td {padding: 15px 20px 15px 0; border-bottom: 1px solid #ddd; font-size: .95rem; line-height: 1.2;} .woocommerce-order table.order_details th, .woocommerce-order table.order_details td {text-align: left;} .woocommerce-order table.order_details .product-name {} .woocommerce-order table.order_details .product-name a {font-weight: 500; color: #000;} .woocommerce-order table.order_details .product-name a:hover {text-decoration: underline; color: #000;} .woocommerce-order table.order_details .product-name strong {margin-left: 5px; font-weight: 400;} .woocommerce-order .wc-item-meta {margin-top: 6px;} .woocommerce-order .wc-item-meta, .woocommerce-order .wc-item-meta li {display: flex;} .woocommerce-order .wc-item-meta li {margin-right: 15px;} .woocommerce-order .wc-item-meta li strong {margin-left: 0!important;} .woocommerce-customer-details {margin-top: 30px;} .woocommerce-customer-details .woocommerce-columns {width: 100%; display: flex;} .woocommerce-customer-details .woocommerce-column {width: 50%; padding-right: 20px;} .woocommerce-customer-details h2.woocommerce-column__title {font-size: 1rem; line-height: 1.1; font-weight: 600; margin-bottom: 10px;} .woocommerce-customer-details .woocommerce-column address {font-style: normal; font-size: .95rem; line-height: 1.4;} address {font-style: normal; font-size: .95rem;} /* ================================================== WOO EDIT ACCOUNT ================================================== */ .woocommerce-EditAccountForm .form-row {border: none!important; margin-bottom: 20px!important; float: none;} .woocommerce-EditAccountForm .form-row label {width: inherit!important; background: none!important; padding: 0!important; height: inherit!important; margin-bottom: 9px;} .woocommerce-EditAccountForm .form-row label span.required {display: inline;} .woocommerce-EditAccountForm fieldset {padding: 30px 30px 20px; margin: 40px 0 25px!important; background: #fffff7; border-radius: 6px; border: 1px solid #eeeeda;} .woocommerce-EditAccountForm fieldset legend {font-size: 1.3rem; font-weight: 700; text-transform: uppercase;} .woocommerce form .password-input, .woocommerce-page form .password-input {display: block!important;} .woocommerce form .show-password-input, .woocommerce-page form .show-password-input {top: 1.65em!important;} .woocommerce-Address-title.title h3 {font-size: 1.1rem; line-height: 1.2; font-weight: 600; margin-bottom: 10px; color: #000;} .woocommerce-Address-title.title a.edit {font-size: .7rem; line-height: 1; padding: 4px 15px; border-radius: 2px; border: 1px solid #bdbdbd; border-bottom: 1px solid #828282; background: #efefef; background: linear-gradient(top, #fdfdfd, #efefef); background: -ms-linear-gradient(top, #fdfdfd, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#efefef)); background: -moz-linear-gradient(top, #fdfdfd, #efefef); color: #000;} .woocommerce-Address-title.title a:hover.edit {border: 1px solid #000;} .woocommerce-Addresses address {font-size: .95rem; line-height: 1.4; font-style: normal; margin-top: 15px;} .woocommerce-EditAccountForm .woocommerce-form-row--last {display: none;} .woocommerce-EditAccountForm .woocommerce-form-row em {margin-top: 6px; font-size: .85rem; line-height: 1.3; color: #585858; font-style: normal; display: block;} /* ================================================== STAR RATING ================================================== */ .star-rating, p.stars [class^="star-"], p.stars [class*=" star-"] {font-family: WooCommerce; speak: none; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: .7em;} .star-rating {overflow: hidden; position: relative; height: 1em; width: 6em;} .star-rating:before {content: "\f005\f005\f005\f005\f005"!important; float: left; top: 0; left: 0; position: absolute; color: #999; font-family: "Font Awesome 5 Free"; font-weight: 900; letter-spacing: 1px;} .star-rating span {overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em} .star-rating span:before {content: "\f005\f005\f005\f005\f005"!important; top: 0; position: absolute; left: 0; color: #F90; font-family: "Font Awesome 5 Free"; font-weight: 900; letter-spacing: 1px;} .woocommerce-product-rating {display: block; width: 100%;} .woocommerce-product-rating .star-rating {font-size: 1em; float: left;} .woocommerce-product-rating .woocommerce-review-link {font-size: .9rem; line-height: 1; font-weight: 300; color: #000; margin-top: 1.8px; margin-left: 8px;} p.stars {position: relative;} p.stars a {display: inline-block; margin-right: 10px; text-indent: -9999px; position: relative; border-bottom: 0!important; outline: 0; color: #999;} p.stars a:hover, p.stars a.active {color: #F90;} p.stars a:last-child {border-right: 0} p.stars [class^="star-"], p.stars [class*=" star-"] {border-right: 1px solid #ccc} p.stars [class^="star-"]:after, p.stars [class*=" star-"]:after {text-indent: 0; position: absolute; top: 0; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; } p.stars a.star-1 {width: 2em} p.stars a.star-1:after {content: "\f005"} p.stars a.star-1.active:after, p.stars a.star-1:hover:after {content: "\f005"!important;} p.stars a.star-2 {width: 3em} p.stars a.star-2:after {content: "\f005\f005"} p.stars a.star-2.active:after, p.stars a.star-2:hover:after {content: "\f005\f005"!important;} p.stars a.star-3 {width: 4.2em} p.stars a.star-3:after {content: "\f005\f005\f005"} p.stars a.star-3.active:after, p.stars a.star-3:hover:after {content: "\f005\f005\f005"!important;} p.stars a.star-4 {width: 5.4em} p.stars a.star-4:after {content: "\f005\f005\f005\f005"} p.stars a.star-4.active:after, p.stars a.star-4:hover:after {content: "\f005\f005\f005\f005"!important;} p.stars a.star-5 {width: 6em;} p.stars a.star-5:after {content: "\f005\f005\f005\f005\f005"} p.stars a.star-5.active:after, p.stars a.star-5:hover:after {content: "\f005\f005\f005\f005\f005"!important;} p.stars a:hover:after, p.stars a.active:after {color: #F90;} /** FIX RATING **/ .wc-block-grid__product-rating .star-rating {width: 6em!important; font-size: .8em!important;} /* ================================================ GRAVITY FORM ================================================== */ .gform_legacy_markup_wrapper {margin: 0!important;} .gform_legacy_markup_wrapper h3.gform_title, .gform_legacy_markup_wrapper h2.gsection_title {font-weight: 600!important;} .gform_body .gsection {margin: 40px 0 15px!important;} .gform_body li label.gfield_label {font-weight: 500;} .gform_body li label.gfield_label span {color: #ff0000!important;} .gform_legacy_markup_wrapper .gfield_required {margin-left: 2px!important;} .gform_body li .gfield_description {padding-top: 5px!important;} .ginput_container_text input, .ginput_container_email input, .ginput_container_select select {padding: 10px!important; border-radius: 2px; border: 1px solid #a2a2a2!important; font-size: 1rem!important; line-height: 1;} .ginput_container_text input:hover, .ginput_container_email input:hover, .ginput_container_select select:hover {border: 1px solid #333!important;} .ginput_container_text input:focus, .ginput_container_email input:focus, .ginput_container_select select:focus {outline: 2px solid #25aae1; border-color: transparent!important;} .ginput_container_select select {padding: 9.2px 10px!important;} .gf-check {margin-top: 30px!important;} .gfield_checkbox li {width: 25%; display: inline-block; margin-bottom: 0!important;} .gfield_checkbox li.gchoice_select_all {width: 100%; display: block; margin-bottom: 10px!important;} .gfield_checkbox li input.gfield-choice-input {width: 16px!important; height: 16px!important; margin: 0!important;} .gfield_checkbox li label {font-size: 1rem!important;} .gform_footer input {padding: 14px 0; width: 300px!important; background: #000; color: #fff; border-radius: 4px; border: none; display: block; cursor: pointer;} .gform_footer input:hover {opacity: .8;} .ginput_container_radio {margin-top: 6px!important;} ul.gfield_radio {display: flex;} ul.gfield_radio li {margin-right: 30px!important;} ul.gfield_radio li input {width: 15px!important; height: 15px!important; margin: 0!important;} ul.gfield_radio li label {font-size: 1rem!important; margin: 0!important;} #field_1_19 {margin-top: 30px!important;} .ginput_container_consent input {width: 16px!important; height: 16px!important; margin: 0!important; vertical-align: -2px;} .ginput_container_consent input, .ginput_container_consent label, ul.gfield_radio li input, ul.gfield_radio li label {cursor: pointer;} .gfield_consent_description {font-size: .9rem!important; max-height: 180px!important;}