/*-------------------------------------------------------------- # Import Modules --------------------------------------------------------------*/ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } body { margin: 0; } *, *::before, *::after { box-sizing: border-box; } p { margin: 0 0 15px; } p:last-child { margin-bottom: 0; } main { display: block; } pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } embed, iframe, object { max-width: 100%; } /* Text-level semantics ======================== */ a { background-color: transparent; } abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } b, strong { font-weight: bolder; } code, kbd, tt, var, samp { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ .elementor-invisible { visibility: visible; } hr { background-color: #eaeaea; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol, ol ol, ol ul, ul ol, ul ul { padding-right: 20px; margin-bottom: 1em; } ul { list-style: disc inside none; } ol { list-style: decimal inside none; } p + ul, p + ol { margin: -5px 0 15px; } li > ul, li > ol { margin-bottom: 0; } dt { font-weight: bold; margin-bottom: 10px; } dd { margin: 0 1.5em 1.5em; } img { height: auto; max-width: 100%; } .clip-path-style1 { clip-path: polygon(5.445% 0%, 5.445% 0%, 4.561% 0.085%, 3.724% 0.331%, 2.943% 0.725%, 2.229% 1.253%, 1.595% 1.902%, 1.051% 2.659%, 0.608% 3.509%, 0.278% 4.441%, 0.071% 5.44%, 0% 6.494%, 0% 50.866%, 0% 70.346%, 0% 93.506%, 0% 93.506%, 0.071% 94.56%, 0.278% 95.559%, 0.608% 96.491%, 1.051% 97.342%, 1.595% 98.098%, 2.229% 98.747%, 2.943% 99.275%, 3.724% 99.669%, 4.561% 99.915%, 5.445% 100%, 49.183% 100%, 49.183% 100%, 50.066% 99.915%, 50.904% 99.669%, 51.685% 99.275%, 52.399% 98.747%, 53.033% 98.098%, 53.577% 97.342%, 54.02% 96.491%, 54.35% 95.559%, 54.557% 94.56%, 54.628% 93.506%, 54.628% 83.333%, 54.628% 83.333%, 54.699% 82.28%, 54.906% 81.281%, 55.236% 80.349%, 55.678% 79.498%, 56.223% 78.742%, 56.857% 78.093%, 57.57% 77.565%, 58.352% 77.171%, 59.189% 76.925%, 60.073% 76.84%, 94.555% 76.84%, 94.555% 76.84%, 95.439% 76.755%, 96.276% 76.509%, 97.058% 76.115%, 97.771% 75.587%, 98.405% 74.938%, 98.95% 74.181%, 99.392% 73.331%, 99.722% 72.399%, 99.929% 71.4%, 100% 70.346%, 100% 6.494%, 100% 6.494%, 99.929% 5.44%, 99.722% 4.441%, 99.392% 3.509%, 98.95% 2.659%, 98.405% 1.902%, 97.771% 1.253%, 97.058% 0.725%, 96.276% 0.331%, 95.439% 0.085%, 94.555% 0%, 5.445% 0%); } .clip-path-style2 { clip-path: polygon(100% 63.03%, 100% 93.939%, 100% 93.939%, 99.918% 94.922%, 99.682% 95.855%, 99.305% 96.725%, 98.798% 97.519%, 98.175% 98.225%, 97.449% 98.831%, 96.633% 99.324%, 95.739% 99.691%, 94.78% 99.921%, 93.769% 100%, 6.231% 100%, 6.231% 100%, 5.22% 99.921%, 4.261% 99.691%, 3.367% 99.324%, 2.551% 98.831%, 1.825% 98.225%, 1.202% 97.519%, 0.695% 96.725%, 0.318% 95.855%, 0.082% 94.922%, 0% 93.939%, 0% 58.788%, 0% 58.788%, 0.082% 57.805%, 0.318% 56.872%, 0.695% 56.003%, 1.202% 55.209%, 1.825% 54.502%, 2.551% 53.897%, 3.367% 53.404%, 4.261% 53.036%, 5.22% 52.807%, 6.231% 52.727%, 33.645% 52.727%, 33.645% 52.727%, 38.698% 52.331%, 43.491% 51.182%, 47.961% 49.345%, 52.043% 46.881%, 55.673% 43.852%, 58.787% 40.321%, 61.32% 36.35%, 63.209% 32.002%, 64.39% 27.34%, 64.798% 22.424%, 64.798% 6.061%, 64.798% 6.061%, 64.879% 5.078%, 65.115% 4.145%, 65.493% 3.275%, 66% 2.481%, 66.622% 1.775%, 67.348% 1.169%, 68.165% 0.676%, 69.059% 0.309%, 70.017% 0.079%, 71.028% 0%, 93.769% 0%, 93.769% 0%, 94.78% 0.079%, 95.739% 0.309%, 96.633% 0.676%, 97.449% 1.169%, 98.175% 1.775%, 98.798% 2.481%, 99.305% 3.275%, 99.682% 4.145%, 99.918% 5.078%, 100% 6.061%, 100% 58.788%, 100% 63.03%); } .clip-path-style3 { clip-path: polygon(93.988% 100%, 93.988% 100%, 94.963% 99.892%, 95.888% 99.581%, 96.751% 99.083%, 97.538% 98.414%, 98.239% 97.593%, 98.84% 96.635%, 99.329% 95.558%, 99.693% 94.378%, 99.921% 93.114%, 100% 91.78%, 100% 42.397%, 100% 42.397%, 100% 42.02%, 100% 41.642%, 100% 41.264%, 100% 40.885%, 100% 40.506%, 100% 40.127%, 100% 39.749%, 100% 39.37%, 100% 38.993%, 100% 38.616%, 100% 8.22%, 100% 8.22%, 99.921% 6.886%, 99.693% 5.622%, 99.329% 4.442%, 98.84% 3.365%, 98.239% 2.407%, 97.538% 1.586%, 96.751% 0.917%, 95.888% 0.419%, 94.963% 0.108%, 93.988% 0%, 30.781% 0%, 30.781% 0%, 29.806% 0.108%, 28.881% 0.419%, 28.018% 0.917%, 27.23% 1.586%, 26.53% 2.407%, 25.929% 3.365%, 25.44% 4.442%, 25.075% 5.622%, 24.847% 6.886%, 24.769% 8.22%, 24.769% 25.958%, 24.769% 25.958%, 24.69% 27.291%, 24.462% 28.556%, 24.097% 29.735%, 23.608% 30.812%, 23.007% 31.77%, 22.307% 32.591%, 21.519% 33.26%, 20.656% 33.758%, 19.731% 34.07%, 18.756% 34.177%, 6.013% 34.177%, 6.013% 34.177%, 5.037% 34.285%, 4.112% 34.596%, 3.249% 35.095%, 2.462% 35.763%, 1.761% 36.585%, 1.16% 37.542%, 0.671% 38.619%, 0.307% 39.799%, 0.079% 41.064%, 0% 42.397%, 0% 91.78%, 0% 91.78%, 0.079% 93.114%, 0.307% 94.378%, 0.671% 95.558%, 1.16% 96.635%, 1.761% 97.593%, 2.462% 98.414%, 3.249% 99.083%, 4.112% 99.581%, 5.037% 99.892%, 6.013% 100%, 93.988% 100%); } .clip-path-style4 { clip-path: polygon(95.37% 0%, 95.37% 0%, 96.121% 0.06%, 96.834% 0.234%, 97.498% 0.512%, 98.105% 0.885%, 98.644% 1.344%, 99.107% 1.878%, 99.483% 2.479%, 99.764% 3.137%, 99.939% 3.843%, 100% 4.587%, 100% 78.211%, 100% 78.211%, 99.939% 78.955%, 99.764% 79.661%, 99.483% 80.319%, 99.107% 80.92%, 98.644% 81.455%, 98.105% 81.913%, 97.498% 82.286%, 96.834% 82.564%, 96.121% 82.738%, 95.37% 82.798%, 87.269% 82.798%, 87.269% 82.798%, 86.518% 82.858%, 85.805% 83.032%, 85.141% 83.31%, 84.534% 83.683%, 83.995% 84.142%, 83.532% 84.676%, 83.156% 85.277%, 82.875% 85.935%, 82.699% 86.641%, 82.639% 87.385%, 82.639% 95.413%, 82.639% 95.413%, 82.578% 96.157%, 82.403% 96.863%, 82.122% 97.521%, 81.746% 98.122%, 81.283% 98.656%, 80.743% 99.115%, 80.137% 99.488%, 79.473% 99.766%, 78.76% 99.94%, 78.009% 100%, 4.63% 100%, 4.63% 100%, 3.879% 99.94%, 3.166% 99.766%, 2.502% 99.488%, 1.895% 99.115%, 1.356% 98.656%, 0.893% 98.122%, 0.517% 97.521%, 0.236% 96.863%, 0.061% 96.157%, 0% 95.413%, 0% 78.211%, 0% 70.183%, 0% 4.587%, 0% 4.587%, 0.061% 3.843%, 0.236% 3.137%, 0.517% 2.479%, 0.893% 1.878%, 1.356% 1.344%, 1.895% 0.885%, 2.502% 0.512%, 3.166% 0.234%, 3.879% 0.06%, 4.63% 0%, 95.37% 0%); } .clip-path-style5 { clip-path: polygon(4.63% 0%, 4.63% 0%, 3.879% 0.079%, 3.166% 0.308%, 2.502% 0.674%, 1.895% 1.166%, 1.356% 1.769%, 0.893% 2.473%, 0.517% 3.265%, 0.236% 4.132%, 0.061% 5.062%, 0% 6.042%, 0% 71.299%, 0% 71.299%, 0.061% 72.279%, 0.236% 73.209%, 0.517% 74.076%, 0.893% 74.867%, 1.356% 75.571%, 1.895% 76.175%, 2.502% 76.667%, 3.166% 77.033%, 3.879% 77.262%, 4.63% 77.341%, 12.963% 77.341%, 12.963% 77.341%, 13.714% 77.42%, 14.426% 77.649%, 15.091% 78.016%, 15.697% 78.507%, 16.237% 79.111%, 16.699% 79.815%, 17.076% 80.607%, 17.357% 81.474%, 17.532% 82.403%, 17.593% 83.383%, 17.593% 93.957%, 17.593% 93.957%, 17.653% 94.938%, 17.829% 95.867%, 18.109% 96.734%, 18.486% 97.526%, 18.949% 98.23%, 19.488% 98.834%, 20.095% 99.325%, 20.759% 99.692%, 21.471% 99.921%, 22.222% 100%, 95.37% 100%, 95.37% 100%, 96.121% 99.921%, 96.834% 99.692%, 97.498% 99.325%, 98.105% 98.834%, 98.644% 98.23%, 99.107% 97.526%, 99.483% 96.734%, 99.764% 95.867%, 99.939% 94.938%, 100% 93.957%, 100% 71.638%, 100% 71.638%, 100% 71.621%, 100% 71.604%, 100% 71.587%, 100% 71.57%, 100% 71.553%, 99.999% 71.536%, 99.999% 71.519%, 99.999% 71.502%, 99.998% 71.486%, 99.998% 71.469%, 99.998% 71.469%, 99.998% 71.452%, 99.999% 71.435%, 99.999% 71.418%, 99.999% 71.401%, 100% 71.384%, 100% 71.367%, 100% 71.35%, 100% 71.333%, 100% 71.316%, 100% 71.299%, 100% 6.042%, 100% 6.042%, 99.939% 5.062%, 99.764% 4.132%, 99.483% 3.265%, 99.107% 2.473%, 98.644% 1.769%, 98.105% 1.166%, 97.498% 0.674%, 96.834% 0.308%, 96.121% 0.079%, 95.37% 0%, 4.63% 0%); } @keyframes upsdown { 0% { transform: translateY(-100px); visibility: hidden; opacity: 0; } 100% { transform: translateY(0); visibility: visible; opacity: 1; } } @keyframes toptobottom { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes bottomtotop { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } @keyframes gradient { 0% { background-position: 100% 50%; } 50% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } @keyframes toBottomFromTop { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } } @keyframes Rtdraw { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 770; } } @keyframes scale-up-one { 0% { transform: scale(1); } 50% { transform: scale(0.5); } 100% { transform: scale(1); } } .move { animation: move 3s linear infinite; } @keyframes move { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .move1 { animation: move1 2s linear infinite; } @keyframes move1 { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(-10px) translateX(-30px); } 100% { transform: translateY(0) translateX(0); } } .move2 { animation: move2 2s linear infinite; } @keyframes move2 { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(-20px) translateX(-10px); } 100% { transform: translateY(0) translateX(0); } } @keyframes dash-animation { 0% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 100%; } } @keyframes rt-circle { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes rt-scale { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(6px) rotateY(9deg); } 18.5% { transform: translateX(-5px) rotateY(-7deg); } 31.5% { transform: translateX(3px) rotateY(5deg); } 43.5% { transform: translateX(-2px) rotateY(-3deg); } 50% { transform: translateX(0); } } @keyframes slideInLeft { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInLeft { animation-name: slideInLeft; } @keyframes marquee_left { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } @keyframes marquee_right { 0% { transform: translateX(100%); } 100% { transform: translateX(0%); } } @keyframes marquee_top { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes marquee_bottom { 0% { transform: translateY(-100%); } 100% { transform: translateY(0%); } } .spin { animation: spin 5s linear infinite; } @keyframes spin { to { transform: rotate(-360deg); } } .rtFadeInUp { animation-name: rtFadeInUp; } @keyframes rtFadeInUp { 0% { opacity: 0; transform: translate3d(0, 50px, 0); } 100% { opacity: 1; transform: translateZ(0); } } @keyframes rtFadeInLeft { 0% { opacity: 0; transform: translate3d(50%, 0, 0); } 100% { opacity: 1; transform: translateZ(0); } } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } abbr[title] { border-bottom: 1px dotted; } :focus-visible { outline: none; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } svg:not(:root) { overflow: hidden; } figure { margin: 0 0 20px; line-height: 0; } pre { overflow: auto; white-space: pre-wrap; word-wrap: break-word; } a { color: var(--rt-primary-color); } a:hover { color: var(--rt-secondary-color); } table { border-collapse: collapse; border-spacing: 0; margin: 15px 0; width: 100%; } table th, table td { border: 1px solid #ddd; padding: 8px; } td, th { padding: 0; } ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: var(--rt-gray20); } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--rt-meta-color); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--rt-primary-color); } .container, .wtbigshop-single-3 .content-top-area .wp-caption-text, .container-fluid, .rt-container, .rt-container-fluid, .container-narrow { box-sizing: border-box; width: 100%; margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; } .container::after, .wtbigshop-single-3 .content-top-area .wp-caption-text::after, .container-fluid::after, .rt-container::after, .rt-container-fluid::after, .container-narrow::after { content: ""; display: table; clear: both; } .rt-container-fluid, .container-fluid { max-width: 100%; } @media (min-width: 576px) { .container, .wtbigshop-single-3 .content-top-area .wp-caption-text { max-width: 576px; } } @media (min-width: 768px) { .container, .wtbigshop-single-3 .content-top-area .wp-caption-text { max-width: 768px; } } @media (min-width: 992px) { .container, .wtbigshop-single-3 .content-top-area .wp-caption-text { max-width: 992px; } } @media (min-width: 1140px) { .container, .wtbigshop-single-3 .content-top-area .wp-caption-text { max-width: 1140px; } } @media (min-width: 1200px) { .rt-container, .container, .wtbigshop-single-3 .content-top-area .wp-caption-text { max-width: var(--rt-container-width, 1240px); } } .row { display: flex; flex-direction: row; box-sizing: border-box; margin-left: -12px; margin-right: -12px; flex: 0 1 auto; flex-wrap: wrap; } .row::after { content: ""; display: table; clear: both; } .row.g-0 { margin-left: 0; margin-right: 0; } .row.g-0 > * { padding-left: 0; padding-right: 0; margin-top: 0; } .row.g-1 { margin-left: -2px; margin-right: -2px; margin-top: -4px; } .row.g-1 > * { padding-left: 2px; padding-right: 2px; margin-top: 4px; } .row.g-2 { margin-left: -4px; margin-right: -4px; margin-top: -8px; } .row.g-2 > * { padding-left: 4px; padding-right: 4px; margin-top: 8px; } .row.g-3 { margin-left: -8px; margin-right: -8px; margin-top: -16px; } .row.g-3 > * { padding-left: 8px; padding-right: 8px; margin-top: 16px; } .row.g-4 { margin-left: -12px; margin-right: -12px; margin-top: -24px; } .row.g-4 > * { padding-left: 12px; padding-right: 12px; margin-top: 24px; } .row.g-5 { margin-left: -24px; margin-right: -24px; margin-top: -48px; } .row.g-5 > * { padding-left: 24px; padding-right: 24px; margin-top: 48px; } .nowrap { flex-wrap: nowrap; } .reverse { flex-direction: row-reverse; } .flex-item { flex: 0 0 auto; } .flex-item.grow { flex-grow: 1; } [class^=col-], [class*=" col-"] { position: relative; box-sizing: border-box; width: 100%; min-height: 1px; padding-left: 12px; padding-right: 12px; flex: 0 0 auto; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-1 { max-width: 8.3333333333%; flex: 0 0 8.3333333333%; } .col-2 { max-width: 16.6666666667%; flex: 0 0 16.6666666667%; } .col-3 { max-width: 25%; flex: 0 0 25%; } .col-4 { max-width: 33.3333333333%; flex: 0 0 33.3333333333%; } .col-5 { max-width: 41.6666666667%; flex: 0 0 41.6666666667%; } .col-6 { max-width: 50%; flex: 0 0 50%; } .col-7 { max-width: 58.3333333333%; flex: 0 0 58.3333333333%; } .col-8 { max-width: 66.6666666667%; flex: 0 0 66.6666666667%; } .col-9 { max-width: 75%; flex: 0 0 75%; } .col-10 { max-width: 83.3333333333%; flex: 0 0 83.3333333333%; } .col-11 { max-width: 91.6666666667%; flex: 0 0 91.6666666667%; } .col-12 { max-width: 100%; flex: 0 0 100%; } @media (min-width: 576px) { .col-sm-1 { max-width: 8.3333333333%; flex: 0 0 8.3333333333%; } .col-sm-2 { max-width: 16.6666666667%; flex: 0 0 16.6666666667%; } .col-sm-3 { max-width: 25%; flex: 0 0 25%; } .col-sm-4 { max-width: 33.3333333333%; flex: 0 0 33.3333333333%; } .col-sm-5 { max-width: 41.6666666667%; flex: 0 0 41.6666666667%; } .col-sm-6 { max-width: 50%; flex: 0 0 50%; } .col-sm-7 { max-width: 58.3333333333%; flex: 0 0 58.3333333333%; } .col-sm-8 { max-width: 66.6666666667%; flex: 0 0 66.6666666667%; } .col-sm-9 { max-width: 75%; flex: 0 0 75%; } .col-sm-10 { max-width: 83.3333333333%; flex: 0 0 83.3333333333%; } .col-sm-11 { max-width: 91.6666666667%; flex: 0 0 91.6666666667%; } .col-sm-12 { max-width: 100%; flex: 0 0 100%; } .col-sm-pull-0 { left: auto; } .col-sm-pull-1 { left: 8.3333333333%; } .col-sm-pull-2 { left: 16.6666666667%; } .col-sm-pull-3 { left: 25%; } .col-sm-pull-4 { left: 33.3333333333%; } .col-sm-pull-5 { left: 41.6666666667%; } .col-sm-pull-6 { left: 50%; } .col-sm-pull-7 { left: 58.3333333333%; } .col-sm-pull-8 { left: 66.6666666667%; } .col-sm-pull-9 { left: 75%; } .col-sm-pull-10 { left: 83.3333333333%; } .col-sm-pull-11 { left: 91.6666666667%; } .col-sm-pull-12 { left: 100%; } .col-sm-push-0 { right: auto; } .col-sm-push-1 { right: 8.3333333333%; } .col-sm-push-2 { right: 16.6666666667%; } .col-sm-push-3 { right: 25%; } .col-sm-push-4 { right: 33.3333333333%; } .col-sm-push-5 { right: 41.6666666667%; } .col-sm-push-6 { right: 50%; } .col-sm-push-7 { right: 58.3333333333%; } .col-sm-push-8 { right: 66.6666666667%; } .col-sm-push-9 { right: 75%; } .col-sm-push-10 { right: 83.3333333333%; } .col-sm-push-11 { right: 91.6666666667%; } .col-sm-push-12 { right: 100%; } .col-sm-offset-1 { margin-right: 8.3333333333%; } .col-sm-offset-2 { margin-right: 16.6666666667%; } .col-sm-offset-3 { margin-right: 25%; } .col-sm-offset-4 { margin-right: 33.3333333333%; } .col-sm-offset-5 { margin-right: 41.6666666667%; } .col-sm-offset-6 { margin-right: 50%; } .col-sm-offset-7 { margin-right: 58.3333333333%; } .col-sm-offset-8 { margin-right: 66.6666666667%; } .col-sm-offset-9 { margin-right: 75%; } .col-sm-offset-10 { margin-right: 83.3333333333%; } .col-sm-offset-11 { margin-right: 91.6666666667%; } } @media (min-width: 768px) { .col-md-1 { max-width: 8.3333333333%; flex: 0 0 8.3333333333%; } .col-md-2 { max-width: 16.6666666667%; flex: 0 0 16.6666666667%; } .col-md-3 { max-width: 25%; flex: 0 0 25%; } .col-md-4 { max-width: 33.3333333333%; flex: 0 0 33.3333333333%; } .col-md-5 { max-width: 41.6666666667%; flex: 0 0 41.6666666667%; } .col-md-6 { max-width: 50%; flex: 0 0 50%; } .col-md-7 { max-width: 58.3333333333%; flex: 0 0 58.3333333333%; } .col-md-8 { max-width: 66.6666666667%; flex: 0 0 66.6666666667%; } .col-md-9 { max-width: 75%; flex: 0 0 75%; } .col-md-10 { max-width: 83.3333333333%; flex: 0 0 83.3333333333%; } .col-md-11 { max-width: 91.6666666667%; flex: 0 0 91.6666666667%; } .col-md-12 { max-width: 100%; flex: 0 0 100%; } .col-md-pull-0 { left: auto; } .col-md-pull-1 { left: 8.3333333333%; } .col-md-pull-2 { left: 16.6666666667%; } .col-md-pull-3 { left: 25%; } .col-md-pull-4 { left: 33.3333333333%; } .col-md-pull-5 { left: 41.6666666667%; } .col-md-pull-6 { left: 50%; } .col-md-pull-7 { left: 58.3333333333%; } .col-md-pull-8 { left: 66.6666666667%; } .col-md-pull-9 { left: 75%; } .col-md-pull-10 { left: 83.3333333333%; } .col-md-pull-11 { left: 91.6666666667%; } .col-md-pull-12 { left: 100%; } .col-md-push-0 { right: auto; } .col-md-push-1 { right: 8.3333333333%; } .col-md-push-2 { right: 16.6666666667%; } .col-md-push-3 { right: 25%; } .col-md-push-4 { right: 33.3333333333%; } .col-md-push-5 { right: 41.6666666667%; } .col-md-push-6 { right: 50%; } .col-md-push-7 { right: 58.3333333333%; } .col-md-push-8 { right: 66.6666666667%; } .col-md-push-9 { right: 75%; } .col-md-push-10 { right: 83.3333333333%; } .col-md-push-11 { right: 91.6666666667%; } .col-md-push-12 { right: 100%; } .col-md-offset-0 { margin-right: 0%; } .col-md-offset-1 { margin-right: 8.3333333333%; } .col-md-offset-2 { margin-right: 16.6666666667%; } .col-md-offset-3 { margin-right: 25%; } .col-md-offset-4 { margin-right: 33.3333333333%; } .col-md-offset-5 { margin-right: 41.6666666667%; } .col-md-offset-6 { margin-right: 50%; } .col-md-offset-7 { margin-right: 58.3333333333%; } .col-md-offset-8 { margin-right: 66.6666666667%; } .col-md-offset-9 { margin-right: 75%; } .col-md-offset-10 { margin-right: 83.3333333333%; } .col-md-offset-11 { margin-right: 91.6666666667%; } } @media (min-width: 992px) { .col-lg-1 { max-width: 8.3333333333%; flex: 0 0 8.3333333333%; } .col-lg-2 { max-width: 16.6666666667%; flex: 0 0 16.6666666667%; } .col-lg-3 { max-width: 25%; flex: 0 0 25%; } .col-lg-4 { max-width: 33.3333333333%; flex: 0 0 33.3333333333%; } .col-lg-5 { max-width: 41.6666666667%; flex: 0 0 41.6666666667%; } .col-lg-6 { max-width: 50%; flex: 0 0 50%; } .col-lg-7 { max-width: 58.3333333333%; flex: 0 0 58.3333333333%; } .col-lg-8 { max-width: 66.6666666667%; flex: 0 0 66.6666666667%; } .col-lg-9 { max-width: 75%; flex: 0 0 75%; } .col-lg-10 { max-width: 83.3333333333%; flex: 0 0 83.3333333333%; } .col-lg-11 { max-width: 91.6666666667%; flex: 0 0 91.6666666667%; } .col-lg-12 { max-width: 100%; flex: 0 0 100%; } .col-lg-pull-0 { left: auto; } .col-lg-pull-1 { left: 8.3333333333%; } .col-lg-pull-2 { left: 16.6666666667%; } .col-lg-pull-3 { left: 25%; } .col-lg-pull-4 { left: 33.3333333333%; } .col-lg-pull-5 { left: 41.6666666667%; } .col-lg-pull-6 { left: 50%; } .col-lg-pull-7 { left: 58.3333333333%; } .col-lg-pull-8 { left: 66.6666666667%; } .col-lg-pull-9 { left: 75%; } .col-lg-pull-10 { left: 83.3333333333%; } .col-lg-pull-11 { left: 91.6666666667%; } .col-lg-pull-12 { left: 100%; } .col-lg-push-0 { right: auto; } .col-lg-push-1 { right: 8.3333333333%; } .col-lg-push-2 { right: 16.6666666667%; } .col-lg-push-3 { right: 25%; } .col-lg-push-4 { right: 33.3333333333%; } .col-lg-push-5 { right: 41.6666666667%; } .col-lg-push-6 { right: 50%; } .col-lg-push-7 { right: 58.3333333333%; } .col-lg-push-8 { right: 66.6666666667%; } .col-lg-push-9 { right: 75%; } .col-lg-push-10 { right: 83.3333333333%; } .col-lg-push-11 { right: 91.6666666667%; } .col-lg-push-12 { right: 100%; } .col-lg-offset-0 { margin-right: 0%; } .col-lg-offset-1 { margin-right: 8.3333333333%; } .col-lg-offset-2 { margin-right: 16.6666666667%; } .col-lg-offset-3 { margin-right: 25%; } .col-lg-offset-4 { margin-right: 33.3333333333%; } .col-lg-offset-5 { margin-right: 41.6666666667%; } .col-lg-offset-6 { margin-right: 50%; } .col-lg-offset-7 { margin-right: 58.3333333333%; } .col-lg-offset-8 { margin-right: 66.6666666667%; } .col-lg-offset-9 { margin-right: 75%; } .col-lg-offset-10 { margin-right: 83.3333333333%; } .col-lg-offset-11 { margin-right: 91.6666666667%; } } @media (min-width: 1140px) { .col-xl-1 { max-width: 8.3333333333%; flex: 0 0 8.3333333333%; } .col-xl-2 { max-width: 16.6666666667%; flex: 0 0 16.6666666667%; } .col-xl-3 { max-width: 25%; flex: 0 0 25%; } .col-xl-4 { max-width: 33.3333333333%; flex: 0 0 33.3333333333%; } .col-xl-5 { max-width: 41.6666666667%; flex: 0 0 41.6666666667%; } .col-xl-6 { max-width: 50%; flex: 0 0 50%; } .col-xl-7 { max-width: 58.3333333333%; flex: 0 0 58.3333333333%; } .col-xl-8 { max-width: 66.6666666667%; flex: 0 0 66.6666666667%; } .col-xl-9 { max-width: 75%; flex: 0 0 75%; } .col-xl-10 { max-width: 83.3333333333%; flex: 0 0 83.3333333333%; } .col-xl-11 { max-width: 91.6666666667%; flex: 0 0 91.6666666667%; } .col-xl-12 { max-width: 100%; flex: 0 0 100%; } .col-xl-pull-0 { left: auto; } .col-xl-pull-1 { left: 8.3333333333%; } .col-xl-pull-2 { left: 16.6666666667%; } .col-xl-pull-3 { left: 25%; } .col-xl-pull-4 { left: 33.3333333333%; } .col-xl-pull-5 { left: 41.6666666667%; } .col-xl-pull-6 { left: 50%; } .col-xl-pull-7 { left: 58.3333333333%; } .col-xl-pull-8 { left: 66.6666666667%; } .col-xl-pull-9 { left: 75%; } .col-xl-pull-10 { left: 83.3333333333%; } .col-xl-pull-11 { left: 91.6666666667%; } .col-xl-pull-12 { left: 100%; } .col-xl-push-0 { right: auto; } .col-xl-push-1 { right: 8.3333333333%; } .col-xl-push-2 { right: 16.6666666667%; } .col-xl-push-3 { right: 25%; } .col-xl-push-4 { right: 33.3333333333%; } .col-xl-push-5 { right: 41.6666666667%; } .col-xl-push-6 { right: 50%; } .col-xl-push-7 { right: 58.3333333333%; } .col-xl-push-8 { right: 66.6666666667%; } .col-xl-push-9 { right: 75%; } .col-xl-push-10 { right: 83.3333333333%; } .col-xl-push-11 { right: 91.6666666667%; } .col-xl-push-12 { right: 100%; } .col-xl-offset-0 { margin-right: 0%; } .col-xl-offset-1 { margin-right: 8.3333333333%; } .col-xl-offset-2 { margin-right: 16.6666666667%; } .col-xl-offset-3 { margin-right: 25%; } .col-xl-offset-4 { margin-right: 33.3333333333%; } .col-xl-offset-5 { margin-right: 41.6666666667%; } .col-xl-offset-6 { margin-right: 50%; } .col-xl-offset-7 { margin-right: 58.3333333333%; } .col-xl-offset-8 { margin-right: 66.6666666667%; } .col-xl-offset-9 { margin-right: 75%; } .col-xl-offset-10 { margin-right: 83.3333333333%; } .col-xl-offset-11 { margin-right: 91.6666666667%; } } .d-flex { display: flex; } .d-grid { display: grid; } .ml-auto { margin-right: auto; } .mr-auto { margin-left: auto; } .mx-auto { margin-right: auto; margin-left: auto; } .d-none { display: none; } .d-inline-flex { display: inline-flex !important; } .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .p-0 { padding: 0px; } .m-0 { margin: 0px; } .p-5 { padding: 5px; } .m-5 { margin: 5px; } .p-8 { padding: 8px; } .m-8 { margin: 8px; } .p-10 { padding: 10px; } .m-10 { margin: 10px; } .p-15 { padding: 15px; } .m-15 { margin: 15px; } .p-16 { padding: 16px; } .m-16 { margin: 16px; } .p-20 { padding: 20px; } .m-20 { margin: 20px; } .p-30 { padding: 30px; } .m-30 { margin: 30px; } .p-40 { padding: 40px; } .m-40 { margin: 40px; } .p-50 { padding: 50px; } .m-50 { margin: 50px; } .p-60 { padding: 60px; } .m-60 { margin: 60px; } .p-80 { padding: 80px; } .m-80 { margin: 80px; } .p-100 { padding: 100px; } .m-100 { margin: 100px; } .p-120 { padding: 120px; } .m-120 { margin: 120px; } .p-150 { padding: 150px; } .m-150 { margin: 150px; } .p-180 { padding: 180px; } .m-180 { margin: 180px; } .p-200 { padding: 200px; } .m-200 { margin: 200px; } .pt-0 { padding-top: 0px; } .pt-5 { padding-top: 5px; } .pt-8 { padding-top: 8px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-16 { padding-top: 16px; } .pt-20 { padding-top: 20px; } .pt-30 { padding-top: 30px; } .pt-40 { padding-top: 40px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pt-80 { padding-top: 80px; } .pt-100 { padding-top: 100px; } .pt-120 { padding-top: 120px; } .pt-150 { padding-top: 150px; } .pt-180 { padding-top: 180px; } .pt-200 { padding-top: 200px; } @media (min-width: 992px) { .pt-lg-30 { padding-top: 30px; } .pt-lg-50 { padding-top: 50px; } .pt-lg-80 { padding-top: 80px; } .pt-lg-100 { padding-top: 100px; } .pt-lg-120 { padding-top: 120px; } .pt-lg-150 { padding-top: 150px; } } @media (min-width: 768px) { .pt-md-30 { padding-top: 30px; } .pt-md-50 { padding-top: 50px; } .pt-md-80 { padding-top: 80px; } .pt-md-100 { padding-top: 100px; } .pt-md-120 { padding-top: 120px; } .pt-md-150 { padding-top: 150px; } } @media (min-width: 576px) { .pt-sm-30 { padding-top: 30px; } .pt-sm-50 { padding-top: 50px; } .pt-sm-80 { padding-top: 80px; } .pt-sm-100 { padding-top: 100px; } .pt-sm-120 { padding-top: 120px; } .pt-sm-150 { padding-top: 150px; } } .pr-0 { padding-left: 0px; } .pr-5 { padding-left: 5px; } .pr-8 { padding-left: 8px; } .pr-10 { padding-left: 10px; } .pr-15 { padding-left: 15px; } .pr-16 { padding-left: 16px; } .pr-20 { padding-left: 20px; } .pr-30 { padding-left: 30px; } .pr-40 { padding-left: 40px; } .pr-50 { padding-left: 50px; } .pr-60 { padding-left: 60px; } .pr-80 { padding-left: 80px; } .pr-100 { padding-left: 100px; } .pr-120 { padding-left: 120px; } .pr-150 { padding-left: 150px; } .pr-180 { padding-left: 180px; } .pr-200 { padding-left: 200px; } @media (min-width: 992px) { .pr-lg-30 { padding-left: 30px; } .pr-lg-50 { padding-left: 50px; } .pr-lg-80 { padding-left: 80px; } .pr-lg-100 { padding-left: 100px; } .pr-lg-120 { padding-left: 120px; } .pr-lg-150 { padding-left: 150px; } } @media (min-width: 768px) { .pr-md-30 { padding-left: 30px; } .pr-md-50 { padding-left: 50px; } .pr-md-80 { padding-left: 80px; } .pr-md-100 { padding-left: 100px; } .pr-md-120 { padding-left: 120px; } .pr-md-150 { padding-left: 150px; } } @media (min-width: 576px) { .pr-sm-30 { padding-left: 30px; } .pr-sm-50 { padding-left: 50px; } .pr-sm-80 { padding-left: 80px; } .pr-sm-100 { padding-left: 100px; } .pr-sm-120 { padding-left: 120px; } .pr-sm-150 { padding-left: 150px; } } .pb-0 { padding-bottom: 0px; } .pb-5 { padding-bottom: 5px; } .pb-8 { padding-bottom: 8px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-16 { padding-bottom: 16px; } .pb-20 { padding-bottom: 20px; } .pb-30 { padding-bottom: 30px; } .pb-40 { padding-bottom: 40px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .pb-80 { padding-bottom: 80px; } .pb-100 { padding-bottom: 100px; } .pb-120 { padding-bottom: 120px; } .pb-150 { padding-bottom: 150px; } .pb-180 { padding-bottom: 180px; } .pb-200 { padding-bottom: 200px; } @media (min-width: 992px) { .pb-lg-30 { padding-bottom: 30px; } .pb-lg-50 { padding-bottom: 50px; } .pb-lg-80 { padding-bottom: 80px; } .pb-lg-100 { padding-bottom: 100px; } .pb-lg-120 { padding-bottom: 120px; } .pb-lg-150 { padding-bottom: 150px; } } @media (min-width: 768px) { .pb-md-30 { padding-bottom: 30px; } .pb-md-50 { padding-bottom: 50px; } .pb-md-80 { padding-bottom: 80px; } .pb-md-100 { padding-bottom: 100px; } .pb-md-120 { padding-bottom: 120px; } .pb-md-150 { padding-bottom: 150px; } } @media (min-width: 576px) { .pb-sm-30 { padding-bottom: 30px; } .pb-sm-50 { padding-bottom: 50px; } .pb-sm-80 { padding-bottom: 80px; } .pb-sm-100 { padding-bottom: 100px; } .pb-sm-120 { padding-bottom: 120px; } .pb-sm-150 { padding-bottom: 150px; } } .pl-0 { padding-right: 0px; } .pl-5 { padding-right: 5px; } .pl-8 { padding-right: 8px; } .pl-10 { padding-right: 10px; } .pl-15 { padding-right: 15px; } .pl-16 { padding-right: 16px; } .pl-20 { padding-right: 20px; } .pl-30 { padding-right: 30px; } .pl-40 { padding-right: 40px; } .pl-50 { padding-right: 50px; } .pl-60 { padding-right: 60px; } .pl-80 { padding-right: 80px; } .pl-100 { padding-right: 100px; } .pl-120 { padding-right: 120px; } .pl-150 { padding-right: 150px; } .pl-180 { padding-right: 180px; } .pl-200 { padding-right: 200px; } @media (min-width: 992px) { .pl-lg-30 { padding-right: 30px; } .pl-lg-50 { padding-right: 50px; } .pl-lg-80 { padding-right: 80px; } .pl-lg-100 { padding-right: 100px; } .pl-lg-120 { padding-right: 120px; } .pl-lg-150 { padding-right: 150px; } } @media (min-width: 768px) { .pl-md-30 { padding-right: 30px; } .pl-md-50 { padding-right: 50px; } .pl-md-80 { padding-right: 80px; } .pl-md-100 { padding-right: 100px; } .pl-md-120 { padding-right: 120px; } .pl-md-150 { padding-right: 150px; } } @media (min-width: 576px) { .pl-sm-30 { padding-right: 30px; } .pl-sm-50 { padding-right: 50px; } .pl-sm-80 { padding-right: 80px; } .pl-sm-100 { padding-right: 100px; } .pl-sm-120 { padding-right: 120px; } .pl-sm-150 { padding-right: 150px; } } .mt-0 { margin-top: 0px; } .mt-5 { margin-top: 5px; } .mt-8 { margin-top: 8px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-16 { margin-top: 16px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-80 { margin-top: 80px; } .mt-100 { margin-top: 100px; } .mt-120 { margin-top: 120px; } .mt-150 { margin-top: 150px; } .mt-180 { margin-top: 180px; } .mt-200 { margin-top: 200px; } @media (max-width: 992px) { .mt-lg-30 { margin-top: 30px; } .mt-lg-50 { margin-top: 50px; } .mt-lg-80 { margin-top: 80px; } .mt-lg-100 { margin-top: 100px; } .mt-lg-120 { margin-top: 120px; } .mt-lg-150 { margin-top: 150px; } } @media (max-width: 768px) { .mt-md-30 { margin-top: 30px; } .mt-md-50 { margin-top: 50px; } .mt-md-80 { margin-top: 80px; } .mt-md-100 { margin-top: 100px; } .mt-md-120 { margin-top: 120px; } .mt-md-150 { margin-top: 150px; } } @media (max-width: 576px) { .mt-sm-30 { margin-top: 30px; } .mt-sm-50 { margin-top: 50px; } .mt-sm-80 { margin-top: 80px; } .mt-sm-100 { margin-top: 100px; } .mt-sm-120 { margin-top: 120px; } .mt-sm-150 { margin-top: 150px; } } .mr-0 { margin-left: 0px; } .mr-5 { margin-left: 5px; } .mr-8 { margin-left: 8px; } .mr-10 { margin-left: 10px; } .mr-15 { margin-left: 15px; } .mr-16 { margin-left: 16px; } .mr-20 { margin-left: 20px; } .mr-30 { margin-left: 30px; } .mr-40 { margin-left: 40px; } .mr-50 { margin-left: 50px; } .mr-60 { margin-left: 60px; } .mr-80 { margin-left: 80px; } .mr-100 { margin-left: 100px; } .mr-120 { margin-left: 120px; } .mr-150 { margin-left: 150px; } .mr-180 { margin-left: 180px; } .mr-200 { margin-left: 200px; } @media (max-width: 992px) { .mr-lg-30 { margin-left: 30px; } .mr-lg-50 { margin-left: 50px; } .mr-lg-80 { margin-left: 80px; } .mr-lg-100 { margin-left: 100px; } .mr-lg-120 { margin-left: 120px; } .mr-lg-150 { margin-left: 150px; } } @media (max-width: 768px) { .mr-md-30 { margin-left: 30px; } .mr-md-50 { margin-left: 50px; } .mr-md-80 { margin-left: 80px; } .mr-md-100 { margin-left: 100px; } .mr-md-120 { margin-left: 120px; } .mr-md-150 { margin-left: 150px; } } @media (max-width: 576px) { .mr-sm-30 { margin-left: 30px; } .mr-sm-50 { margin-left: 50px; } .mr-sm-80 { margin-left: 80px; } .mr-sm-100 { margin-left: 100px; } .mr-sm-120 { margin-left: 120px; } .mr-sm-150 { margin-left: 150px; } } .mb-0 { margin-bottom: 0px; } .mb-5 { margin-bottom: 5px; } .mb-8 { margin-bottom: 8px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-16 { margin-bottom: 16px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-80 { margin-bottom: 80px; } .mb-100 { margin-bottom: 100px; } .mb-120 { margin-bottom: 120px; } .mb-150 { margin-bottom: 150px; } .mb-180 { margin-bottom: 180px; } .mb-200 { margin-bottom: 200px; } @media (max-width: 992px) { .mb-lg-30 { margin-bottom: 30px; } .mb-lg-50 { margin-bottom: 50px; } .mb-lg-80 { margin-bottom: 80px; } .mb-lg-100 { margin-bottom: 100px; } .mb-lg-120 { margin-bottom: 120px; } .mb-lg-150 { margin-bottom: 150px; } } @media (max-width: 768px) { .mb-md-30 { margin-bottom: 30px; } .mb-md-50 { margin-bottom: 50px; } .mb-md-80 { margin-bottom: 80px; } .mb-md-100 { margin-bottom: 100px; } .mb-md-120 { margin-bottom: 120px; } .mb-md-150 { margin-bottom: 150px; } } @media (max-width: 576px) { .mb-sm-30 { margin-bottom: 30px; } .mb-sm-50 { margin-bottom: 50px; } .mb-sm-80 { margin-bottom: 80px; } .mb-sm-100 { margin-bottom: 100px; } .mb-sm-120 { margin-bottom: 120px; } .mb-sm-150 { margin-bottom: 150px; } } .ml-0 { margin-right: 0px; } .ml-5 { margin-right: 5px; } .ml-8 { margin-right: 8px; } .ml-10 { margin-right: 10px; } .ml-15 { margin-right: 15px; } .ml-16 { margin-right: 16px; } .ml-20 { margin-right: 20px; } .ml-30 { margin-right: 30px; } .ml-40 { margin-right: 40px; } .ml-50 { margin-right: 50px; } .ml-60 { margin-right: 60px; } .ml-80 { margin-right: 80px; } .ml-100 { margin-right: 100px; } .ml-120 { margin-right: 120px; } .ml-150 { margin-right: 150px; } .ml-180 { margin-right: 180px; } .ml-200 { margin-right: 200px; } @media (max-width: 992px) { .ml-lg-30 { margin-right: 30px; } .ml-lg-50 { margin-right: 50px; } .ml-lg-80 { margin-right: 80px; } .ml-lg-100 { margin-right: 100px; } .ml-lg-120 { margin-right: 120px; } .ml-lg-150 { margin-right: 150px; } } @media (max-width: 768px) { .ml-md-30 { margin-right: 30px; } .ml-md-50 { margin-right: 50px; } .ml-md-80 { margin-right: 80px; } .ml-md-100 { margin-right: 100px; } .ml-md-120 { margin-right: 120px; } .ml-md-150 { margin-right: 150px; } } @media (max-width: 576px) { .ml-sm-30 { margin-right: 30px; } .ml-sm-50 { margin-right: 50px; } .ml-sm-80 { margin-right: 80px; } .ml-sm-100 { margin-right: 100px; } .ml-sm-120 { margin-right: 120px; } .ml-sm-150 { margin-right: 150px; } } .gap-0 { gap: 0px; } .column-gap-0 { -moz-column-gap: 0px; column-gap: 0px; } .row-gap-0 { row-gap: 0px; } .gap-5 { gap: 5px; } .column-gap-5 { -moz-column-gap: 5px; column-gap: 5px; } .row-gap-5 { row-gap: 5px; } .gap-8 { gap: 8px; } .column-gap-8 { -moz-column-gap: 8px; column-gap: 8px; } .row-gap-8 { row-gap: 8px; } .gap-10 { gap: 10px; } .column-gap-10 { -moz-column-gap: 10px; column-gap: 10px; } .row-gap-10 { row-gap: 10px; } .gap-15 { gap: 15px; } .column-gap-15 { -moz-column-gap: 15px; column-gap: 15px; } .row-gap-15 { row-gap: 15px; } .gap-16 { gap: 16px; } .column-gap-16 { -moz-column-gap: 16px; column-gap: 16px; } .row-gap-16 { row-gap: 16px; } .gap-20 { gap: 20px; } .column-gap-20 { -moz-column-gap: 20px; column-gap: 20px; } .row-gap-20 { row-gap: 20px; } .gap-30 { gap: 30px; } .column-gap-30 { -moz-column-gap: 30px; column-gap: 30px; } .row-gap-30 { row-gap: 30px; } .gap-40 { gap: 40px; } .column-gap-40 { -moz-column-gap: 40px; column-gap: 40px; } .row-gap-40 { row-gap: 40px; } .gap-50 { gap: 50px; } .column-gap-50 { -moz-column-gap: 50px; column-gap: 50px; } .row-gap-50 { row-gap: 50px; } .gap-60 { gap: 60px; } .column-gap-60 { -moz-column-gap: 60px; column-gap: 60px; } .row-gap-60 { row-gap: 60px; } .gap-80 { gap: 80px; } .column-gap-80 { -moz-column-gap: 80px; column-gap: 80px; } .row-gap-80 { row-gap: 80px; } .gap-100 { gap: 100px; } .column-gap-100 { -moz-column-gap: 100px; column-gap: 100px; } .row-gap-100 { row-gap: 100px; } .gap-120 { gap: 120px; } .column-gap-120 { -moz-column-gap: 120px; column-gap: 120px; } .row-gap-120 { row-gap: 120px; } .gap-150 { gap: 150px; } .column-gap-150 { -moz-column-gap: 150px; column-gap: 150px; } .row-gap-150 { row-gap: 150px; } .gap-180 { gap: 180px; } .column-gap-180 { -moz-column-gap: 180px; column-gap: 180px; } .row-gap-180 { row-gap: 180px; } .gap-200 { gap: 200px; } .column-gap-200 { -moz-column-gap: 200px; column-gap: 200px; } .row-gap-200 { row-gap: 200px; } /* WordPress Core ***************************/ .alignnone { margin: 12px 0 48px 48px; } .aligncenter, div.aligncenter { display: block; margin: 12px auto 12px auto; } .alignright { float: left; margin: 12px 48px 48px 0; } .alignleft { float: right; margin: 12px 0 48px 48px; } a img.alignright { float: left; margin: 12px 48px 48px 0; } a img.alignnone { margin: 12px 0 48px 48px; } a img.alignleft { float: right; margin: 12px 0 48px 48px; } a img.aligncenter { display: block; margin-right: auto; margin-left: auto; } .wp-caption { background: #FFFFFF; border: 1px solid var(--rt-gray20); max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 12px 0 48px 48px; } .wp-caption.alignleft { margin: 12px 0 48px 48px; } .wp-caption.alignright { margin: 12px 48px 48px 0; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .wp-block-query-pagination { margin-top: 10px; } .wp-block-query-pagination > a { color: #000000; font-size: 15px; } .wp-block-query-pagination .wp-block-query-pagination-numbers > *:not(.dots) { display: inline-flex; padding: 3px 8px; background-color: #EFEFEF; line-height: 1.3; min-width: 30px; flex-direction: column; justify-content: center; text-align: center; border-radius: 3px; color: #111111; border: none; } .wp-block-query-pagination .wp-block-query-pagination-numbers a:hover { background-color: var(--rt-meta-color); color: #FFFFFF; } /* Gutenberg Style */ .blocks-gallery-grid, .wp-block-gallery { margin-bottom: 25px; margin-top: 25px; } .gallery-caption { display: block; font-size: 16px; margin-top: 5px; } .wp-block-latest-comments__comment-date, .wp-block-image figcaption, .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: 15px; } .wp-block-image figcaption { color: #70778b; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0 0 10px 10px; width: calc(50% - 10px); border-radius: 4px; overflow: hidden; } .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width: calc(33.33333% - 10px); margin-left: 10px; } .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item { width: calc(25% - 10px); margin-left: 10px; } .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item { width: calc(20% - 5px); margin-left: 5px; } .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-left: 0 !important; } .columns-5 .blocks-gallery-image figcaption, .columns-5 .blocks-gallery-item figcaption, .columns-6 .blocks-gallery-image figcaption, .columns-6 .blocks-gallery-item figcaption, .columns-7 .blocks-gallery-image figcaption, .columns-7 .blocks-gallery-item figcaption, .columns-8 .blocks-gallery-image figcaption, .columns-8 .blocks-gallery-item figcaption { font-size: 14px; } .single-blog .single-blog-content .post-details .wp-block-rss, .single-blog .single-blog-content .post-details .wp-block-latest-posts { list-style: none; padding: 0; } .single-blog .single-blog-content .post-details > *:last-child { margin-bottom: 0; } .single-blog .single-blog-content .post-details .wp-block-calendar .wp-calendar-nav { display: flex; justify-content: space-between; align-items: center; } .wp-block-calendar { margin-bottom: 15px; } .single-blog .single-blog-content .post-details .wp-block-latest-comments, .single-blog .single-blog-content .post-details .wp-block-archives { padding-right: 0; } .wp-block-search .wp-block-search__label { display: none; } .wp-block-search .wp-block-search__button { margin-right: 0; border: none; background-color: var(--rt-primary-color); border-radius: 6px 0 0 6px; padding: 6px 20px; font-size: 16px; font-weight: 500; color: #FFFFFF; transition: 0.4s; } .wp-block-search .wp-block-search__button:hover { background-color: var(--rt-secondary-color); } .wp-block-search .wp-block-search__input { border-radius: 0 6px 6px 0; height: 50px; padding-right: 15px; padding-left: 15px; } .wp-block-search .wp-block-search__input:focus-visible { outline: none; border-color: #565656; } /* Form ***************************/ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } button, input { /* 1 */ overflow: visible; } button, select { /* 1 */ text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } button, input[type=button], input[type=reset], input[type=submit] { border: medium none; color: #fff; padding: 5px 20px; border-radius: 3px; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: var(--rt-body-color); border: 1px solid var(--rt-gray20); transition: all 320ms ease; } input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=url]:hover, input[type=url]:focus, input[type=password]:hover, input[type=password]:focus, input[type=search]:hover, input[type=search]:focus, input[type=number]:hover, input[type=number]:focus, input[type=tel]:hover, input[type=tel]:focus, input[type=range]:hover, input[type=range]:focus, input[type=date]:hover, input[type=date]:focus, input[type=month]:hover, input[type=month]:focus, input[type=week]:hover, input[type=week]:focus, input[type=time]:hover, input[type=time]:focus, input[type=datetime]:hover, input[type=datetime]:focus, input[type=datetime-local]:hover, input[type=datetime-local]:focus, input[type=color]:hover, input[type=color]:focus, textarea:hover, textarea:focus { outline: none; border-color: rgba(var(--rt-primary-rgb), 0.5); } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { box-shadow: 0 0 0 0.2rem rgba(var(--rt-primary-rgb), 0.25); } select { border: 1px solid var(--rt-gray20); } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: #111; } textarea { width: 100%; } .content-area { padding-top: 130px; padding-bottom: 130px; } .wtbigshop-breadcrumb-wrapper.no-bg + div { padding-top: 90px; } @media (max-width: 991px) { .wtbigshop-breadcrumb-wrapper.no-bg + .rtsb-builder-content { padding-top: 0; } } .post-edit-link { position: absolute; top: 0; right: 0; font-size: 13px; color: #FFFFFF !important; background: rgba(0, 0, 0, 0.5); padding: 5px 10px; line-height: 1; max-width: 44px; max-height: 24px; opacity: 0; visibility: hidden; display: flex !important; justify-content: center; align-items: center; } .post-edit-link:hover { background: #000000; } .post-thumbnail:hover .post-edit-link { opacity: 1; visibility: visible; } .sticky .entry-wrapper { background-color: #f5faff; } .bypostauthor { display: block; } .metaStyleDash, .meta-style-dash-bg .wtbigshop-post-meta li:is(.category, .tag) a::before, .meta-style-dash-bg .wtbigshop-post-meta li::before, .meta-style-dash .wtbigshop-post-meta li::before { content: "-----"; margin-left: 7px; letter-spacing: -4px; transform: scaleY(0.8); width: 10px; overflow: hidden; white-space: nowrap; } .primaryColor, .above-meta-style-border .separate-meta a, .meta-style-dash-bg .wtbigshop-post-meta li:is(.category, .tag) a, .meta-style-dash-bg .wtbigshop-post-meta li:not(.category, .tag) a, .meta-style-dash-bg .wtbigshop-post-meta li:not(.category, .tag):before, .meta-style-dash-bg .wtbigshop-post-meta li:not(.category, .tag), .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) a, .meta-style-border .wtbigshop-post-meta ul li:not(.category, .tag) a, .meta-style-border .wtbigshop-post-meta ul li:not(.category, .tag), .widget a:hover, .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span .current-item, .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span a:hover, .wtbigshop-breadcrumb-wrapper .breadcrumb li.active .title, .wtbigshop-offcanvas-drawer ul li.current-menu-item > a, .wtbigshop-offcanvas-drawer ul li.current-menu-ancestor > a, .wtbigshop-offcanvas-drawer ul.menu li a:hover { color: var(--rt-primary-color); } .secondaryColor, .wtbigshop-post-card .read-more:hover, .wtbigshop-post-card .entry-title a:hover, .meta-style-border .wtbigshop-post-meta ul li:not(.category, .tag) a:hover, .wtbigshop-widget-area .rt-blog-post .entry-title a:hover { color: var(--rt-secondary-color); } .secondaryBG { background-color: var(--rt-secondary-color); } .primaryBG, .above-meta-style-border .separate-meta a:hover, .meta-style-dash-bg .wtbigshop-post-meta li:is(.category, .tag) a:hover, .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) a:hover, .widget .wp-calendar-table td#today a, .widget .wp-calendar-table td#today, button, input[type=button], input[type=reset], input[type=submit], button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, input[type=button]:active, input[type=reset]:active, input[type=submit]:active { background-color: var(--rt-primary-color); } .whiteColor, .wtbigshop-single-3 .content-top-area .wtbigshop-post-meta a, .wtbigshop-single-3 .content-top-area .wtbigshop-post-meta li:before, .wtbigshop-single-3 .content-top-area .wtbigshop-post-meta, .wtbigshop-single-3 .content-top-area .entry-title, .above-meta-style-border .separate-meta a:hover, .meta-style-dash-bg .wtbigshop-post-meta li:is(.category, .tag) a:hover, .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) a:hover { color: #FFFFFF; } .whiteBG { background-color: #FFFFFF; } .blackColor { color: #000000; } .blackBG { background-color: #000000; } body { font-family: var(--rt-body-font, "Inter"), sans-serif; font-weight: 400; font-size: 16px; background-color: var(--rt-body-bg-color); height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { font-family: var(--rt-heading-font, "Sarabun"), sans-serif; margin: 0 0 15px 0; font-weight: 600; color: var(--rt-title-color); } h1, .h1 { font-size: 44px; line-height: 54px; } h2, .h2 { font-size: 36px; line-height: 42px; } h3, .h3 { font-size: 28px; line-height: 36px; } h4, .h4 { font-size: 22px; line-height: 28px; } h5, .h5 { font-size: 18px; line-height: 24px; } h6, .h6 { font-size: 14px; line-height: 18px; } small, .small { font-size: 15px; line-height: 28px; } .text-center { text-align: center; } .text-right { text-align: left; } .text-left { text-align: right; } .text-bold { font-weight: 700; } .text-semibold { font-weight: 600; } .text-uppercase { text-transform: uppercase; } .no-line-height { line-height: 1em !important; } button { transition: all 320ms ease; cursor: pointer; } .btn, .wtbigshop-post-card .read-more { display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; border-radius: 6px; letter-spacing: 0.13px; padding: 16px 26px; font-size: 16px; line-height: 1; transition: all 320ms ease; } .btn:active, .wtbigshop-post-card .read-more:active { box-shadow: none; } .btn:focus, .wtbigshop-post-card .read-more:focus { outline: none; } .btn.btn-xl, .wtbigshop-post-card .btn-xl.read-more { padding: 25px 33px; font-size: 25px; line-height: 25px; } .btn.btn-lg, .wtbigshop-post-card .btn-lg.read-more { padding: 19px 25px; font-size: 19px; line-height: 19px; } .btn.btn-sm, .wtbigshop-post-card .btn-sm.read-more { padding: 13px 21px; font-size: 14px; line-height: 14px; } .btn.btn-xs, .wtbigshop-post-card .btn-xs.read-more { padding: 12px 19px; font-size: 11px; line-height: 11px; } .btn-primary, .wtbigshop-post-card .read-more { color: #FFFFFF; background-color: var(--rt-primary-color); border-color: var(--rt-primary-color); } .btn-primary:hover, .wtbigshop-post-card .read-more:hover { color: #FFFFFF; background-color: var(--rt-secondary-color); border-color: var(--rt-secondary-color); } .btn-secondary { color: #FFFFFF; background-color: var(--rt-secondary-color); border-color: var(--rt-secondary-color); } .btn-secondary:hover { color: #FFFFFF; background-color: rgba(var(--rt-secondary-rgb), 0.8); border-color: rgba(var(--rt-secondary-rgb), 0.8); } .btn-light { color: #FFFFFF; background-color: var(--rt-meta-color); border-color: var(--rt-meta-color); } .btn-light:hover { color: #FFFFFF; background-color: var(--rt-primary-color); border-color: var(--rt-primary-color); } .btn-gray { color: #FFFFFF; background-color: var(--rt-meta-color); border-color: var(--rt-meta-color); } .btn-gray:hover { color: #FFFFFF; background-color: var(--rt-primary-color); border-color: var(--rt-primary-color); } .button-1 { background-color: var(--rt-primary-color); color: #FFFFFF; } .button-1:hover { background-color: var(--rt-rating-color); color: var(--rt-title-color); } .button-1 i { font-size: 12px; display: inline-block; margin-right: 10px; } .wtbigshop-button .button-2 { color: #FFFFFF; background-color: var(--rt-primary-color); } .wtbigshop-button .button-2 .btn-wrap { overflow: hidden; position: relative; z-index: 1; line-height: 1; } .wtbigshop-button .button-2 .btn-text1 { display: block; position: relative; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-2 .btn-text2 { position: absolute; top: 100%; display: block; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-2 i { font-size: 12px; display: inline-block; margin-right: 6px; } .wtbigshop-button .button-2:hover { color: #FFFFFF; } .wtbigshop-button .button-2:hover .btn-wrap .btn-text1 { transform: translateY(-150%); } .wtbigshop-button .button-2:hover .btn-wrap .btn-text2 { top: 50%; transform: translateY(-50%); } .wtbigshop-button .button-3 { color: var(--rt-title-color); background-color: var(--rt-rating-color); box-shadow: -4px 7px 0px 0px rgba(0, 0, 0, 0.2); border: 2px solid var(--rt-title-color); border-radius: 100px; } .wtbigshop-button .button-3 .btn-wrap { overflow: hidden; position: relative; z-index: 1; line-height: 1; } .wtbigshop-button .button-3 .btn-text1 { display: block; position: relative; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-3 .btn-text2 { position: absolute; top: 100%; display: block; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-3 i { font-size: 12px; display: inline-block; margin-right: 10px; } .wtbigshop-button .button-3:hover { color: var(--rt-title-color); } .wtbigshop-button .button-3:hover .btn-wrap .btn-text1 { transform: translateY(-150%); } .wtbigshop-button .button-3:hover .btn-wrap .btn-text2 { top: 50%; transform: translateY(-50%); } .wtbigshop-button .button-4 { color: #FFFFFF; background-color: var(--rt-gray20); box-shadow: -5px 5px 0px 0px rgba(0, 0, 0, 0.7); } .wtbigshop-button .button-4 .btn-wrap { overflow: hidden; position: relative; z-index: 1; line-height: 1; } .wtbigshop-button .button-4 .btn-text1 { display: block; position: relative; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-4 .btn-text2 { position: absolute; top: 100%; display: block; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-4 i { font-size: 12px; display: inline-block; margin-right: 10px; } .wtbigshop-button .button-4:hover { color: #FFFFFF; background-color: var(--rt-primary-color); box-shadow: unset !important; } .wtbigshop-button .button-4:hover .btn-wrap .btn-text1 { transform: translateY(-150%); } .wtbigshop-button .button-4:hover .btn-wrap .btn-text2 { top: 50%; transform: translateY(-50%); } .wtbigshop-button .button-5 { background-color: rgba(var(--rt-primary-rgb), 0.1); } .wtbigshop-button .button-5 .btn-wrap { overflow: hidden; position: relative; z-index: 1; line-height: 1; } .wtbigshop-button .button-5 .btn-text1 { color: var(--rt-primary-color); display: block; position: relative; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-5 .btn-text2 { position: absolute; top: 100%; display: block; color: #FFFFFF; transition: all 0.4s ease-in-out; } .wtbigshop-button .button-5 i { font-size: 12px; display: inline-block; margin-right: 10px; } .wtbigshop-button .button-5:hover { background-color: var(--rt-primary-color); } .wtbigshop-button .button-5:hover .btn-wrap .btn-text1 { transform: translateY(-150%); } .wtbigshop-button .button-5:hover .btn-wrap .btn-text2 { top: 50%; transform: translateY(-50%); } a { transition: all 320ms ease; } a, a:hover, a:focus { text-decoration: none; outline: 0; } .text-primary { color: var(--rt-primary-color); } .bg-primary { background-color: var(--rt-primary-color); } .border-primary { border-color: var(--rt-primary-color); } .text-secondary { color: var(--rt-secondary-color); } .bg-secondary { background-color: var(--rt-secondary-color); } .border-secondary { border-color: var(--rt-secondary-color); } .text-body { color: var(--rt-body-color); } .bg-body { background-color: var(--rt-body-color); } .border-body { border-color: var(--rt-body-color); } .text-title { color: var(--rt-title-color); } .bg-title { background-color: var(--rt-title-color); } .border-title { border-color: var(--rt-title-color); } .text-meta { color: var(--rt-meta-color); } .bg-meta { background-color: var(--rt-meta-color); } .border-meta { border-color: var(--rt-meta-color); } .text-grey1 { color: var(--rt-gray10); } .bg-grey1 { background-color: var(--rt-gray10); } .border-grey1 { border-color: var(--rt-gray10); } .text-grey2 { color: var(--rt-gray20); } .bg-grey2 { background-color: var(--rt-gray20); } .border-grey2 { border-color: var(--rt-gray20); } .text-white { color: #FFFFFF; } .bg-white { background-color: #FFFFFF; } .border-white { border-color: #FFFFFF; } .text-black { color: #000000; } .bg-black { background-color: #000000; } .border-black { border-color: #000000; } ::-moz-selection { background: var(--rt-primary-color); color: #FFFFFF; } ::selection { background: var(--rt-primary-color); color: #FFFFFF; } ::-moz-selection { background: var(--rt-primary-color); color: #FFFFFF; } .relative { position: relative; } .absolute { position: absolute; } .display-table { display: table; width: 100%; height: 100%; } .display-table .display-table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .background-image { background-repeat: no-repeat; background-position: center center; background-size: cover; } .overlay-dark { position: relative; } .overlay-dark:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; content: ""; opacity: 0.5; background-color: #000000; } .hide { display: none; visibility: hidden; } .show { display: inline-block; visibility: visible; } .wtbigshop-header-footer .site-header { opacity: 0; transition: opacity 0s 0.5s; } [class*=rticon] { display: inline-flex; justify-content: center; align-items: center; } [class*=rticon] svg { fill: var(--rt-meta-color); width: 18px; height: 18px; } [class*=rticon] svg { transition: all 320ms ease; } .video-container, figure.wp-block-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container embed, .video-container object, .video-container video, figure.wp-block-embed iframe, figure.wp-block-embed embed, figure.wp-block-embed object, figure.wp-block-embed video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } img, img.img-responsive { max-width: 100%; height: auto; } /*============================ # Review Schema Style =============================*/ .rtrs-review-wrap { border-radius: 4px; padding: 25px 30px 30px; background-color: #ffffff; border: 1px solid #e7e7e7; } .rtrs-review-wrap .rtrs-sorting-bar { background-color: #fff; padding: 0; } .rtrs-review-wrap .rtrs-sorting-bar .rtrs-sorting-select select { padding: 7px 13px 5px 32px; box-shadow: none; border: 1px solid #eaeaea; } .rtrs-review-wrap .rtrs-sorting-bar .rtrs-sorting-title { font-size: 18px; font-weight: 500; } .rtrs-review-wrap .rtrs-review-box .rtrs-each-review { padding: 23px 25px 24px !important; background: transparent !important; border: 1px solid #eaeaea; border-radius: 4px; } .rtrs-review-wrap .rtrs-review-box .rtrs-review-body .rtrs-reply-btn .rtrs-item-btn { background-color: var(--rt-primary-light3, #EAF7F4) !important; color: var(--rt-primary-color) !important; } .rtrs-review-wrap .rtrs-review-box .rtrs-review-body .rtrs-reply-btn .rtrs-item-btn:hover { background-color: var(--rt-primary-dark) !important; color: #fff !important; } .rtrs-review-wrap .rtrs-review-box .rtrs-review-body .rtrs-review-title { margin: 0 0 8px; } .rtrs-review-wrap .rtrs-review-box .rtrs-review-body p { margin-bottom: 0 !important; } .rtrs-review-wrap .rtrs-review-box .rtrs-review-body .rtrs-reply-btn { padding: 0 !important; } body .rtrs-review-form { background-color: transparent !important; padding: 0 !important; } .rtrs-review-wrap .rtrs-paginate { margin: 0 0 10px !important; } .rtrs-review-wrap .rtrs-review-form .rtrs-rating-category li { margin-bottom: 0 !important; } .rtrs-review-wrap .rtrs-review-form .rtrs-rating-category li { line-height: 2 !important; } .rtrs-review-wrap .rtrs-review-form .rtrs-form-group { margin-bottom: 20px !important; } .rtrs-review-wrap .rtrs-review-form .rtrs-form-group.rtrs-submit-button { margin-bottom: 0 !important; } .rtrs-review-wrap .rtrs-review-form .rtrs-form-group input[submit] { margin-bottom: 0 !important; } .rtrs-review-wrap .rtrs-review-form .rtrs-form-group .rtrs-submit-btn { background-color: var(--rt-primary-color) !important; } .rtrs-review-wrap .rtrs-review-form .rtrs-form-group .rtrs-submit-btn:hover { background-color: var(--rt-primary-dark) !important; } .rtrs-review-box .rtrs-review-body .rtrs-review-meta li { margin-bottom: 0 !important; } .rtrs-summary { grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important; } .rtrs-summary .rtrs-progress-wrap .rtrs-progress { margin-bottom: 10px !important; } .rtrs-summary .rtrs-progress-wrap .rtrs-progress label { margin-bottom: 0 !important; } .rtrs-summary .rtrs-progress-wrap { padding: 20px 30px 10px !important; } .rtrs-summary .rtrs-progress-wrap progress::-webkit-progress-value { background: var(--rt-primary-color) !important; } .rtrs-summary .rtrs-progress-wrap progress::-moz-progress-bar { background: var(--rt-primary-color) !important; } .rtrs-summary .rtrs-progress-wrap progress::-webkit-progress-bar { background: #C7E6DE !important; } .rtrs-summary .rtrs-progress-wrap progress { color: var(--rt-primary-dark) !important; } .rtrs-review-box .rtrs-review-body .rtrs-review-meta .rtrs-review-date i:before { color: var(--rt-primary-color) !important; } /* Back to top ======================*/ .scrollToTop { width: 40px; height: 40px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 4px 50px rgba(0, 0, 0, 0.15); display: inline-flex; justify-content: center; align-items: center; position: fixed; left: 20px; bottom: -10px; z-index: 999; opacity: 0; visibility: hidden; } .scrollToTop.show { opacity: 1; visibility: visible; bottom: 15px; } .scrollToTop svg { fill: var(--rt-primary-color); } .scrollToTop:hover { background: var(--rt-primary-color); color: #FFFFFF; } .scrollToTop:hover i { animation: toBottomFromTop 0.7s forwards; } .scrollToTop:hover svg { fill: #FFFFFF; } /*------------------- #. Preloader css --------------------*/ #preloader { position: fixed; width: 100%; height: 100%; top: 0; right: 0; display: flex; align-items: center; justify-content: center; visibility: visible; z-index: 999999999; background-color: #FFFFFF; background-repeat: no-repeat; background-position: center; } .loader { height: 100%; width: 100%; position: fixed; overflow: hidden; background: #FFFFFF; } .loader .cssload-loader { width: 65px; height: 65px; position: absolute; right: 50%; transform: translate(50%, -50%); top: 50%; } .loader .cssload-inner { position: absolute; width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; } .loader .cssload-inner.cssload-one { right: 0; top: 0; animation: cssload-rotate-one 1.15s linear infinite; border-bottom: 5px solid var(--rt-primary-color); } .loader .cssload-inner.cssload-two { left: 0; top: 0; animation: cssload-rotate-two 1.15s linear infinite; border-left: 5px solid var(--rt-primary-color); } .loader .cssload-inner.cssload-three { left: 0%; bottom: 0%; animation: cssload-rotate-three 1.15s linear infinite; border-top: 5px solid var(--rt-primary-color); } @keyframes cssload-rotate-one { 0% { transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg); } } @keyframes cssload-rotate-two { 0% { transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg); } } @keyframes cssload-rotate-three { 0% { transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg); } } /* WTBigshop Header Style ***************************/ @media (min-width: 1025px) { #rt-mobile-logo, .mobile-hamburg { display: none; } } @media (max-width: 1024px) { .desktop-hamburg { display: none; } } .site-branding { display: flex; align-items: center; font-size: 40px; font-weight: bold; } .site-branding h1 { margin: 0; } .site-branding > a { color: var(--rt-primary-color); } .site-branding h1 a { display: flex; color: var(--rt-primary-color); padding: 10px 0; font-weight: bold; transition: color 0.4s; } .site-branding h1 a:hover { color: var(--rt-secondary-color); } .site-header { position: relative; z-index: 9; } .site-header ul { list-style-type: none; margin: 0; padding: 0; } /* Menu icon style ***************************/ .menu-icon-wrapper .menu-bar { position: relative; display: flex; flex-direction: column; justify-content: space-between; } .menu-icon-wrapper .ham_burger { width: 47px; height: 47px; margin: 0 -13px; } .menu-icon-wrapper .ham_burger .line { stroke: var(--rt-meta-color); } .menu-icon-wrapper .ham_burger:hover .line { stroke: var(--rt-primary-color); } .menu-icon-wrapper a { display: flex; justify-content: center; } @media (max-width: 480px) { .menu-icon-wrapper a.btn, .menu-icon-wrapper .wtbigshop-post-card a.read-more, .wtbigshop-post-card .menu-icon-wrapper a.read-more { padding: 10px; } } .menu-icon-wrapper ul li { list-style: none; position: relative; } /* Header style ***************************/ .site-title img { max-width: 220px; } .wtbigshop-header-1 .header-top-wrapper { background-color: #fff; padding: 12px; border-bottom: 1px solid rgba(226, 226, 226, 0.4509803922); } @media (max-width: 1024px) { .wtbigshop-header-1 .header-top-wrapper { padding: 10px 0; } } .wtbigshop-header-1 .wtbigshop-topbar { border-bottom: none; } .wtbigshop-header-1 .wtbigshop-topbar .topbar-right .price { color: #fff; } .wtbigshop-header-1 .header-bottom-wrapper { background-color: #fff; } @media (max-width: 1024px) { .wtbigshop-header-1 .header-bottom-wrapper { display: none; } } .wtbigshop-header-1 .header-offcanvas-menu { display: inline-flex; align-items: center; justify-content: center; color: #fff; width: 50px; height: 50px; border-radius: 50%; background-color: var(--rt-primary-color); cursor: pointer; } @media (min-width: 1025px) { .wtbigshop-header-1 .header-offcanvas-menu { display: none; } } .wtbigshop-header-1 .header-top-content { display: flex; align-items: center; justify-content: space-between; gap: 80px; } @media (max-width: 991px) { .wtbigshop-header-1 .header-top-content { gap: 20px; } } .wtbigshop-header-1 .top-right-content { display: flex; align-items: center; gap: 20px; flex-grow: 1; } @media (max-width: 575px) { .wtbigshop-header-1 .top-right-content { gap: 10px; } } .wtbigshop-header-1 .product-search { flex-grow: 1; } .wtbigshop-header-1 .product-search .dropdown { position: relative; } .wtbigshop-header-1 .product-search .rt-btn { padding-left: 25px; padding-right: 25px; font-size: 14px; font-weight: 500; box-shadow: none; border-radius: 0 100px 100px 0; position: relative; height: 50px; min-width: 160px; z-index: 5; background-color: #F5F5F5; color: #1E1E1E; border: 1px solid #EEEEEE; border-left: 0; } @media (max-width: 767px) { .wtbigshop-header-1 .product-search .rt-btn { display: none; } } .wtbigshop-header-1 .product-search .rt-btn:after { content: ""; position: absolute; height: 40%; width: 1px; top: 50%; transform: translateY(-50%); left: 0; right: auto; background: #C0C0C0; } .wtbigshop-header-1 .product-search .rt-btn .icon { margin-right: 7px; } @media (max-width: 767px) { .wtbigshop-header-1 .product-search .rt-btn .icon { display: none; } } .wtbigshop-header-1 .product-search .rt-btn .icon i { font-size: 8px; color: var(--rt-body-color); } .wtbigshop-header-1 .product-search .rt-drop-menu { position: absolute; display: none; min-width: 100%; border: none; z-index: 4; background-color: #F5F5F5; top: calc(-100% + 50px) !important; padding-top: 68px; padding-bottom: 20px; padding-right: 25px; border-radius: 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .wtbigshop-header-1 .product-search .rt-drop-menu li { font-size: 14px; line-height: 1; padding: 2px 0; margin-bottom: 15px; cursor: pointer; position: relative; color: var(--rt-title-color); } .wtbigshop-header-1 .product-search .rt-drop-menu li:last-child { margin-bottom: 0; } .wtbigshop-header-1 .product-search .rt-drop-menu.show { display: block; } .wtbigshop-header-1 .product-search .rt-advanced-search { flex-grow: 1; } .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group { position: relative; } .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .product-search-form { border-radius: 100px 0 0 100px; font-size: 14px; padding: 14px 15px 14px 117px; line-height: 1; height: 50px; transition: unset; width: 100%; background-color: #F5F5F5; border: 1px solid #EEEEEE; border-right: 0; } .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .product-search-form:focus, .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .product-search-form:active { box-shadow: none; } @media (max-width: 767px) { .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .product-search-form { border-radius: 6px; } } @media (max-width: 575px) { .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .product-search-form { padding: 14px 15px 14px 35px; } } .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .input-group-append { position: absolute; left: 3px; top: 50%; transform: translateY(-50%); } .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn { position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-family: var(--rt-heading-font); font-size: 16px; line-height: 1; font-weight: 600; height: 44px; width: 128px; justify-content: center; display: flex; -moz-column-gap: 8px; column-gap: 8px; align-items: center; transition: all 0.21s ease-in-out; color: #fff; background-color: #343434; border-radius: 100px; text-transform: uppercase; } .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn:hover { background-color: var(--rt-primary-color); color: #fff; } @media (max-width: 991px) { .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn .search-text { display: none; } } @media (max-width: 991px) { .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn { width: 44px; } } @media (max-width: 767px) { .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn { border-radius: 6px; } } @media (max-width: 575px) { .wtbigshop-header-1 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn { width: auto; padding: 0 5px; color: #000; background: transparent; } } .wtbigshop-header-1 .product-search .product-autoaomplete-spinner { width: 20px; height: 20px; border: 2px dotted var(--rt-body-color); border-radius: 50%; left: 80px; top: 14px; opacity: 0; position: absolute; box-sizing: border-box; animation: rotation 2s linear infinite; } .wtbigshop-header-1 .product-search .result { position: relative; } .wtbigshop-header-1 .product-search .result .result-wrap { background: #fff; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; position: absolute; z-index: 9999; width: 100%; } .wtbigshop-header-1 .product-search .result .result-wrap li { border-bottom: solid 1px #d7d7d7; padding: 15px 25px; display: flex; align-items: center; gap: 15px; } .wtbigshop-header-1 .product-search .result .result-wrap li:last-child { border-bottom: none; } .wtbigshop-header-1 .product-search .result .result-wrap li .thumb { background-color: #F7F7F7; border-radius: 4px; padding: 5px; } .wtbigshop-header-1 .product-search .result .result-wrap li .thumb img { max-width: 60px; } .wtbigshop-header-1 .product-search .result .result-wrap li .title { font-size: 15px; line-height: 1.3; margin-bottom: 5px; font-weight: 500; } .wtbigshop-header-1 .product-search .result .result-wrap li .title a { color: var(--rt-title-color); } .wtbigshop-header-1 .product-search .result .result-wrap li .title a:hover { color: var(--rt-secondary-color); } .wtbigshop-header-1 .product-search .result .result-wrap li .price { font-weight: 600; font-size: 16px; line-height: 1.3; } .wtbigshop-header-1 .product-search .result .result-wrap li .price del { color: var(--rt-body-color); } .wtbigshop-header-1 .product-search .result .result-wrap li .price ins { color: var(--rt-title-color); } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .wtbigshop-header-1 .icon-item { display: flex; gap: 10px; align-items: center; } .wtbigshop-header-1 .icon-item .icon { color: var(--rt-primary-color); } @media (max-width: 1199px) { .wtbigshop-header-1 .icon-item .icon { display: none; } } .wtbigshop-header-1 .icon-item .icon i { font-size: 30px; } @media (max-width: 991px) { .wtbigshop-header-1 .icon-item { display: none; } } .wtbigshop-header-1 .icon-item .text { display: flex; flex-direction: column; gap: 5px; } .wtbigshop-header-1 .icon-item .text .label { color: #8C8C8C; font-size: 15px; line-height: 1; } .wtbigshop-header-1 .icon-item .text .title { font-weight: 600; font-size: 16px; line-height: 20px; color: #8C8C8C; } .wtbigshop-header-1 .icon-item .text .title a { color: #1E1E1E; } .wtbigshop-header-1 .icon-item .text .title a:hover { color: var(--rt-primary-color); } @media (max-width: 991px) { .wtbigshop-header-1 .top-right-content .product-search { display: none; } } .wtbigshop-header-1 .top-right-content .wtbigshop-user-login a { align-items: center; color: #3D3D3D; gap: 10px; } .wtbigshop-header-1 .top-right-content .wtbigshop-user-login a span { transition: all 0.3s; } .wtbigshop-header-1 .top-right-content .wtbigshop-user-login a:hover span { color: var(--rt-primary-color); } @media (max-width: 1199px) { .wtbigshop-header-1 .top-right-content .wtbigshop-user-login span { display: none; } } .wtbigshop-header-1 .top-right-content .menu-icon-wrapper { gap: 25px !important; } @media (max-width: 1024px) { .wtbigshop-header-1 .top-right-content .menu-icon-wrapper { display: none; } } .wtbigshop-header-1 .header-bottom { display: flex; align-items: center; justify-content: space-between; } .wtbigshop-header-1 .header-bottom .menu-wrapper { display: flex; align-items: center; gap: 8px; } .wtbigshop-header-1 .header-bottom .cat-drop-area .dropdown { position: relative; } .wtbigshop-header-1 .header-bottom .cat-drop-area .cat-button { background-color: #f5f6f8; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 28px; height: 54px; font-size: 15px; border-radius: 0; position: relative; z-index: 999; color: var(--rt-title-color); text-transform: uppercase; font-weight: 600; margin-left: 25px; } .wtbigshop-header-1 .header-bottom .cat-drop-area .cat-button i { font-size: 16px; } .wtbigshop-header-1 .header-bottom .cat-drop-area .cat-button svg { fill: var(--rt-title-color); margin-right: 15px; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu { position: absolute; top: 100% !important; z-index: 100; transform-origin: 100% 0 0; transition-duration: 0.21s; transition-timing-function: ease-in-out; will-change: transform; border-radius: 6px; background-color: #FFFFFF; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; min-width: 250px; border-radius: 0 0 6px 6px; opacity: 0; visibility: hidden; transform: scaleY(0); } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li { padding: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.0901960784); margin-bottom: 0; display: block; cursor: pointer; color: #646464; line-height: 1; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li:last-child { border-bottom: 0; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li > a { padding: 0 25px; padding-top: 13px; padding-bottom: 13px; display: flex; align-items: center; justify-content: space-between; font-weight: 500; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li ul { border-radius: 6px; background: #fff; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li ul li { border: 0; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li ul li:first-child { margin-top: 15px; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li ul li:last-child { margin-bottom: 15px; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li ul li a { padding-top: 5px; padding-bottom: 5px; color: var(--rt-body-color); } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li ul li a:hover { color: var(--rt-secondary-color); } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu li ul li:hover a { padding-right: 32px; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu > li > ul { right: 100%; top: 50%; } .wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu.show { opacity: 1; visibility: visible; transform: scaleY(1); } .wtbigshop-header-1 .header-bottom .header-offer-deals-wrapper { display: flex; align-items: center; gap: 15px; } .wtbigshop-header-1 .header-bottom .header-offer-deals-wrapper .icon-item { gap: 7px; } .wtbigshop-header-1 .header-bottom .header-offer-deals-wrapper .icon-item .icon { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: var(--rt-primary-color); } .wtbigshop-header-1 .header-bottom .header-offer-deals-wrapper .icon-item .icon svg { line-height: 1; } .wtbigshop-header-1 .header-bottom .header-offer-deals-wrapper .icon-item .icon svg path { fill: #fff; } .wtbigshop-header-1 .header-bottom .header-offer-deals-wrapper .icon-item .text .title { color: #8C8C8C; font-size: 15px; font-weight: 400; font-family: var(--rt-heading-font); } .home.wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu { opacity: 1; visibility: visible; transform: scaleY(1); } .home.wtbigshop-header-1 .header-bottom .cat-drop-area .rt-vertical-drop-menu.show { opacity: 0; visibility: hidden; transform: scaleY(0); } /* Header style ***************************/ .wtbigshop-header-2 .header-top-wrapper { background-color: #FFFFFF; padding: 10px 0; } @media (max-width: 991px) { .wtbigshop-header-2 .header-top-wrapper { padding: 15px 0; } } .wtbigshop-header-2 .site-branding h1 a { color: #fff; } .wtbigshop-header-2 .header-bottom-wrapper { background-color: var(--rt-title-color); border-bottom: 1px solid #E9E9E9; } @media (max-width: 1024px) { .wtbigshop-header-2 .header-bottom-wrapper { display: none; } } .wtbigshop-header-2 .header-bottom-wrapper .header-bottom { display: flex; align-items: center; justify-content: space-between; } .wtbigshop-header-2 .header-bottom-wrapper .header-offer-deals-wrapper .special-offer { gap: 10px; } .wtbigshop-header-2 .header-bottom-wrapper .header-offer-deals-wrapper .special-offer .icon { width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: var(--rt-primary-color); } .wtbigshop-header-2 .header-bottom-wrapper .header-offer-deals-wrapper .special-offer .icon svg { line-height: 1; } .wtbigshop-header-2 .header-bottom-wrapper .header-offer-deals-wrapper .special-offer .icon svg path { fill: #fff; } .wtbigshop-header-2 .header-bottom-wrapper .header-offer-deals-wrapper .special-offer .title { color: #FFFFFF; font-size: 15px; font-weight: 400; font-family: var(--rt-heading-font); } .wtbigshop-header-2 .header-offcanvas-menu { display: inline-flex; align-items: center; justify-content: center; color: #fff; width: 50px; height: 50px; border-radius: 50%; background-color: var(--rt-primary-light-color); cursor: pointer; } @media (min-width: 1025px) { .wtbigshop-header-2 .header-offcanvas-menu { display: none; } } .wtbigshop-header-2 .header-top-content { display: flex; align-items: center; justify-content: space-between; gap: 45px; } @media (max-width: 991px) { .wtbigshop-header-2 .header-top-content .product-search { display: none; } } @media (max-width: 575px) { .wtbigshop-header-2 .header-top-content { gap: 15px; } } .wtbigshop-header-2 .top-right-content { display: flex; align-items: center; gap: 20px; flex-grow: 1; } @media (max-width: 575px) { .wtbigshop-header-2 .top-right-content { gap: 10px; } } @media (max-width: 1024px) and (max-width: 1024px) { .wtbigshop-header-2 .top-right-content .menu-icon-wrapper { display: none; } } .wtbigshop-header-2 .product-search { flex-grow: 1; } .wtbigshop-header-2 .product-search .dropdown { position: relative; } .wtbigshop-header-2 .product-search .rt-btn { padding-left: 25px; padding-right: 25px; font-size: 14px; box-shadow: none; border: none; border-radius: 0 100px 100px 0; position: relative; height: 50px; min-width: 160px; z-index: 5; background-color: #fff; color: var(--rt-body-color); } @media (max-width: 575px) { .wtbigshop-header-2 .product-search .rt-btn { display: none; } } .wtbigshop-header-2 .product-search .rt-btn:after { content: ""; position: absolute; height: 40%; width: 1px; top: 50%; transform: translateY(-50%); left: 0; right: auto; background: #C0C0C0; } .wtbigshop-header-2 .product-search .rt-btn .icon { margin-right: 7px; } @media (max-width: 991px) { .wtbigshop-header-2 .product-search .rt-btn .icon { display: none; } } .wtbigshop-header-2 .product-search .rt-btn .icon i { font-size: 8px; color: var(--rt-body-color); } .wtbigshop-header-2 .product-search .rt-drop-menu { position: absolute; display: none; min-width: 100%; border: none; z-index: 4; background-color: #fff; top: calc(-100% + 50px) !important; padding-top: 50px; padding-bottom: 20px; padding-right: 25px; border-radius: 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px; } .wtbigshop-header-2 .product-search .rt-drop-menu li { font-size: 14px; line-height: 1; padding: 2px 0; margin-bottom: 15px; cursor: pointer; position: relative; color: var(--rt-body-color); } .wtbigshop-header-2 .product-search .rt-drop-menu li:last-child { margin-bottom: 0; } .wtbigshop-header-2 .product-search .rt-drop-menu.show { display: block; } .wtbigshop-header-2 .product-search .rt-advanced-search { flex-grow: 1; } .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group { position: relative; } .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .product-search-form { border-radius: 100px; border: none; font-size: 14px; padding: 14px 20px 14px 117px; line-height: 1; height: 50px; transition: unset; width: 100%; border: 1px solid #E7E7E7; } @media (max-width: 575px) { .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .product-search-form { padding: 14px 15px 14px 60px; border-radius: 100px; } } @media (max-width: 425px) { .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .product-search-form { padding: 14px 15px 14px 35px; border-radius: 100px; } } .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .input-group-append { position: absolute; left: 3px; top: 50%; transform: translateY(-50%); } .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn { position: absolute; top: 50%; transform: translateY(-50%); left: 0; border-radius: 100px; font-size: 16px; font-weight: 600; height: 44px; width: 44px; justify-content: center; line-height: 1; display: flex; -moz-column-gap: 8px; column-gap: 8px; align-items: center; transition: all 0.21s ease-in-out; background-color: var(--rt-secondary-color); } .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn:hover { background-color: var(--rt-primary-color); } @media (max-width: 575px) { .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn:hover { background-color: transparent; } } @media (max-width: 575px) { .wtbigshop-header-2 .product-search .rt-advanced-search .rt-input-group .input-group-append .search-btn { width: auto; height: auto; background-color: transparent; color: var(--rt-secondary-color); padding-right: 0; padding-left: 10px; } } .wtbigshop-header-2 .product-search .product-autoaomplete-spinner { width: 20px; height: 20px; border: 2px dotted var(--rt-body-color); border-radius: 50%; left: 80px; top: 14px; opacity: 0; position: absolute; box-sizing: border-box; animation: rotation 2s linear infinite; } .wtbigshop-header-2 .product-search .result { position: relative; } .wtbigshop-header-2 .product-search .result .result-wrap { background: #fff; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; position: absolute; z-index: 9999; width: 100%; } .wtbigshop-header-2 .product-search .result .result-wrap li { border-bottom: solid 1px #d7d7d7; padding: 15px 25px; display: flex; align-items: center; gap: 15px; } @media (max-width: 575px) { .wtbigshop-header-2 .product-search .result .result-wrap li { flex-direction: column; } } .wtbigshop-header-2 .product-search .result .result-wrap li:last-child { border-bottom: none; } .wtbigshop-header-2 .product-search .result .result-wrap li .thumb { background-color: #F7F7F7; border-radius: 4px; padding: 5px; } .wtbigshop-header-2 .product-search .result .result-wrap li .thumb img { max-width: 60px; } .wtbigshop-header-2 .product-search .result .result-wrap li .title { font-size: 15px; line-height: 1.3; margin-bottom: 5px; font-weight: 500; } .wtbigshop-header-2 .product-search .result .result-wrap li .title a { color: var(--rt-title-color); } .wtbigshop-header-2 .product-search .result .result-wrap li .title a:hover { color: var(--rt-secondary-color); } .wtbigshop-header-2 .product-search .result .result-wrap li .price { font-weight: 600; font-size: 16px; line-height: 1.3; } .wtbigshop-header-2 .product-search .result .result-wrap li .price del { color: var(--rt-body-color); } .wtbigshop-header-2 .product-search .result .result-wrap li .price ins { color: var(--rt-title-color); } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .wtbigshop-header-2 .icon-item { display: flex; gap: 15px; align-items: center; } @media (max-width: 991px) { .wtbigshop-header-2 .icon-item { display: none; } } .wtbigshop-header-2 .icon-item .icon i { color: var(--rt-primary-color); font-size: 30px; } @media (max-width: 1199px) { .wtbigshop-header-2 .icon-item .icon { display: none; } } .wtbigshop-header-2 .icon-item .text { display: flex; flex-direction: column; gap: 5px; } .wtbigshop-header-2 .icon-item .text .label { color: var(--rt-body-color); font-size: 15px; line-height: 1; } .wtbigshop-header-2 .icon-item .text .title { font-weight: 500; font-size: 16px; line-height: 20px; color: var(--rt-title-color); } .wtbigshop-header-2 .icon-item .text .title a { color: var(--rt-title-color); } .wtbigshop-header-2 .icon-item .text .title a:hover { color: var(--rt-primary-color); } .wtbigshop-header-2 .menu-icon-wrapper .item-icon i { color: var(--rt-title-color); font-size: 18px; } .wtbigshop-header-2 .menu-icon-wrapper .item-icon .icon-rt-shopping-cart-minus { font-size: 22px; } .wtbigshop-header-2 .menu-icon-wrapper .item-icon a:hover i { color: var(--rt-primary-color) !important; } .wtbigshop-header-2 .menu-icon-wrapper .item-icon:hover i { color: var(--rt-primary-color) !important; } .wtbigshop-header-2 .menu-icon-wrapper .rt-cart-icon .rtsb-cart-icon-total { color: var(--rt-title-color); } .wtbigshop-header-2 .menu-icon-wrapper .icons-line { margin: 0 7px; } .wtbigshop-header-2 .menu-wrapper { display: flex; align-items: center; gap: 20px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .dropdown { position: relative; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .cat-button { background-color: var(--rt-primary-color); display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 20px; height: 60px; border-radius: 0; font-size: 15px; position: relative; z-index: 999; color: #FFFFFF; font-family: var(--rt-menu-font, "Sarabun"), sans-serif; font-weight: 600; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .cat-button i { font-size: 16px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .cat-button .svg-icon { width: 23px; height: 23px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background-color: var(--rt-secondary-color); margin-right: 15px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .cat-button svg { fill: #FFFFFF; margin-top: 1px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu { position: absolute; top: calc(-100% + 120px) !important; opacity: 0; visibility: hidden; z-index: 100; transform: scaleY(0); transform-origin: 100% 0 0; transition-duration: 0.21s; transition-timing-function: ease-in-out; will-change: transform; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; min-width: 245px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li { padding: 0; border-bottom: 1px solid #EAEAEA; margin-bottom: 0; display: block; cursor: pointer; color: #646464; line-height: 1; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li:last-child { border-bottom: 0; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li > a { padding: 0 25px; padding-top: 17px; padding-bottom: 17px; display: flex; align-items: center; justify-content: space-between; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li ul { border-radius: 6px; background: #fff; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li ul li { border: 0; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li ul li:first-child { margin-top: 15px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li ul li:last-child { margin-bottom: 15px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li ul li a { padding-top: 5px; padding-bottom: 5px; color: var(--rt-body-color); } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li ul li a:hover { color: var(--rt-secondary-color); } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu li ul li:hover a { padding-right: 32px; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu > li > ul { right: 100%; top: 50%; } .wtbigshop-header-2 .menu-wrapper .cat-drop-area .rt-vertical-drop-menu.show { opacity: 1; visibility: visible; transform: scaleY(1); } .wtbigshop-header-2 .menu-main-menu-container > ul > li > a { color: #FFFFFF; } /* Header style ***************************/ .wtbigshop-header-3 .main-header-section { border-bottom: 1px solid #E2E2E2; background: #fff; } .wtbigshop-header-3 .header-top-content { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1024px) { .wtbigshop-header-3 .header-top-content .menu-icon-wrapper { display: none; } } .wtbigshop-header-3 .wtbigshop-navigation { flex: unset; } .wtbigshop-header-3 .header-offcanvas-menu { display: inline-flex; align-items: center; justify-content: center; color: #fff; width: 50px; height: 50px; border-radius: 50%; background-color: var(--rt-primary-light-color); cursor: pointer; } @media (min-width: 1025px) { .wtbigshop-header-3 .header-offcanvas-menu { display: none; } } .wtbigshop-header-3 .header-top-content { display: flex; align-items: center; justify-content: space-between; gap: 45px; } @media (max-width: 575px) { .wtbigshop-header-3 .header-top-content { gap: 15px; } } .wtbigshop-header-3 .icon-item { display: flex; gap: 15px; align-items: center; } @media (max-width: 991px) { .wtbigshop-header-3 .icon-item { display: none; } } .wtbigshop-header-3 .icon-item .icon i { color: #fff; font-size: 30px; } @media (max-width: 1199px) { .wtbigshop-header-3 .icon-item .icon { display: none; } } .wtbigshop-header-3 .icon-item .text { display: flex; flex-direction: column; gap: 5px; } .wtbigshop-header-3 .icon-item .text .label { color: #E2E2E2; font-size: 15px; line-height: 1; } .wtbigshop-header-3 .icon-item .text .title { font-weight: 500; font-size: 16px; line-height: 20px; color: #FFFFFF; } .wtbigshop-header-3 .icon-item .text .title a { color: #FFFFFF; } .wtbigshop-header-3 .icon-item .text .title a:hover { color: var(--rt-secondary-color); } .wtbigshop-header-3 .menu-icon-wrapper .item-icon i { font-size: 18px; } .wtbigshop-header-3 .menu-icon-wrapper .item-icon .icon-rt-shopping-cart-minus { font-size: 22px; } .wtbigshop-header-3 .menu-icon-wrapper .item-icon a:hover i { color: var(--rt-primary-color) !important; } .wtbigshop-header-3 .menu-icon-wrapper .item-icon:hover i { color: var(--rt-primary-color) !important; } .wtbigshop-header-3 .menu-icon-wrapper .icons-line { display: none; } /* Main Navigation ***************************/ @media (min-width: 1350px) { .navigation-menu-wrap { position: relative; } } .wtbigshop-navigation { flex: 1; display: flex; align-items: center; /* #. Submenu */ /*Menu hover effect*/ } @media (max-width: 1024px) { .main-header-section .wtbigshop-navigation { display: none; } } .wtbigshop-navigation ul.wtbigshop-navbar { padding: 0; margin: 0; } .wtbigshop-navigation ul li { display: inline-block; position: relative; margin-bottom: 0; } .wtbigshop-navigation ul li a { font-size: 16px; font-weight: 600; line-height: 22px; color: #1E1E1E; text-decoration: none; text-transform: capitalize; padding: 16px 16px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 5px; transition: all 0.3s ease-out 0s; } @media (max-width: 1199px) { .wtbigshop-navigation ul li a { padding: 4px 10px; } } .wtbigshop-navigation .menu-main-menu-container > ul > li:first-child > a { padding-right: 0; } .wtbigshop-navigation ul li.current-menu-item > a svg, .wtbigshop-navigation ul li.current-menu-ancestor > a svg { fill: var(--rt-primary-color); } .wtbigshop-navigation ul li.current-menu-item > a, .wtbigshop-navigation ul li.current-menu-ancestor > a { color: var(--rt-primary-color); } .wtbigshop-navigation > ul > li > a:before { position: absolute; z-index: 1; content: ""; height: 2px; background-color: var(--rt-primary-color); bottom: 26px; width: 0; right: 0; left: 0; margin: 0 auto; transition: all 0.5s ease-out; } .wtbigshop-navigation > ul > li > a:hover:before { width: 50%; } .wtbigshop-navigation ul li a:hover { color: var(--rt-primary-color); } .wtbigshop-navigation ul li a:hover svg { fill: var(--rt-primary-color); } .wtbigshop-navigation ul.menu > li > a:hover { color: var(--rt-primary-color); } .wtbigshop-navigation ul.menu li.current-menu-item > a, .wtbigshop-navigation ul.menu li.current > a { color: var(--rt-primary-color); } .wtbigshop-navigation ul > li > ul { right: 0; opacity: 0; visibility: hidden; position: absolute; top: 100%; z-index: 10; padding: 0; width: 240px; text-align: right; border-radius: 15px; background-color: #FFFFFF; box-shadow: 0 0px 8px 8px rgba(23, 22, 24, 0.04); transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .wtbigshop-navigation ul > li > ul { visibility: hidden; opacity: 0; } .wtbigshop-navigation ul > li:hover > ul { opacity: 1; visibility: visible; } .wtbigshop-navigation ul li ul li ul { right: 100%; top: 0; width: 240px; } .wtbigshop-navigation ul li ul li { display: block; border-bottom: none; border-right: none; } .wtbigshop-navigation ul li ul li:last-child { padding-bottom: 0; margin-bottom: 0; } .wtbigshop-navigation ul li ul li a { position: relative; display: block; color: var(--rt-body-color); text-transform: inherit; padding: 5px 24px 5px 24px; z-index: 2; font-size: 15px; transition: all 320ms ease; } .wtbigshop-navigation ul li ul li > a:before { position: absolute; content: ""; right: 15px; top: 50%; width: 5px; height: 5px; opacity: 0; visibility: hidden; border-radius: 50%; background-color: var(--rt-primary-color); transform: translateY(-50%); transition: all 320ms ease; } .wtbigshop-navigation ul li ul li:hover > a { padding-right: 32px; } .wtbigshop-navigation ul li ul li:hover > a:before { opacity: 1; visibility: visible; right: 20px; } .wtbigshop-navigation ul li ul li:first-child { margin-top: 15px; } .wtbigshop-navigation ul li ul li:last-child { margin-bottom: 15px; } .wtbigshop-navigation ul li ul li:hover > a { color: var(--rt-primary-color); } .wtbigshop-navigation ul.menu li ul.dropdown-menu li:last-child:after { border-bottom: none; } .wtbigshop-navigation ul.menu li ul.dropdown-menu li a:hover { color: var(--rt-primary-color); } .wtbigshop-navigation ul.menu li ul.dropdown-menu li a:before { position: absolute; z-index: 1; content: ""; background-color: var(--rt-primary-color); height: 0.0625rem; width: 0; left: 0; right: inherit; bottom: 0; transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } .wtbigshop-navigation ul.menu li ul.dropdown-menu li a:hover:before { width: 100%; right: 0; left: inherit; } .wtbigshop-navigation > ul li.page_item_has_children > a:after, .wtbigshop-navigation > ul li.menu-item-has-children > a:after { content: ""; width: 7px; height: 7px; border: 1px solid var(--rt-primary-color); display: inline-block; transform: rotate(-45deg) translate(-1px, -4px); border-right: none; border-top: none; margin-right: 8px; transition: all 320ms ease; } .wtbigshop-navigation .caret svg { transition: fill 0.4s; fill: #8C8C8C; } .wtbigshop-navigation .dropdown-menu .caret { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); } .wtbigshop-navigation .dropdown-menu .caret svg { transform: rotate(90deg) scale(0.9); } .wtbigshop-navbar li > .dropdown-menu li.dropdown-inverse .dropdown-menu { right: auto; left: 100%; min-width: 195px; transition: all 0.2s; } .wtbigshop-navbar li > .dropdown-menu li.dropdown-inverse:hover .dropdown-menu { margin-left: -5px; } .wtbigshop-navbar li > .dropdown-menu li.dropdown-inverse-left .dropdown-menu { left: auto; right: 100%; } /* Mega-menu CSS ***************************/ .wtbigshop-navigation { /*start mega menu two column*/ /*start mega menu three column*/ /*end mega menu three column*/ } .wtbigshop-navigation ul.menu li.mega-menu ul.dropdown-menu li a:before, .wtbigshop-navigation ul.menu li.mega-menu ul.dropdown-menu li:after, .wtbigshop-navigation ul.menu li.mega-menu ul.dropdown-menu li.menu-item-has-children:before { display: none; } .wtbigshop-navigation ul.menu li.mega-menu ul.dropdown-menu li a { padding: 0 0 8px; } .wtbigshop-navigation ul.menu li.mega-menu .dropdown-menu .dropdown-toggle { padding-bottom: 0 !important; } .wtbigshop-navigation ul li.mega-menu { position: static; } .wtbigshop-navigation ul li.mega-menu:hover ul { opacity: 1; visibility: visible; } .wtbigshop-navigation ul li.mega-menu > ul.dropdown-menu { justify-content: flex-start; display: flex; background-color: #FFFFFF; width: 100%; position: absolute; right: 0; left: 0; padding: 24px 15px 15px; } .wtbigshop-navigation ul li > ul.dropdown-menu { transform: translate3d(0px, 2rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); pointer-events: none; } .wtbigshop-navigation ul > li:hover > ul.dropdown-menu { transform: translateY(0); pointer-events: all; } .wtbigshop-navigation ul li.mega-menu.two-column { position: relative; } .wtbigshop-navigation ul li.mega-menu.two-column > ul.dropdown-menu { background-color: #FFFFFF !important; width: 520px !important; } .wtbigshop-navigation ul li.mega-menu.two-column { position: relative; } .wtbigshop-navigation ul li.mega-menu.three-column > ul.dropdown-menu { background-color: #FFFFFF !important; width: 780px !important; } .wtbigshop-navigation ul li.mega-menu > ul.dropdown-menu > li { display: inline-block; margin: 0 15px; width: 100%; border: none; } .wtbigshop-navigation ul li.mega-menu > ul.dropdown-menu > li > ul.dropdown-menu { transform: unset; } .wtbigshop-navigation ul li.mega-menu > ul.dropdown-menu > li ul { position: relative; width: inherit; right: inherit; box-shadow: none; border-top: none; padding: 0; } .wtbigshop-navigation ul li.mega-menu > ul.dropdown-menu > li > a { font-weight: 700; font-size: 16px; margin-bottom: 20px; padding-right: 20px; } .wtbigshop-navigation ul li.mega-menu > ul.dropdown-menu > li > a:before { display: none; } .wtbigshop-navigation ul li.mega-menu.hide-header > ul.dropdown-menu > li > a { display: none; } .wtbigshop-navigation ul li.mega-menu > ul .caret { display: none !important; } .wtbigshop-navigation ul li.mega-menu.mega-menu-col-2 > ul { width: 45%; } .wtbigshop-navigation ul li.mega-menu.mega-menu-col-3 > ul { width: 65%; } /* Header search ***************************/ .wtbigshop-search-popup.show .wtbigshop-search-form { visibility: visible; opacity: 1; top: 51px; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 320ms ease; } .wtbigshop-search-popup .wtbigshop-search-form { position: absolute; top: 70px; left: -12px; width: 300px; padding: 5px 14px 6px 12px; background: var(--rt-title-color); opacity: 0; visibility: hidden; z-index: 9999; font-size: var(--rt-body-font, "Inter"), sans-serif-1; } .wtbigshop-search-popup .wtbigshop-search-form::before { content: ""; position: absolute; background: var(--rt-title-color); width: 14px; height: 14px; top: -6px; left: 26px; transform: rotate(45deg); } .wtbigshop-search-popup .wtbigshop-search-form .search-box { position: relative; border: none; } .wtbigshop-search-popup .wtbigshop-search-form .search-box svg { fill: var(--rt-meta-color); } .wtbigshop-search-popup .wtbigshop-search-form input[type=text] { width: 100%; height: 40px; padding: 5px; border: none; background: none; transition: 0.4s; color: var(--rt-meta-color); } .wtbigshop-search-popup .wtbigshop-search-form input[type=text]:hover, .wtbigshop-search-popup .wtbigshop-search-form input[type=text]:focus { outline: none; } .wtbigshop-search-popup .wtbigshop-search-form input[type=text]:focus + button { opacity: 1; } .wtbigshop-search-popup .wtbigshop-search-form button { position: absolute; top: 50% !important; left: 0 !important; transform: translateY(-50%) !important; background: none; border: none; outline: none; height: 100%; padding: 3px 8px 0; opacity: 0; } /* Off canvas drawer ***************************/ .wtbigshop-offcanvas-drawer { display: flex; flex-direction: column; height: 100vh; padding: 40px 30px; width: 325px; margin-right: -325px; height: 100%; position: fixed; top: 0; right: 0; background: #FFFFFF; z-index: 99999; box-sizing: border-box; transition: 0.4s ease-in-out; max-width: 100%; overflow: auto; } .wtbigshop-offcanvas-drawer .product-search { flex-grow: unset; margin-top: 40px; } .wtbigshop-offcanvas-drawer .product-search .rt-action-list-2 { padding-right: 0; margin-right: 0; list-style-type: none; } .wtbigshop-offcanvas-drawer .product-search .header-wishlist-icon { margin-left: 5px; } .wtbigshop-offcanvas-drawer .product-search .rt-cat-drop { display: none; } .wtbigshop-offcanvas-drawer .product-search .product-search-form { background-color: #F5F5F5; border: 1px solid #EEEEEE; border-radius: 100px !important; } .wtbigshop-offcanvas-drawer .product-search .result .result-wrap li { padding: 15px !important; } .wtbigshop-offcanvas-drawer .product-search .input-group-append .search-btn { padding: 0 10px !important; color: #000 !important; } .wtbigshop-offcanvas-drawer #site-navigation > ul { padding-right: 0; } .wtbigshop-offcanvas-drawer #site-navigation ul { list-style-type: none; } .wtbigshop-offcanvas-drawer #site-navigation .menu { margin-top: 5px; padding: 0; } @media (max-width: 1024px) { .wtbigshop-offcanvas-drawer #site-navigation .menu { padding-top: 10px; margin-top: 20px; } } .wtbigshop-offcanvas-drawer.is-open { margin-right: 0; } @media (min-width: 1025px) { .wtbigshop-offcanvas-drawer .offcanvas-navigation #primary-menu { display: none; } } @media (max-width: 1024px) { .wtbigshop-offcanvas-drawer .offcanvas-navigation #offcanvas-menu { display: none; } } .wtbigshop-offcanvas-drawer .contact-info-title { font-size: 20px; font-weight: 500; } .wtbigshop-offcanvas-drawer .offcanvas-cat-heading { display: inline-flex; align-items: center; -moz-column-gap: 8px; column-gap: 8px; flex-wrap: wrap; font-size: 20px; color: #FFFFFF; background: var(--rt-primary-color); font-weight: 500; padding: 8px 20px; width: 100%; justify-content: center; border-radius: 5px; } @media (max-width: 1024px) { .wtbigshop-offcanvas-drawer .offcanvas-cat-heading { display: none; } } .wtbigshop-offcanvas-drawer ul.menu li a { padding: 5px 0 5px 40px; display: block; position: relative; font-size: 16px; font-weight: 500; color: var(--rt-title-color); } .wtbigshop-offcanvas-drawer .caret { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--rt-meta-color); background-color: var(--rt-meta-color); border-radius: 50%; } .wtbigshop-offcanvas-drawer .caret svg { fill: #FFFFFF; } .wtbigshop-offcanvas-drawer ul > li.is-open > a > .caret > svg { transform: rotate(-180deg); } .wtbigshop-offcanvas-drawer ul ul { padding-right: 15px; } .wtbigshop-offcanvas-drawer #primary-menu > li ul { display: none; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions { position: absolute; bottom: 0; right: 0; left: 0; padding: 20px 0; background: #fff; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); display: flex; align-items: center; justify-content: center; } @media (max-width: 1024px) { .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions { top: 0; bottom: auto; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.01); } } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper { margin-right: unset !important; padding-right: 0 !important; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper a { align-items: center; gap: 7px; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper a i { line-height: 1; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .item-icon { position: relative; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .item-icon i { color: var(--rt-primary-color); } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .item-icon .rtsb-cart-icon-num, .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .item-icon .item-count { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--rt-secondary-color); position: absolute; top: -14px; left: -14px; border-radius: 50%; color: #fff; font-size: 14px; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .rtsb-cart-icon-num { top: -8px !important; right: 10px !important; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .rtsb-cart-icon-num .items { display: none; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .rt-cart-icon { cursor: pointer; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .rt-cart-icon i { font-size: 19px; } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .account-label { color: var(--rt-body-color); } .wtbigshop-offcanvas-drawer .offcanvas-drawer-actions .menu-icon-wrapper .rtsb-cart-icon-total { font-weight: 500; margin-right: 12px; display: inline-block; color: var(--rt-body-color); } .wtbigshop-body-overlay { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99990; cursor: pointer; transition: 0.4s ease-in-out; opacity: 0; visibility: hidden; } .wtbigshop-offcanvas-drawer.is-open + .wtbigshop-body-overlay { opacity: 1; visibility: visible; } .offcanvas-address { margin-bottom: 25px; margin-top: 50px; } .offcanvas-address .offcanvas-info { padding-right: 0; } .offcanvas-address .offcanvas-info li { display: flex; align-items: baseline; -moz-column-gap: 8px; column-gap: 8px; margin-bottom: 10px; color: var(--rt-body-color); } .offcanvas-address .offcanvas-info a { color: var(--rt-body-color); } .offcanvas-address .offcanvas-info a:hover { color: var(--rt-primary-color); } .offcanvas-address .offcanvas-info svg { width: 14px; height: 14px; } .offcanvas-address .offcan-social-icon { padding-right: 0; } .offcanvas-address .offcan-social-icon a { width: 35px; height: 35px; border-radius: 50%; background: var(--rt-primary-light-color); display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s; } .offcanvas-address .offcan-social-icon a:hover { background: var(--rt-secondary-color); } .offcanvas-address .offcan-social-icon svg { width: 15px; height: 15px; fill: #fff; } /* Topbar Navigation ***************************/ .wtbigshop-topbar { font-size: 14px; background: #f5f6f8; color: var(--rt-title-color); padding: 7px 0; } @media (max-width: 1024px) { .wtbigshop-topbar { display: none; } } @media (max-width: 650px) { .wtbigshop-topbar #topbar-menu > div { display: none; } .wtbigshop-topbar .topbar-right { padding: 5px 0; } } .wtbigshop-topbar .topbar-left li { display: flex; align-items: center; -moz-column-gap: 8px; column-gap: 8px; } .wtbigshop-topbar .topbar-right .shipping-text { display: flex; align-items: center; -moz-column-gap: 8px; column-gap: 8px; } .wtbigshop-topbar i { color: var(--rt-title-color); font-size: 15px; } .wtbigshop-topbar a { color: var(--rt-title-color); } .wtbigshop-topbar a:hover { color: var(--rt-secondary-color); } .wtbigshop-topbar .line { width: 1px; height: 20px; background-color: #d5d5d5; } .wtbigshop-topbar .top-social { line-height: 1; } .wtbigshop-topbar .top-social svg { width: 15px; height: 15px; fill: var(--rt-title-color); } /* Sticky Menu CSS ***************************/ .intelligent-header { position: fixed; z-index: 1000; left: 0; right: 0; top: 0; transition: all 0.3s; } .admin-bar .intelligent-header { top: 32px; } @media (max-width: 782px) { .admin-bar .intelligent-header { top: 46px; } } .iheader { will-change: transform; } .iheader--pinned { transform: translateY(0); } .iheader--unpinned { transform: translateY(-100%); } .iheader--pinned.scrolling { /*here 80 is sticky section height*/ transform: translateY(calc(80px - 100%)); } @media (max-width: 1024px) { .iheader--pinned.scrolling { transform: translateY(calc(91px - 100%)); } } @media (max-width: 991px) { .iheader--pinned.scrolling { transform: translateY(calc(90px - 100%)); } } @media (max-width: 767px) { .iheader--pinned.scrolling { transform: translateY(calc(90px - 100%)); } } @media (max-width: 575px) { .iheader--pinned.scrolling { transform: translateY(calc(81px - 100%)); } } @media (max-width: 500px) { .admin-bar .iheader--unpinned { transform: translateY(-200%); } } @media (max-width: 500px) { .admin-bar .iheader--pinned.scrolling { transform: translateY(calc(34px - 100%)); } } .intelligent-header + .fixed-header-space { min-height: 237px; } @media (max-width: 1024px) { .intelligent-header + .fixed-header-space { min-height: 91px; } } @media (max-width: 991px) { .intelligent-header + .fixed-header-space { min-height: 90px; } } @media (max-width: 767px) { .intelligent-header + .fixed-header-space { min-height: 90px; } } @media (max-width: 575px) { .intelligent-header + .fixed-header-space { min-height: 82px; } } .single-post .intelligent-header + .fixed-header-space { min-height: 213px; } .single-post.wtbigshop-header-2 .intelligent-header + .fixed-header-space { min-height: 203px; } .wtbigshop-header-2 .intelligent-header + .fixed-header-space { min-height: 219px; } @media (max-width: 1199px) { .wtbigshop-header-2 .intelligent-header + .fixed-header-space { min-height: 206px; } } @media (max-width: 1024px) { .wtbigshop-header-2 .intelligent-header + .fixed-header-space { min-height: 85px; } } @media (max-width: 991px) { .wtbigshop-header-2 .intelligent-header + .fixed-header-space { min-height: 101px; } } @media (max-width: 575px) { .wtbigshop-header-2 .intelligent-header + .fixed-header-space { min-height: 70px; } } @media (max-width: 475px) { .wtbigshop-header-2 .intelligent-header + .fixed-header-space { min-height: 93px; } } .wtbigshop-header-2 .iheader--pinned.scrolling { /*here 100px is sticky section height*/ transform: translateY(calc(100px - 100%)); } @media (max-width: 1199px) { .wtbigshop-header-2 .iheader--pinned.scrolling { transform: translateY(calc(90px - 100%)); } } @media (max-width: 1024px) { .wtbigshop-header-2 .iheader--pinned.scrolling { transform: translateY(calc(85px - 100%)); } } @media (max-width: 991px) { .wtbigshop-header-2 .iheader--pinned.scrolling { transform: translateY(calc(101px - 100%)); } } @media (max-width: 575px) { .wtbigshop-header-2 .iheader--pinned.scrolling { transform: translateY(calc(70px - 100%)); } } @media (max-width: 475px) { .wtbigshop-header-2 .iheader--pinned.scrolling { transform: translateY(calc(93px - 100%)); } } @media (max-width: 500px) { .wtbigshop-header-2.admin-bar .iheader--unpinned { transform: translateY(-200%); } } @media (max-width: 500px) { .wtbigshop-header-2.admin-bar .iheader--pinned.scrolling { transform: translateY(calc(25px - 100%)); } } .wtbigshop-header-2.no-topbar .intelligent-header + .fixed-header-space { min-height: 191px; } @media (max-width: 1024px) { .wtbigshop-header-2.no-topbar .intelligent-header + .fixed-header-space { min-height: 130px; } } @media (max-width: 991px) { .wtbigshop-header-2.no-topbar .intelligent-header + .fixed-header-space { min-height: 101px; } } @media (max-width: 475px) { .wtbigshop-header-2.no-topbar .intelligent-header + .fixed-header-space { min-height: 93px; } } .wtbigshop-header-2.no-topbar .iheader--pinned.scrolling { /*here 60px is sticky section height*/ transform: translateY(calc(60px - 100%)); } @media (max-width: 1024px) { .wtbigshop-header-2.no-topbar .iheader--pinned.scrolling { transform: translateY(calc(130px - 100%)); } } @media (max-width: 991px) { .wtbigshop-header-2.no-topbar .iheader--pinned.scrolling { transform: translateY(calc(101px - 100%)); } } @media (max-width: 475px) { .wtbigshop-header-2.no-topbar .iheader--pinned.scrolling { transform: translateY(calc(93px - 100%)); } } .wtbigshop-header-3 .intelligent-header + .fixed-header-space { min-height: 113px; } @media (max-width: 1024px) { .wtbigshop-header-3 .intelligent-header + .fixed-header-space { min-height: 71px; } } .wtbigshop-header-3 .iheader--pinned.scrolling { /*here 71px is sticky section height*/ transform: translateY(calc(71px - 100%)); } @media (max-width: 1024px) { .wtbigshop-header-3 .iheader--pinned.scrolling { transform: translateY(calc(71px - 100%)); } } .wtbigshop-header-3.no-topbar .intelligent-header + .fixed-header-space { min-height: 71px; } .wtbigshop-header-3.no-topbar .iheader--pinned.scrolling { /*here 71px is sticky section height*/ transform: translateY(calc(71px - 100%)); } .header-bottom-wrapper { transition: background-color 0.3s ease-in-out; } .iheader--pinned.scrolling .header-bottom-wrapper { background-color: var(--rt-primary-color); } .iheader--pinned.scrolling .header-bottom-wrapper .wtbigshop-navigation .menu-main-menu-container > ul > li > a { color: #fff; } .iheader--pinned.scrolling .header-bottom-wrapper .wtbigshop-navigation .menu-main-menu-container > ul > li > a .caret svg { fill: #fff; } .iheader--pinned.scrolling .header-bottom-wrapper .header-bottom .header-offer-deals-wrapper .icon-item .text .title { color: #fff; } .iheader--pinned.scrolling .header-bottom-wrapper .cat-drop-area .cat-button i, .iheader--pinned.scrolling .header-bottom-wrapper .menu-wrapper .cat-drop-area .cat-button { color: #fff; } .iheader--pinned.scrolling .header-bottom-wrapper .cat-drop-area .cat-button i svg, .iheader--pinned.scrolling .header-bottom-wrapper .menu-wrapper .cat-drop-area .cat-button svg { fill: #fff; } .ham_burger { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .is-open .ham_burger { transform: rotate(-45deg); } .is-open .ham_burger .top { stroke-dashoffset: -64px; } .is-open .ham_burger .middle { transform: rotate(-90deg); } .is-open .ham_burger .bottom { stroke-dashoffset: -64px; } .ham_burger .line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #fff; stroke-width: 4; stroke-linecap: round; } .ham_burger .top { stroke-dasharray: 40 160; } .ham_burger .middle { stroke-dasharray: 40 142; transform-origin: 50%; transition: transform 400ms; } .ham_burger .bottom { stroke-dasharray: 40 85; transform-origin: 50%; transition: transform 400ms, stroke-dashoffset 400ms; } /* Menu Action Icons CSS ***************************/ .site-header .menu-icon-wrapper i { color: #3D3D3D; font-size: 18px; } .site-header .menu-icon-wrapper .item-icon { position: relative; } .site-header .menu-icon-wrapper .item-icon a i { transition: all 0.3s; } .site-header .menu-icon-wrapper .item-icon a:hover i { color: var(--rt-primary-color); } .site-header .menu-icon-wrapper .icon-rt-shopping-cart-minus { font-size: 20px; } .site-header .menu-icon-wrapper .rtsb-cart-icon-num, .site-header .menu-icon-wrapper .item-count { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--rt-secondary-color); position: absolute; top: -14px; left: -14px; border-radius: 50%; color: #fff; font-size: 14px; } .site-header .menu-icon-wrapper .rtsb-cart-icon-num .items, .site-header .menu-icon-wrapper .item-count .items { display: none; } .site-header .menu-icon-wrapper .rtsb-cart-icon-num { top: -8px !important; right: 10px !important; } .site-header .menu-icon-wrapper .wishlist-icon { margin-left: 10px; } .site-header .menu-icon-wrapper .rtsb-cart-icon-total { color: #3D3D3D; font-weight: 500; margin-right: 5px; display: inline-block; } .site-header .menu-icon-wrapper .rtsb-cart-float-menu { cursor: pointer; } .site-header .menu-icon-wrapper .rtsb-cart-float-menu i { transition: all 0.3s; } .site-header .menu-icon-wrapper .rtsb-cart-float-menu:hover i { color: var(--rt-primary-color); } .site-header .menu-icon-wrapper .icons-line { width: 2px; height: 24px; background: #E2E2E2; } .wtbigshop-breadcrumb-wrapper { display: flex; align-items: center; padding: 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .wtbigshop-breadcrumb-wrapper.has-bg { position: relative; z-index: 0; } .wtbigshop-breadcrumb-wrapper.has-bg::before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: -1; } .wtbigshop-breadcrumb-wrapper .breadcrumb { display: block; padding: 0; list-style: none; background-color: transparent; border-radius: 0; color: var(--rt-meta-color); font-size: 16px; margin: 0; position: relative; } .wtbigshop-breadcrumb-wrapper .breadcrumb li { display: inline; position: relative; align-items: center; gap: 10px; } .wtbigshop-breadcrumb-wrapper .breadcrumb .raquo { padding: 0 5px; line-height: 1; } .wtbigshop-breadcrumb-wrapper .breadcrumb .raquo svg { width: 7px; height: 11px; } .wtbigshop-breadcrumb-wrapper .breadcrumb a { color: var(--rt-meta-color); } .wtbigshop-breadcrumb-wrapper .breadcrumb path { stroke: var(--rt-meta-color); } .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span { font-size: 16px; font-weight: 500; } .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span a { color: var(--rt-meta-color); } .wtbigshop-breadcrumb-wrapper .entry-breadcrumb .dvdr { color: var(--rt-meta-color); font-size: 11px; line-height: 1; padding: 0 5px; } .wtbigshop-breadcrumb-wrapper .entry-title { font-size: clamp(30px, 4vw, 40px); line-height: 1.2; margin-bottom: 0; } .has-trheader .wtbigshop-breadcrumb-wrapper { background-color: transparent; padding-top: 130px; padding-bottom: 0; } .has-trheader .wtbigshop-breadcrumb-wrapper.has-bg { padding-bottom: 60px; } .wtbigshop-breadcrumb-wrapper .breadcrumb, .has-trheader .wtbigshop-breadcrumb-wrapper .breadcrumb { color: var(--rt-meta-color); } .wtbigshop-breadcrumb-wrapper .breadcrumb a, .has-trheader .wtbigshop-breadcrumb-wrapper .breadcrumb a { color: var(--rt-meta-color); } .wtbigshop-breadcrumb-wrapper .breadcrumb a:hover, .has-trheader .wtbigshop-breadcrumb-wrapper .breadcrumb a:hover { color: var(--rt-primary-color); } .wtbigshop-breadcrumb-wrapper .breadcrumb li.active .title, .has-trheader .wtbigshop-breadcrumb-wrapper .breadcrumb li.active .title { color: var(--rt-primary-color); } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper { background-color: #F7F7F7; padding-bottom: 15px; border-bottom: 0; } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .breadcrumb a { color: #686772; } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .breadcrumb a:hover { color: var(--rt-secondary-color); } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .breadcrumb li.active .title { color: var(--rt-secondary-color); } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .breadcrumb .raquo path { stroke: #686772; } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span { font-size: 16px; font-weight: 400; } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span a { color: #686772; } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span a:hover { color: var(--rt-secondary-color); } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .entry-breadcrumb span .current-item { color: var(--rt-secondary-color); } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .entry-breadcrumb .dvdr { color: #686772; font-size: 11px; line-height: 1; padding: 0 5px; } .wtbigshop-banner-2 .wtbigshop-breadcrumb-wrapper .entry-title { color: var(--rt-title-color); } .wtbigshop-widget-area { position: relative; border: 1px solid #E7E7E7; border-radius: 8px; padding: 30px; } .wtbigshop-widget-area .widget:last-child { margin-bottom: 0; } .wtbigshop-widget-area .widget-title { margin-bottom: 15px; } .wtbigshop-widget-area ul { list-style: none; margin: 0; padding: 0; } .wtbigshop-widget-area ul > li { position: relative; margin-bottom: 5px; font-size: 16px; } .wtbigshop-widget-area ul > li:last-child { margin-bottom: 0; } .wtbigshop-widget-area ul > li > a { position: relative; display: inline-block; padding-right: 20px; } .wtbigshop-widget-area ul.sub-menu { margin-top: 5px; } .wtbigshop-widget-area ul li, .wtbigshop-widget-area .widget_categories li { position: relative; } .wtbigshop-widget-area ul li:after, .wtbigshop-widget-area .widget_categories li:after { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #B2B8C4; position: absolute; right: 0; top: 11px; transition: all 0.3s; } .wtbigshop-widget-area ul li:hover:after, .wtbigshop-widget-area .widget_categories li:hover:after { background-color: var(--rt-secondary-color); } .wtbigshop-widget-area ul li:hover > a, .wtbigshop-widget-area .widget_categories li:hover > a { color: var(--rt-secondary-color); } .wtbigshop-widget-area ul li:hover > span, .wtbigshop-widget-area .widget_categories li:hover > span { color: var(--rt-secondary-color); } .wtbigshop-widget-area .widget-title, .wtbigshop-widget-area .wp-block-heading { font-size: 22px; font-weight: 600; position: relative; } .wtbigshop-widget-area .rt-sidebar { width: 100%; max-width: 100%; flex: 0 0 100%; } .wtbigshop-widget-area .wp-block-categories li, .wtbigshop-widget-area .wp-block-archives li { position: relative; } .wtbigshop-widget-area .wp-block-categories li:after, .wtbigshop-widget-area .wp-block-archives li:after { content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #B2B8C4; position: absolute; right: 0; top: 11px; transition: all 0.3s; } .wtbigshop-widget-area .wp-block-categories li:hover:after, .wtbigshop-widget-area .wp-block-archives li:hover:after { background-color: var(--rt-secondary-color); } .wtbigshop-widget-area .wp-block-categories li:hover > a, .wtbigshop-widget-area .wp-block-archives li:hover > a { color: var(--rt-secondary-color); } .wtbigshop-widget-area .wp-block-categories li:hover > span, .wtbigshop-widget-area .wp-block-archives li:hover > span { color: var(--rt-secondary-color); } .wtbigshop-widget-area .widget_nav_menu ul li a:before { position: absolute; content: ""; right: 15px; top: 50%; width: 5px; height: 5px; opacity: 0; visibility: hidden; transform: translateY(-50%); border-radius: 50%; background-color: var(--rt-primary-color); transition: all 0.21s ease-in-out; } .wtbigshop-widget-area .widget_nav_menu ul li a:hover { padding-right: 26px; } .wtbigshop-widget-area .widget_nav_menu ul li a:hover:before { opacity: 1; visibility: visible; } .wtbigshop-widget-area .wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 5px; } .wtbigshop-widget-area .wp-block-tag-cloud a { color: var(--rt-title-color); background: var(--rt-gray10); border-radius: 6px; display: inline-block; font-size: 16px !important; margin: 0; padding: 8px 18px; line-height: 1.4; } .wtbigshop-widget-area .wp-block-tag-cloud a:hover { background-color: var(--rt-secondary-color); color: #FFFFFF; } .wtbigshop-widget-area .rt-blog-post { margin-bottom: 30px; } .wtbigshop-widget-area .rt-blog-post:last-child { margin-bottom: 0; } .wtbigshop-widget-area .rt-blog-post .post-thumbnail { overflow: hidden; border-radius: 6px; margin-bottom: 0; } .wtbigshop-widget-area .rt-blog-post .post-thumbnail img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .wtbigshop-widget-area .rt-blog-post ul li { font-size: 15px; border: none; margin: 0; padding: 0; } .wtbigshop-widget-area .rt-blog-post ul li:after { display: none; } .wtbigshop-widget-area .rt-blog-post .wtbigshop-post-meta { padding-top: 20px; margin-top: 5px; } .wtbigshop-widget-area .rt-blog-post .wtbigshop-post-meta li { font-size: 15px; } .wtbigshop-widget-area .rt-blog-post .wtbigshop-post-meta li i { font-size: 14px; } .wtbigshop-widget-area .rt-blog-post .wtbigshop-post-meta li a { font-size: 15px; } .wtbigshop-widget-area .rt-blog-post .wtbigshop-post-meta li a:hover { color: var(--rt-secondary-color); } .wtbigshop-widget-area .rt-blog-post .entry-title { font-size: 18px; margin-bottom: 0; line-height: 1.4; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wtbigshop-widget-area .rt-blog-post .entry-title a { color: var(--rt-title-color); } .wtbigshop-widget-area .rt-blog-post .entry-wrapper { flex: 1; } .wtbigshop-widget-area .rt-blog-post .entry-content { padding-top: 12px; } .wtbigshop-widget-area .rt-blog-post .post-thumbnail-wrap .posted-on { display: none; } .wtbigshop-widget-area .blog-list-style .wtbigshop-post-meta { padding-top: 0; } .wtbigshop-widget-area .blog-list-style .article-inner-wrapper { display: flex; align-items: center; -moz-column-gap: 15px; column-gap: 15px; } .wtbigshop-widget-area .blog-list-style .post-thumbnail-wrap { width: 80px; } .wtbigshop-widget-area .blog-list-style .post-thumbnail-wrap img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .wtbigshop-widget-area .widget_wtbigshop_contact ul { padding: 0; margin-right: 0; } .wtbigshop-widget-area .widget_wtbigshop_contact ul li:after { display: none; } @media (max-width: 1140px) { .layout-right-sidebar .wtbigshop-widget-area { padding-top: 60px; } .layout-left-sidebar .wtbigshop-widget-area { padding-bottom: 60px; } } @media (min-width: 1140px) { .sidebar-sticky { align-self: flex-start; position: sticky; top: 86px; } } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 30px; color: var(--rt-body-color); overflow: hidden; } .widget a { color: var(--rt-body-color); } .widget ul, .widget ol { padding-right: 0; } .widget ul ul, .widget ul ol, .widget ol ul, .widget ol ol { padding-right: 20px; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; margin-right: -10px; margin-left: -10px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 0 5px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } @media (max-width: 992px) { .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item { max-width: 45.1%; } .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 22%; } } @media (max-width: 550px) { .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 45.1%; } } /*------------------------ Sidebar Widget -------------------------*/ /*------ List ----------*/ .widget_block .wp-block-group__inner-container > ul, .widget > ul { margin-top: 0; } .widget_block .wp-block-group__inner-container > ul > li:last-child a, .widget > ul > li:last-child a, .widget .menu-testing-menu-container > ul > li:last-child a { border-bottom: none; padding-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-size: 16px; font-weight: 600; line-height: 1.6; } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: 1.6; } .wp-block-latest-posts__featured-image img { float: right; width: 100px; margin-left: 12px; border-radius: 8px; display: inline-block; } .wp-block-latest-posts__list .wp-block-latest-posts__post-title { color: var(--rt-title-color); font-weight: 600; line-height: 1.6; } ol.wp-block-latest-comments { margin-right: 0; padding-right: 0; margin-bottom: 0; } ol.wp-block-latest-comments li:last-child { margin-bottom: 0; } /*------ Recent Comments ------*/ .widget_recent_comments ul li a { border-bottom: none; padding: 0; } .widget_recent_comments ul li:last-child { padding-bottom: 0; border-bottom: none; } /*---- RSS ------*/ .widget_rss .widget-heading img { margin-top: -3px; } .widget_rss ul li:last-child { padding-bottom: 0; border-bottom: none; } .widget_rss ul li .rsswidget { font-weight: 700; } .widget_rss ul li a { padding: 0; border-bottom: none; } /*--------- Text Widget ---------*/ .widget_text .widget-heading { margin-bottom: 15px; } .widget_text select { margin-top: 0; } /*------ Select ----------*/ .widget select { padding: 8px 10px; width: 100%; background-color: transparent; outline: none; border: 1px solid var(--rt-gray20); } /*------ Calender ----------*/ .wp-calendar-table caption { caption-side: top; padding-top: 0; padding-bottom: 15px; line-height: 1; text-align: center; } .widget .calendar_wrap { margin-top: 0; } .widget .wp-calendar-table td, .widget .wp-calendar-table td { padding: 0; text-align: center; line-height: 32px; } .widget .wp-calendar-table td a { font-weight: 600; } .widget .wp-calendar-table td#today a, .widget .wp-calendar-table td#today { color: #fff; background-color: var(--rt-primary-color); } .wp-calendar-nav-next { float: left; } /*--------- Text Widget ---------*/ .widget_text select { margin-top: 0; } /*------ Calender ----------*/ .wp-calendar-table caption { caption-side: top; padding-top: 0; padding-bottom: 15px; line-height: 1; text-align: center; } .widget .calendar_wrap { margin-top: 0; } .widget .wp-calendar-table td, .widget .wp-calendar-table td { padding: 0; text-align: center; line-height: 32px; } .widget .wp-calendar-table td a { font-weight: 600; } .widget .wp-calendar-table td#today a, .widget .wp-calendar-table td#today { color: #FFFFFF; } .wp-calendar-nav-next { float: left; } /* Custom Widges ***************************/ .widget_wtbigshop_about .about-logo a { font-size: 36px; font-weight: 600; } .widget_wtbigshop_contact ul { padding: 0 30px; } .widget_wtbigshop_contact ul li { display: flex; align-items: flex-start; } .widget_wtbigshop_contact ul li.phone-no { font-size: 20px; } .widget_wtbigshop_contact li [class*=rticon-] { flex: 0 0 30px; padding-top: 4px; justify-content: start; } .widget_wtbigshop_contact li svg { fill: var(--rt-primary-color); } .widget_wtbigshop_contact li p { margin: 0; } /* Site Footer ***************************/ .site-footer { position: relative; background: #FFFFFF; z-index: 1; } .site-footer .footer-container { position: relative; } .site-footer ul { list-style: none; margin: 0; padding: 0; } .footer-sidebar ul li { padding-bottom: 8px; } .footer-sidebar ul li:last-child { padding-bottom: 0; } .el-build-footer .elementor-divider-separator { border-radius: 100px; } /* Footer Menu Wrapper ***************************/ .site-footer .footer-menu-wrapper { border-top: 1px solid var(--rt-gray20); } .wtbigshop-footer-1 .site-footer .footer-menu-wrapper .align-default { justify-content: center; } .site-footer .wtbigshop-navigation ul > li > ul.depth_0 { bottom: 100%; top: auto; } .site-footer .wtbigshop-navigation ul li ul li ul { right: 100%; top: auto; bottom: 0; } .site-footer .wtbigshop-navigation ul > li:first-child:hover > ul.dropdown-menu { top: auto !important; bottom: -10px !important; } .wtbigshop-footer-builder .elementor-widget-wp-widget-nav_menu h5, .single-elementor-wtbigshop .elementor-widget-wp-widget-nav_menu h5 { color: #FFFFFF; font-size: 22px; font-weight: 600; line-height: 28px; } .wtbigshop-footer-builder .elementor-widget-wp-widget-nav_menu ul, .single-elementor-wtbigshop .elementor-widget-wp-widget-nav_menu ul { list-style-type: none; padding: 0; } .wtbigshop-footer-builder .elementor-widget-wp-widget-nav_menu ul a, .single-elementor-wtbigshop .elementor-widget-wp-widget-nav_menu ul a { color: #828C9E; } .wtbigshop-footer-builder .nav-menu-title, .single-elementor-wtbigshop .nav-menu-title { font-size: 22px; font-weight: 600; line-height: 28px; margin-bottom: 12px; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu { display: block; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu.flex-end, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu.flex-end { text-align: left; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu.center, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu.center { text-align: center; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu li, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu li { display: block; margin-bottom: 10px; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu li a, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu li a { font-size: 16px; padding: 0; color: #828C9E; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu li a .caret, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu li a .caret { display: none; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu li a:before, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu li a:before { display: none; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu li .dropdown-menu, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu li .dropdown-menu { visibility: visible; opacity: 1; transform: none; position: unset; background: transparent; padding-right: 15px; } .wtbigshop-footer-builder .wtbigshop-navigation.vertical-menu li:last-child, .single-elementor-wtbigshop .wtbigshop-navigation.vertical-menu li:last-child { margin-bottom: 0; } /* Footer Widget wrapper ***************************/ .footer-widgets-wrapper { padding-top: 100px; padding-bottom: 50px; font-size: 16px; background-color: #041127; } .footer-widgets-wrapper .footer-widgets { display: flex; flex-wrap: wrap; flex-direction: row; } .footer-widgets-wrapper .footer-widgets .widget-title, .footer-widgets-wrapper .footer-widgets .widgettitle { font-size: 22px; margin-bottom: 20px; font-weight: 600; color: #fff; line-height: 28px; } .footer-widgets-wrapper .footer-widgets > .widget { flex-grow: 25; } .footer-widgets-wrapper .footer-widgets ul { list-style: none; padding-right: 0; } .footer-widgets-wrapper .footer-widgets ul ul { padding-right: 20px; } .footer-widgets-wrapper .widget_wtbigshop_contact a { color: #fff; } .footer-widgets ul li a { color: #828C9E; } .footer-widgets ul li a:hover { color: #fff; } /* Footer Copyright ***************************/ .footer-copyright-wrapper { position: relative; padding: 20px 0; display: flex; justify-content: center; align-items: center; color: #4A4A4A; background-color: #161616; font-size: 16px; } .footer-copyright-wrapper .copyright-text { text-align: center; } .footer-copyright-wrapper a { color: #4A4A4A; } .footer-copyright-wrapper a:hover { color: #FFFFFF; } .footer-copyright-wrapper .social-icon { align-items: center; } .footer-copyright-wrapper .social-icon a { height: 40px; width: 40px; border-radius: 38px; background-color: #121F37; display: inline-flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; overflow: hidden; } .footer-copyright-wrapper .social-icon a:hover { background-color: var(--rt-primary-color); } .footer-copyright-wrapper .social-icon svg { width: 14px; height: 14px; fill: #FFFFFF; } .wtbigshop-footer-1 .site-footer { position: relative; overflow: hidden; } .wtbigshop-footer-1 .footer-copyright-wrapper { border-top: 1px solid #1B263B; } .wtbigshop-search-form .search-box { position: relative; border: 1px solid #E7E7E7; border-radius: 6px; overflow: hidden; } .wtbigshop-search-form .search-box input { font-size: 16px; font-weight: 500; height: 50px; padding: 0 15px; border: none; width: 100%; border-radius: 6px; background: transparent; } .wtbigshop-search-form .search-box button { position: absolute; left: 0; top: 0; height: 100%; border: none; color: var(--rt-meta-color); background: transparent; padding: 0 12px; } .wtbigshop-search-form .search-box button svg { fill: var(--rt-secondary-color); width: 22px; height: 22px; margin-top: 1.5px; } .wtbigshop-search-form .search-box button .btn-label { display: none; } .comments-area { margin-top: 50px; } .comments-area .comment-list-wrapper { box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05); border-radius: 15px; margin-top: 50px; margin-bottom: 45px; padding: 40px 45px 15px !important; } .comments-area .comments-title { font-size: 32px; margin-bottom: 20px; font-weight: 600; } .comments-area dd { margin-bottom: 15px; } .comments-area .comments-content ul, .comments-area .comments-content ol { padding-right: 15px; } .comments-area .comment-content ul, .comments-area .comment-content ol { padding-right: 15px; } .comment-list { margin: 0; padding: 0; list-style: none; } .comment-meta a { color: #333; } .comment-author { display: flex; gap: 24px; align-items: flex-start; } .comment-author .vcard { flex: 0 0 100px; } @media (max-width: 767px) { .comment-author .vcard { flex: 0 0 50px; } } .comment-author .vcard img { border-radius: 50%; } .comment-author .author-info { margin-top: -4px; flex: auto; } .comment-author .author-info cite { font-style: normal; } .comment-author .author-info cite a { font-size: 18px; font-weight: 600; color: var(--rt-title-color); } .comment-author .author-info cite a:hover { color: var(--rt-primary-color); } .comment-author .comment-meta a { color: var(--rt-meta-color); } .comment-metadata { margin-right: 50px; } .comment-reply-link { padding: 0 8px; height: 30px; color: var(--rt-meta-color); border: 1px solid #E7E7E7; border-radius: 6px; display: inline-flex; justify-content: center; align-items: center; gap: 7px; font-size: 14px; font-weight: 600; position: absolute; top: 0; left: 0; } @media (max-width: 767px) { .comment-reply-link { position: relative; margin-top: 12px; } } .comment-reply-link svg { fill: var(--rt-title-color); } .comment-reply-link:hover { background: var(--rt-primary-color); border-color: var(--rt-primary-color); color: #FFFFFF; } .comment-reply-link:hover svg { fill: #FFFFFF; } #cancel-comment-reply-link { padding-right: 12px; } .comment-list li { font-size: 16px; position: relative; color: var(--rt-title-color); } .comment-list .comment-body { margin-bottom: 35px; } .comment-list > li ol, .comment-list > li ul { margin-top: 0 !important; margin-bottom: 0 !important; } .comment-list li ol.children { padding-right: 30px; margin: 0; list-style: none; margin-top: 25px; } .comment-list li.comment:last-child { border-bottom: 0px solid; padding-bottom: 0; margin-bottom: 0; } .comment-respond { background-color: #FFFFFF; box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05); border-radius: 15px; padding: 40px 45px 45px; } .comment-respond .comment-reply-title { font-size: 32px; font-weight: 600; } .comment-respond .comment-notes, .comment-respond .logged-in-as { color: var(--rt-meta-color); font-size: 16px; } .comment-respond .comment-notes a, .comment-respond .logged-in-as a { color: var(--rt-meta-color); } .comment-respond .comment-notes a:hover, .comment-respond .logged-in-as a:hover { color: #000000; } @media (min-width: 768px) { .comment-form .comment-form-author { width: 50%; float: right; padding-left: 12px; } } @media (min-width: 768px) { .comment-form .comment-form-email { width: 50%; padding-right: 12px; } } .comment-form label { color: var(--rt-meta-color); display: block; margin-bottom: 6px; font-size: 15px; font-weight: 500; } .comment-form input, .comment-form textarea { border: 1px solid #E7E7E7; border-radius: 6px; width: 100%; padding: 14px 15px; line-height: 1.3; } .comment-form input:focus, .comment-form textarea:focus { box-shadow: unset; border: 1px solid var(--rt-primary-color); } .comment-form textarea { resize: vertical; } .comment-form input[type=submit] { width: auto; background: var(--rt-primary-color) !important; border: none; padding: 16px 24px !important; border-radius: 6px !important; cursor: pointer; font-size: 16px; font-weight: 600; color: #fff !important; transition: all 320ms ease; } .comment-form input[type=submit]:hover { background: var(--rt-secondary-color) !important; color: #FFFFFF; } .comment-form .form-submit { margin-bottom: 0; } .comment-form .required { color: #FF0000; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { display: flex; align-items: baseline; flex-direction: column; } .comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form .comment-form-url input { flex: 1; } .comment-notes { font-size: 90%; margin-bottom: 30px; } p.comment-form-cookies-consent { display: flex; margin-bottom: 30px; flex-direction: row; justify-content: flex-start; align-items: baseline; gap: 10px; } p.comment-form-cookies-consent input { width: auto; } p.comment-form-cookies-consent * { margin: 0; } .comment-navigation { margin-top: 26px; border-top: 1px solid var(--rt-gray20); padding-top: 30px; } .comment-navigation .nav-links { display: flex; justify-content: space-between; } .comment-navigation .nav-links a { display: inline-flex; justify-content: center; align-items: center; gap: 5px; color: var(--rt-title-color); border: 1px solid var(--rt-gray20); padding: 6px 15px; } .comment-navigation .nav-links a:hover { background: var(--rt-primary-color); border-color: var(--rt-primary-color); color: #FFFFFF; } .comment-navigation .nav-links a:hover svg { fill: #FFFFFF; } .newsletter-form { background-color: #FFFFFF; border-radius: 6px; padding: 0 0 0 15px; height: 50px; border: 1px solid rgba(43, 43, 43, 0.168627451); } .newsletter-form .ff-el-group { margin-bottom: 0 !important; } .newsletter-form .ff-el-form-control { background-color: transparent; border: 0 !important; border-radius: 0; align-items: center; height: 50px !important; margin-top: -2px; color: #505050 !important; } .newsletter-form .ff-el-form-control:hover, .newsletter-form .ff-el-form-control:active, .newsletter-form .ff-el-form-control:focus { border: 0; outline: none; box-shadow: none; background-color: transparent !important; } .newsletter-form .ff-el-form-control::-moz-placeholder { color: #505050 !important; } .newsletter-form .ff-el-form-control::placeholder { color: #505050 !important; } .newsletter-form .ff_submit_btn_wrapper { margin-top: 0 !important; } .newsletter-form .ff-btn-submit { background-color: transparent !important; position: relative; padding: 18px 30px; border: 0 !important; border-radius: 0; height: 50px; margin-bottom: 0 !important; } .newsletter-form .ff-btn-submit:after { content: "\e858"; position: absolute; left: 5px; top: 12px; font-family: "rt-fontello"; font-weight: 900; font-size: 16px; cursor: pointer; transition: all 0.3s; color: rgba(0, 0, 0, 0.3019607843); } .newsletter-form .ff-btn-submit:hover { background-color: transparent !important; border: 0; } .newsletter-form .ff-btn-submit:active, .newsletter-form .ff-btn-submit:focus { border: 0; outline: none; box-shadow: none; } .woocommerce .woo-shop-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border: 1px solid #E2E2E2; border-radius: 6px; margin-bottom: 30px; padding: 0 25px; } @media (max-width: 767px) { .woocommerce .woo-shop-top { margin-top: 30px; padding: 10px 25px; justify-content: center; } } .woocommerce .woo-shop-top .view-mode ul { list-style-type: none; padding: 0; display: flex; align-items: center; gap: 10px; } .woocommerce .woo-shop-top .view-mode ul li { font-size: 20px; } .woocommerce .woo-shop-top .view-mode ul li a { color: #B2B8C4; } .woocommerce .woo-shop-top .view-mode ul li a:hover { color: var(--rt-primary-color); } .woocommerce .woo-shop-top .view-mode ul li.selected a { color: var(--rt-primary-color); } .woocommerce .woo-shop-top .view-mode ul .grid-view-nav a { margin-left: 10px; margin-right: 4px; } .woocommerce .woo-shop-top .view-mode ul .list-view-nav { margin-right: 5px; } .woocommerce .woo-shop-top .woocommerce-result-count { font-size: 16px; color: var(--rt-title-color); } .woocommerce .woo-shop-top .woocommerce-ordering { line-height: 1; } .woocommerce .woo-shop-top select { border: none !important; padding-left: 35px !important; font-size: 15px; color: #596580 !important; width: 180px; } .woocommerce .woo-shop-top .line { display: inline-block; width: 1px; height: 20px; background-color: #B2B4B7; position: relative; top: 3px; } .woocommerce.layout-left-sidebar .rt-sidebar-spacer { margin-right: 30px; } @media (max-width: 767px) { .woocommerce.layout-left-sidebar .rt-sidebar-spacer { margin-right: 0; } } .woocommerce.layout-right-sidebar .rt-sidebar-spacer { margin-left: 30px; } @media (max-width: 767px) { .woocommerce.layout-right-sidebar .rt-sidebar-spacer { margin-right: 0; } } .woocommerce ul.products { margin: 0; padding: 0; display: flex; flex-wrap: wrap; -moz-column-gap: 24px; column-gap: 24px; row-gap: 24px; } .woocommerce ul.products:before { display: none; } .woocommerce ul.products .product { float: none !important; flex: 0 0 auto; max-width: initial; margin: 0 !important; padding: 0 !important; } .woocommerce ul.products .product .rt-price { margin-top: 8px; } .woocommerce ul.products .product .rt-price .price { font-size: 16px; } .woocommerce ul.products .product .rt-price .price > .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; color: var(--rt-primary-color); font-weight: 600; } .woocommerce ul.products .product .rt-price .price :is(ins) .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; color: var(--rt-primary-color); font-weight: 600; } .woocommerce ul.products .product .rt-price .price del { font-size: 14px; font-weight: 500; color: #B2B4B7; } .woocommerce ul.products .product .rt-title { font-size: 18px; font-weight: 500; line-height: 22px; padding: 0; margin: 0px 0 10px 0; } .woocommerce ul.products .product .rt-title a { color: #1E1E1E; transition: all 0.3s; } .woocommerce ul.products .product .rt-title a:hover { color: var(--rt-primary-color); } .woocommerce ul.products .product .product-rating { margin-top: 12px; } .woocommerce ul.products .product .product-rating .rtsb-count { color: #B2B4B7; } .woocommerce ul.products .product .rtsb-price-disabled { background-color: #219653; padding: 0 10px; border-radius: 5px; } .woocommerce ul.products .product .rtsb-price-disabled a { color: #fff; } .woocommerce ul.products .product.product-type-variable .rt-price .price del { font-size: 14px; } .woocommerce ul.products .product.product-type-variable .rt-price .price .stock.in-stock { font-size: 14px; font-weight: 400; } .woocommerce ul.products .product .rtwpvs-term:not(.rtwpvs-radio-term) { width: 18px; height: 18px; } .woocommerce ul.products .product .rtwpvs_archive_reset_variations { display: none; } .woocommerce ul.products .product .rtsb-countdown-campaign { margin-top: 20px; } .woocommerce ul.products .product .rt-product-block .rt-shop-meta { position: absolute; left: 18px; top: 18px; right: auto; z-index: 10; } .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end; height: 100%; gap: 5px; justify-content: flex-start; } .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list:before { display: none; } .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list .rtsb-action-button-item { opacity: 0; transform: translateX(-20px); transition: all 0.3s; visibility: hidden; } .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn, .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list .rtsb-action-button-item a { border-radius: 4px; height: 36px; width: 36px; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: 1px solid #DADADA; transition: all 0.3s; color: #5E5E5E; background-color: #fff; } .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn i, .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list .rtsb-action-button-item a i { font-size: 15px; } .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn:hover, .woocommerce ul.products .product .rt-product-block .rt-shop-meta .rtsb-action-button-list .rtsb-action-button-item a:hover { background: var(--rt-primary-color); border-color: var(--rt-primary-color); color: #fff; } .woocommerce ul.products .product .rt-product-block:hover .rt-shop-meta .rtsb-action-button-item { opacity: 1; transform: translateX(0); visibility: visible; } .woocommerce ul.products .product .rt-product-block:hover .rt-shop-meta .rtsb-action-button-item:nth-child(2) { transition-delay: 0.18s; } .woocommerce ul.products .product .rt-product-block:hover .rt-shop-meta .rtsb-action-button-item:nth-child(3) { transition-delay: 0.36s; } .woocommerce ul.products .product .rt-product-block:hover .rt-shop-meta .rtsb-action-button-item:nth-child(4) { transition-delay: 0.54s; } @media (max-width: 767px) { .woocommerce ul.products.columns-1 li.product { width: 100%; } } .woocommerce ul.products.columns-2 li.product { width: calc(50% - 12px); } @media (max-width: 767px) { .woocommerce ul.products.columns-2 li.product { width: 100%; } } .woocommerce ul.products.columns-3 li.product { width: calc(33.3333333333% - 16px); } @media (max-width: 767px) { .woocommerce ul.products.columns-3 li.product { width: 100%; } } .woocommerce ul.products.columns-4 li.product { width: calc(25% - 18px); } @media (max-width: 991px) { .woocommerce ul.products.columns-4 li.product { width: calc(33.3333333333% - 16px); } } @media (max-width: 767px) { .woocommerce ul.products.columns-4 li.product { width: 100%; } } .woocommerce ul.products.columns-5 li.product { width: calc(20% - 19.2px); } @media (max-width: 1199px) { .woocommerce ul.products.columns-5 li.product { width: calc(25% - 18px); } } @media (max-width: 991px) { .woocommerce ul.products.columns-5 li.product { width: calc(33.3333333333% - 16px); } } @media (max-width: 767px) { .woocommerce ul.products.columns-5 li.product { width: 100%; } } .woocommerce ul.products.columns-6 li.product { width: calc(16.6666666667% - 20px); } @media (max-width: 1199px) { .woocommerce ul.products.columns-6 li.product { width: calc(25% - 18px); } } @media (max-width: 991px) { .woocommerce ul.products.columns-6 li.product { width: calc(33.3333333333% - 16px); } } @media (max-width: 767px) { .woocommerce ul.products.columns-6 li.product { width: 100%; } } .woocommerce ul.products .rt-product-cat a { color: #66696F; font-size: 12px; text-transform: uppercase; font-weight: 500; } .woocommerce ul.products .rt-product-cat a:hover { color: var(--rt-secondary-color); } .woocommerce .products .product .onsale { display: inline-flex; align-items: center; justify-content: center; width: auto !important; min-width: unset !important; height: 23px; min-height: 23px; border-radius: 3px; line-height: 1; padding: 0 10px; font-size: 14px; font-weight: 400; top: 27px !important; right: 15px !important; left: auto !important; background: var(--rt-primary-color); } .woocommerce .products .product.sale .rtsb-group-display-as-horizontal.rtsb-group-position-top-left { right: 51px; top: 2px; } .woocommerce .products .product .rtsb-group-display-as-horizontal.rtsb-group-position-top-left { right: -6px; top: 1px; } .woocommerce .rtsb-promotion .index-new-badge .rtsb-tag-fill { background: #09B22E; } .woocommerce .rtsb-promotion .index-popular-badge .rtsb-tag-fill { background: #FB6439; } .woocommerce .rtsb-promotion .rtsb-tag-fill { height: 23px; padding: 0 10px; font-size: 14px; } .woocommerce .rt-product-block .rt-shop-meta .button-text { display: none; } .woocommerce ul.products .rt-product-grid { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .woocommerce ul.products .rt-product-grid .rt-thumb-wrapper { position: relative; overflow: hidden; margin-bottom: 15px; } .woocommerce ul.products .rt-product-grid .rt-thumb img { border-radius: 8px; margin-bottom: 0; } .woocommerce ul.products .rt-product-grid .rt-product-cart { position: absolute; bottom: 15px; left: 0; right: 0; opacity: 0; transform: translateY(100%); transition: all 0.3s ease-in-out; visibility: hidden; margin: 0 15px; z-index: 9; } .woocommerce ul.products .rt-product-grid .rt-product-cart a { position: relative; display: block; text-align: center; padding: 10px 20px; background-color: var(--rt-primary-color); border-radius: 4px; color: #fff; transition: all 0.3s; text-transform: uppercase; font-size: 14px; } .woocommerce ul.products .rt-product-grid .rt-product-cart a i { margin-left: 5px; } .woocommerce ul.products .rt-product-grid .rt-product-cart a:hover { background-color: var(--rt-secondary-color); } .woocommerce ul.products .rt-product-grid .rt-product-cart a.wc-forward { display: none; } .woocommerce ul.products .rt-product-grid .rt-product-cart a.loading:after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; font-weight: 400; position: absolute; top: 9px; left: 13px; font-size: 14px; animation: spin 2s linear infinite; } .woocommerce ul.products .rt-product-grid:hover { z-index: 10; } .woocommerce ul.products .rt-product-grid:hover .rt-thumb-wrapper .rt-product-cart { opacity: 1; transform: translateY(0); visibility: visible; } .rtsb-active-filters-wrapper .rtsb-active-filters { padding-top: 20px; padding-bottom: 20px; } .woocommerce ul.products .rt-product-list .rt-thumb-wrapper { position: relative; } @media (min-width: 767px) { .woocommerce ul.products .rt-product-list .rt-thumb-wrapper { flex-basis: 25%; max-width: 25%; } } @media (min-width: 767px) { .woocommerce ul.products .rt-product-list { display: flex; flex-direction: row; gap: 30px; } } .woocommerce ul.products .rt-product-list .rt-content-area { flex: 1; } .woocommerce ul.products .rt-product-list .rt-content-top { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 10px; } @media (max-width: 767px) { .woocommerce ul.products .rt-product-list .rt-content-top { flex-direction: column; } } .woocommerce ul.products .rt-product-list .rt-content-bottom { margin-top: 8px; margin-bottom: 20px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .woocommerce ul.products .rt-product-list .rt-title { margin-top: 5px; font-size: 20px; } .woocommerce ul.products .rt-product-list .rt-excerpt { font-size: 15px; } .woocommerce ul.products .rt-product-list .rt-excerpt ul li { list-style: disc inside; } .woocommerce ul.products .rt-product-list .rt-thumb { overflow: hidden; border-radius: 8px; } .woocommerce ul.products .rt-product-list .rt-thumb a { display: block; } .woocommerce ul.products .rt-product-list .rt-thumb a img { backface-visibility: hidden; margin-bottom: 0; transform-origin: top; transform: scaleX(1); transition: all 0.45s; width: 100%; border-radius: 8px; } .woocommerce ul.products .rt-product-list .swatches-rating-wrapper { display: flex; gap: 15px; align-items: center; margin-top: 5px; } .woocommerce ul.products .rt-product-list .swatches-rating-wrapper .product-rating { margin-top: 0; } .woocommerce ul.products .rt-product-list .rt-product-cart { margin-top: 15px; transition: all 0.3s ease-in-out; } .woocommerce ul.products .rt-product-list .rt-product-cart a { position: relative; display: inline-block; text-align: center; padding: 10px 30px; background-color: var(--rt-primary-color); border-radius: 4px; color: #fff; transition: all 0.3s; text-transform: uppercase; font-size: 14px; } .woocommerce ul.products .rt-product-list .rt-product-cart a i { margin-left: 5px; } .woocommerce ul.products .rt-product-list .rt-product-cart a:hover { background-color: var(--rt-secondary-color); } .woocommerce ul.products .rt-product-list .rt-product-cart a.wc-forward { display: none; } .woocommerce ul.products .rt-product-list .rt-product-cart a.loading:after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; font-weight: 400; position: absolute; top: 9px; left: 13px; font-size: 14px; animation: spin 2s linear infinite; } .woocommerce ul.products .rt-product-list:hover .rt-thumb img { transform: scale3d(1.1, 1.1, 1); } .woocommerce ul.products .product.sale .rt-product-list .rtsb-group-display-as-horizontal.rtsb-group-position-top-left { top: -1px; } .woocommerce.single-product .woocommerce-product-gallery { margin-bottom: 100px !important; } .woocommerce.single-product .rtwpvg-images { float: right; margin-bottom: 150px !important; } .woocommerce.single-product .rtwpvg-images .rtwpvg-wrapper .rtwpvg-slider-wrapper { border: 1px solid #E5E5E5; border-radius: 10px; } .woocommerce.single-product .rtwpvg-images .rtwpvg-thumbnail-slider .rtwpvg-thumbnail-image { opacity: 1 !important; } .woocommerce.single-product .rtwpvg-images .rtwpvg-thumbnail-slider .rtwpvg-thumbnail-image img { border: 1px solid #E5E5E5; border-radius: 6px; padding: 8px; width: auto; } .woocommerce.single-product .rtwpvg-images .rtwpvg-thumbnail-slider .rtwpvg-thumbnail-image.swiper-slide-thumb-active img { border-color: var(--rt-secondary-color); } .woocommerce.single-product .rtwpvg-images .rtwpvg-container { row-gap: 20px; } .woocommerce.single-product .onsale { display: inline-flex; align-items: center; justify-content: center; width: auto; min-width: unset !important; height: 23px; min-height: 23px; border-radius: 3px; line-height: 1; padding: 0 10px; font-size: 14px; font-weight: 400; top: 35px; right: 18px; left: auto; background: var(--rt-secondary-color); } .woocommerce.single-product .rt-sidebar-spacer { margin-right: 0 !important; } .woocommerce.single-product .product_title { font-size: 30px; font-weight: 600; line-height: 36px; margin-bottom: 15px; } .woocommerce.single-product .summary { width: 50% !important; } .woocommerce.single-product .product .summary .woocommerce-product-rating { margin-bottom: 12px; } .woocommerce.single-product .product .summary .woocommerce-product-rating .star-rating { color: #FFA500; } .woocommerce.single-product .product .summary .woocommerce-product-rating a { font-size: 15px; color: #8C8C8C; } .woocommerce.single-product .product .summary .woocommerce-product-rating a:hover { color: var(--rt-secondary-color); } .woocommerce.single-product .product .summary .price ins { text-decoration: none; } .woocommerce.single-product .product .summary .price :is(ins .amount, .price > .amount) { font-size: 28px; font-weight: 600; color: #181818; text-decoration: none; } .woocommerce.single-product .product .summary .woocommerce-product-details__short-description { border-top: 1px solid #E6E8EC; padding-top: 25px; margin-top: 30px; margin-bottom: 20px; } .woocommerce.single-product .product .summary .woocommerce-product-details__short-description ul { padding-right: 0; color: var(--rt-title-color); font-weight: 500; } .woocommerce.single-product .product .summary .variations_form .variations tr { position: relative; display: inline-flex; flex-wrap: wrap; -moz-column-gap: 20px; column-gap: 20px; } .woocommerce.single-product .product .summary .variations_form .variations th { text-align: right; min-width: 77px; color: #66696F; font-size: 15px; } .woocommerce.single-product .product .summary .stock { margin: 6px 0 15px; } .woocommerce.single-product .product .summary .stock.in-stock { color: #27AE60; font-size: 16px; font-weight: 500; } .woocommerce.single-product .product .summary .rtsb-quick-checkout-btn { margin-bottom: 20px; height: 50px; padding: 10px 30px; background: var(--rt-primary-color); display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; font-size: 15px; } .woocommerce.single-product .product .summary .rtsb-quick-checkout-btn:hover { background: var(--rt-secondary-color); } .woocommerce.single-product .product .summary .product_meta { display: flex; flex-direction: column; gap: 10px; } .woocommerce.single-product .product .summary .product_meta span { font-size: 16px; font-weight: 500; color: var(--rt-title-color); } .woocommerce.single-product .product .summary .product_meta span .sku { font-weight: 400; color: #686772; } .woocommerce.single-product .product .summary .product_meta span a { font-weight: 400; color: #686772; } .woocommerce.single-product .product .summary .product_meta span a:hover { color: var(--rt-secondary-color); } .woocommerce.single-product .product .summary .product-single-social-shares-btns .item-label { font-size: 16px; font-weight: 500; color: var(--rt-title-color); margin-left: 5px; } .woocommerce.single-product .product .summary .product-single-social-shares-btns .item-social { padding-right: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; } .woocommerce.single-product .product .summary .product-single-social-shares-btns .item-social a { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #CDCDCD; transition: all 0.3s; } .woocommerce.single-product .product .summary .product-single-social-shares-btns .item-social a svg { fill: #66696F; transition: all 0.3s; } .woocommerce.single-product .product .summary .product-single-social-shares-btns .item-social a:hover { background-color: var(--rt-primary-color); border-color: var(--rt-primary-color); } .woocommerce.single-product .product .summary .product-single-social-shares-btns .item-social a:hover svg { fill: #fff; } .woocommerce.single-product .related.products { margin-top: 100px; } .woocommerce.single-product .related.products h2 { font-size: 24px; font-weight: 600; margin-bottom: 35px; text-align: center; } .woocommerce.single-product .stock.in-stock { color: #219653; font-size: 16px; font-weight: 500; } .rtsb-builder-content .rtsb-short-description .woocommerce-product-details__short-description ul { padding-right: 15px; } .rtsb-builder-content .rtsb-short-description .woocommerce-product-details__short-description ul li { list-style: disc; } .rtsb-builder-content .rtsb-product-advanced-tabs.tabs-default .woocommerce-Tabs-panel--description ul { padding-right: 15px !important; margin-bottom: 10px; } .rtsb-builder-content .rtsb-product-advanced-tabs.tabs-default .woocommerce-Tabs-panel--description ul li { list-style: disc; } @media (max-width: 767px) { .rtsb-el-left-border { padding-right: 0; margin-right: 0; } } @media (max-width: 767px) { .rtsb-el-left-border:before { display: none; } } .woocommerce.single-product .cart .quantity { margin-left: 6px !important; } .woocommerce.single-product .cart .quantity input { height: 50px; border-color: #E5E5E5; border-radius: 5px; font-weight: 500; } .woocommerce.single-product .cart .quantity input:active, .woocommerce.single-product .cart .quantity input:focus { outline: 0; box-shadow: none; } .woocommerce.single-product .cart .single_add_to_cart_button { height: 50px; border-radius: 5px; background-color: var(--rt-primary-color) !important; font-size: 15px; font-weight: 600; text-transform: capitalize; padding: 5px 30px; } .woocommerce.single-product .cart .single_add_to_cart_button:hover { background: var(--rt-secondary-color) !important; } .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-4 .rtsb-qty-btns-group, .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-3 .rtsb-qty-btns-group { flex-direction: row; } .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-4 .rtsb-qty-btns-group .rtsb-quantity-btn, .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-3 .rtsb-qty-btns-group .rtsb-quantity-btn { width: 30px; } .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-4 .qty, .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-3 .qty { width: 40px; } .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-3 { padding-right: 6px; } .woocommerce.single-product .rtsb-quantity-box-group.rtsb-quantity-box-group-style-4 { padding-left: 6px; } @media (max-width: 991px) { .woocommerce .rtsb-product-add-to-cart .variations .label { padding: 0 !important; } } @media (max-width: 991px) { .woocommerce .rtsb-product-add-to-cart .variations .value { padding: 0 !important; } } .woocommerce.single-product .product .woocommerce-tabs { background: #FFFFFF; border: 1px solid #E6E8EC; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); border-radius: 10px; } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs { padding: 0; margin: 0; overflow: unset; text-align: center; position: relative; top: -30px; } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li { background: transparent; border: 0; margin-left: 13px; padding: 0; margin-right: 0; } @media (max-width: 767px) { .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li { margin: 5px; } } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li:last-child { margin-left: 0; } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li:after, .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li:before { display: none; } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li a { color: #8C8C8C; font-size: 18px; font-weight: 500; line-height: 26px; padding: 15px 30px; position: relative; background-color: #F2F2F2; border-radius: 8px; } @media (max-width: 991px) { .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li a { font-size: 16px; } } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li.active a { background-color: var(--rt-primary-color); color: #fff; } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs li.active a:before { visibility: visible; opacity: 1; } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs:before { display: none !important; } .woocommerce.single-product .product .woocommerce-tabs .wc-tabs:after { display: none; } .woocommerce.single-product .product .woocommerce-tabs .wc-tab { padding: 0 40px; } @media (max-width: 991px) { .woocommerce.single-product .product .woocommerce-tabs .wc-tab { margin-top: -15px; } } .woocommerce.single-product .product .woocommerce-tabs .wc-tab h3, .woocommerce.single-product .product .woocommerce-tabs .wc-tab h2 { font-size: 20px; font-weight: 600; margin-bottom: 15px; } .woocommerce.single-product .product .woocommerce-tabs .woocommerce-Tabs-panel--description ul { padding-right: 0; } .woocommerce.single-product .product .woocommerce-tabs table.shop_attributes { border: 1px solid #E6E8EC; } .woocommerce.single-product .product .woocommerce-tabs table.shop_attributes td p { padding-right: 15px; } .woocommerce.single-product .product .woocommerce-tabs .woocommerce-Reviews .comment-reply-title { margin: 10px 0; display: block; color: var(--rt-title-color); font-size: 20px; } .woocommerce.single-product .product .woocommerce-tabs .woocommerce-Reviews .comment-respond { box-shadow: none; } .woocommerce.single-product .product .woocommerce-tabs .woocommerce-Reviews .comment-form label { color: var(--rt-body-color); } .woocommerce.single-product .product .woocommerce-tabs .woocommerce-Reviews .star-rating { color: #FFA500; } .woocommerce.single-product .product .woocommerce-tabs .woocommerce-Reviews .meta { color: var(--rt-meta-color) !important; } .woocommerce .woocommerce-checkout .col2-set .col-1 { max-width: 48%; } .woocommerce .woocommerce-checkout .col2-set .col-2 { max-width: 48%; } .cart-icon-total-products { font-size: 13px; line-height: 20px; background-color: #fff; position: fixed; top: 0; left: 0; font-size: 14px; width: 360px; height: 100%; display: flex; flex-direction: column; visibility: hidden; transform: translateX(-100%); transition: all 500ms ease; z-index: 999999; padding: 20px; } .cart-icon-total-products .close-cart { cursor: pointer; } .cart-icon-total-products .cart-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #E7E7E7; } .cart-icon-total-products .cart-header .cart-heading { font-size: 17px; font-weight: 500; color: #404040; margin: 0; list-style: 20px; } .cart-icon-total-products .widget_shopping_cart { margin-bottom: 0px; } .cart-icon-total-products .widget_shopping_cart h2.widgettitle { display: none !important; } .cart-icon-total-products .widget_shopping_cart .quantity { border: none; padding: 3px 0 0 0; display: block; } .cart-icon-total-products.visible-cart { visibility: visible !important; transform: translate(0) !important; } .cart-icon-total-products .woocommerce ul.cart_list li img, .cart-icon-total-products .woocommerce ul.product_list_widget li img { width: 70px; } .cart-icon-total-products .woocommerce.widget_shopping_cart .cart_list li { border-bottom: 1px solid #E7E7E7; padding-bottom: 12px; margin-bottom: 12px; padding-right: 35px; } .cart-icon-total-products .woocommerce.widget_shopping_cart .cart_list li:last-child { border: 0; } .cart-icon-total-products .woocommerce.widget_shopping_cart .cart_list li a { color: #404040; } .cart-icon-total-products .woocommerce.widget_shopping_cart .cart_list li a.remove { line-height: 20px; top: 3px; } .cart-icon-total-products .woocommerce.widget_shopping_cart .buttons a { width: 100%; text-align: center; background: transparent; border: 1px solid #040404; color: #040404; } .cart-icon-total-products .woocommerce.widget_shopping_cart .buttons a:hover { color: #fff; background: var(--rt-primary-color); border-color: var(--rt-primary-color); } .cart-icon-total-products .woocommerce.widget_shopping_cart .buttons a.checkout { background-color: #040404; color: #fff; } .cart-icon-total-products .woocommerce.widget_shopping_cart .buttons a.checkout:hover { color: #fff; background: var(--rt-primary-color); } .cart-icon-total-products .woocommerce-mini-cart__total.total { padding-top: 30px; } .cart-icon-total-products .woocommerce-mini-cart__total.total strong { font-size: 18px; text-transform: uppercase; } .cart-icon-total-products .woocommerce-mini-cart__total.total .woocommerce-Price-amount { float: left; font-size: 18px; color: #404040; font-weight: 700; } .body-overlay-cart { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: black; pointer-events: none; z-index: 9; visibility: hidden; opacity: 0; } .body-overlay-cart.overlayshow { visibility: visible; opacity: 0.5; pointer-events: unset; z-index: 999; } .rtsb-elementor-container .rtsb-category-layout2 .category-title-with-image .rtsb-product-img figure { margin: 0 auto !important; } .wt-cros-icon { font-size: 16px; transition: 0.3s; width: 30px; height: 30px; text-align: center; border: 1px solid #ddd; display: inline-block; line-height: 26px; border-radius: 30px; } .wt-cros-icon:hover { color: #fff; background: red; border-color: red; } /* Blog Card CSS ===============================*/ .layout-left-sidebar #sidebar { order: -1; } .wtbigshop-post-meta { color: var(--rt-meta-color); margin-bottom: 10px; font-size: 16px; } .wtbigshop-post-meta ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; row-gap: 2px; -moz-column-gap: 15px; column-gap: 15px; } .wtbigshop-post-meta ul li { position: relative; display: inline-flex; justify-content: center; align-items: center; line-height: 1.5; } .wtbigshop-post-meta ul li .prefix { margin-left: 4px; } .wtbigshop-post-meta ul li.edit-link { opacity: 0; visibility: hidden; } .wtbigshop-post-meta ul li i { padding-left: 6px; color: var(--rt-secondary-color); } article:hover .wtbigshop-post-meta ul li.edit-link { opacity: 1; visibility: visible; } .wtbigshop-post-meta ul li a { color: var(--rt-meta-color); padding-bottom: 0; } .wtbigshop-post-meta ul li a:hover { color: var(--rt-title-color); } .meta-style-default .wtbigshop-post-meta ul { -moz-column-gap: 10px; column-gap: 10px; display: block; } .meta-style-default .wtbigshop-post-meta ul li { display: inline; font-size: 15px; } .meta-style-default .wtbigshop-post-meta ul li a:hover { color: var(--rt-secondary-color); } .meta-style-default .wtbigshop-post-meta ul li:not(:last-child) { margin-left: 16px; } .meta-style-border .wtbigshop-post-meta ul { gap: 5px; } .meta-style-border .wtbigshop-post-meta ul li:not(.category, .tag) { color: var(--rt-primary-color); border: 1px solid #E7E7E7; border-radius: 6px; min-height: 32px; padding: 0 12px; } .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) { padding: 0; } .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) .tag-links, .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) .category-links { display: flex; flex-wrap: wrap; gap: 5px; } .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) .sp { display: none; } .meta-style-border .wtbigshop-post-meta ul li:is(.category, .tag) a { color: var(--rt-primary-color); border: 1px solid #E7E7E7; border-radius: 6px; font-size: 14px; font-weight: 500; padding: 4px 12px; } .meta-style-pipe .wtbigshop-post-meta li:not(:last-child)::after { content: " | "; transform: scaleY(0.9); margin: 0 10px 0 1px; } .meta-style-dash-bg .wtbigshop-post-meta ul { gap: 6px; } .meta-style-dash-bg .wtbigshop-post-meta li { padding: 0; } .meta-style-dash-bg .wtbigshop-post-meta .tag-links, .meta-style-dash-bg .wtbigshop-post-meta .category-links { display: flex; flex-wrap: wrap; gap: 5px; } .meta-style-dash-bg .wtbigshop-post-meta li:not(.category, .tag) { background: var(--rt-gray10); border-radius: 6px; display: inline-flex; justify-content: center; align-items: center; padding: 4px 12px; margin: 0; transition: all 320ms ease; } .meta-style-dash-bg .wtbigshop-post-meta li:not(.category, .tag) a:hover { color: var(--rt-title-color); } .meta-style-dash-bg .wtbigshop-post-meta li:is(.category, .tag) .sp { display: none; } .meta-style-dash-bg .wtbigshop-post-meta li:is(.category, .tag) a { display: inline-block; height: 100%; padding: 7px 12px; line-height: 1; position: relative; background-color: var(--rt-gray10); border-radius: 6px; } .meta-style-dash-bg .wtbigshop-post-meta li:is(.category, .tag)::before { content: none; } .widget .wtbigshop-post-meta { margin-bottom: 6px; } .separate-meta { margin-bottom: 5px; } .separate-meta a { color: var(--rt-primary-color); border: 1px solid #E7E7E7; border-radius: 6px; font-size: 14px; font-weight: 600; min-height: 32px; padding: 0 12px; display: inline-flex; justify-content: center; align-items: center; position: relative; margin: 0 0 4px 4px; } .separate-meta a:hover { background: var(--rt-primary-color); color: #FFFFFF; border: 1px solid transparent; } .separate-meta .sp { display: none; } .above-meta-style-border .separate-meta a { height: 100%; border: 1px solid var(--rt-primary-color); padding: 4px 10px; line-height: 1.2; background: #FFFFFF; } .above-meta-style-default .separate-meta a { border: 0; padding: 0; min-height: unset; font-weight: 400; font-size: 15px; color: var(--rt-meta-color); } .above-meta-style-default .separate-meta a:hover { background-color: transparent; color: var(--rt-secondary-color); } .above-meta-style-default .separate-meta li { font-size: 15px; color: var(--rt-meta-color); } .above-meta-style-default .separate-meta i { font-size: 15px; color: var(--rt-secondary-color); } /* Post Block ===================================*/ .wtbigshop-post-card .entry-title { font-size: 24px; line-height: 1.4; font-weight: 600; margin-bottom: 12px; } .wtbigshop-post-card .entry-title a { color: var(--rt-title-color); } .wtbigshop-post-card .entry-footer { margin-top: 22px; } .wtbigshop-post-card:hover .article-inner-wrapper .post-thumbnail img { transform: scale(1.05); } .post-thumbnail-wrap { position: relative; } .post-thumbnail-wrap .post-thumbnail { overflow: hidden; margin-bottom: 0; } .post-thumbnail-wrap .post-thumbnail img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); width: 100%; } .blog-default .entry-wrapper { padding: 24px; } .blog-default .article-inner-wrapper { position: relative; overflow: hidden; border-radius: 15px; border: 1px solid #E7E7E7; } .blog-list .entry-wrapper { padding: 50px 50px 40px; } @media (max-width: 767px) { .blog-list .entry-wrapper { padding: 24px 24px 15px; } } .blog-list .separate-meta a { background-color: #FFFFFF; color: var(--rt-title-color); } .blog-list .article-inner-wrapper { position: relative; overflow: hidden; border-radius: 20px; background-color: var(--rt-gray10); } .blog-list-2 { margin-bottom: 20px; } .blog-list-2 .separate-meta a { background-color: #FFFFFF; color: var(--rt-title-color); } .blog-list-2 .entry-wrapper { flex: 1; } .blog-list-2 .article-inner-wrapper { position: relative; overflow: hidden; } @media (min-width: 992px) { .blog-list-2 .article-inner-wrapper { display: flex; align-items: center; gap: 30px; } } @media (min-width: 992px) { .blog-list-2 .post-thumbnail-wrap { max-width: 410px; } } .blog-list-2 .post-thumbnail-wrap .post-thumbnail { border-radius: 20px; } @media (max-width: 991px) { .blog-list-2 .post-thumbnail-wrap .post-thumbnail { margin-bottom: 30px; } .blog-list-2 .post-thumbnail-wrap .post-thumbnail img { width: 100%; } } .blog-grid-2 .entry-wrapper { padding-top: 20px; } .blog-grid-2 .post-thumb-link { display: flex; } .blog-grid-2 .post-thumbnail-wrap img { border-radius: 15px; } .blog-grid-2 .post-thumbnail-wrap .posted-on { position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; background-color: var(--rt-primary-color); border-radius: 15px; color: #FFFFFF; text-align: center; width: 65px; height: 60px; font-size: 14px; line-height: 1.1; } .blog-grid-2 .post-thumbnail-wrap .posted-on .day { display: block; font-size: 30px; font-weight: 700; } .blog-grid-2.is-above-meta .post-thumbnail { clip-path: polygon(4.63% 0%, 4.63% 0%, 3.879% 0.079%, 3.166% 0.308%, 2.502% 0.674%, 1.895% 1.166%, 1.356% 1.769%, 0.893% 2.473%, 0.517% 3.265%, 0.236% 4.132%, 0.061% 5.062%, 0% 6.042%, 0% 71.299%, 0% 71.299%, 0.061% 72.279%, 0.236% 73.209%, 0.517% 74.076%, 0.893% 74.867%, 1.356% 75.571%, 1.895% 76.175%, 2.502% 76.667%, 3.166% 77.033%, 3.879% 77.262%, 4.63% 77.341%, 12.963% 77.341%, 12.963% 77.341%, 13.714% 77.42%, 14.426% 77.649%, 15.091% 78.016%, 15.697% 78.507%, 16.237% 79.111%, 16.699% 79.815%, 17.076% 80.607%, 17.357% 81.474%, 17.532% 82.403%, 17.593% 83.383%, 17.593% 93.957%, 17.593% 93.957%, 17.653% 94.938%, 17.829% 95.867%, 18.109% 96.734%, 18.486% 97.526%, 18.949% 98.23%, 19.488% 98.834%, 20.095% 99.325%, 20.759% 99.692%, 21.471% 99.921%, 22.222% 100%, 95.37% 100%, 95.37% 100%, 96.121% 99.921%, 96.834% 99.692%, 97.498% 99.325%, 98.105% 98.834%, 98.644% 98.23%, 99.107% 97.526%, 99.483% 96.734%, 99.764% 95.867%, 99.939% 94.938%, 100% 93.957%, 100% 71.638%, 100% 71.638%, 100% 71.621%, 100% 71.604%, 100% 71.587%, 100% 71.57%, 100% 71.553%, 99.999% 71.536%, 99.999% 71.519%, 99.999% 71.502%, 99.998% 71.486%, 99.998% 71.469%, 99.998% 71.469%, 99.998% 71.452%, 99.999% 71.435%, 99.999% 71.418%, 99.999% 71.401%, 100% 71.384%, 100% 71.367%, 100% 71.35%, 100% 71.333%, 100% 71.316%, 100% 71.299%, 100% 6.042%, 100% 6.042%, 99.939% 5.062%, 99.764% 4.132%, 99.483% 3.265%, 99.107% 2.473%, 98.644% 1.769%, 98.105% 1.166%, 97.498% 0.674%, 96.834% 0.308%, 96.121% 0.079%, 95.37% 0%, 4.63% 0%); } .blog-grid-3 .article-inner-wrapper { position: relative; overflow: hidden; border-radius: 15px; } .blog-grid-3 .article-inner-wrapper:before { content: ""; position: absolute; background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; } .blog-grid-3 .entry-wrapper { position: absolute; right: 0; bottom: 0; padding: 0 30px 20px; color: #FFFFFF; z-index: 1; } .blog-grid-3 .entry-wrapper .entry-title a { color: #FFFFFF; } .blog-grid-3 .entry-wrapper .entry-title a:hover { color: var(--rt-primary-color); } .blog-grid-3 .separate-meta a { border: none; background-color: var(--rt-primary-color); color: #FFFFFF; border-radius: 50px; } .blog-grid-3 .separate-meta a:hover { background-color: var(--rt-secondary-color); } .blog-grid-3 .wtbigshop-post-meta { color: #CBCBCB; } .blog-grid-3 .wtbigshop-post-meta a { color: #CBCBCB; } .blog-grid-3 .wtbigshop-post-meta a:hover { color: #FFFFFF; } .blog-grid-4 .post-thumbnail { border-radius: 15px; } .blog-grid-4 .entry-wrapper .separate-meta { margin-bottom: 15px; padding-right: 15px; } .blog-grid-4 .entry-wrapper .separate-meta a { background-color: #FFFFFF; color: var(--rt-title-color); border-radius: 50px; } .blog-grid-4 .entry-wrapper .separate-meta a:hover { border: 1px solid var(--rt-primary-color); color: var(--rt-primary-color); } .blog-grid-4.is-above-meta .entry-wrapper { margin-top: -16px; } .blog-grid-4.no-above-meta .entry-wrapper { margin-top: 20px; } .pagination-list { list-style: none; margin: 50px 0 0; padding: 0; display: flex; } .pagination-list li i { font-size: 15px; } .pagination-list li:first-child i { transform: rotate(180deg); } .pagination-list li.active a { background-color: var(--rt-primary-color); color: #fff; } .pagination-list a { display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; font-size: 18px; font-weight: 600; color: #394767; background-color: #F5F5F5; border-radius: 50%; } .pagination-list a:hover { background-color: var(--rt-primary-color); color: #fff; } .single-content .wtbigshop-post-card .entry-content { margin-bottom: 40px; } .single-content .wtbigshop-post-card .entry-content > p + :is(h1, h2, h3) { margin-top: 20px; margin-bottom: 20px; } .single-content .wtbigshop-post-card .separate-meta { margin-bottom: 15px; } body:not(.wtbigshop-single-1) .entry-content ul { list-style: circle inside none; } body:not(.wtbigshop-single-1) .wp-block-quote { padding: 0; border: none; font-weight: 600; } body:not(.wtbigshop-single-1) .wp-block-quote p { margin-bottom: 5px; } .post-thumbnail-wrap .wp-caption-text { margin-top: 5px; margin-bottom: 15px; font-size: 14px; display: flex; gap: 5px; align-items: center; } .post-thumbnail-wrap .wp-caption-text span { display: block; line-height: 1; } .wp-block-image img { border-radius: 12px; } :where(.wp-block-columns.is-layout-flex) { gap: 24px; } :where(.wp-block-columns) { margin-top: 30px; margin-bottom: 15px; } .rt-related-post { margin-top: 60px; } .rt-related-post .related-title { font-size: 30px; margin-bottom: 26px; } .rt-related-post .wtbigshop-post-meta { margin-bottom: 0 !important; } @media (min-width: 992px) { .layout-left-sidebar .rt-sidebar-sapcer { margin-right: 40px; } } .single-post .single-post-thumbnail { margin-bottom: 35px; } .single-post .single-post-thumbnail .post-thumbnail img { border-radius: 15px; width: 100%; } .single-post .entry-content h6, .single-post .entry-content h1, .single-post .entry-content h5, .single-post .entry-content h4, .single-post .entry-content h3 { font-weight: 600; } .single-post .wtbigshop-post-card .entry-header .entry-title { font-size: 32px; line-height: 1.2; margin-bottom: 24px; } .single-post .wtbigshop-post-card .wtbigshop-post-meta { margin-bottom: 15px; } .single-post .wtbigshop-post-card .wp-block-quote { border-right: 6px solid; border-color: var(--rt-primary-color); color: var(--rt-title-color); margin: 30px 0; padding-right: 30px; font-size: 20px; font-style: italic; line-height: 1.5; } .single-post .wtbigshop-post-card .wp-block-quote cite { color: #000000; font-weight: 700; } .single-post .entry-footer { display: flex; border-bottom: 1px solid #E7E7E7; border-top: 1px solid #E7E7E7; margin-bottom: 50px; padding-bottom: 20px; padding-top: 20px; } @media (max-width: 767px) { .single-post .entry-footer { flex-direction: column; align-items: baseline !important; gap: 20px; } } .single-post .entry-footer .post-tags { display: flex; align-items: center; gap: 15px; } .single-post .entry-footer .tag-links { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; } .single-post .entry-footer .tag-links .sp { display: none; } .single-post .entry-footer .tag-links a { color: #596580; background-color: #F4F6F9; border-radius: 6px; font-size: 14px; min-height: 32px; padding: 0 12px; display: inline-flex; justify-content: center; align-items: center; position: relative; } .single-post .entry-footer .tag-links a:hover { background-color: var(--rt-secondary-color); color: #FFFFFF; } .single-post .entry-footer .post-share { display: flex; align-items: center; gap: 15px; } .single-post .entry-footer .social-share-list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 7px; } .single-post .entry-footer .social-share-list a { display: flex; align-items: center; justify-content: center; font-size: 16px; width: 34px; height: 34px; border: 1px solid #E7E7E7; border-radius: 50%; color: var(--rt-meta-color); } .single-post .entry-footer .social-share-list a svg { width: 15px; height: 15px; } .single-post .entry-footer .social-share-list a i { display: block; } .single-post .entry-footer .social-share-list a:hover { background-color: var(--rt-secondary-color); color: #FFFFFF; border-color: transparent; } .single-post .entry-footer .social-share-list a:hover i { animation: headShake 1.5s; } .single-post .entry-footer .social-share-list a:hover svg { fill: #fff; } .wtbigshop-single-2 .single-post-container .content-top-area .post-thumbnail img { height: 100%; } @media (min-width: 768px) { .wtbigshop-single-2 .single-post-container .content-top-area .post-thumbnail { height: 640px; } } .wtbigshop-single-3 .content-area { padding-top: 0; } .wtbigshop-single-3 .content-top-area { position: relative; padding: 0; } .wtbigshop-single-3 .content-top-area .single-top-header { position: absolute; bottom: 80px; right: 0; left: 0; width: 100%; } .wtbigshop-single-3 .content-top-area .separate-meta a { background-color: var(--rt-primary-color); color: #FFFFFF; border: none; } .wtbigshop-single-3 .content-top-area .separate-meta a:hover { background-color: var(--rt-rating-color); color: var(--rt-title-color); } .wtbigshop-single-3 .content-top-area .wp-caption-text { margin-top: 15px; } .wtbigshop-single-3 .content-top-area .post-thumbnail { position: relative; height: 640px; overflow: hidden; } @media (max-width: 767px) { .wtbigshop-single-3 .content-top-area .post-thumbnail { height: 400px; } } .wtbigshop-single-3 .content-top-area .post-thumbnail:before { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .wtbigshop-single-3 .content-top-area .post-thumbnail img { border-radius: 0; height: 100%; } .wtbigshop-single-3 .content-top-area .wtbigshop-post-meta a:hover { color: var(--rt-primary-color); } .wtbigshop-single-3 .post-edit-link { top: auto; bottom: 0; opacity: 1; visibility: visible; right: auto; left: 0; } .wtbigshop-single-4 .single-post-container .wtbigshop-widget-area { display: none !important; } .wtbigshop-single-4 .single-post-container .content-row { justify-content: center; margin-top: -90px; } .wtbigshop-single-4 .single-post-container .content-col { max-width: 86% !important; flex: 0 0 86% !important; background: #FFF; padding: 30px; border-radius: 15px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05); } @media (min-width: 992px) { .wtbigshop-single-4 .single-post-container .content-col { padding: 70px 80px; } } .wtbigshop-single-4 .single-post-container .content-top-area .post-thumbnail { position: relative; overflow: hidden; border-radius: 15px; } @media (min-width: 992px) { .wtbigshop-single-4 .single-post-container .content-top-area .post-thumbnail { height: 840px; } } .wtbigshop-single-4 .post-thumbnail-wrap { margin-bottom: 0; } .wtbigshop-single-4 .post-thumbnail-wrap .wp-caption-text { position: absolute; top: 15px; right: 15px; color: #fff; opacity: 0.7; } .wtbigshop-single-4 .post-thumbnail-wrap .wp-caption-text svg { fill: #FFFFFF; } .wtbigshop-single-5 .wtbigshop-post-card .separate-meta a { background-color: var(--rt-primary-color); color: #FFFFFF; border: none; } .wtbigshop-single-5 .wtbigshop-post-card .separate-meta a:hover { background-color: var(--rt-secondary-color); } .single-post-pagination { display: flex; flex-direction: row; flex: 0 1 auto; flex-wrap: wrap; position: relative; align-items: flex-start; margin-bottom: 40px; } .single-post-pagination p { margin: 0; } .single-post-pagination .post-navigation { display: flex; flex-wrap: wrap; flex: 1 0 50%; } .single-post-pagination .post-navigation.next { justify-content: flex-end; } @media (max-width: 767px) { .single-post-pagination .post-navigation { flex: 0 0 100%; } .single-post-pagination .post-navigation:not(:last-child) { margin-bottom: 15px; padding-bottom: 15px; } } .single-post-pagination .post-thumb { width: 50px; height: 50px; border-radius: 50%; background-size: cover; background-position: center; flex: 0 0 50px; } .single-post-pagination .link { display: flex; flex: 0 0 calc(100% - 50px); align-items: center; gap: 15px; font-size: 16px; line-height: 1.4; color: var(--rt-meta-color); } .single-post-pagination .link:hover { color: var(--rt-secondary-color); } .single-post-pagination .nav-title { display: flex; align-items: center; gap: 15px; flex: 0 0 100%; font-weight: 600; font-size: 20px; margin-bottom: 15px; color: var(--rt-title-color); } .single-post-pagination .nav-title:hover { color: var(--rt-secondary-color); } .single-post-pagination .nav-title:hover svg { fill: var(--rt-secondary-color); } .single-post-pagination .nav-title svg { width: 12px; height: 12px; } .single-post-pagination .next .nav-title, .single-post-pagination .next .link { justify-content: flex-end; } .error-404 { display: flex; justify-content: center; align-items: center; flex-direction: column; } .error-404 img { max-width: 700px; height: auto; } .error-404 .error-info { display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 40px; } .error-404 .error-info .error-title { font-size: 40px; margin-bottom: 15px; } /*=============================== Section Title ================================*/ .elementor-section-wrap { overflow: hidden; } .section-title-wrapper { position: relative; } .section-title-wrapper .top-sub-title-wrap { display: block; } .section-title-wrapper .top-sub-title { font-size: 16px; line-height: 25px; display: inline-flex; align-items: center; margin-bottom: 7px; text-transform: uppercase; color: var(--rt-meta-color); font-weight: 600; letter-spacing: 0.96px; } .section-title-wrapper .top-sub-title i { font-size: 17px; margin-left: 5px; } .section-title-wrapper .top-sub-title.left-right-shape { clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%); background-color: var(--rt-primary-color); padding: 4px 24px; color: #FFFFFF; } .section-title-wrapper .main-title { position: relative; display: inline-block; font-size: 44px; line-height: 1.2; z-index: 1; } .section-title-wrapper .main-title .has-animation { width: 0; position: absolute; top: 40px; left: 0; line-height: 1; } .section-title-wrapper .main-title .active-animation { stroke-dasharray: 770; animation: Rtdraw 1s reverse; width: auto; } .section-title-wrapper .main-title path { stroke: var(--rt-primary-color); } .section-title-wrapper .main-title span { font-weight: 700; } .section-title-wrapper .line-shape:after { position: absolute; content: ""; bottom: 0; right: 0; width: 0; height: 15px; background-color: var(--rt-primary-color); z-index: -1; transition: all ease 1s; } .section-title-wrapper .line-shape.center:after { left: 0; margin: 0 auto; } .section-title-wrapper .line-shape.right:after { right: auto; left: 0; } .section-title-wrapper .line-shape.active-animation:after { width: 325px; } .section-title-wrapper .baseline img { vertical-align: baseline; } .section-title-wrapper .middle img { vertical-align: middle; } .section-title-wrapper .bottom img { vertical-align: bottom; } .section-title-wrapper .description p { margin-bottom: 15px; } .section-title-wrapper ul.feature-list { display: inline-block; list-style: none; margin: 0; padding: 20px 0 0; } .section-title-wrapper ul.feature-list li { margin-bottom: 10px; color: var(--rt-title-color); } .section-title-wrapper ul.feature-list li .icon { display: inline-flex; align-items: center; justify-content: center; font-size: 10px; width: 24px; height: 24px; margin-left: 7px; border-radius: 100%; color: var(--rt-primary-color); background-color: rgba(var(--rt-primary-rgb), 0.1); } @media (min-width: 768px) { .section-title-wrapper ul.feature-list.two-column li { width: 50%; float: right; } } .section-title-wrapper .shadow-title-wrap { position: absolute; left: 0; top: 50px; } .section-title-wrapper .shadow-title-wrap .shadow-title { display: inline-block; font-size: 150px; line-height: 48px; font-weight: 700; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #E4E9F1; text-transform: uppercase; } @media (max-width: 991px) { .section-title-wrapper .description br, .section-title-wrapper .main-title br, .section-title-wrapper .main-title img, .section-title-wrapper .line-shape:after { display: none; } } /* End Section Title */ /*=============================== RT Post Grid ================================*/ .blog-grid-2 .thumb-shape { clip-path: polygon(4.63% 0%, 4.63% 0%, 3.879% 0.079%, 3.166% 0.308%, 2.502% 0.674%, 1.895% 1.166%, 1.356% 1.769%, 0.893% 2.473%, 0.517% 3.265%, 0.236% 4.132%, 0.061% 5.062%, 0% 6.042%, 0% 71.299%, 0% 71.299%, 0.061% 72.279%, 0.236% 73.209%, 0.517% 74.076%, 0.893% 74.867%, 1.356% 75.571%, 1.895% 76.175%, 2.502% 76.667%, 3.166% 77.033%, 3.879% 77.262%, 4.63% 77.341%, 12.963% 77.341%, 12.963% 77.341%, 13.714% 77.42%, 14.426% 77.649%, 15.091% 78.016%, 15.697% 78.507%, 16.237% 79.111%, 16.699% 79.815%, 17.076% 80.607%, 17.357% 81.474%, 17.532% 82.403%, 17.593% 83.383%, 17.593% 93.957%, 17.593% 93.957%, 17.653% 94.938%, 17.829% 95.867%, 18.109% 96.734%, 18.486% 97.526%, 18.949% 98.23%, 19.488% 98.834%, 20.095% 99.325%, 20.759% 99.692%, 21.471% 99.921%, 22.222% 100%, 95.37% 100%, 95.37% 100%, 96.121% 99.921%, 96.834% 99.692%, 97.498% 99.325%, 98.105% 98.834%, 98.644% 98.23%, 99.107% 97.526%, 99.483% 96.734%, 99.764% 95.867%, 99.939% 94.938%, 100% 93.957%, 100% 71.638%, 100% 71.638%, 100% 71.621%, 100% 71.604%, 100% 71.587%, 100% 71.57%, 100% 71.553%, 99.999% 71.536%, 99.999% 71.519%, 99.999% 71.502%, 99.998% 71.486%, 99.998% 71.469%, 99.998% 71.469%, 99.998% 71.452%, 99.999% 71.435%, 99.999% 71.418%, 99.999% 71.401%, 100% 71.384%, 100% 71.367%, 100% 71.35%, 100% 71.333%, 100% 71.316%, 100% 71.299%, 100% 6.042%, 100% 6.042%, 99.939% 5.062%, 99.764% 4.132%, 99.483% 3.265%, 99.107% 2.473%, 98.644% 1.769%, 98.105% 1.166%, 97.498% 0.674%, 96.834% 0.308%, 96.121% 0.079%, 95.37% 0%, 4.63% 0%); } .blog-grid-4 .is-above-meta { margin-top: -16px; } .blog-grid-4 .no-above-meta { margin-top: 20px; } .blog-grid-5 .separate-meta { position: absolute; right: 24px; top: 24px; } .blog-grid-5 .separate-meta a { background-color: #FFFFFF; border: none; border-radius: 0; } .blog-grid-5 .separate-meta a:hover { background-color: var(--rt-primary-color); color: #FFFFFF; } .blog-grid-5 .entry-wrapper { padding-top: 20px; } .rt-counter-layout .rt-counter-box { position: relative; display: inline-block; } .rt-counter-layout .rt-counter-box .counter-number { display: inline-flex; font-size: 100px; font-weight: 700; color: var(--rt-title-color); line-height: 1.2; } .rt-counter-layout .rt-counter-box .counter-label { font-size: 18px; font-weight: 600; color: var(--rt-body-color); line-height: 1; } .rt-counter-layout-1 .counter-blr-shape { position: absolute; height: 160px; width: 160px; border-radius: 160px; background-color: rgba(186, 241, 130, 0.5); filter: blur(125px); top: 50%; right: 50%; transform: translateY(-50%) translateX(50%); z-index: 0; } .rt-counter-layout-1 .shape-2 { background-color: rgba(226, 130, 241, 0.5); } .rt-counter-layout-1 .shape-3 { background-color: rgba(130, 135, 241, 0.5); } .rt-counter-layout-1 .shape-4 { background-color: rgba(130, 241, 208, 0.5); } .rt-counter-layout-2 .rt-counter-box .counter-number { color: transparent; text-decoration: none; -webkit-background-clip: text; background-clip: text; -webkit-text-stroke: 2px #565656; transition: all 320ms ease; } .rt-counter-layout-2 .rt-counter-box .counter-gradient { -webkit-text-stroke: 2px transparent; } .rt-counter-layout-2 .rt-counter-box:hover .counter-number { color: initial; -webkit-text-stroke: unset; } .rt-counter-layout-2 .bg-shape { position: absolute; top: 8px; right: 50%; font-size: 100px; transform: translateX(50%); color: var(--rt-meta-color); z-index: -1; } .rt-counter-layout-3 .rt-counter-box { padding-right: 48px; } .rt-counter-layout-3 .rt-counter-box:before { position: absolute; content: ""; height: 30px; width: 30px; background-color: #c5ec4f; top: 50%; transform: translateY(-50%); right: 0; border-radius: 50%; } .rt-counter-layout-3 .rt-counter-box .counter-number { font-size: 50px; } .rt-counter-layout-3 .rt-counter-box .counter-label { font-size: 16px; } .rt-counter-layout-4 .rt-counter-box { display: flex; align-items: center; -moz-column-gap: 12px; column-gap: 12px; } .rt-rating-layout .rating-number { font-size: 32px; font-weight: 700; margin-bottom: 7px; line-height: 1; } .rt-rating-layout .rating-wrap { display: flex; align-items: center; -moz-column-gap: 12px; column-gap: 12px; } .rt-rating-layout .item-rating { list-style: none; margin: 0; padding: 0; display: inline-flex; align-items: center; -moz-column-gap: 4px; column-gap: 4px; font-size: 20px; } .rt-rating-layout .item-rating .active { color: var(--rt-rating-color); } .rt-rating-layout .item-rating .deactive { color: var(--rt-gray20); } .rt-info-box .info-box { position: relative; transition: all 320ms ease; z-index: 1; } .rt-info-box .info-box i, .rt-info-box .info-box svg, .rt-info-box .info-box img { transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); } .rt-info-box .info-box:hover i, .rt-info-box .info-box:hover svg, .rt-info-box .info-box:hover img { transform: scale(1.08); } .rt-info-box .icon-wrap { display: inline-flex; align-items: center; justify-content: center; transition: all 320ms ease; } .rt-info-box .info-icon-holder { position: relative; margin-bottom: 30px; } .rt-info-box .info-icon-holder a { display: inline-block; } .rt-info-box .info-icon-holder i { display: inline-flex; align-items: center; justify-content: center; font-size: 50px; color: var(--rt-primary-color); } .rt-info-box .content-holder { margin-bottom: 30px; } .rt-info-box .info-title { font-size: 24px; margin-bottom: 15px; line-height: 1.2; } .rt-info-box .info-title a { color: var(--rt-title-color); } .rt-info-box .info-title a:hover { color: var(--rt-primary-color); } .rt-info-box .shape-divider { width: 2px; height: 29px; background: #DFDFE4; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); } @media (max-width: 991px) { .rt-info-box .shape-divider { display: none; } } .rt-info-layout-1 .info-box .info-title { font-size: 17px; font-weight: 600; margin-bottom: 7px; } .rt-info-layout-1 .info-box .info-icon-holder { float: right; margin-left: 20px; } .rt-info-layout-1 .info-box .info-content-holder { text-align: right; overflow: hidden; } .rt-info-layout-1 .info-box .content-holder p { line-height: 20px; color: #596580; font-size: 14px; font-weight: 500; } /* Elementor global CSS ===============================*/ .elementor-icon.elementor-social-icon { display: inline-flex; justify-content: center; align-items: center; } /*RT Paralax*/ .rt-animated-img { position: absolute; height: auto; width: auto !important; } .elementor-custom-embed-play i { opacity: 1; text-shadow: 0 27px 57px rgba(0, 0, 0, 0.41); transition: 0.1s linear; } .elementor-custom-embed-play i.eicon-play-o::after { content: ""; position: absolute; top: 50%; right: 50%; width: 50%; height: 50%; background-color: var(--rt-primary-color); border-radius: 50%; z-index: -1; transform: translate(50%, -50%); transition: 0.4s; } .elementor-widget.rt-parallax-follow-main-wrapper { position: static; } .left-to-right { animation: rtLeftRight ease-in-out forwards infinite; animation-duration: 15s; } .top-to-bottom { animation: rtTopBottom ease-in-out forwards infinite; animation-duration: 15s; } @keyframes rtLeftRight { 0% { transform: translateX(0); } 50% { transform: translateX(-80px); } 100% { transform: translateX(0); } } @keyframes rtTopBottom { 0% { transform: translateY(0); } 50% { transform: translateY(80px); } 100% { transform: translateY(0); } } /*End Video Block*/ /*==================================== Start RT Slider Block =====================================*/ .rt-banner-slider-addon .rt-swiper-slider { position: relative; } @media (max-width: 991px) { .rt-banner-slider-addon .rt-swiper-slider .banner-image-inner { display: none; } } .rt-banner-slider-addon .rt-swiper-slider .single-slider { background-size: cover; background-repeat: repeat; background-position: center; height: 100%; display: flex; align-items: center; border-radius: 15px; } @media (min-width: 1025px) { .rt-banner-slider-addon .rt-swiper-slider .slider-content-wrapper { padding-right: 120px; } } .rt-banner-slider-addon .rt-swiper-slider .slider-content-wrapper * { animation-duration: 0.8s; animation-fill-mode: both; } .rt-banner-slider-addon .rt-swiper-slider .slider-subtitle-2 { font-size: 24px; } .rt-banner-slider-addon .rt-swiper-slider .slider-subtitle-2 span { color: var(--rt-primary-color); font-width: 600; } .rt-banner-slider-addon .rt-swiper-slider .slider-title { font-size: 60px; line-height: 1.2; margin-bottom: 10px; transition: all ease 1.5s; } .rt-banner-slider-addon .rt-swiper-slider .subtitle-wrapper { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 15px; transition: all ease 1.5s; } .rt-banner-slider-addon .rt-swiper-slider .subtitle-wrapper .slider-subtitle { font-size: 22px; font-weight: 500; color: #000; } .rt-banner-slider-addon .rt-swiper-slider .subtitle-wrapper .shape { height: 11px; width: 180px; background-color: #000; } .rt-banner-slider-addon .rt-swiper-slider .slider-content { font-size: 19px; font-weight: 400; color: #000; display: flex; align-items: center; gap: 4px; transition: all ease 1.5s; } .rt-banner-slider-addon .rt-swiper-slider .slider-content span { font-size: 36px; font-weight: 700; color: #000; } .rt-banner-slider-addon .rt-swiper-slider .btn-wrapper { transition: transform ease 1.5s; margin-top: 20px; } .rt-banner-slider-addon .rt-swiper-slider .btn-wrapper .btn, .rt-banner-slider-addon .rt-swiper-slider .btn-wrapper .wtbigshop-post-card .read-more, .wtbigshop-post-card .rt-banner-slider-addon .rt-swiper-slider .btn-wrapper .read-more { border-radius: 100px; font-size: 14px; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease-in-out; position: relative; z-index: 5; display: inline-block; } .rt-banner-slider-addon .rt-swiper-slider .btn-wrapper .btn:hover, .rt-banner-slider-addon .rt-swiper-slider .btn-wrapper .wtbigshop-post-card .read-more:hover, .wtbigshop-post-card .rt-banner-slider-addon .rt-swiper-slider .btn-wrapper .read-more:hover { background-color: var(--rt-secondary-color); color: #fff; } .rt-banner-slider-addon .rt-swiper-slider .banner-image { animation-duration: 0.8s; animation-fill-mode: both; } .rt-banner-slider-addon .rt-swiper-slider .swiper-slide-active .slider-subtitle-2 { animation-name: wtbigshopFadeInUp; animation-delay: 0.2s; } .rt-banner-slider-addon .rt-swiper-slider .swiper-slide-active .slider-title { animation-name: wtbigshopFadeInUp; animation-delay: 0.4s; } .rt-banner-slider-addon .rt-swiper-slider .swiper-slide-active .banner-image, .rt-banner-slider-addon .rt-swiper-slider .swiper-slide-active .subtitle-wrapper { animation-name: wtbigshopFadeInUp; animation-delay: 0.6s; } .rt-banner-slider-addon .rt-swiper-slider .swiper-slide-active .slider-content { animation-name: wtbigshopFadeInUp; animation-delay: 0.8s; } .rt-banner-slider-addon .rt-swiper-slider .swiper-slide-active .btn-wrapper { animation-name: wtbigshopFadeInUp; animation-delay: 1s; } .rt-banner-slider-addon .rt-swiper-slider .swiper-navigation > div { width: 50px; height: 50px; background: #FFFFFF; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); border-radius: 100px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99; opacity: 0; visibility: hidden; transition: 0.4s; } .rt-banner-slider-addon .rt-swiper-slider .swiper-navigation > div.el-swiper-button-next { right: 0; } .rt-banner-slider-addon .rt-swiper-slider .swiper-navigation > div.el-swiper-button-prev { left: 0; } .rt-banner-slider-addon .rt-swiper-slider .swiper-navigation > div:hover { background-color: var(--rt-primary-color); } .rt-banner-slider-addon .rt-swiper-slider .swiper-navigation > div:hover svg path { stroke: #fff; } .rt-banner-slider-addon .rt-swiper-slider .el-swiper-pagination { position: absolute; bottom: 10px !important; right: 50%; transform: translateX(50%); z-index: 99; text-align: center; } .rt-banner-slider-addon .rt-swiper-slider .el-swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; } .rt-banner-slider-addon .rt-swiper-slider .el-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--rt-primary-color); } .rt-banner-slider-addon .rt-swiper-slider:hover .swiper-navigation > div { opacity: 1; visibility: visible; } .rt-banner-slider-addon .rt-swiper-slider:hover .swiper-navigation > div.el-swiper-button-next { right: 60px; } .rt-banner-slider-addon .rt-swiper-slider:hover .swiper-navigation > div.el-swiper-button-prev { left: 60px; } @keyframes wtbigshopFadeInUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } /*End RT Slider*/ /* ================================== Start MailChim Style ================================== */ .rt-mailchimp-wrap { position: relative; } .rt-mailchimp-wrap input[type=email] { width: 100%; background-color: #fff; border: none; height: 60px; padding: 0 30px 0 160px; border-radius: 30px; color: #212121; } .rt-mailchimp-wrap input[type=email]:focus, .rt-mailchimp-wrap input[type=email]:hover { border-color: rgba(255, 255, 255, 0.5); } .rt-mailchimp-wrap input[type=email]::-moz-placeholder { color: #788593; } .rt-mailchimp-wrap input[type=email]::placeholder { color: #788593; } .rt-mailchimp-wrap input[type=submit] { background: var(--rt-primary-dark); color: #fff; font-size: 14px; text-transform: uppercase; position: absolute; font-weight: bold; width: 100%; height: 100%; transition: 0.3s; border-radius: 0; } .rt-mailchimp-wrap input[type=submit]:hover { background: var(--rt-primary-color); } .rt-mailchimp-wrap .rt-animation-btn { position: absolute; top: 2px; left: 2px; bottom: 2px; width: 144px; height: 56px; background-color: #ffffff; border-radius: 30px 0 0 30px; } .rt-mailchimp-wrap .rt-animation-btn::after { content: none; } .rt-mailchimp-wrap ::-moz-placeholder { color: #ffffff; opacity: 1; } .rt-mailchimp-wrap ::placeholder { color: #ffffff; opacity: 1; } .rt-mailchimp-wrap :-ms-input-placeholder { color: #ffffff; } .rt-mailchimp-wrap ::-ms-input-placeholder { color: #ffffff; } /*Footer mailchimp Form*/ .site-footer .rt-mailchimp-wrap * { border-radius: 0 !important; } .site-footer .rt-mailchimp-wrap input[type=email] { margin-bottom: 10px; padding: 5px 15px; height: 52px; border: 1px solid var(--rt-primary-color); } .site-footer .rt-mailchimp-wrap .rt-animation-btn, .site-footer .rt-mailchimp-wrap input[type=submit] { position: static; } .site-footer .rt-mailchimp-wrap .rt-animation-btn { height: 52px; } /* End MailChim Style */ /*------------------------------------- #. EL: Swiper Slider ---------------------------------------*/ .rt-swiper-slider { overflow: hidden; } .rt-swiper-slider .swiper-wrapper { align-items: center; } .swiper-navigation .swiper-button-prev { right: 0; } .swiper-navigation .swiper-button-next { left: 0; } .swiper-navigation .swiper-button { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -22px; z-index: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: var(--rt-primary-color); color: #FFFFFF; transition: all 320ms ease; } .swiper-navigation .swiper-button:after { display: none; } .swiper-navigation .swiper-button i { font-size: 12px; } .swiper-pagination { position: relative; margin-top: 30px; display: flex; justify-content: center; -moz-column-gap: 7px; column-gap: 7px; z-index: 1; } .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 8px; border-radius: 4px; transition: all 0.21s ease-in-out; background: var(--rt-gray20); opacity: 1; } .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background: var(--rt-primary-color); } @media (max-width: 767px) { .swiper-navigation { display: none; } } .rt-contact-social-el-widget .social-title { margin-bottom: 0; font-size: 22px; font-weight: 600; } .rt-contact-social-el-widget .social-icons { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .rt-contact-social-el-widget .social-icons a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background-color: #121F37; color: #fff; border-radius: 50%; transition: all 0.3s; } .rt-contact-social-el-widget .social-icons a svg { fill: #fff; } .rt-contact-social-el-widget .social-icons a:hover { background: var(--rt-secondary-color); } .rt-hero-banner { position: relative; overflow: hidden; border-radius: 15px; } .rt-hero-banner .image-scale { line-height: 0; } .rt-hero-banner .image-scale img { width: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.21s cubic-bezier(0.25, 0.8, 0.25, 1); } .rt-hero-banner .rt-content { position: absolute; top: 50%; right: 0; left: 0; z-index: 2; transform: translateY(-50%); padding: 0 60px; backface-visibility: hidden; } .rt-hero-banner.rt-hero-banner-layout-1 .rt-banner-subtitle { font-size: 30px; margin-bottom: 10px; text-transform: uppercase; font-weight: 700; } .rt-hero-banner.rt-hero-banner-layout-1 .banner-content ul { margin-right: 0; padding: 0; list-style-type: none; } .rt-hero-banner.rt-hero-banner-layout-1 .banner-content ul li { position: relative; padding-right: 25px; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-size: 18px; font-weight: 600; color: #1E1E1E; margin-bottom: 5px; } .rt-hero-banner.rt-hero-banner-layout-1 .banner-content ul li:after { content: "\e879"; position: absolute; top: 1px; right: 0; font-family: "rt-fontello"; font-weight: 900; font-size: 12px; color: var(--rt-primary-color); } .rt-hero-banner.rt-hero-banner-layout-1 .rt-banner-title { font-size: 60px; margin-bottom: 30px; line-height: 1.2; text-transform: uppercase; } .rt-hero-banner.rt-hero-banner-layout-1 .button-2 { font-size: 14px; font-weight: 600; border-radius: 100px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .rt-hero-banner.rt-hero-banner-layout-1 .button-2:hover { color: #fff; } .rt-hero-banner.rt-hero-banner-layout-2 .rt-content { padding: 0 24px; } .rt-hero-banner.rt-hero-banner-layout-2 .rt-banner-title { font-size: 14px; font-weight: 600; line-height: 20px; margin-bottom: 5px; } .rt-hero-banner.rt-hero-banner-layout-2 .rt-banner-title a { color: var(--rt-title-color); } .rt-hero-banner.rt-hero-banner-layout-2 .product-price { font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 6px; color: var(--rt-title-color); } .rt-hero-banner.rt-hero-banner-layout-2 .rt-banner-subtitle { font-size: 13px; font-weight: 500; line-height: 1; color: var(--rt-title-color); } .rt-hero-banner.rt-hero-banner-layout-2 .rt-banner-subtitle span { font-size: 16px; font-weight: 600; } .rt-hero-banner.rt-hero-banner-layout-2 .button-2 { margin-top: 15px; font-size: 13px; font-weight: 600; border-radius: 100px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding: 10px 22px; } .rt-hero-banner.rt-hero-banner-layout-2 .button-2:hover { color: #fff; } .rt-hero-banner.rt-hero-banner-layout-3 .rt-banner-subtitle { font-size: 16px; font-weight: 500; color: #000; } .rt-hero-banner.rt-hero-banner-layout-3 .rt-banner-title { font-size: 32px; color: #000; margin-bottom: 15px; } .rt-hero-banner.rt-hero-banner-layout-3 .price-wrapper { display: flex; align-items: center; gap: 10px; line-height: 1; margin-bottom: 20px; } .rt-hero-banner.rt-hero-banner-layout-3 .product-label { font-size: 16px; font-weight: 500; color: #000; } .rt-hero-banner.rt-hero-banner-layout-3 .product-price { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 7px 18px; background: #FB3939; border-radius: 100px; font-size: 22px; font-weight: 600; color: #fff; } .rt-hero-banner.rt-hero-banner-layout-4 .rt-content { top: 0; bottom: 0; transform: unset; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .rt-hero-banner.rt-hero-banner-layout-4 .rt-content .price-wrapper { margin-top: 20px; } .rt-hero-banner.rt-hero-banner-layout-4 .rt-content .product-label { font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-weight: 500; color: #1E1E1E; } .rt-hero-banner.rt-hero-banner-layout-4 .rt-content .product-price { font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-size: 36px; font-weight: 800; color: var(--rt-primary-color); line-height: 40px; } .rt-hero-banner.rt-hero-banner-layout-4 .rt-content .wtbigshop-button { margin-top: auto; } .rt-hero-banner:hover .image-scale img { transform: scale3d(1.055, 1.065, 1); } .rtsb-wtbigshop-category-layout1 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } @media (max-width: 1199px) { .rtsb-wtbigshop-category-layout1 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } } @media (max-width: 767px) { .rtsb-wtbigshop-category-layout1 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } .rtsb-wtbigshop-category-layout1 .category-wrapper { width: 170px; height: 160px; border-radius: 5px; background-color: #F7F7F7; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; flex-wrap: wrap; padding: 30px 10px; } .rtsb-wtbigshop-category-layout1 .category-wrapper .rtsb-category-content { display: block; width: 100%; } .rtsb-wtbigshop-category-layout1 .category-wrapper .rtsb-product-img { margin-bottom: 10px; } .rtsb-wtbigshop-category-layout1 .category-wrapper .rtsb-product-image { width: auto; transition: all 0.3s ease-in-out; } .rtsb-wtbigshop-category-layout1 .category-wrapper:hover { background-color: var(--rt-primary-color); } .rtsb-wtbigshop-category-layout1 .category-wrapper:hover .rtsb-product-image { filter: brightness(0) invert(1); } .rtsb-wtbigshop-category-layout1 .category-wrapper:hover .category-title { color: #FFFFFF; } .rtsb-wtbigshop-category-layout1 .category-title { font-size: 18px; font-weight: 600; color: var(--rt-title-color); } .rtsb-wtbigshop-category-layout1 .product-count { font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-size: 15px; font-weight: 500; color: #8C8C8C; margin-top: 5px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item { position: relative; height: 100%; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-thumb-wrapper, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-thumb-wrapper { position: relative; overflow: hidden; margin-bottom: 15px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-thumb-wrapper .rtsb-product-img, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-thumb-wrapper .rtsb-product-img { margin-bottom: 0; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-thumb-wrapper .rtsb-product-img img, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-thumb-wrapper .rtsb-product-img img { border-radius: 8px; margin-bottom: 0; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-content-top, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-content-top { position: relative; z-index: 1; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a { position: relative; display: flex; align-items: center; text-align: center; padding: 22px 20px; background-color: var(--rt-primary-color); border-radius: 6px; color: #fff; transition: all 0.3s; text-transform: capitalize; width: 100%; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a i, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a i { margin-left: 5px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a:hover, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a:hover { background-color: var(--rt-secondary-color); } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a.wc-forward, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a.wc-forward { display: none; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons { position: absolute; left: 18px; top: 18px; right: auto; z-index: 10; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end; height: 100%; gap: 5px; justify-content: flex-start; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list:before, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list:before { display: none; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item { opacity: 0; transform: translateX(-20px); transition: all 0.3s; visibility: hidden; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn, .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item a, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item a { border-radius: 4px; height: 36px; width: 36px; display: inline-flex; align-items: center; justify-content: center; margin: 0; border: 1px solid #DADADA; transition: all 0.3s; color: #5E5E5E; background-color: #fff; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn i, .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item a i, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn i, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item a i { font-size: 15px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn:hover, .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item a:hover, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item .rtsb-action-btn:hover, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-action-buttons .rtsb-action-button-list .rtsb-action-button-item a:hover { background: var(--rt-primary-color); border-color: var(--rt-primary-color); color: #fff; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap { position: absolute; bottom: 15px; left: 0; right: 0; opacity: 0; transform: translateY(100%); transition: all 0.3s ease-in-out; visibility: hidden; margin: 0 15px; z-index: 9; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a { position: relative; text-align: center; padding: 12px 20px; height: 46px; background-color: var(--rt-primary-color); border-radius: 4px; color: #fff; transition: all 0.3s; text-transform: uppercase; font-size: 14px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a i, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a i { margin-left: 5px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a:hover, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a:hover { background-color: var(--rt-secondary-color); } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a.wc-forward, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a.wc-forward { display: none; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a.loading:after, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-wc-add-to-cart-wrap a.loading:after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; font-weight: 400; position: absolute; top: 9px; left: 13px; font-size: 14px; animation: spin 2s linear infinite; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item { opacity: 1; transform: translateX(0); visibility: visible; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item:nth-child(2), .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item:nth-child(2) { transition-delay: 0.18s; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item:nth-child(3), .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item:nth-child(3) { transition-delay: 0.36s; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item:nth-child(4), .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item:hover .rtsb-action-buttons .rtsb-action-button-item:nth-child(4) { transition-delay: 0.54s; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item:hover .rtsb-wc-add-to-cart-wrap, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item:hover .rtsb-wc-add-to-cart-wrap { opacity: 1; transform: translateY(0); visibility: visible; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-short-description, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-short-description { font-size: 15px; font-weight: 400; line-height: 22px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-short-description ul, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-short-description ul { padding-right: 20px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-short-description ul li, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-short-description ul li { list-style: disc; margin-bottom: 5px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-short-description ul li:last-child, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-short-description ul li:last-child { margin-bottom: 0; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-product-category a, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-product-category a { color: #66696F; font-size: 12px; text-transform: uppercase; font-weight: 500; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .rtsb-product-category a:hover, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .rtsb-product-category a:hover { color: var(--rt-primary-color); } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-price, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-price { margin-top: 15px; margin-bottom: 10px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-price .price, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-price .price { font-size: 16px; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-price .price > .woocommerce-Price-amount, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-price .price > .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; color: var(--rt-primary-color); font-weight: 600; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-price .price :is(ins) .woocommerce-Price-amount, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-price .price :is(ins) .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; color: var(--rt-primary-color); font-weight: 600; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-price .price del, .rtsb-wtbigshop-grid-layout1 .rtsb-grid-item .product-price .price del { font-size: 14px; font-weight: 500; color: #B2B4B7; } .rtsb-wtbigshop-slider-layout1 .product-title, .rtsb-wtbigshop-grid-layout1 .product-title { font-size: 18px; font-weight: 500; line-height: 22px; padding: 0; margin: 12px 0; } .rtsb-wtbigshop-slider-layout1 .product-title a, .rtsb-wtbigshop-grid-layout1 .product-title a { color: var(--rt-title-color); transition: all 0.3s; } .rtsb-wtbigshop-slider-layout1 .product-title a:hover, .rtsb-wtbigshop-grid-layout1 .product-title a:hover { color: var(--rt-primary-color); } /*product campaign style*/ .rtsb-wtbigshop-slider-layout1 .rtsb-countdown-campaign, .rtsb-grid-layout1 .rtsb-countdown-campaign, .rtsb-slider-layout1 .rtsb-countdown-campaign, .rtsb-wtbigshop-grid-layout1 .rtsb-countdown-campaign { gap: 3px; color: #dc0000; background: #ffeaea; border-radius: 4px; margin: 0 auto; text-align: center; left: 0; width: 70% !important; bottom: 25px !important; } .rtsb-wtbigshop-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section, .rtsb-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section, .rtsb-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section, .rtsb-wtbigshop-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section { background: transparent; border: 0; border-radius: 0; color: #dc0000; flex-direction: row; font-size: 14px; font-weight: 600; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; gap: 2px; height: auto; position: relative; width: auto; } .rtsb-wtbigshop-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:after, .rtsb-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:after, .rtsb-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:after, .rtsb-wtbigshop-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:after { content: ":"; } .rtsb-wtbigshop-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:last-child:after, .rtsb-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:last-child:after, .rtsb-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:last-child:after, .rtsb-wtbigshop-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section:last-child:after { content: ""; } .rtsb-wtbigshop-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-number, .rtsb-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-number, .rtsb-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-number, .rtsb-wtbigshop-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-number { font-size: 14px; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-weight: 600; margin-bottom: 0; } .rtsb-wtbigshop-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit, .rtsb-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit, .rtsb-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit, .rtsb-wtbigshop-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit { font-size: 0; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-weight: 600; visibility: hidden; } .rtsb-wtbigshop-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit:first-letter, .rtsb-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit:first-letter, .rtsb-slider-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit:first-letter, .rtsb-wtbigshop-grid-layout1 .rtsb-countdown-campaign .rtsb-countdown-section .rtsb-countdown-unit:first-letter { font-size: 14px; visibility: visible; } @media (max-width: 767px) { .rtsb-slider-layout1 { padding-top: 30px !important; } } .rtsb-slider-layout1 .rtsb-carousel-slider.top-nav .swiper-button-prev { right: -138px; } /*custom class adding in elementor for home 1 and home 2*/ @media (max-width: 767px) { .wtbigshop-list-layout .rtsb-list-layout1 { dipslay: block; } } .rtsb-wtbigshop-slider-layout1 .rtsb-carousel-slider { padding-bottom: 100px !important; } .rtsb-wtbigshop-slider-layout1 .rtsb-carousel-slider .swiper-button-disabled { opacity: 1; } .rtsb-wtbigshop-slider-layout1 .rtsb-grid-item .product-fade-content { box-shadow: none; border: 1px solid #c2c2c2; } .wtbigshop_theme_design_price .rtsb-product-list .price-wrapper { font-size: 18px; font-weight: 600; line-height: 1.2; } .wtbigshop_theme_design_price .rtsb-product-list .price-wrapper .price { gap: 4px !important; font-size: 16px; margin: 0; flex-wrap: nowrap; } .wtbigshop_theme_design_price .rtsb-product-list .price-wrapper .price > .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 30px; padding: 2px 6px; background-color: #219653; color: #fff; border-radius: 5px; font-weight: 600; } .wtbigshop_theme_design_price .rtsb-product-list .price-wrapper .price :is(ins) .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 30px; padding: 2px 6px; background-color: #219653; color: #fff; border-radius: 5px; font-weight: 600; } .wtbigshop_theme_design_price .rtsb-product-list .price-wrapper .price del { order: 2; font-weight: 500; color: #B2B4B7; } .wtbigshop_theme_design_price .rtsb-product.product-type-variable .price-wrapper { background-color: #219653; display: inline-flex; border-radius: 5px; color: #fff; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .rtsb-list-item { border: 1px solid #E5E6ED; border-radius: 6px; padding: 20px; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .rtsb-category-outline li > a { color: #66696F; font-size: 12px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .rtsb-category-outline li > a:hover { color: var(--rt-primary-color); } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .product-title { font-size: 20px; font-weight: 400; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .product-title a { color: #000610; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .product-title a:hover { color: var(--rt-primary-color); } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .wtbigshop-content-top { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 10px; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .wtbigshop-content-bottom { margin-top: 20px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .wtbigshop-content-bottom .rtsb-action-buttons { width: auto !important; margin-top: 0 !important; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .product-short-description { font-size: 15px; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .product-short-description ul { padding-right: 15px; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .product-short-description ul li { list-style: disc; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .price-wrapper { font-size: 18px; font-weight: 600; line-height: 1.2; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .price-wrapper .price { gap: 4px !important; font-size: 16px; margin: 0; flex-wrap: nowrap; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .price-wrapper .price > .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 30px; padding: 2px 6px; background-color: #219653; color: #fff; border-radius: 5px; font-weight: 600; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .price-wrapper .price :is(ins) .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 30px; padding: 2px 6px; background-color: #219653; color: #fff; border-radius: 5px; font-weight: 600; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .price-wrapper .price del { order: 2; font-weight: 500; color: #B2B4B7; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .rtsb-product.product-type-variable .price-wrapper { background-color: #219653; display: inline-flex; border-radius: 5px; color: #fff; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .rtsb-action-btn { background: #fff; border: 1px solid #B2B4B7; transition: all 0.3s; color: #66696F; font-size: 16px; height: 44px; width: 44px; border-radius: 6px; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .rtsb-action-btn:hover { background-color: var(--rt-primary-color); color: #fff; border-color: #fff; } .rtsb-elementor-container .rtsb-wtbigshop-list-layout1 .rtsb-swatches { margin-top: 8px; } .rt-time-counter.layout-1 .countdown-content { display: flex; align-items: center; gap: 10px; } .rt-time-counter.layout-1 .countdown-content .title { font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-size: 28px; font-weight: 600; color: #1E1E1E; } .rt-time-counter.layout-1 .countdown-content .rt-countdown { gap: 20px; flex-wrap: wrap; } @media (max-width: 991px) { .rt-time-counter.layout-1 .countdown-content .rt-countdown { gap: 15px; } } .rt-time-counter.layout-1 .countdown-content .rt-countdown .countdown-section { font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-size: 48px; font-weight: 800; color: var(--rt-primary-color); text-align: center; position: relative; padding: 0 15px; } @media (max-width: 991px) { .rt-time-counter.layout-1 .countdown-content .rt-countdown .countdown-section { font-size: 30px; } } .rt-time-counter.layout-1 .countdown-content .rt-countdown .countdown-section .label { display: block; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-size: 16px; font-weight: 500; color: #1E1E1E; margin-top: 12px; } @media (max-width: 991px) { .rt-time-counter.layout-1 .countdown-content .rt-countdown .countdown-section .label { margin-top: 4px; } } .rt-time-counter.layout-1 .countdown-content .rt-countdown .countdown-section:after { content: ":"; position: absolute; left: -16px; top: 2px; font-size: 24px; color: #1E1E1E; } .rt-time-counter.layout-1 .countdown-content .rt-countdown .countdown-section:first-child { padding-right: 0; } .rt-time-counter.layout-1 .countdown-content .rt-countdown .countdown-section:last-child:after { display: none; } .rt-time-counter.layout-2 .countdown-content { display: flex; align-items: center; gap: 4px; background-color: #FA3131; border-radius: 100px; padding: 5px 20px; } .rt-time-counter.layout-2 .countdown-content .title { display: flex; align-items: center; gap: 3px; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-size: 14px; color: #fff; } .rt-time-counter.layout-2 .rt-countdown { gap: 4px; } .rt-time-counter.layout-2 .countdown-section { background: transparent; border: 0; border-radius: 0; color: #fff; flex-direction: row; font-size: 14px; font-weight: 600; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; gap: 2px; height: auto; position: relative; width: auto; line-height: 1; } .rt-time-counter.layout-2 .countdown-section .label { font-size: 0; font-family: var(--rt-heading-font, "Sarabun"), sans-serif; font-weight: 600; visibility: hidden; display: inline-block; } .rt-time-counter.layout-2 .countdown-section .label:first-letter { font-size: 14px; visibility: visible; } .rt-time-counter.layout-2 .countdown-section:after { content: ":"; color: #fff; } .rt-time-counter.layout-2 .countdown-section:last-child:after { display: none; } .rtsb-product-flash-sale-countdown.layout2 .label-wrapper { display: flex; align-items: center; gap: 2px; } .rtsb-product-flash-sale-countdown.layout2 .label-wrapper .icon { line-height: 1; } .rt-woo-product-slider-gallery { border: 1px solid #E5E6ED; border-radius: 6px; padding: 30px; position: relative; } .rt-woo-product-slider-gallery .rt-slider-image { text-align: center; } .rt-woo-product-slider-gallery .rt-slider-image img { height: 300px; -o-object-fit: cover; object-fit: cover; } .rt-woo-product-slider-gallery .swiper-nav > div { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #E5E6ED; display: flex; align-items: center; justify-content: center; transition: all 0.3s; } .rt-woo-product-slider-gallery .swiper-nav > div:hover { background-color: var(--rt-primary-color); border-color: var(--rt-primary-color); color: #fff; } .rt-woo-product-slider-gallery .swiper-nav > div:after { font-size: 16px; } .rt-woo-product-slider-gallery .rt-product-categories a { font-size: 12px; font-weight: 500; text-transform: uppercase; color: #66696F; letter-spacing: 0.5px; } .rt-woo-product-slider-gallery .rt-product-categories a:hover { color: var(--rt-primary-color); } .rt-woo-product-slider-gallery .product-rating { margin-top: 5px; margin-bottom: 10px; } .rt-woo-product-slider-gallery .rt-product-title { font-size: 18px; font-weight: 400; line-height: 20px; margin-bottom: 10px; } .rt-woo-product-slider-gallery .rt-product-title a { color: #010918; } .rt-woo-product-slider-gallery .rt-product-title a:hover { color: var(--rt-primary-color); } .rt-woo-product-slider-gallery .rt-product-price .price { gap: 4px; font-size: 16px; margin: 0; flex-wrap: nowrap; display: flex; } .rt-woo-product-slider-gallery .rt-product-price .price > .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 30px; padding: 2px 6px; background-color: #219653; color: #fff; border-radius: 5px; font-weight: 600; } .rt-woo-product-slider-gallery .rt-product-price .price :is(ins) .woocommerce-Price-amount { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 30px; padding: 2px 6px; background-color: #219653; color: #fff; border-radius: 5px; font-weight: 600; } .rt-woo-product-slider-gallery .rt-product-price .price del { order: 2; font-weight: 500; color: #B2B4B7; } .rt-woo-product-slider-gallery .rt-product-content-wrapper.variable .rt-product-price { background-color: #219653; display: inline-flex; border-radius: 5px; color: #fff; } .rt-woo-product-slider-gallery .rt-product-slider-gallery { margin-top: -250px; max-width: 275px; padding: 0 1px; position: absolute; width: 100%; right: 50%; transform: translate(50%, -50%); bottom: 27.2%; } .rt-woo-product-slider-gallery .rt-product-slider-gallery .swiper-slide img { max-width: 65px; border-radius: 5px; border: 1px solid #E5E6ED; transition: 0.3s; background: #F3F3F3; cursor: pointer; } .rt-woo-product-slider-gallery .rt-product-slider-gallery .swiper-slide.swiper-slide-thumb-active img { border-color: #083EA7; } /*# sourceMappingURL=style.css.map*/ /*# sourceMappingURL=style.css.map*/ html[dir=rtl] .rtl-test { float: right; color: red; } html[dir=rtl] .rt-hero-banner .button-2 i { transform: rotate(-180deg); } html[dir=rtl] .newsletter-form .ff-btn-submit:after, html[dir=rtl] .rt-button .btn i { transform: rotate(-180deg); } html[dir=rtl] .el-swiper-button-next svg { transform: rotate(-180deg); } html[dir=rtl] .el-swiper-button-prev svg { transform: rotate(-180deg); } html[dir=rtl] .rtsb-wtbigshop-category-layout1 .category-icon i { display: inline-block; transform: rotate(-180deg); } html[dir=rtl] .button-2 i, html[dir=rtl] .button-1 i { transform: rotate(-180deg); } /*# sourceMappingURL=rtl.css.map*/