@charset "UTF-8"; /**************************** ============================== Index ============================== 1.       Variable 2.       Mixins 3.       Animation 4.       Base 5.       Utility 6.       Header 7.       Banner 8.       About 9.       Team 10.      Post 11.      Single-post 10.      Category 10.      Top-games 10.      Slidebar 10.      Ad-banner 10.      Video-gallery 10.      Subscribe 10.      Contact 10.      Map 10.      404 10.      Shop 10.      Footer ******************************/ @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Spartan:wght@300;400;500;600;700;800&display=swap"); :root {--font-body: "Roboto", sans-serif; --font-title: "Spartan", sans-serif; --font-awesome: "Font Awesome 5 Free"; --color-primary: #db1c1c; --color-primary-rgb: 41, 98, 255; --color-white: #fff; --color-white-rgb: 255, 255, 255; --color-black: #000; --color-black-rgb: 0, 0, 0; --color-border: #e5e5e5; --color-border-rgb: 229, 229, 229; --color-cat-normal: #7a7e83; --color-cat-normal-rgb: 122, 126, 131; --color-meta-normal: #a5a6aa; --color-meta-normal-rgb: 165, 166, 170; --color-gray: #f7f7f7; --color-gray-rgb: 247, 247, 247; --color-body: #6c6f72; --color-body-rgb: 108, 111, 114; --color-body-bg: #fff; --border-radius-xs: 4px; --border-radius-sm: 6px; --border-radius-md: 10px; --border-radius-lg: 15px; --border-radius-xl: 20px; --color-fb: #1559c2; --color-tw: #1ea9e9; --color-in: #3f729b; --color-vm: #2cc0eb; --color-pn: #3b5998; --color-wh: #43ce13; --color-dr: #f65e97; --color-dw: #ff6b10; --color-yu: #ed1d25; } :root[data-theme=dark] {--color-white: #000; --color-white-rgb: 0, 0, 0; --color-black: #fff; --color-black-rgb: 255, 255, 255; --color-body: #d7d7d7; --color-body-rgb: 215, 215, 215; --color-body-bg: #101213; --color-border: #222121; --color-dark-bg_2: #171818; } /* pulseShadow */ @-webkit-keyframes pulseShadowlgprimary {0% {-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0); } } @keyframes pulseShadowlgprimary {0% {-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7); box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0); box-shadow: 0 0 0 20px rgba(41, 98, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0); box-shadow: 0 0 0 0 rgba(41, 98, 255, 0); } } @-webkit-keyframes pulseShadowsmwhite {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulseShadowsmwhite {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @-webkit-keyframes pulseShadowxlwhite {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulseShadowxlwhite {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); box-shadow: 0 0 0 30px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @-webkit-keyframes pulseShadowlgwhite {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulseShadowlgwhite {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); } 70% {-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @-webkit-keyframes pulseShadowsmgray {0% {-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7); } 70% {-webkit-box-shadow: 0 0 0 10px rgba(172, 172, 172, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0); } } @keyframes pulseShadowsmgray {0% {-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7); box-shadow: 0 0 0 0 rgba(172, 172, 172, 0.7); } 70% {-webkit-box-shadow: 0 0 0 10px rgba(172, 172, 172, 0); box-shadow: 0 0 0 10px rgba(172, 172, 172, 0); } 100% {-webkit-box-shadow: 0 0 0 0 rgba(172, 172, 172, 0); box-shadow: 0 0 0 0 rgba(172, 172, 172, 0); } } /* pulseScale */ @-webkit-keyframes pulseScale {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes pulseScale {0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } /*read more button animation*/ @-webkit-keyframes qode-button-cap-out {0%, 50% {-webkit-transform: translateX(-35px) scaleX(-1); transform: translateX(-35px) scaleX(-1); } 100%, 51% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); } } @keyframes qode-button-cap-out {0%, 50% {-webkit-transform: translateX(-35px) scaleX(-1); transform: translateX(-35px) scaleX(-1); } 100%, 51% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); } } @-webkit-keyframes qode-button-cap-fake-out {0% {-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 49%, 51% {-webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); } 100% {-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @keyframes qode-button-cap-fake-out {0% {-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 49%, 51% {-webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); } 100% {-webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @-webkit-keyframes qode-button-cap {0% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 54% {-webkit-transform: translateX(-1px) scaleX(1); transform: translateX(-1px) scaleX(1); -webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); } 55% {-webkit-transform: translateX(-20px) scaleX(-1); transform: translateX(-20px) scaleX(-1); -webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); } 100% {-webkit-transform: translateX(-35px) scaleX(-1); transform: translateX(-35px) scaleX(-1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @keyframes qode-button-cap {0% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } 54% {-webkit-transform: translateX(-1px) scaleX(1); transform: translateX(-1px) scaleX(1); -webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); } 55% {-webkit-transform: translateX(-20px) scaleX(-1); transform: translateX(-20px) scaleX(-1); -webkit-clip-path: inset(50% 0 50% 0); clip-path: inset(50% 0 50% 0); } 100% {-webkit-transform: translateX(-35px) scaleX(-1); transform: translateX(-35px) scaleX(-1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); } } @-webkit-keyframes qode-button-line {0%, 100% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); } 10% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); } 46%, 55% {-webkit-transform: translateX(0) scaleX(0.5); transform: translateX(0) scaleX(0.5); } 99% {-webkit-transform: translateX(-13px) scaleX(0.6); transform: translateX(-13px) scaleX(0.6); } } @keyframes qode-button-line {0%, 100% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); } 10% {-webkit-transform: translateX(-13px) scaleX(1); transform: translateX(-13px) scaleX(1); } 46%, 55% {-webkit-transform: translateX(0) scaleX(0.5); transform: translateX(0) scaleX(0.5); } 99% {-webkit-transform: translateX(-13px) scaleX(0.6); transform: translateX(-13px) scaleX(0.6); } } @-webkit-keyframes toBottomFromTop {49% {-webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% {opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% {opacity: 1; } } @keyframes toBottomFromTop {49% {-webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% {opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% {opacity: 1; } } @-webkit-keyframes toTopFromBottom {49% {-webkit-transform: translateY(100%); transform: translateY(100%); } 50% {opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% {opacity: 1; } } @keyframes toTopFromBottom {49% {-webkit-transform: translateY(100%); transform: translateY(100%); } 50% {opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51% {opacity: 1; } } @-webkit-keyframes toLeftFromRight {49% {-webkit-transform: translateX(-100%); transform: translateX(-100%); } 50% {opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 51% {opacity: 1; } } @keyframes toLeftFromRight {49% {-webkit-transform: translateX(-100%); transform: translateX(-100%); } 50% {opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 51% {opacity: 1; } } @-webkit-keyframes toRightFromLeft {49% {-webkit-transform: translateX(100%); transform: translateX(100%); } 50% {opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 51% {opacity: 1; } } @keyframes toRightFromLeft {49% {-webkit-transform: translateX(100%); transform: translateX(100%); } 50% {opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 51% {opacity: 1; } } /*Import Fonts */ /* =========================== // Typography ==============================*/ * {margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } body {margin: 0; padding: 0; font-family: var(--font-body); font-size: 1rem; line-height: 1.5; color: var(--color-body); background-color: var(--color-body-bg); } main {position: relative; background-color: var(--color-white); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: 2; } /*==== heading fonts setup ====*/ h1, h2, h3, h4, h5, h6 {color: var(--color-black); font-family: var(--font-title); line-height: 1.4; font-weight: 700; } h1 {font-size: 2.281rem; line-height: 1.333; } @media (max-width: 767px) {h1 {font-size: 2rem; } } h2 {font-size: 1.802rem; } h3 {font-size: 1.424rem; } h4 {font-size: 1.266rem; } h5 {font-size: 1.125rem; } h6 {font-size: 1rem; } /*==== margin & paddings ====*/ .mt--5 {margin-top: 5px !important; } .pt--5 {padding-top: 5px !important; } .mb--5 {margin-bottom: 5px !important; } .pb--5 {padding-bottom: 5px !important; } .mt--10 {margin-top: 10px !important; } .pt--10 {padding-top: 10px !important; } .mb--10 {margin-bottom: 10px !important; } .pb--10 {padding-bottom: 10px !important; } .mt--15 {margin-top: 15px !important; } .pt--15 {padding-top: 15px !important; } .mb--15 {margin-bottom: 15px !important; } .pb--15 {padding-bottom: 15px !important; } .mt--20 {margin-top: 20px !important; } .pt--20 {padding-top: 20px !important; } .mb--20 {margin-bottom: 20px !important; } .pb--20 {padding-bottom: 20px !important; } .mt--25 {margin-top: 25px !important; } .pt--25 {padding-top: 25px !important; } .mb--25 {margin-bottom: 25px !important; } .pb--25 {padding-bottom: 25px !important; } .mt--30 {margin-top: 30px !important; } .pt--30 {padding-top: 30px !important; } .mb--30 {margin-bottom: 30px !important; } .pb--30 {padding-bottom: 30px !important; } .mt--35 {margin-top: 35px !important; } .pt--35 {padding-top: 35px !important; } .mb--35 {margin-bottom: 35px !important; } .pb--35 {padding-bottom: 35px !important; } .mt--40 {margin-top: 40px !important; } .pt--40 {padding-top: 40px !important; } .mb--40 {margin-bottom: 40px !important; } .pb--40 {padding-bottom: 40px !important; } .mt--45 {margin-top: 45px !important; } .pt--45 {padding-top: 45px !important; } .mb--45 {margin-bottom: 45px !important; } .pb--45 {padding-bottom: 45px !important; } .mt--50 {margin-top: 50px !important; } .pt--50 {padding-top: 50px !important; } .mb--50 {margin-bottom: 50px !important; } .pb--50 {padding-bottom: 50px !important; } .mt--60 {margin-top: 60px !important; } .pt--60 {padding-top: 60px !important; } .mb--60 {margin-bottom: 60px !important; } .pb--60 {padding-bottom: 60px !important; } .mb--24 {margin-bottom: 24px !important; } /*==== gutter ====*/ .gutter-10 {margin-top: -5px !important; margin-bottom: -5px !important; } .gutter-10 > li, .gutter-10 > div {padding-top: 5px !important; padding-bottom: 5px !important; } .gutter-20 {margin-top: -10px !important; margin-bottom: -10px !important; } .gutter-20 > li, .gutter-20 > div {padding-top: 10px !important; padding-bottom: 10px !important; } .gutter-30 {margin-top: -15px !important; margin-bottom: -15px !important; } .gutter-30 > li, .gutter-30 > div {padding-top: 15px !important; padding-bottom: 15px !important; } .gutter-40 {margin-top: -20px !important; margin-bottom: -20px !important; } .gutter-40 > li, .gutter-40 > div {padding-top: 20px !important; padding-bottom: 20px !important; } .gutter-50 {margin-top: -25px !important; margin-bottom: -25px !important; } .gutter-50 > li, .gutter-50 > div {padding-top: 25px !important; padding-bottom: 25px !important; } .gutter-60 {margin-top: -30px !important; margin-bottom: -30px !important; } .gutter-60 > li, .gutter-60 > div {padding-top: 30px !important; padding-bottom: 30px !important; } .gutter-70 {margin-top: -35px !important; margin-bottom: -35px !important; } .gutter-70 > li, .gutter-70 > div {padding-top: 35px !important; padding-bottom: 35px !important; } .gutter-24 {margin-top: -12px !important; margin-bottom: -12px !important; } .gutter-24 > li, .gutter-24 > div {padding-top: 12px !important; padding-bottom: 12px !important; } .gutter-15 {margin-top: -7.5px !important; margin-bottom: -7.5px !important; } .gutter-15 > li, .gutter-15 > div {padding-top: 7.5px !important; padding-bottom: 7.5px !important; } .gutter-10 {margin: -5px !important; } .gutter-10 > li, .gutter-10 > div {padding: 5px !important; } .rt-gutter-5 {margin: -2.5px !important; } .rt-gutter-5 > li, .rt-gutter-5 > div {padding: 2.5px !important; } .rt-gutter-10 {margin-left: -5px !important; margin-right: -5px !important; } .rt-gutter-10 > li, .rt-gutter-10 > div {padding-left: 5px !important; padding-right: 5px !important; } /*==== text color & bg color ====*/ .text--primary {color: #db1b1b !important; } .bg--primary {background-color: #db1b1b !important; } .text--white {color: #fff !important; } .bg--white {background-color: #fff !important; } .text--black {color: #000 !important; } .bg--black {background-color: #000 !important; } .text--gray {color: #f7f7f7 !important; } .bg--gray {background-color: #f7f7f7 !important; } /*============================ // Global styles =============================*/ html {overflow-x: hidden !important; width: 100%; height: 100%; text-rendering: optimizeLegibility; scroll-behavior: smooth; } ul, li {padding: 0; margin: 0; list-style: none; } a:link, a:visited, a:focus {text-decoration: none; outline: 0; } a {color: var(--color-primary); display: inline-block; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } a:hover {text-decoration: none; color: var(--color-primary); } img {max-width: 100%; height: auto; } input, textarea, select, :focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .no-padding {padding-left: 0 !important; padding-right: 0 !important; } .no-padding-left {padding-left: 0 !important; } .no-padding-right {padding-right: 0 !important; } .section-padding {padding-top: 80px; padding-bottom: 80px; } @media (max-width: 767px) {.section-padding {padding-top: 60px; padding-bottom: 60px; } } .section-padding-2 {padding-top: 130px; padding-bottom: 130px; } @media (max-width: 991px) {.section-padding-2 {padding: 80px 0; } } .inline-list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } section, .section {position: relative; } @media (min-width: 1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px; } } /*================================== //  flaticon ==================================*/ [class^=flaticon-]:before, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class*=" flaticon-"]:after {margin-left: 0; } /*====================== // back-to-top ========================*/ #back-to-top {font-size: 1rem; color: var(--color-white); background: var(--color-primary); width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; position: fixed; right: 30px; bottom: 30px; z-index: 99; display: none; cursor: pointer; overflow: hidden; } #back-to-top:hover {color: var(--color-white); background: #0034c2; } #back-to-top:hover i {-webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } [data-theme=dark] #back-to-top {--color-white: #fff; } @keyframes toBottomFromTop {49% {-webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% {opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% {opacity: 1; } } /*=================================== // section-heading ==================================*/ .rt-section-heading {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; margin-top: -3px; gap: 16px; font-size: 1.802rem; } .rt-section-heading.style-2 {font-size: 1.0625rem; text-transform: uppercase; margin-top: 0px; } .rt-section-heading.style-3 {font-size: 1.625rem; text-transform: uppercase; margin-top: 0px; } .rt-section-heading.white-style .rt-section-text {color: var(--color-white); } .rt-section-heading.white-style .rt-section-line {border-color: #595959; } [data-theme=dark] .rt-section-heading.white-style {--color-white: #fff; } [data-theme=dark] .rt-section-heading.white-style .rt-section-line {border-color: var(--color-border); } .rt-section-heading .rt-section-dot {width: 9px; height: 9px; border-radius: 50%; background-color: var(--color-primary); display: inline-block; } .rt-section-heading .rt-section-line {border: 1px solid var(--color-border); border-width: 1px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 4px; } /*rt-section-heading-style-2*/ .rt-section-heading-style-2 {margin-bottom: 34px; } .rt-section-heading-style-2 .sub-title {font-size: 0.875rem; color: #646464; text-transform: uppercase; position: relative; padding-left: 18px; font-weight: 500; display: block; margin-bottom: 20px; } .rt-section-heading-style-2 .sub-title::before {content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; background-color: var(--color-primary); } .rt-section-heading-style-2 .heading-tilte {margin-bottom: 15px; font-size: 1.802rem; } .rt-section-heading-style-2 p {margin-bottom: 10px; } .rt-section-heading-style-2 p:last-of-type {margin-bottom: 0; } .rt-section-heading-style-2 > .btn-wrap {margin-top: 32px; } [data-theme=dark] .rt-section-heading-style-2 > .btn-wrap .rt-read-more-primary_2 {border-color: transparent; } [data-theme=dark] .rt-section-heading-style-2 > .btn-wrap .rt-read-more-primary_2:hover {border-color: transparent; } /*============================= // Utility Class =============================*/ .image-link {display: block; width: 100%; height: 100%; position: absolute; z-index: 1; } .img-link {width: 100%; height: 100%; } .fs-12 {font-size: 12px !important; } .after-before, .insta-gallery .galleryitem > a::before, .footer.footer-style-3::after, .content-single-wrapper .product-img-view ul.tab-nav-list li a::before, .shop-box-style-1 .figure-box:before, .ft-video-section-style-1 .ft-video-bg::after, .video-slide::after, .video-box-style-1 .item-img::after, .rt-categories a::after, .rt-cart-item .item-img::after, .about-video-wrap-style-1 .item-img::after, .banner.banner-style-7::before, .banner.banner-style-7::after, .banner.author-banner::after, .banner.banner-style-3::after, .banner.banner-style-2::after, .header-main-style-7 .humburger-area::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .border-with-spacer-1 {border: 1px solid var(--color-border); margin-bottom: 35px; } .rt-gradient-overaly {position: relative; z-index: 1; } .rt-gradient-overaly::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 59%, rgba(0, 0, 0, 0.8) 100%); z-index: -1; } .rt-post-cat-normal {font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05rem; font-weight: 500; color: var(--color-cat-normal); display: inline-block; margin-bottom: 10px; } .rt-date {font-size: 0.75rem; color: #8f8f8f; font-weight: 500; display: inline-block; } .post-xl .rt-date {color: #d0d0d0; } .post-thumb .rt-date {color: var(--color-white); } .rt-date .icon {margin-right: 2px; } [data-theme=dark] .rt-date {--color-white: #fff; } .rt-cat, .ft-workout, .ft-bodybuilding, .ft-yoga, .ft-fit, .ft-gym, .tr-bangladesh, .tr-canada, .tr-africa, .tr-america, .tr-asia, .tr-europe, .basketball, .sports, .swimming, .animations, .music, .politics, .cycling, .fighter, .animal, .racing, .travel, .mission, .technology, .football, .action, .food, .world, .ragbi, .fashion-black, .fashion, .life-style, .tennis, .rt-cat-primary {font-size: 0.75rem; color: var(--color-white); font-weight: 500; padding: 0 8px; line-height: 2; letter-spacing: 0.05rem; text-transform: uppercase; height: 24px; display: inline-block; margin-bottom: 20px; } .rt-cat:hover, .ft-workout:hover, .ft-bodybuilding:hover, .ft-yoga:hover, .ft-fit:hover, .ft-gym:hover, .tr-bangladesh:hover, .tr-canada:hover, .tr-africa:hover, .tr-america:hover, .tr-asia:hover, .tr-europe:hover, .basketball:hover, .sports:hover, .swimming:hover, .animations:hover, .music:hover, .politics:hover, .cycling:hover, .fighter:hover, .animal:hover, .racing:hover, .travel:hover, .mission:hover, .technology:hover, .football:hover, .action:hover, .food:hover, .world:hover, .ragbi:hover, .fashion-black:hover, .fashion:hover, .life-style:hover, .tennis:hover, .rt-cat-primary:hover {color: var(--color-white); } [data-theme=dark] .rt-cat, [data-theme=dark] .ft-workout, [data-theme=dark] .ft-bodybuilding, [data-theme=dark] .ft-yoga, [data-theme=dark] .ft-fit, [data-theme=dark] .ft-gym, [data-theme=dark] .tr-bangladesh, [data-theme=dark] .tr-canada, [data-theme=dark] .tr-africa, [data-theme=dark] .tr-america, [data-theme=dark] .tr-asia, [data-theme=dark] .tr-europe, [data-theme=dark] .basketball, [data-theme=dark] .sports, [data-theme=dark] .swimming, [data-theme=dark] .animations, [data-theme=dark] .music, [data-theme=dark] .politics, [data-theme=dark] .cycling, [data-theme=dark] .fighter, [data-theme=dark] .animal, [data-theme=dark] .racing, [data-theme=dark] .travel, [data-theme=dark] .mission, [data-theme=dark] .technology, [data-theme=dark] .football, [data-theme=dark] .action, [data-theme=dark] .food, [data-theme=dark] .world, [data-theme=dark] .ragbi, [data-theme=dark] .fashion-black, [data-theme=dark] .fashion, [data-theme=dark] .life-style, [data-theme=dark] .tennis, [data-theme=dark] .rt-cat-primary {--color-white: #fff; } .rt-cat-primary {background-color: var(--color-primary); } .fashion, .life-style, .tennis {background-color: #000; } .fashion-black {background-color: var(--color-black); } [data-theme=dark] .fashion-black {color: #fff; background-color: var(--color-primary); } .action, .food, .world, .ragbi {background-color: #000; } .mission, .technology, .football {background-color: #000; } .racing, .travel {background-color: #000; } .animal {background-color: #000; } .cycling, .fighter {background-color: #000; } .politics {background-color: #000; } .swimming, .animations, .music {background-color: #000; } .sports {background-color: #000; } .basketball {background-color: #000; } .tr-europe {background-color: #ffae25; } .tr-asia {background-color: #7747ff; } .tr-america {background-color: #ff3385; } .tr-africa {background-color: #3da5b4; } .tr-canada {background-color: #558811; } .tr-bangladesh {background-color: #0173ff; } .ft-gym {background-color: #ffae25; } .ft-fit {background-color: #0073ff; } .ft-yoga {background-color: #ff3385; } .ft-bodybuilding {background-color: #3da5b4; } .ft-workout {background-color: #3bd802; } .discrount-badge {font-size: 0.75rem; color: #fff; background-color: var(--color-primary); display: inline-block; border-radius: 4px; border-radius: 3px; padding: 2px 8px; font-weight: 600; } .anim-overflow {display: block; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all ease 1s; transition: all ease 1s; } .slider-navigation .slider-btn {position: relative; z-index: 1; font-size: 1.0625rem; color: var(--color-primary); width: 45px; height: 45px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--color-border); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .slider-navigation .slider-btn::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; z-index: -1; background: -webkit-gradient(linear, left top, left bottom, from(#7fb7fa), to(#db1b1b)); background: linear-gradient(180deg, #7fb7fa 0%, #db1b1b 100%); -webkit-transform: scale(0.4); transform: scale(0.4); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .slider-navigation .slider-btn:hover {color: var(--color-white); border-color: transparent; } .slider-navigation .slider-btn:hover::after {visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .slider-navigation .slider-btn:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .slider-navigation .slider-btn.btn-next {margin-left: 3px; } [data-theme=dark] .slider-navigation .slider-btn {background-color: var(--color-white); } [data-theme=dark] .slider-navigation .slider-btn:hover {border-color: transparent; } .slider-navigation.style-2 .slider-btn {font-size: 0.9375rem; width: 36px; height: 36px; border-radius: 4px; } .slider-navigation.style-2 .slider-btn::after {border-radius: 4px; } .slider-navigation.style-2 .slider-btn.btn-next {margin-left: -3px; } .slider-navigation.style-2 .slider-btn:hover {-webkit-box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27); box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27); } [data-theme=dark] .slider-navigation {--color-white: #fff; } .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px; background: #bfa99a; opacity: 1; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--color-white); } [data-theme=dark] .swiper-pagination {--color-white: #fff; --color-black: #000; } /*gap*/ .gap-top-90 {margin-top: 90px; } @media (max-width: 991px) {.gap-top-90 {margin-top: 50px; } } .gap-top-70 {margin-top: 70px; } @media (max-width: 991px) {.gap-top-70 {margin-top: 30px; } } /*button*/ .rt-btn-primary {font-size: 0.875rem; color: var(--color-white); background-color: var(--color-primary); font-weight: 700; border-radius: 4px; border: 1px solid transparent; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; text-transform: uppercase; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 30px; } .rt-btn-primary:hover {color: var(--color-white); background-color: #0034c2; } .rt-btn-primary:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } [data-theme=dark] .rt-btn-primary {--color-white: #fff; --color-black: #000; } .rt-eye-btn-gray {font-size: 1.25rem; color: #000; background-color: #f0f0f0; border: 1px solid transparent; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; text-transform: uppercase; width: 50px; height: 50px; border-radius: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px; } .rt-eye-btn-gray:hover {color: #000; background-color: #d7d7d7; } .rt-eye-btn-gray:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } /*read more button*/ .rt-read-more, .rt-read-more-white, .rt-read-more-primary_2, .rt-read-more-primary {padding: 5px 18px 5px 25px; font-size: 0.75rem; font-weight: 700; height: 44px; background: transparent; color: #646464; text-transform: uppercase; border: 1px solid var(--color-border); border-radius: 3px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.05rem; } .rt-read-more:hover, .rt-read-more-white:hover, .rt-read-more-primary_2:hover, .rt-read-more-primary:hover {background-color: var(--color-primary); color: var(--color-white); border-color: transparent; } [data-theme=dark] .rt-read-more, [data-theme=dark] .rt-read-more-white, [data-theme=dark] .rt-read-more-primary_2, [data-theme=dark] .rt-read-more-primary {color: var(--color-black); border-color: var(--color-black); } [data-theme=dark] .rt-read-more:hover, [data-theme=dark] .rt-read-more-white:hover, [data-theme=dark] .rt-read-more-primary_2:hover, [data-theme=dark] .rt-read-more-primary:hover {color: var(--color-black); border-color: transparent; } .rt-read-more-primary {background-color: var(--color-primary); color: var(--color-white); border-color: transparent; height: 46px; } .rt-read-more-primary:hover {background-color: transparent; color: var(--color-white); border-color: var(--color-white); } .rt-read-more-primary_2 {background-color: var(--color-primary); color: var(--color-white); border-color: transparent; height: 46px; } .rt-read-more-primary_2:hover {background-color: #0034c2; color: var(--color-white); } .rt-read-more-white {background-color: var(--color-white); color: #282828; border-color: transparent; height: 46px; } .rt-read-more-white:hover {background-color: var(--color-primary); color: var(--color-white); border-color: transparent; } .rt-read-more rect.rt-button-line, .rt-read-more-primary rect.rt-button-line, .rt-read-more-primary_2 rect.rt-button-line, .rt-read-more-white rect.rt-button-line {height: 1.5px; y: 7; } .rt-read-more svg, .rt-read-more-primary svg, .rt-read-more-primary_2 svg, .rt-read-more-white svg, .rt-read-more svg {fill: currentColor; vertical-align: middle; margin-left: 7px; width: 22px; } .rt-read-more .rt-button-line, .rt-read-more-primary .rt-button-line, .rt-read-more-primary_2 .rt-button-line, .rt-read-more-white .rt-button-line {stroke: currentColor; stroke-width: 0.5; } .rt-read-more .rt-button-cap-fake, .rt-read-more-primary .rt-button-cap-fake, .rt-read-more-primary_2 .rt-button-cap-fake, .rt-read-more-white .rt-button-cap-fake {stroke: currentColor; stroke-width: 1; } .rt-read-more .rt-button-cap, .rt-read-more-primary .rt-button-cap, .rt-read-more-primary_2 .rt-button-cap, .rt-read-more-white .rt-button-cap, .rt-read-more .rt-button-line, .rt-read-more-primary .rt-button-line, .rt-read-more-primary_2 .rt-button-line, .rt-read-more-white .rt-button-line {-webkit-transform: translateX(-13px); transform: translateX(-13px); -webkit-transform-origin: right; transform-origin: right; -webkit-transition: 0.5s; transition: 0.5s; } .rt-read-more:hover .rt-button-line, .rt-read-more-primary:hover .rt-button-line, .rt-read-more-primary_2:hover .rt-button-line, .rt-read-more-white:hover .rt-button-line {-webkit-animation: qode-button-line 0.4s ease forwards; animation: qode-button-line 0.4s ease forwards; } .rt-read-more:hover .rt-button-cap, .rt-read-more-primary:hover .rt-button-cap, .rt-read-more-primary_2:hover .rt-button-cap, .rt-read-more-white:hover .rt-button-cap {-webkit-animation: qode-button-cap 0.4s ease forwards; animation: qode-button-cap 0.4s ease forwards; } .rt-button-animation-out .rt-button-cap-fake {-webkit-animation: qode-button-cap-fake-out 0.35s linear; animation: qode-button-cap-fake-out 0.35s linear; } .rt-button-animation-out .rt-button-cap {-webkit-animation: qode-button-cap-out 0.35s ease-in-out; animation: qode-button-cap-out 0.35s ease-in-out; } .rt-button-line {-webkit-transform: translateX(9px); transform: translateX(9px); stroke-width: 0.1; stroke: currentColor; } .rt-button-cap, .rt-button-line {-webkit-transform-origin: right; transform-origin: right; -webkit-transition: 0.33s cubic-bezier(0.14, -0.07, 0.23, 0.9); transition: 0.33s cubic-bezier(0.14, -0.07, 0.23, 0.9); } .rt-play-btn, .play-btn-transparent_2, .play-btn-transparent, .play-btn-gray_2, .play-btn-gray-rectangle, .play-btn-gray, .play-btn-white_md, .play-btn-white_lg-2, .play-btn-white_lg, .play-btn-white_xl, .play-btn-white, .play-btn-primary {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .play-btn-primary {width: 60px; height: 60px; border-radius: 50%; background-color: var(--color-primary); color: var(--color-white); font-size: 1.125rem; -webkit-animation: pulseShadowlgprimary 2000ms linear infinite; animation: pulseShadowlgprimary 2000ms linear infinite; } .play-btn-primary:hover {background-color: #0034c2; color: var(--color-white); } .play-btn-white {width: 42px; height: 42px; border-radius: 50%; background-color: var(--color-white); color: var(--color-primary); font-size: 0.875rem; -webkit-animation: pulseShadowsmwhite 2000ms linear infinite; animation: pulseShadowsmwhite 2000ms linear infinite; } .play-btn-white:hover {background-color: #0034c2; color: var(--color-white); } .play-btn-white_xl {width: 80px; height: 80px; border-radius: 50%; background-color: var(--color-white); color: #282828; font-size: 1.25rem; -webkit-animation: pulseShadowxlwhite 2000ms linear infinite; animation: pulseShadowxlwhite 2000ms linear infinite; } .play-btn-white_xl:hover {background-color: #0034c2; color: var(--color-white); } [data-theme=dark] .play-btn-white_xl {--color-white: #fff; --color-black: #000; } .play-btn-white_lg {width: 50px; height: 50px; border-radius: 50%; background-color: var(--color-white); color: #282828; font-size: 1.125rem; -webkit-animation: pulseShadowlgwhite 2000ms linear infinite; animation: pulseShadowlgwhite 2000ms linear infinite; } .play-btn-white_lg:hover {background-color: #0034c2; color: var(--color-white); } [data-theme=dark] .play-btn-white_lg {--color-white: #fff; --color-black: #000; } .play-btn-white_lg-2 {width: 70px; height: 70px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); color: #fff; font-size: 1.25rem; -webkit-animation: pulseShadowlgwhite 2000ms linear infinite; animation: pulseShadowlgwhite 2000ms linear infinite; } .play-btn-white_lg-2:hover {background-color: #0034c2; color: #fff; } .play-btn-white_md {width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); color: #fff; font-size: 1.125rem; -webkit-animation: pulseShadowsmwhite 2000ms linear infinite; animation: pulseShadowsmwhite 2000ms linear infinite; } .play-btn-white_md:hover {background-color: #0034c2; color: #fff; } .play-btn-gray {width: 42px; height: 42px; border-radius: 50%; background-color: #acacac; color: var(--color-white); font-size: 0.875rem; -webkit-animation: pulseShadowsmgray 2000ms linear infinite; animation: pulseShadowsmgray 2000ms linear infinite; } .play-btn-gray:hover {background-color: #0034c2; color: var(--color-white); } .play-btn-gray-rectangle {width: 54px; height: 54px; background-color: rgba(255, 255, 255, 0.4); color: #fff; font-size: 0.9375rem; } .play-btn-gray-rectangle:hover {background-color: #0034c2; color: #fff; } .play-btn-gray_2 {width: 42px; height: 42px; border-radius: 50%; background-color: #646462; color: var(--color-white); font-size: 0.875rem; -webkit-animation: pulseShadowsmgray 2000ms linear infinite; animation: pulseShadowsmgray 2000ms linear infinite; } .play-btn-gray_2:hover {background-color: #0034c2; color: var(--color-white); } [data-theme=dark] .play-btn-gray_2 {--color-white: #fff; } .play-btn-transparent {width: 55px; height: 55px; border-radius: 50%; background-color: rgba(var(--color-black-rgb), 0.7); color: var(--color-white); font-size: 1rem; -webkit-animation: pulseShadowsmgray 2000ms linear infinite; animation: pulseShadowsmgray 2000ms linear infinite; } .play-btn-transparent:hover {background-color: #0034c2; color: var(--color-white); } [data-theme=dark] .play-btn-transparent {--color-black: #000; --color-white: #fff; --color-black-rgb: 0, 0, 0; } .play-btn-transparent_2 {width: 40px; height: 40px; border-radius: 50%; background-color: rgba(var(--color-black-rgb), 0.7); color: var(--color-white); font-size: 0.8125rem; -webkit-animation: pulseShadowsmgray 2000ms linear infinite; animation: pulseShadowsmgray 2000ms linear infinite; } .play-btn-transparent_2:hover {background-color: #0034c2; color: var(--color-white); } [data-theme=dark] .play-btn-transparent_2 {--color-black: #000; --color-white: #fff; --color-black-rgb: 0, 0, 0; } /*=========================== // post meta ===========================*/ .post-meta ul {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-meta ul li {margin-right: 20px; } .post-meta ul li:last-child {margin-right: 0; } .post-meta.style-2 .rt-post-meta, .post-meta.style-2 .rt-meta {color: #d0d0d0; } .post-meta.style-2 .rt-post-meta a, .post-meta.style-2 .rt-meta a {color: #d0d0d0; } .post-meta.style-2 .rt-post-meta a.name, .post-meta.style-2 .rt-meta a.name {color: var(--color-white); } .post-meta.style-2 .rt-post-meta a.name:hover, .post-meta.style-2 .rt-meta a.name:hover {color: var(--color-primary); } [data-theme=dark] .post-meta {--color-white: #fff; } .rt-post-meta, .rt-meta {font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05rem; color: var(--color-meta-normal); } .single-post-banner .rt-meta, .rt-post-overlay .rt-meta, .video-slide .rt-meta {color: #d0d0d0; } .post-thumb .rt-meta {color: var(--color-white); } .rt-meta .icon {margin-right: 2px; font-size: 0.875rem; } .topbar .rt-meta .icon {color: var(--color-white); } .rt-meta a {display: inline-block; } .rt-meta a.name {font-weight: 700; } .single-post-banner .rt-meta a, .rt-post-overlay .rt-meta a, .video-slide .rt-meta a {color: #d0d0d0; } .single-post-banner .rt-meta a.name, .rt-post-overlay .rt-meta a.name, .video-slide .rt-meta a.name {color: var(--color-white); } .single-post-banner .rt-meta a.name:hover, .rt-post-overlay .rt-meta a.name:hover, .video-slide .rt-meta a.name:hover {color: var(--color-primary); } .grid-meta .rt-meta a.name {color: #444444; } [data-theme=dark] .grid-meta .rt-meta a.name {color: #fff; } .grid-meta .rt-meta a.name:hover {color: var(--color-primary); } [data-theme=dark] .rt-meta {--color-white: #fff; } /*=========================== // template-search ===========================*/ .template-search {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #f5f6fa; -webkit-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; visibility: hidden; z-index: 999999; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } [data-theme=dark] .template-search {background: var(--color-dark-bg_2); } .template-search .search-form {text-align: center; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .template-search .search-form input[type=search] {width: 60%; color: var(--color-black); font-size: 40px; text-align: left; border: none; border-bottom: 2px solid var(--color-primary); margin: 0 auto; padding: 10px 0; outline: none; background-color: transparent; } .template-search .search-form .search-btn {padding: 28px 60px; -webkit-box-shadow: none; box-shadow: none; border: none; cursor: pointer; font-size: 24px; font-weight: 600; -webkit-transform: translateX(-150px) translateY(-10px); transform: translateX(-150px) translateY(-10px); background-color: transparent; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .template-search .search-form .search-btn i {margin-left: 0; } .template-search .search-form .search-btn:focus {-webkit-box-shadow: none; box-shadow: none; outline: none; } .template-search .search-form input::-webkit-input-placeholder {color: #cfcfcf; } [data-theme=dark] .template-search .search-form input::-webkit-input-placeholder {color: #fff; } .template-search .search-form input::-moz-placeholder {color: #cfcfcf; } [data-theme=dark] .template-search .search-form input::-moz-placeholder {color: #fff; } .template-search .search-form input:-moz-placeholder {color: #cfcfcf; } [data-theme=dark] .template-search .search-form input:-moz-placeholder {color: #fff; } .template-search .search-form input:-ms-input-placeholder {color: #cfcfcf; } [data-theme=dark] .template-search .search-form input:-ms-input-placeholder {color: #fff; } .template-search .close {position: fixed; top: 15px; right: 20px; color: var(--color-black); border: none; opacity: 0.3; visibility: visible; padding: 3px 15px 5px; font-size: 70px; font-weight: 300; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: transparent; } .template-search .close:focus {-webkit-box-shadow: none; box-shadow: none; border: none; outline: none; } .template-search .close:hover {opacity: 1; background-color: transparent; } .template-search.open {-webkit-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; visibility: visible; } /*=============================== //  button ================================*/ /*shop button*/ .rt-shop-btn, .btn-white-sm {font-size: 0.8125rem; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1rem; border-radius: 2px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; -webkit-box-shadow: 0px 8px 27px 0px rgba(20, 122, 128, 0.22); box-shadow: 0px 8px 27px 0px rgba(20, 122, 128, 0.22); } .rt-shop-btn:hover, .btn-white-sm:hover {color: var(--color-white); background-color: var(--color-primary); } .btn-white-sm {color: var(--color-black); background-color: var(--color-white); height: 38px; } /*======================= // Off canvas menu ========================*/ .offcanvas-menu-wrap {max-width: 395px; width: 100%; position: fixed; -webkit-transform: translateX(-100%); transform: translateX(-100%); top: 0; left: 0; background-color: #fff; z-index: 9999; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; overflow-y: scroll; -ms-overflow-style: none; -moz-scrollbar-width: none; } .offcanvas-menu-wrap::-webkit-scrollbar {display: none; } @media (max-width: 575px) {.offcanvas-menu-wrap {max-width: 320px; } } .offcanvas-menu-wrap[data-position=right] {left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } [data-theme=dark] .offcanvas-menu-wrap {background-color: var(--color-dark-bg_2); } .offcanvas-menu-wrap .offcanvas-content {height: 100vh; padding: 50px; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; } .offcanvas-menu-wrap .offcanvas-content.offcanvas-content-style-2 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 35px 40px; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-header {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; padding: 0; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-header .close-btn {font-size: 1.25rem; font-weight: 500; color: var(--color-white); background: var(--color-primary); width: 44px; height: 44px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-header .close-btn a {color: var(--color-white); } [data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-header .close-btn {--color-white: #fff; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget {margin-bottom: 40px; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget:last-child {padding-bottom: 40px; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .offcanvas-widget-title {font-size: 20px; line-height: 30px; margin-bottom: 20px; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget p {line-height: 24px; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget p:last-child {margin-bottom: 0; } [data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget p {color: #d7d7d7; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list {margin-top: -5px; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item {color: #646464; margin-bottom: 20px; padding-left: 25px; position: relative; line-height: 1.5; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item .list-icon {color: var(--color-primary); position: absolute; left: 0; top: 4px; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item a {padding-left: 0; line-height: 1.5; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item a::after {display: none; } .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-link {color: #646464; } [data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-item, [data-theme=dark] .offcanvas-menu-wrap .offcanvas-content .offcanvas-widget .contact-info-list .widget-list-link {color: #d7d7d7; } .offcanvas-menu-wrap .offcanvas-content-style-2 .offcanvas-header {margin-bottom: 60px; } .offcanvas-menu-wrap .offcanvas-content-style-2 .offcanvas-bottom-area .offcanvas-widget {padding-top: 40px; margin-bottom: 0; } div#wrapper.open > .offcanvas-mask {content: ""; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0, 0, 0, 0.7); z-index: 150; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*======================================= // Off canvas cart menu ========================================*/ .cart-menu-btn {border: none; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border-radius: 0; } .cart-menu-btn i {margin-top: 3px; } .cart-menu-btn:focus {outline: none; } .cart-menu-btn .menu-btn-icon {padding: 10px; display: block; position: relative; text-align: center; border-radius: 0; width: 60px; height: 50px; } @media (max-width: 767px) {.cart-menu-btn .menu-btn-icon {width: 45px; height: 40px; } } .cart-menu-btn .menu-btn-icon span {position: absolute; height: 2px; right: 13px; z-index: 2; background-color: #000; -webkit-transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1); transition: 0.8s cubic-bezier(0.86, 0, 0.07, 1); } .cart-menu-btn:hover .menu-btn-icon span {background-color: var(--color-primary); } .cart-menu-btn.menu-close-btn .menu-btn-icon {height: 15px; width: 15px; font-size: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #aeafb1; background-color: #ffffff; color: #7b858a; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cart-menu-btn.menu-close-btn .menu-btn-icon :hover {color: var(--color-primary); border-color: var(--color-primary); } .cart-header .cart-title {font-size: 20px; line-height: 1; color: var(--color-black); font-weight: 700; } .cart-wrap {height: 100vh; padding: 40px 35px; max-width: 395px; width: 100%; position: fixed; -webkit-transform: translateX(-100%); transform: translateX(-100%); top: 0; left: 0; background: #fff; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); z-index: 999; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; visibility: hidden; opacity: 0; } [data-theme=dark] .cart-wrap {background: var(--color-dark-bg_2); } .open-cart .cart-wrap {visibility: visible; opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } @media (max-width: 767px) {.cart-wrap {padding: 20px 30px; } } .cart-wrap[data-position=right] {left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .cart-wrap .cart-content {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-wrap .cart-content .cart-header {margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid var(--color-border); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cart-wrap .cart-content .cart-items {margin-bottom: 40px; width: 100%; } .cart-wrap .cart-content .cart-items li {margin-right: 0; position: relative; z-index: 1; border-bottom: 1px solid var(--color-border); padding-bottom: 15px; margin-bottom: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-wrap .cart-content .cart-items li:last-child {border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .cart-wrap .cart-content .cart-items li .item-figure {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; border-radius: 4px; } .cart-wrap .cart-content .cart-items li .item-figure img {border-radius: 4px; } .cart-wrap .cart-content .cart-items li .item-figure .item-dismiss {position: absolute; z-index: 2; left: -7px; top: -7px; } .cart-wrap .cart-content .cart-items li .item-figure .item-dismiss a {height: 15px; width: 15px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #aeafb1; background-color: #ffffff; color: #7b858a; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cart-wrap .cart-content .cart-items li .item-figure .item-dismiss a:hover {color: var(--color-primary); } .cart-wrap .cart-content .cart-items li .item-description {margin-left: 20px; padding-right: 30px; } .cart-wrap .cart-content .cart-items li .item-description .item-main-title {display: block; font-weight: 600; font-size: 18px; margin-bottom: 5px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .cart-wrap .cart-content .cart-items li .item-description .item-main-title a {color: var(--color-black); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .cart-wrap .cart-content .cart-items li .item-description .item-main-title:hover a {color: var(--color-primary); } .cart-wrap .cart-content .cart-items li .item-description .item-amount .item-quantity {margin-right: 5px; } .cart-wrap .cart-content .cart-items li .item-description .item-amount .item-price {margin-left: 5px; } .cart-wrap .cart-content .total-amount {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .cart-wrap .cart-content .total-amount .title {font-size: 22px; font-weight: 600; color: var(--color-black); } .cart-wrap .cart-content .total-amount .amount {font-size: 18px; font-weight: 600; color: var(--color-primary); } .cart-wrap .cart-content .cart-footer {width: 100%; } .cart-wrap .cart-content .action-buttons {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } div#wrapper.open-cart > .offcanvas-mask {content: ""; position: fixed; width: 100%; height: 100%; top: 0; right: 0; background: rgba(0, 0, 0, 0.7); z-index: 150; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .wrapper {position: relative; z-index: 1; } .wrapper:before {content: ""; background-color: rgba(0, 0, 0, 0); height: 100%; width: 0; top: 0; right: 0; position: absolute; z-index: 2; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .wrapper.open:before {width: 100%; } /*========================== //  common pair elements =========================*/ .common-pair-elemnets {position: relative; } .common-pair-elemnets .element-list li {position: absolute; z-index: -1; } .common-pair-elemnets .element-list li:nth-child(1) {left: -36px; bottom: -36px; } .common-pair-elemnets .element-list li:nth-child(2) {right: -36px; bottom: -30px; } /*=============================== //  rt-pagination ==============================*/ .rt-pagination {-ms-flex-wrap: wrap; flex-wrap: wrap; } .rt-pagination .page-item {margin-right: 4px; } .rt-pagination .page-item i {font-size: 0.875rem; font-weight: 600; } .rt-pagination .page-item:last-child {margin-right: 0; } .rt-pagination .page-item.prev {margin-right: 14px; } .rt-pagination .page-item.next {margin-left: 10px; } .rt-pagination .page-link {width: 48px; height: 45px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1.125rem; color: var(--color-black); border-radius: 3px; } .rt-pagination .page-link:focus {-webkit-box-shadow: none; box-shadow: none; } [data-theme=dark] .rt-pagination {--color-black: #000; } [data-theme=dark] .rt-pagination .page-link {background: var(--color-dark-bg_2); color: #fff; } [data-theme=dark] .rt-pagination .page-item.active .page-link {color: #fff; background-color: var(--color-primary); border-color: var(--color-primary); } /*============================ Modal =============================*/ #rtModal {/*  padding-left: 17px;*/ /*box-shadow: 5px 5px 5px #292929;*/ } @media (max-width: 991px) {#rtModal {display: none; } } @media (min-width: 576px) {#rtModal .modal-dialog {max-width: 980px; margin: 1.75rem auto; } } #rtModal .rt-modal-wrapper {max-width: 100%; width: 100%; min-height: 510px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #fff; } /*#rtModal .rt-modal-wrapper::after {content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-image: url("../../media/gallery/newsletter-bg_1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }*/ #rtModal .modal-content {border: none; border-radius: 0; } #rtModal .close {position: absolute; right: 0; top: 0; font-size: 1.125rem; color: #fff; cursor: pointer; width: 60px; height: 60px; text-align: center; background-color: #313131; -webkit-clip-path: circle(100% at 100% 0); clip-path: circle(100% at 100% 0); z-index: 1; text-align: center; border: none; cursor: pointer; } #rtModal .close:focus {outline: none; } #rtModal .modal-body {padding: 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #rtModal .modal-body .content-box {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 50px; } #rtModal .modal-body .content-box .title {font-size: 2.25rem; line-height: 1.22; margin-bottom: 25px; color: #000; } #rtModal .rt-form-group {margin-bottom: 15px; position: relative; } #rtModal .rt-form-group i {position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } #rtModal .form-control {padding: 5px 30px; height: 50px; color: #959595; background-color: transparent; border: none; border-radius: 0; border-bottom: 1px solid #e5e5e5; font-size: 1rem; } #rtModal .form-control:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } #rtModal .form-check-label {color: #959595; font-size: 0.875rem; } #rtModal .form-check-input[type=checkbox] {border: 1px solid #acacac; margin-right: 10px; } #rtModal .form-check-input[type=checkbox]:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } #rtModal .submit-btn {width: 100%; color: #ffffff; font-size: 15px; font-family: var(--font-title); font-weight: 600; letter-spacing: 2px; padding: 15px 30px; background-color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #rtModal .submit-btn:hover {background-color: #ffffff; color: var(--color-primary); } #rtModal .submit-btn:focus {outline: none; -webkit-box-shadow: none; box-shadow: none; } #rtModal input.form-control::-webkit-input-placeholder {font-size: 16px; color: #959595; } /*====================================== // pre-loader =====================================*/ #preloader {background: url("../../../../../images/@logo_terkini.png") rgba(255, 255, 255, 0.99) no-repeat scroll center center; height: 100%; left: 0; overflow: visible; position: fixed; top: 0; width: 100%; z-index: 9999999; } /*======================================== // tooltip overwrite ==========================================*/ .bs-tooltip-top {margin-top: 20px; } .tooltip-inner {font-size: 0.75rem; font-weight: 500; text-transform: uppercase; max-width: 200px; padding: 3px 10px; color: #fff; text-align: center; background-color: var(--color-primary); border-radius: 4px; -webkit-box-shadow: 0 4px 18px rgba(var(--color-primary-rgb), 0.31); box-shadow: 0 4px 18px rgba(var(--color-primary-rgb), 0.31); height: 35px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tooltip.show {opacity: 1; } .tooltip .tooltip-arrow {position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: var(--color-primary); } /*================================== // theme-swithcer-box ================================*/ .theme-switch-box-wrap {position: fixed; right: 12px; top: 320px; z-index: 100; } .theme-switch-box {display: -ms-grid; display: grid; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--color-primary); padding: 8px 6px; border-radius: 1.5rem; } [data-theme=dark] .theme-switch-box {background: #d8d8d8; } .theme-switch-box__theme-status {color: var(--color-white); line-height: 1; text-align: center; } .theme-switch-box__label {width: 18px; height: 36px; display: inline-block; position: relative; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; border-radius: 1.5rem; overflow: hidden; } .theme-switch-box__main {position: absolute; background: #000; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; border-radius: 1.5rem; } .theme-switch-box__main::before {position: absolute; content: ""; width: 12px; height: 12px; background-color: #fff; left: 50%; top: 0; -webkit-transform: translateX(-50%) translateY(3px); transform: translateX(-50%) translateY(3px); border-radius: 100%; -webkit-transition: 1s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: 1s cubic-bezier(0.52, 1.64, 0.37, 0.66); border-radius: 1.5rem; } .theme-switch-box__input {display: none; } .theme-switch-box__input:checked + .theme-switch-box__main::before {top: 17px; -webkit-transition: 0.5s cubic-bezier(0.52, 1.64, 0.37, 0.66); transition: 0.5s cubic-bezier(0.52, 1.64, 0.37, 0.66); } .shape-element {position: absolute; z-index: -1; } .shape-element span {display: block; } @media (max-width: 991px) {.shape-element {display: none; } } /*============================== // rt-header ==============================*/ .rt-header {position: relative; z-index: 9; background-color: var(--color-white); } .rt-header.rt-header-style-7 {position: absolute; left: 0; top: 0; width: 100%; z-index: 44; background-color: transparent; } @media (min-width: 1200px) {.rt-header.rt-header-style-7 .container, .rt-header.rt-header-style-7 .container-lg, .rt-header.rt-header-style-7 .container-md, .rt-header.rt-header-style-7 .container-sm, .rt-header.rt-header-style-7 .container-xl {max-width: 1320px; } } @media (min-width: 1400px) {.rt-header.rt-header-style-7 .container, .rt-header.rt-header-style-7 .container-lg, .rt-header.rt-header-style-7 .container-md, .rt-header.rt-header-style-7 .container-sm, .rt-header.rt-header-style-7 .container-xl {max-width: 1600px; } } .rt-header.rt-header-style-9 {background-color: #000; } .rt-header.rt-header-style-9 .navbar-wrap {background-color: #000; } .rt-header.rt-header-style-9 .menu-wrap-style-9 {background-color: #202020; padding: 0 30px; } @media (max-width: 991px) {.rt-header {display: none; } } .site-branding a {display: table-cell; vertical-align: middle; } .site-branding .light-logo {display: none; } [data-theme=dark] .site-branding .light-logo {display: table-cell; } [data-theme=dark] .site-branding .dark-logo {display: none; } .header-main-style-4 {min-height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .sticky .header-main-style-4 {min-height: 100px; } .header-main-style-5 {border-bottom: 1px solid var(--color-border); } .header-main-style-5 .header-action-bars {padding-top: 20px; padding-bottom: 20px; } .sticky .header-main-style-5 {display: none; } .header-main-style-6 {border-bottom: 1px solid var(--color-border); } .sticky-on .header-main-style-5_sticky {display: none; } .sticky .header-main-style-5_sticky {display: block; } .header-main-style-8 {border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); } /*============================ // topbar ============================*/ .topbar {min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #292929; } [data-theme=dark] .topbar {background-color: #171818; } .rt-trending-style-1 {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rt-treding-slider1 {height: 40px; text-align: left; margin: 0; } .rt-treding-slider1 .swiper-slide {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: normal; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .rt-trending .trending-title {font-size: 0.8125rem; color: var(--color-white); font-weight: 300; letter-spacing: 0.05rem; text-transform: uppercase; position: relative; padding-right: 12px; margin-right: 10px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [data-theme=dark] .rt-trending .trending-title {color: var(--color-black); } [data-theme=dark] .rt-trending .trending-title::after {background-color: var(--color-black); } .rt-trending .trending-title::after {content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 17px; background-color: var(--color-white); } .rt-trending .trending-title .icon {font-size: 0.75rem; background-image: linear-gradient(45deg, #0034c2, #db1b1b); color: var(--color-white); width: 28px; height: 28px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 6px; } [data-theme=dark] .rt-trending .trending-title .icon {color: var(--color-black); background-color: var(--color-primary); } .rt-trending .trending-slide-title {font-size: 13px; color: #e0e0e0; position: relative; padding-left: 12px; margin-bottom: 0; } .rt-trending .trending-slide-title::after {content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #656565; } [data-theme=dark] .rt-trending .trending-slide-title {color: var(--color-black); } [data-theme=dark] .rt-trending .trending-slide-title::after {background-color: var(--color-black); } .rt-topbar-right {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rt-topbar-right .rt-date-style-1 {font-size: 0.8125rem; color: #bebdbd; font-weight: 300; line-height: 2.1; } .rt-topbar-right .rt-date-style-1 .icon {color: var(--color-white); margin-right: 5px; } .rt-top-social {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-left: 17px; margin-left: 15px; } .rt-top-social::after {content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 17px; background-color: #474747; } .rt-top-social .follow {font-size: 0.8125rem; text-transform: uppercase; margin-right: 12px; color: #fff; } .rt-top-social li {margin-right: 12px; } .rt-top-social li:last-child {margin-right: 0; } .rt-top-social a {font-size: 0.8125rem; color: #bebdbd; } .rt-top-social a:hover {color: #db1b1b; } @media (max-width: 1199px) {.rt-top-social {padding-left: 0; margin-left: 0; } .rt-top-social::after {display: none; } } .navbar-wrap {background-color: var(--color-white); } .sticky .navbar-wrap {position: fixed; width: 100%; left: 0; top: 0; right: 0; margin: 0 auto; background-color: rgba(255, 255, 255, 0.98); -webkit-box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16); z-index: 99; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0s; animation-delay: 0s; } .sticky .navbar-wrap.header-main-style-7 {border-color: transparent; background-color: rgba(0, 0, 0, 0.98); } [data-theme=dark] .sticky .navbar-wrap {background-color: var(--color-dark-bg_2); } .header-main-style-7 {background: rgba(0, 0, 0, 0.625); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .header-main-style-7 .logo-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; } .header-main-style-7 .logo-area {padding-left: 25px; margin-left: 25px; position: relative; } .header-main-style-7 .logo-area::after {content: ""; position: absolute; left: 0; bottom: -16px; width: 1px; height: 81px; background-color: rgba(255, 255, 255, 0.4); } .header-main-style-7 .humburger-area {padding-right: 0; position: relative; } .header-main-style-7 .humburger-area::after {border: 1px solid rgba(255, 255, 255, 0.625); border-radius: 50%; -webkit-transform: scale(1.375) translateX(-3px); transform: scale(1.375) translateX(-3px); z-index: 1; } .header-main-style-7 .humburger-area .humburger span, .header-main-style-7 .humburger-area .humburger::after, .header-main-style-7 .humburger-area .humburger::before {content: ""; position: absolute; display: block; width: 20px; height: 2px; background-color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .header-main-style-7 .humburger-area .humburger span {width: 16px; } .header-main-style-7 .main-menu__nav > ul > li > a {color: #fff; padding-top: 29px; padding-bottom: 29px; } .header-main-style-8 .main-menu__nav > ul > li > a {padding-top: 32px; padding-bottom: 32px; } .header-main-style-9 .main-menu__nav > ul > li > a {color: #fff; padding-top: 24px; padding-bottom: 24px; } .main-menu__nav ul li {display: inline-block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-right: 17px; } .main-menu__nav ul li.active > a {color: #db1b1b; } .main-menu__nav ul li:last-child {margin-right: 0; } @media (max-width: 1199px) {.main-menu__nav ul li:last-child:hover .main-menu__dropdown {right: 0; left: auto; } } .main-menu__nav ul li:hover .main-menu__dropdown {opacity: 1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; visibility: visible; top: 100%; -webkit-transform: scaleY(1); transform: scaleY(1); } .main-menu__nav ul li > a {font-size: 0.9375rem; color: var(--color-black); font-weight: 500; position: relative; display: inline-block; padding: 39px 6px; } .header-main-style-5 .main-menu__nav ul li > a {padding-top: 20px; padding-bottom: 20px; } .main-menu__nav ul li > a::before {position: absolute; content: ""; height: 4px; background: #db1b1b; left: 0; right: 0; margin: 0 auto; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1); transition: -webkit-transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1); transition: transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1); transition: transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1), -webkit-transform 0.4s cubic-bezier(0.51, 0.92, 0.24, 1); } .main-menu__nav ul li:hover > a {color: #db1b1b; } .main-menu__nav ul li:hover > a::before {background: #db1b1b; -webkit-transform: scaleX(1); transform: scaleX(1); } .main-menu__nav ul li ul {visibility: hidden; -webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6); transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6); opacity: 0; z-index: 100; position: absolute; top: 100%; left: 0; width: 200px; margin: 0; padding: 10px 0; background-color: #fff; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); text-align: left; padding: 15px 0; border-radius: 0 0 5px 5px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; } .main-menu__nav ul li ul li {display: block; padding: 0 10px; margin: 0; } .main-menu__nav ul li ul li.menu-drop-icon > a {position: relative; } .main-menu__nav ul li ul li ul {left: 100%; top: 0; } .main-menu__nav ul li ul li a {display: block; padding: 8px 10px; color: #656567; font-size: 0.875rem; font-weight: 500; position: relative; } .header-main-style-5 .main-menu__nav ul li ul li a {padding: 8px 10px; } .main-menu__nav ul li ul li a::after {float: right; } .main-menu__nav ul li ul li a::before {content: ""; position: absolute; width: 3px; height: 0px; top: 0; bottom: 0; margin: auto 0; left: 0; background: #db1b1b; opacity: 0; visibility: hidden; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .main-menu__nav ul li ul li:hover ul {visibility: visible; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .main-menu__nav ul li ul li:hover a::before {height: 11px; opacity: 1; visibility: visible; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .main-menu__nav_sub > a::after {content: ""; font-family: "Font Awesome 5 Free"; font-weight: 600; vertical-align: middle; -webkit-transform: rotate(0deg); transform: rotate(0deg); display: inline-block; padding-left: 6px; font-size: 12px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; } .main-menu__nav_sub:hover > a::after {-webkit-transform: rotate(180deg) translateX(-6px); transform: rotate(180deg) translateX(-6px); } .header-action-items {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-action-items .item {margin-right: 16px; } .header-action-items .item:last-child {margin-right: 0; } .header-action-items .item a {color: #818181; font-size: 1.25rem; } .header-main-style-9 .header-action-items .item a {color: #b8b8b8; } .header-action-items .item a:hover {color: #db1b1b; } .header-action-items .item.cart-icon {margin-right: 28px; } .header-action-items .item.cart-icon a {position: relative; } .header-action-items .item.cart-icon a .item-count {position: absolute; right: -12px; top: -8px; width: 20px; height: 20px; border-radius: 50%; background-color: #db1b1b; color: var(--color-white); font-size: 0.875rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [data-theme=dark] .header-action-items .item a {color: var(--color-black); } [data-theme=dark] .header-action-items .item.cart-icon a .item-count {color: var(--color-black); background-color: var(--color-primary); } .humburger {position: relative; z-index: 4; width: 32px; height: 32px; display: block; cursor: pointer; } .humburger.layout-2 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .humburger.layout-2 .menu-text {font-size: 0.875rem; font-weight: 600; text-transform: uppercase; margin-left: 40px; color: #292929; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } [data-theme=dark] .humburger.layout-2 .menu-text {color: var(--color-black); } .humburger span, .humburger::after, .humburger::before {content: ""; position: absolute; display: block; width: 28px; height: 2px; background-color: #636363; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .header-main-style-9 .humburger span, .header-main-style-9 .humburger::after, .header-main-style-9 .humburger::before {background-color: #b8b8b8; } .humburger > span {top: 50%; margin-top: -1px; } .humburger::before {top: 8px; } .humburger::after {bottom: 8px; } .humburger:hover span, .humburger:hover::after, .humburger:hover::before {background-color: #db1b1b; } .humburger:hover .menu-text {color: #db1b1b; } .open .humburger span {visibility: hidden; opacity: 0; } .open .humburger::before {-webkit-transform: rotate(45deg); transform: rotate(45deg); top: 15px; } .open .humburger::after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 15px; } [data-theme=dark] .humburger span, [data-theme=dark] .humburger::after, [data-theme=dark] .humburger::before {background-color: var(--color-black); } .icon-two {position: absolute; top: 10%; left: 40%; width: 100px; height: 100px; cursor: pointer; } .hamburger-two:before, .hamburger-two:after {content: ""; position: absolute; width: 50px; height: 6px; background: #fcfcfc; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-transition: 0.5s; transition: 0.5s; } .icon-two.active-two .hamburger-two {-webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2); } .icon-two.active-two .hamburger-two:before {top: -9px; right: -5px; width: 30px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0); box-shadow: 0 2px 5px rgba(0, 0, 0, 0); } .icon-two.active-two .hamburger-two:after {top: 9px; right: -5px; width: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0); box-shadow: 0 2px 5px rgba(0, 0, 0, 0); } /*===================================== //  Mobile menu ======================================*/ .offscreen-navigation .menu > li {border-bottom: 1px solid #e9e9e9; } [data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li {border-color: #222121; } .offscreen-navigation .menu > li:last-child {border-bottom: 0; } .offscreen-navigation .menu > li > a {background-color: #f3f3f3; font-size: 16px; padding: 12px 30px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .offcanvas-content-style-2 .offscreen-navigation .menu > li > a {background-color: transparent; padding: 12px 0; } [data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li > a {color: #fff; } [data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li > a:hover {background: transparent; } .offscreen-navigation .menu > li > a:hover {background-color: #f8f8f8; } .offscreen-navigation .menu > li > a.opened {background-color: #f8f8f8; } [data-theme=dark] .offscreen-navigation .menu > li > a.opened {background: transparent; } [data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .menu > li > a.opened {background-color: transparent; } .offscreen-navigation .sub-menu {display: none; background-color: #ffffff; } [data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .sub-menu {background: var(--color-dark-bg_2); } .offscreen-navigation .sub-menu li.menu-item-has-children > a::after, .offscreen-navigation .sub-menu li.menu-item-has-children > a::before {right: 40px; } .offscreen-navigation .sub-menu li a {border-top: 1px solid #f1f1f1; padding: 7px 40px; font-size: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } [data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .sub-menu li a {border-color: #222121; } .offcanvas-content-style-2 .offscreen-navigation .sub-menu li a {padding-left: 30px; } .offscreen-navigation .sub-menu li a:hover {background-color: rgba(var(--color-primary-rgb), 0.05); } [data-theme=dark] .offcanvas-content-style-2 .offscreen-navigation .sub-menu li a {color: #fff; } .offscreen-navigation .sub-menu li .sub-menu li a {padding: 7px 50px; } .offscreen-navigation ul {margin: 0; padding: 0; list-style: none; } .offscreen-navigation ul li > a {display: block; position: relative; color: #000000; font-weight: 500; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .offscreen-navigation ul li > a:hover {color: #db1b1b; } .offscreen-navigation ul li.menu-item-has-children > a:after {color: #999999; content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 600; right: 20px; position: absolute; font-size: 12px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .offscreen-navigation ul li.menu-item-has-children > a:before {color: #999999; content: ""; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 600; right: 20px; position: absolute; font-size: 12px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .offscreen-navigation ul li.menu-item-has-children > a.opened:after {opacity: 0; visibility: hidden; } .offscreen-navigation ul li.menu-item-has-children > a.opened:before {opacity: 1; visibility: visible; } .rt-slide-nav {position: absolute; background: #fff; width: 100%; left: 0; display: none; max-height: calc(100vh - 100px); overflow-y: auto; -webkit-box-shadow: 0 1px 3px 0 rgba(var(--color-black-rgb), 0.2); box-shadow: 0 1px 3px 0 rgba(var(--color-black-rgb), 0.2); top: 100%; z-index: 99; } .rt-mobile-header {position: relative; z-index: 999; } @media (min-width: 992px) {.rt-mobile-header {display: none; } } @media (max-width: 992px) {.rt-desktop-header {display: none; } } .mobile-top-bar {border-bottom: 1px solid var(--color-border); } [data-theme=dark] .mobile-top-bar {background: var(--color-dark-bg_2); } .mobile-top-list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2px; padding: 12px 15px 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile-top-list .icon {color: var(--color-primary); } .mobile-top-list li {margin-right: 18px; } .mobile-top-list li:last-of-type {margin-right: 0; } [data-theme=dark] .mobile-top-list .rt-meta {color: #fff; } .mobile-menu-bar {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6px 15px; border-bottom: 1px solid rgba(81, 81, 81, 0.15); } .mobile-menu-bar .logo img {max-width: 120px; } [data-theme=dark] .mobile-menu-bar {background: #fff; } .mobile-sticky .mobile-menu-bar-wrap {position: fixed; width: 100%; left: 0; top: 0; right: 0; margin: 0 auto; background-color: rgba(255, 255, 255, 0.98); -webkit-box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.16); z-index: 99; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0s; animation-delay: 0s; } .mobile-sticky .mobile-menu-bar-wrap.header-main-style-7 {border-color: transparent; background-color: rgba(0, 0, 0, 0.98); } [data-theme=dark] .mobile-sticky .mobile-menu-bar-wrap {background-color: var(--color-dark-bg_2); } body .sidebarBtn {display: block; padding: 12px 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body .sidebarBtn .bar {background: #000000; height: 2px; width: 30px; display: block; margin-bottom: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body .sidebarBtn .bar:nth-child(2), body .sidebarBtn .bar:nth-child(3) {width: 25px; margin-left: 5px; } body .sidebarBtn .bar:last-child {margin-bottom: 0; } body.slidemenuon .sidebarBtn .bar:nth-child(2), body.slidemenuon .sidebarBtn .bar:nth-child(3) {opacity: 0; } body.slidemenuon .sidebarBtn .bar:nth-child(1) {-webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); } body.slidemenuon .sidebarBtn .bar:nth-child(4) {-webkit-transform: rotate(-45deg) translate(8px, -8px); transform: rotate(-45deg) translate(8px, -8px); } .header-middlebar.header-middlebar-style-8 {padding: 25px 0; } .search-wrapper {position: relative; max-width: 190px; } @media (max-width: 1199px) {.search-wrapper {display: none; } } .search-wrapper .search-form-box .form-group {position: relative; margin-bottom: 0; padding: 0; border-radius: unset; border: none; } .search-wrapper .search-form-box .form-group .rt-search-control {font-size: 14px; font-weight: 400; color: #e7e7e7; border: none; background-color: transparent; height: 43px; padding: 5px 30px; padding-right: 30px; text-transform: capitalize; } .search-wrapper .search-form-box .form-group .rt-search-control::-webkit-input-placeholder {color: #fff; text-transform: capitalize; } .search-wrapper .search-form-box .form-group .rt-search-control::-moz-placeholder {color: #fff; text-transform: capitalize; } .search-wrapper .search-form-box .form-group .rt-search-control:-ms-input-placeholder {color: #fff; text-transform: capitalize; } .search-wrapper .search-form-box .form-group .rt-search-control::-ms-input-placeholder {color: #fff; text-transform: capitalize; } .search-wrapper .search-form-box .form-group .rt-search-control::placeholder {color: #fff; text-transform: capitalize; } .search-wrapper .search-form-box .form-group .search-submit {position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: auto; height: auto; border-radius: 3px; background-color: transparent; color: #fff; font-size: 18px; border: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .search-wrapper .search-form-box .form-group .search-submit:hover {background-color: transparent; color: #fff; } .search-wrapper.search-wrapper-style-1::after {content: ""; position: absolute; left: 0; bottom: -19px; width: 1px; height: 81px; background-color: rgba(255, 255, 255, 0.4); } .search-wrapper.search-wrapper-style-2::after {display: none; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control {font-size: 14px; font-weight: 400; color: #9b9b9b; border: none; background-color: transparent; height: 43px; padding: 5px 30px; padding-right: 30px; text-transform: capitalize; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::-webkit-input-placeholder {color: #9b9b9b; text-transform: capitalize; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::-moz-placeholder {color: #9b9b9b; text-transform: capitalize; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control:-ms-input-placeholder {color: #9b9b9b; text-transform: capitalize; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::-ms-input-placeholder {color: #9b9b9b; text-transform: capitalize; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .rt-search-control::placeholder {color: #9b9b9b; text-transform: capitalize; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .search-submit {color: #9b9b9b; font-size: 20px; } .search-wrapper.search-wrapper-style-2 .search-form-box .form-group .search-submit:hover {color: var(--color-primary); } /*================================ // banner ================================*/ .banner {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1; } .banner.banner-style-2 {min-height: 700px; } .banner.banner-style-2::after {background-color: rgba(24, 24, 24, 0.5); z-index: -1; } @media (max-width: 991px) {.banner.banner-style-2 {min-height: 650px; display: block; padding: 100px 0; } } @media (max-width: 767px) {.banner.banner-style-2 {min-height: 595px; } } .banner.banner-style-3 {min-height: 720px; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 60px 0; } .banner.banner-style-3::after {background-color: rgba(var(--color-black-rgb), 0.3); z-index: -1; } .banner.inner-banner {min-height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f7f7f7; padding: 30px 0; } [data-theme=dark] .banner.inner-banner {background: var(--color-dark-bg_2); } .banner.author-banner {min-height: 460px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; padding: 80px 0; } .banner.author-banner::after {background-color: rgba(var(--color-black-rgb), 0.5); z-index: -1; } .banner.banner-style-7 {min-height: 850px; padding-top: 120px; padding-bottom: 120px; } @media (max-width: 991px) {.banner.banner-style-7 {padding-top: 140px; padding-bottom: 320px; min-height: 640px; } } @media (max-width: 575px) {.banner.banner-style-7 {padding-top: 120px; padding-bottom: 280px; } } .banner.banner-style-7 .social-share-box-style-7 {position: absolute; left: 100px; bottom: 100px; z-index: 1; } @media (max-width: 1440px) {.banner.banner-style-7 .social-share-box-style-7 {left: 20px; bottom: 50px; } } @media (max-width: 1399px) {.banner.banner-style-7 .social-share-box-style-7 {left: auto; bottom: 220px; right: 20px; } } @media (max-width: 767px) {.banner.banner-style-7 .social-share-box-style-7 {display: none; } } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social {padding: 0; margin: 0; display: block; } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social::after {display: none; } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social li {display: inline-block; margin-right: 10px; } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social a {font-size: 1.0625rem; color: #fff; -webkit-transform: translateY(0); transform: translateY(0); } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social a:hover {-webkit-transform: translateY(-5px); transform: translateY(-5px); color: var(--color-primary); } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social .follow {position: relative; display: block; margin-top: 10px; } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social .follow span {position: relative; display: inline-block; font-size: 0.8125rem; color: #fff; letter-spacing: 0.1rem; } .banner.banner-style-7 .social-share-box-style-7 .rt-top-social .follow span::after {content: ""; position: absolute; right: -40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 22px; height: 2px; background-color: #fff; } .banner.banner-style-7::before, .banner.banner-style-7::after {background: -webkit-gradient(linear, left top, left bottom, color-stop(-4.45%, #000000), color-stop(66.48%, rgba(0, 0, 0, 0))); background: linear-gradient(180deg, #000000 -4.45%, rgba(0, 0, 0, 0) 66.48%); z-index: -1; height: 100%; } .banner.banner-style-7::after {top: auto; bottom: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(-4.45%, #000000), color-stop(66.48%, rgba(0, 0, 0, 0))); background: linear-gradient(0deg, #000000 -4.45%, rgba(0, 0, 0, 0) 66.48%); } [data-theme=dark] .banner {--color-black-rgb: 0, 0, 0; } .banner-section-style-3 {position: relative; } .banner-section-style-3 .banner-thumnail-area-3 {counter-reset: post-counter; position: absolute; right: 0; bottom: 0; max-width: 1140px; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); z-index: 44; padding: 40px; } @media (max-width: 1399px) {.banner-section-style-3 .banner-thumnail-area-3 {max-width: 710px; } } @media (max-width: 991px) {.banner-section-style-3 .banner-thumnail-area-3 {max-width: calc(100% - 55px); } } @media (max-width: 575px) {.banner-section-style-3 .banner-thumnail-area-3 {max-width: 100%; padding: 40px 20px; } } .banner-section-style-3 .banner-thumnail-area-3 .swiper-container {position: static; } .banner-section-style-3 .banner-thumnail-area-3 .post-sm .post-img img {-webkit-filter: grayscale(1); filter: grayscale(1); } .banner-section-style-3 .banner-thumnail-area-3 .swiper-slide.swiper-slide-active .post-sm .post-img img {-webkit-filter: grayscale(0); filter: grayscale(0); } .banner-section-style-3 .banner-thumnail-area-3 .slider-navigation {position: absolute; left: -55px; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } @media (max-width: 575px) {.banner-section-style-3 .banner-thumnail-area-3 .slider-navigation {display: none; } } .banner-section-style-3 .banner-thumnail-area-3 .slider-navigation .slider-btn {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 55px; height: auto; border-radius: 0; border: none; background: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 0px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .banner-section-style-3 .banner-thumnail-area-3 .slider-navigation .slider-btn::after {display: none; } .banner-section-style-3 .banner-thumnail-area-3 .slider-navigation .slider-btn:hover {color: var(--color-primary); } .banner-section-style-3 .swiper-slide-active .sports-slider-bg-image {-webkit-transform: scale(1.15); transform: scale(1.15); } .banner-section-style-3 .swiper-slide-active .banner-content.style-7 {visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .banner-section-style-3 .sports-slider-bg-image {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center center; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 7000ms ease-in-out; transition: -webkit-transform 7000ms ease-in-out; transition: transform 7000ms ease-in-out; transition: transform 7000ms ease-in-out, -webkit-transform 7000ms ease-in-out; z-index: -1; } .banner-section-style-3 .banner-content.style-7 {position: relative; opacity: 0; visibility: hidden; -webkit-transform: translateY(90px); transform: translateY(90px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; z-index: 2; } .banner-content .banner-title {color: var(--color-white); } .banner-content .banner-title a {color: inherit; background: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), color-stop(98%, var(--color-white))); background: linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 98%); background-size: 0 2px; background-repeat: no-repeat; background-position: left 100%; } .banner-content .banner-title:hover a {background-size: 100% 2px; } @media (min-width: 992px) {.banner-content.style-2 {padding-top: 100px; padding-bottom: 100px; } } .banner-content.style-2 .banner-title {color: var(--color-white); font-size: 3rem; } .banner-content.style-2 .banner-title a {color: inherit; } @media (max-width: 767px) {.banner-content.style-2 .banner-title {font-size: 1.875rem; } } [data-theme=dark] .banner-content.style-2 {--color-white: #fff; } [data-theme=dark] .banner-content.style-2 .rt-read-more-primary {border-color: transparent; } [data-theme=dark] .banner-content.style-2 .rt-read-more-primary:hover {border-color: var(--color-white); } .banner-content.style-7 .banner-title {color: var(--color-white); font-size: 2.25rem; } .banner-content.style-7 .banner-title a {color: inherit; } [data-theme=dark] .banner-content.style-7 {--color-white: #fff; } .banner-thumb-area {position: absolute; top: 0; right: 0; width: 33%; height: 100%; } .banner-thumb-area::before {content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(var(--color-black-rgb), 0.5); z-index: -1; } @media (max-width: 1400px) {.banner-thumb-area {display: none; } } .thumb-list {height: 390px; max-width: 55%; position: absolute; top: 40%; -webkit-transform: translateY(-40%); transform: translateY(-40%); left: 56px; overflow-y: scroll; } @media (max-width: 1600px) {.thumb-list {max-width: 70%; } } .thumb-list .list-item {margin-bottom: 35px; } .thumb-list .list-item:last-child {margin-bottom: 0; } .thumb-list::-scrollbar {width: 2px; } .thumb-list::-scrollbar-track {-webkit-box-shadow: inset 0 0 5px #2e3240; box-shadow: inset 0 0 5px #2e3240; border-radius: 10px; } .thumb-list::-scrollbar-thumb {background: var(--color-primary); border-radius: 15px; } .thumb-list::-webkit-scrollbar {width: 2px; } .thumb-list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 20px rgba(var(--color-white), 0.2); box-shadow: inset 0 0 20px rgba(var(--color-white), 0.2); } .thumb-list::-webkit-scrollbar-thumb {background: var(--color-primary); } /*inner banner breadcrumb*/ .rt-breadcrumb-wrap .breadcrumb {padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item {font-size: 0.875rem; padding-left: 8px; } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a {font-size: 0.875rem; color: #646464; text-transform: capitalize; } [data-theme=dark] .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a {color: #d7d7d7; } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a:hover {color: var(--color-primary); } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item a i {font-size: 0.75rem; margin-right: 2px; display: inline-block; font-weight: 600; } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item.active {color: var(--color-primary); } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item::before {padding-right: 8px; color: #646464; content: ""; font-family: var(--font-awesome); font-size: 0.75rem; font-weight: 600; margin-top: 2px; } [data-theme=dark] .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item::before {color: #d7d7d7; } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child {padding-left: 0; } .rt-breadcrumb-wrap .breadcrumb .breadcrumb-item:first-child::before {display: none; } .rt-text-truncate {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 991px) {.rt-text-truncate {max-width: 285px; } } @media (max-width: 767px) {.rt-text-truncate {max-width: 200px; } } @media (max-width: 575px) {.rt-text-truncate {max-width: 100px; } } /*author-big-box-style-1*/ .author-big-box-style-1 {display: -webkit-box; display: -ms-flexbox; display: flex; } .author-big-box-style-1 .author-img {-webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; } @media (min-width: 992px) {.author-big-box-style-1 .author-img {margin-right: 30px; } } .author-big-box-style-1 .author-img img {width: 170px; height: 170px; border-radius: 50%; border: 5px solid #fff; } .author-big-box-style-1 .author-content .title {color: #fff; margin-bottom: 4px; font-size: 1.875rem; } .author-big-box-style-1 .author-content .designation {color: #fff; display: block; font-family: var(--font-title); font-weight: 500; position: relative; padding-bottom: 10px; margin-bottom: 20px; } .author-big-box-style-1 .author-content .designation::after {content: ""; position: absolute; left: 0; bottom: 0; width: 45px; height: 3px; background: var(--color-primary); } .author-big-box-style-1 .author-content p {color: #ededed; } .author-big-box-style-1 .author-social-area {-ms-flex-preferred-size: 75%; flex-basis: 75%; } @media (max-width: 991px) {.author-big-box-style-1 {display: block; } .author-big-box-style-1 .author-img {margin-bottom: 25px; } } .banner-section-style-2 {position: relative; } .banner-section-style-2 .banner-thumnail-area-2 {position: absolute; top: 0; right: 0; width: 33%; height: 100%; z-index: 2; } .banner-section-style-2 .banner-thumnail-area-2::before {content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: -1; padding-right: 30px; } .banner-section-style-2 .banner-thumnail-area-2 .swiper-pagination {left: auto; right: 0; } .banner-section-style-2 .banner-thumnail-area-2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: var(--color-primary); } @media (max-width: 991px) {.banner-section-style-2 .banner-thumnail-area-2 {left: 0; right: unset; top: unset; bottom: 0; width: 100%; height: 150px; padding-right: 0; } .banner-section-style-2 .banner-thumnail-area-2 .swiper-wrapper {margin-top: 0; } } .banner-section-style-2 .banner-slider-thumbnail-style-2 {height: 400px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 85%; width: 100%; overflow: hidden; } @media (max-width: 991px) {.banner-section-style-2 .banner-slider-thumbnail-style-2 {height: auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .banner-section-style-2 .banner-slider-thumbnail-style-2 .outer-container {margin: 0 auto; } } .banner-slider-thumbnail-style-3 .rt-post.post-sm {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*=============================== //  who we are ===============================*/ .who-we-are-style-1 {position: relative; padding-top: 100px; padding-bottom: 105px; } @media (max-width: 991px) {.who-we-are-style-1 {padding-top: 80px; padding-bottom: 80px; } } .about-img-gallery-style-1 {position: relative; min-height: 690px; margin-right: 20px; } @media (max-width: 991px) {.about-img-gallery-style-1 {margin-right: 0; } } .about-img-gallery-style-1 .about-img-gallery-list li {position: absolute; overflow: hidden; } .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(1) {left: 0; top: 0; max-width: 400px; width: 100%; } @media (max-width: 991px) {.about-img-gallery-style-1 .about-img-gallery-list li:nth-child(1) {max-width: 370px; } } .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {right: 0; top: 75px; max-width: 300px; width: 100%; } @media (max-width: 1199px) {.about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {max-width: 330px; } } @media (max-width: 991px) {.about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {max-width: 300px; } } .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(3) {right: 0; bottom: 0; max-width: 520px; width: 100%; border: 25px solid var(--color-white); } @media (max-width: 767px) {.about-img-gallery-style-1 .about-img-gallery-list li {position: static; margin-bottom: 20px; max-width: 100%; width: 100%; } .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(1) {max-width: 100%; } .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(2) {max-width: 100%; } .about-img-gallery-style-1 .about-img-gallery-list li:nth-child(3) {max-width: 100%; border: none; } } @media (max-width: 767px) {.about-img-gallery-style-1 .shape-list {display: none; } } .about-img-gallery-style-1 .shape-list li {position: absolute; z-index: -1; } .about-img-gallery-style-1 .shape-list li:nth-child(1) {right: 60px; top: 28px; } .about-img-gallery-style-1 .shape-list li:nth-child(2) {left: 83px; bottom: 115px; } @media (max-width: 991px) {.about-img-gallery-style-1 .shape-list li:nth-child(2) {left: 54px; bottom: 140px; } } /*skill wrap layou t2*/ .skills-wrap-layout-1 .single-skill {margin-bottom: 16px; } .skills-wrap-layout-1 .title-bar .title {font-size: 0.875rem; text-transform: capitalize; color: var(--color-black); font-family: var(--font-body); font-weight: 400; } .skills-wrap-layout-1 .skill-bar {height: 6px; background-color: #e8e8e8; border-radius: 4px; } .skills-wrap-layout-1 .skill-bar .skill-per {position: relative; height: 6px; width: 0; border-radius: 4px; background-color: var(--color-primary); -webkit-transition: 2s linear; transition: 2s linear; } .skills-wrap-layout-1 .skill-bar .skill-per::before {content: attr(data-per); position: absolute; font-size: 1.125rem; font-weight: 500; color: var(--color-black); bottom: 12px; right: 0; font-family: var(--font-body); } .skills-wrap-layout-1 .skill-bar .skill-per::after {content: ""; position: absolute; right: -1px; bottom: -5px; width: 18px; height: 18px; border-radius: 50%; background-color: #6b92ff; -webkit-box-shadow: 0 9px 10px 0 rgba(41, 98, 255, 0.42); box-shadow: 0 9px 10px 0 rgba(41, 98, 255, 0.42); } /*about-content-area-2*/ .about-content-area-2 {max-width: 88%; width: 100%; } @media (max-width: 1199px) {.about-content-area-2 {max-width: 100%; } } /*about-video-wrap-style-1*/ .about-video-wrap-style-1 {margin: 0 45px; position: relative; } .about-video-wrap-style-1 .shape {position: absolute; right: -35px; bottom: -32px; z-index: 1; } @media (max-width: 1199px) {.about-video-wrap-style-1 {margin: 0; } } .about-video-wrap-style-1 .item-img {overflow: hidden; position: relative; z-index: 1; } .about-video-wrap-style-1 .item-img::after {background-color: rgba(var(--color-black), 0.2); } .about-video-wrap-style-1 .item-img img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 1.5s ease-out; transition: all 1.5s ease-out; } .about-video-wrap-style-1 .item-img img:hover {-webkit-transform: scale(1.1); transform: scale(1.1); } .about-video-wrap-style-1 .item-img .rt-play-over {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } [data-theme=dark] .about-section-style-2 {background: var(--color-dark-bg_2) !important; } /*============================ // team-seciton-style-1 ===========================*/ .team-seciton-style-1 {position: relative; overflow: hidden; } .team-seciton-style-1 .shape-circle {position: absolute; right: 0; top: -120px; z-index: -1; } /*============================= //  team-box-style-1 =============================*/ .team-box-style-1 .team-img {overflow: hidden; position: relative; margin-bottom: 15px; } .team-box-style-1 .team-img img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 1.5s ease-out; transition: all 1.5s ease-out; -webkit-filter: grayscale(1); filter: grayscale(1); } .team-box-style-1 .team-content {text-align: center; padding: 10px; } .team-box-style-1 .team-content .name {font-size: 1.25rem; margin-bottom: 8px; } .team-box-style-1 .team-content .name a {color: var(--color-black); } .team-box-style-1 .team-content .name a:hover {color: var(--color-primary); } .team-box-style-1 .team-content .designation {display: block; margin-bottom: 15px; } .team-box-style-1:hover .team-img img {-webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.3); transform: scale(1.3); } /*============================= // rt-post =============================*/ .rt-post {display: -webkit-box; display: -ms-flexbox; display: flex; } .rt-post.post-thumb {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rt-post.post-thumb .post-img {border-radius: 0; } .rt-post.post-thumb .post-img img {border-radius: 0; -webkit-filter: grayscale(1); filter: grayscale(1); } .swiper-slide-thumb-active .rt-post.post-thumb .post-img {position: relative; } .swiper-slide-thumb-active .rt-post.post-thumb .post-img img {-webkit-filter: grayscale(0); filter: grayscale(0); } .rt-post.post-thumb .rt-post-cat-normal {color: var(--color-white); } .rt-post.post-thumb .post-title {color: var(--color-white); font-weight: 600; } .rt-post.post-thumb:hover .post-img img {-webkit-transform: scale(1.02); transform: scale(1.02); } .rt-post.white-style .post-title a {color: var(--color-white); } [data-theme=dark] .rt-post.white-style {--color-white: #fff; } .rt-post .post-img {-ms-flex-negative: 0; flex-shrink: 0; border-radius: var(--border-radius-xs); overflow: hidden; position: relative; } .rt-post .post-img .rt-play-over {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .rt-post .post-img img {border-radius: var(--border-radius-xs); transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transform: scale(1.02); transform: scale(1.02); } .rt-post .post-content {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .rt-post:hover .post-img img {-webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .post-title {color: var(--color-black); } .post-title a, .post-title .title-ex {color: inherit; display: inline; padding-bottom: 0; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor)); background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); background-size: 0 1px; background-repeat: no-repeat; background-position: left 100%; } .post-title.title-ex_2 {font-size: 1.25rem; } .post-title.title-ex_2 a {background-size: 0 2px; } .post-title.title-ex_2:hover a {background-size: 100% 2px; } .post-title.bold-underline a {background-size: 0 2px; } .post-title.bold-underline:hover a {background-size: 100% 2px; } .post-title:hover a {background-size: 100% 1px; } /*=========================== //  feature-section-style-1 =============================*/ .feature-section-style-1 {background-color: #f7f7f7; padding-top: 40px; padding-bottom: 40px; counter-reset: post-counter; } [data-theme=dark] .feature-section-style-1 {background-color: #171818; } .feature-section-style-2 {padding-top: 30px; padding-bottom: 30px; counter-reset: post-counter; background-color: var(--color-white); } [data-theme=dark] .feature-section-style-2 {background-color: var(--color-dark-bg_2); } /*============================ // post-sm =============================*/ .post-sm .post-content .post-title {font-size: 1rem; } .post-sm.style-1 {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-sm.style-1 .post-img {border-radius: 50%; overflow: unset; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; } .post-sm.style-1 .post-img::after {right: 0; top: 10px; width: 24px; height: 24px; border-radius: 50%; border: 3px solid #fff; background-color: #555555; font-size: 0.75rem; color: #fff; counter-increment: post-counter; content: counter(post-counter); font-weight: 500; } [data-theme=dark] .post-sm.style-1 .post-img::after {color: var(--color-black); } .post-sm.style-1 .post-img img {width: 100px; height: 100px; border-radius: 50%; } .post-sm.style-1:hover .post-img img {-webkit-transform: scale(1.02); transform: scale(1.02); } .post-sm.style-2 .post-img {margin-left: 24px; } .post-sm.style-2 .post-img::after {left: 0; bottom: 0; width: 27px; height: 27px; border-top-right-radius: 3px; background-color: var(--color-white); font-size: 1rem; color: var(--color-primary); counter-increment: post-counter; content: counter(post-counter); font-weight: 500; } .whats-new-wrap .post-sm.style-2 .post-img::after {background-color: var(--color-black); color: var(--color-white); } [data-theme=dark] .post-sm.style-2 .post-img::after {--color-white: #fff; --color-black: #000; } .post-sm.style-2.layout-2 {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-sm.style-2.layout-2 .post-img {margin-left: 0; margin-right: 24px; } .post-sm.style-2.layout-2 .post-img::after {display: none; } .post-sm .post-img {position: relative; } .post-sm .post-img::after {content: ""; position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 500; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .right-siderbar .post-sm .post-img {max-width: 125px; width: 100%; } @media (max-width: 767px) {.post-sm.white-style {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .post-sm.white-style .post-img {border-radius: 50%; } .post-sm.white-style .post-title {font-size: 0.9375rem; font-weight: 600; } .post-sm.white-style .post-title a {color: #ebebeb; -webkit-transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); background: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), color-stop(98%, var(--color-white))); background: linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 98%); background-size: 0 1px; background-repeat: no-repeat; background-position: left 100%; } .post-sm.white-style .rt-post-cat-normal {color: #d0d0d0; } .post-sm.white-style .rt-meta {color: #d0d0d0; } .post-sm.white-style .post-img::after {display: none; } .post-sm.white-style:hover .post-title a {background-size: 100% 1px; } .post-sm.style-3 .post-img {-webkit-box-flex: 0; -ms-flex: 0 0 216px; flex: 0 0 216px; border-radius: 0; } .post-sm.style-3 .post-img a {height: 100%; } .post-sm.style-3 .post-img a img {height: 100%; -o-object-fit: cover; object-fit: cover; } .post-sm.style-3 .post-content {border: 1px solid var(--color-border); border-right: none; padding: 20px; } @media (max-width: 575px) {.post-sm.style-3 {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .post-sm.style-3 .post-img {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .post-sm.style-3 .post-img a {width: 100%; } .post-sm.style-3 .post-img img {width: 100%; } .post-sm.style-3 .post-content {border: 1px solid var(--color-border); border-top: none; } } .post-sm.style-4 .post-img {-webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; border-radius: 0; } .post-sm.style-4 .post-img a {height: 100%; } .post-sm.style-4 .post-img a img {height: 100%; -o-object-fit: cover; object-fit: cover; } .post-sm.style-4 .post-content {padding: 20px; } @media (min-width: 992px) {.post-sm.style-4.border-only {border-right: 1px solid var(--color-border); } } @media (max-width: 575px) {.post-sm.style-4 {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .post-sm.style-4 .post-img {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .post-sm.style-4 .post-img a {width: 100%; } .post-sm.style-4 .post-img img {width: 100%; } .post-sm.style-4 .post-content {border: 1px solid var(--color-border); border-top: none; } } .post-sm:hover .post-img::after {background-color: var(--color-primary); color: var(--color-white); } .whats-new-wrap .post-sm:hover .post-img::after {background-color: var(--color-primary); color: var(--color-white); } /*============================ // rt-post-overlay =============================*/ /*rt-post-overlay*/ .rt-post-overlay {position: relative; height: 100%; } .rt-post-overlay .post-img {height: 100%; position: relative; border-radius: var(--border-radius-xs); overflow: hidden; } .rt-post-overlay .post-img > a:first-of-type {position: relative; display: block; } .rt-post-overlay .post-img > a:first-of-type::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 59%, rgba(0, 0, 0, 0.8) 100%); background-repeat: no-repeat; background-size: cover; background-position: center center; border-bottom-left-radius: var(--border-radius-xs); border-bottom-right-radius: var(--border-radius-xs); } .rt-tending-slider-style-2 .rt-post-overlay .post-img > a:first-of-type::after {border-radius: 0; } .rt-post-overlay .post-img .rt-play-over-right-bottom {position: absolute; right: 0; bottom: 0; z-index: 9; } .rt-post-overlay .post-img .rt-play-over {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } @media (max-width: 767px) {.rt-post-overlay .post-img .rt-play-over.sm-right {-webkit-transform: none; transform: none; left: unset; top: unset; right: 30px; top: 30px; } } @media (max-width: 991px) {.rt-post-overlay .post-img .rt-play-over.md-right {-webkit-transform: none; transform: none; left: unset; top: unset; right: 30px; top: 30px; } } .rt-post-overlay .post-img .right-top {position: absolute; right: 30px; top: 30px; z-index: 3; } .rt-post-overlay .post-img img {height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1.02); transform: scale(1.02); transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out; -ms-transition: all 1.5s ease-out; } .rt-post-overlay .post-img + .post-content {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateY(0); transform: translateY(0); padding: 25px; } .rt-post-overlay .post-content .post-title {font-size: 1.424rem; margin-bottom: 10px; color: #fff; } .rt-post-overlay .post-content .post-title a {color: inherit; background-size: 0 2px; } .rt-post-overlay .post-content .post-title:hover {color: #fff; } .rt-post-overlay .post-content .post-title:hover a {background-size: 100% 2px; } .rt-post-overlay.rt-post-overlay-xl .post-img + .post-content {padding: 50px; } @media (max-width: 767px) {.rt-post-overlay.rt-post-overlay-xl .post-img + .post-content {padding: 25px; } } .rt-post-overlay.rt-post-overlay-xl .post-title {font-size: 1.5rem; } .rt-post-overlay.rt-post-overlay-xl.layout-1 .post-title {font-size: 2.25rem; } @media (max-width: 575px) {.rt-post-overlay.rt-post-overlay-xl.layout-1 .post-title {font-size: 1.75rem; } } .rt-post-overlay.rt-post-overlay-xl.layout-2 .post-title {font-size: 1.75rem; } .rt-post-overlay.ex-layout .post-img img {min-height: 370px; } .rt-post-overlay.rt-post-overlay-lg .post-title {font-size: 1.5rem; } .rt-post-overlay.rt-post-overlay-lg.layout-4 .post-img img {min-height: 550px; } @media (max-width: 767px) {.rt-post-overlay.rt-post-overlay-lg.layout-4 .post-img img {min-height: 450px; } } .rt-post-overlay.rt-post-overlay-lg.layout-4 .post-title {font-size: 1.5rem; } @media (min-width: 1400px) {.rt-post-overlay.rt-post-overlay-lg.layout-5 .post-content {max-width: 70%; width: 100%; } } @media (min-width: 1200px) {.rt-post-overlay.rt-post-overlay-lg.layout-5 .post-content {max-width: 80%; width: 100%; } } @media (min-width: 992px) {.rt-post-overlay.rt-post-overlay-lg.layout-5 .post-content {max-width: 75%; width: 100%; } } .rt-post-overlay.rt-post-overlay-lg.layout-6 .post-img img {min-height: 520px; } @media (max-width: 767px) {.rt-post-overlay.rt-post-overlay-lg.layout-6 .post-img img {min-height: 450px; } } .rt-post-overlay.rt-post-overlay-lg.layout-6 .post-title {font-size: 1.375rem; } .rt-post-overlay.rt-post-overlay-md .post-img img {min-height: 350px; } .rt-post-overlay.rt-post-overlay-md .post-title {font-size: 1.25rem; } .rt-post-overlay.rt-post-overlay-md.layout-3 .post-img {height: auto; } .rt-post-overlay.rt-post-overlay-md.layout-3 .post-img img {min-height: 290px; height: 290px; } @media (max-width: 991px) {.rt-post-overlay.rt-post-overlay-md.layout-3 .post-img {height: 100%; } .rt-post-overlay.rt-post-overlay-md.layout-3 .post-img img {min-height: 350px; height: 350px; } } .rt-post-overlay.rt-post-overlay-md.layout-3 .post-title {font-size: 1.25rem; } .rt-post-overlay.rt-post-overlay-md.layout-4 {-webkit-box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, 0.2); border-radius: var(--border-radius-xs); } .rt-post-overlay.rt-post-overlay-md.layout-4 .post-img img {min-height: 520px; } .rt-post-overlay.rt-post-overlay-md.layout-6 .post-img img {min-height: 480px; } .rt-post-overlay.rt-post-overlay-sm .post-title {font-size: 1.125rem; } .rt-post-overlay.rt-post-overlay-sm .post-title a {background-size: 0 1px; } .rt-post-overlay.rt-post-overlay-sm .post-title:hover .post-title a {background-size: 100% 1px; } .rt-post-overlay.rt-post-overlay-sm:hover .post-title a {background-size: 100% 1px; } .rt-post-overlay:hover .post-img img {-webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } .rt-post-overlay.post-trending .post-img {border-radius: 0; } .rt-post-overlay.post-trending .post-img img {min-height: 600px; border-radius: 0; } .rt-post-overlay.post-trending .post-img::after {border-radius: 0; } @media (max-width: 767px) {.rt-post-overlay .post-img img {min-height: 450px; } } .rt-post-overlay.single-post-overlay .post-img {border-radius: 0; } .rt-post-overlay.single-post-overlay .post-img img {border-radius: 0; } @media (max-width: 991px) {.rt-post-overlay.single-post-overlay .post-img img {min-height: 500px; } } .rt-post-overlay.single-post-overlay .post-img::after {border-radius: 0; } @media (min-width: 1200px) {.rt-post-overlay.single-post-overlay .post-content {max-width: 80%; width: 100%; } } /*post md*/ .post-md .post-img {-ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; } .post-md .post-img img {-webkit-transform: scale(1.02); transform: scale(1.02); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; } .post-md .post-content {padding-left: 24px; } .post-md .post-content .post-title {font-size: 1.125rem; } .post-md.style-2 .post-img {-webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: 350px; max-width: 350px; width: 100%; } .post-md.style-2 .post-img > a:first-of-type {width: 100%; height: 100%; display: block; } .post-md.style-2 .post-img > a:first-of-type img {height: 100%; } .post-md.style-2 .post-img .rt-play-over-right-bottom {position: absolute; right: 0; bottom: 0; z-index: 9; background-color: #6a6a6a; } .post-md.style-2 .post-img .rt-play-over-right-bottom:hover {background-color: var(--color-primary); } .post-md.style-2 .post-content {padding-left: 24px; } .post-md.style-2 .post-content .post-title {font-size: 1.375rem; } .post-md.style-2 .post-content .post-title a {background-size: 0 2px; } .post-md.style-2 .post-content .post-title:hover a {background-size: 100% 2px; } @media (max-width: 991px) {.post-md.style-2 {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .post-md.style-2 .post-img {max-width: 100%; min-width: 100%; } .post-md.style-2 .post-content {padding: 20px 0; padding-left: 0; } } .post-md.style-3 {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-md.style-3 .post-img {max-width: 220px; width: 100%; } .post-md.style-3 .post-title {font-size: 1rem; } @media (max-width: 767px) {.post-md.style-3 {display: block; } .post-md.style-3 .post-img {max-width: 100%; } .post-md.style-3 .post-img a {width: 100%; display: block; } .post-md.style-3 .post-img img {width: 100%; } } .post-md.style-3.layout-2 .post-img {max-width: 210px; } @media (max-width: 767px) {.post-md.style-3.layout-2 .post-img {max-width: 100%; } .post-md.style-3.layout-2 .post-img a {width: 100%; display: block; } .post-md.style-3.layout-2 .post-img img {width: 100%; } } .post-md.style-4 .post-img {max-width: 50%; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .post-md.style-4 .post-content {text-align: center; } .post-md.style-4 .post-meta ul {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) {.post-md.style-4 .post-content {padding: 20px; } } @media (max-width: 991px) {.post-md.style-4 .post-img {max-width: 100%; } .post-md.style-4 .post-content {text-align: left; } .post-md.style-4 .post-meta ul {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .post-md.style-5 {display: block; } .post-md.style-5 .post-img {max-width: 100%; } .post-md.style-5 .post-content {padding: 25px 0; } .post-md.style-5 .post-title {font-size: 1.75rem; } .post-md.style-5 .post-title a {background-size: 0 2px; } .post-md.style-5 .post-title:hover a {background-size: 100% 2px; } .post-md.style-7 .post-img {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .post-md.style-7 .post-content {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 24px; } @media (max-width: 991px) {.post-md.style-7 {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .post-md.style-7 .post-content {padding-left: 0; padding: 20px 0; } } .post-md.style-7 .post-title {font-size: 1.375rem; } .post-md.style-7 .post-title a {background-size: 0 2px; } .post-md.style-7 .post-title:hover a {background-size: 100% 2px; } @media (max-width: 767px) {.post-md {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .post-md .post-content {padding: 20px 0; padding-left: 0; } } .post-md.style-6 .post-img {-webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; width: 100%; } .post-md.style-6 .post-img > a:first-of-type {width: 100%; height: 100%; display: block; } .post-md.style-6 .post-img > a:first-of-type img {height: 100%; } .post-md.style-6 .post-content {padding-left: 24px; } @media (max-width: 991px) {.post-md.style-6 {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .post-md.style-6 .post-img {max-width: 100%; } .post-md.style-6 .post-content {padding: 20px 0; padding-left: 0; } } .post-md.style-8 {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-md.style-8 .post-img {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .post-md.style-8 .post-content {padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 24px; } .post-md.style-8 .post-title {font-size: 1rem; } .post-md.style-9 {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .post-md.style-9 .post-img {-webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 350px; min-width: 350px; } .post-md.style-9 .post-img > a:first-of-type {width: 100%; height: 100%; display: block; } .post-md.style-9 .post-img > a:first-of-type img {height: 100%; } .post-md.style-9 .post-content {padding: 0; padding-right: 24px; } .post-md.style-9 .post-title {font-size: 1.375rem; } .post-md.style-9 .post-title a {background-size: 0 2px; } .post-md.style-9 .post-title:hover a {background-size: 100% 2px; } @media (max-width: 991px) {.post-md.style-9 {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .post-md.style-9 .post-img {-webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 100%; min-width: 100%; } .post-md.style-9 .post-content {padding: 20px 0; } } .post-md.style-10 .post-img {min-width: 180px; max-width: 180px; } .post-md.style-10 .post-img > a:first-of-type {width: 100%; display: block; height: 100%; } .post-md.style-10 .post-img > a:first-of-type img {height: 100%; -o-object-fit: cover; object-fit: cover; } .post-md.style-10 .post-content {padding: 0; padding-left: 24px; } @media (max-width: 767px) {.post-md.style-10 .post-img {min-width: 100%; max-width: 100%; margin-bottom: 24px; } .post-md.style-10 .post-content {padding: 0; } } .post-md.style-12 {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } .post-md.style-12 .post-img {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 0; } .post-md.style-12 .post-content {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 20px; padding-left: 24px; } .post-md.style-12 .post-title {font-size: 1.375rem; } .post-md.style-12 .post-title a {background-size: 0 2px; } .post-md.style-12 .post-title:hover a {background-size: 100% 2px; } @media (max-width: 991px) {.post-md.style-12 {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .post-md.style-12 .post-content {padding-left: 0; padding: 20px 0; } } /*===================================== //  Top stories =====================================*/ .top-stories-style-1 {padding-bottom: 35px; background-color: #fbf8f5; overflow: hidden; } .top-stories-style-1 .element-list li {position: absolute; } .top-stories-style-1 .element-list li:nth-child(1) {left: 115px; top: 50%; } .top-stories-style-1 .element-list li:nth-child(2) {right: 80px; top: 0; } .top-stories-style-1 .element-list li:nth-child(3) {right: 0; bottom: 0; } [data-theme=dark] .top-stories-style-1 {background-color: transparent; } /*rt-post-grid-xl*/ .rt-post-grid-xl .post-img {border-radius: var(--border-radius-xs); overflow: hidden; position: relative; margin-bottom: 20px; } .rt-post-grid-xl .post-img img {border-radius: var(--border-radius-xs); -webkit-transform: scale(1.02); transform: scale(1.02); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; } .rt-post-grid-xl .post-img .post-cat {position: absolute; left: 20px; top: 20px; } .rt-post-grid-xl .post-img:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); } .rt-post-grid-xl .post-title {font-size: 1.125rem; } .sidebar-wrap .rt-post-grid-xl .post-title {font-size: 1rem; } @media (min-width: 1200px) {.rt-post-grid-xl.b--r {border-right: 1px solid var(--color-border); } } @media (min-width: 1200px) {.rt-post-grid-xl {padding-right: 24px; } } .rt-post-grid-xl p {margin-top: 15px; } .rt-post-grid-xl .cat-list .post-title {font-size: 0.9375rem; } .rt-post-grid-xl .cat-list li {border-top: 1px solid var(--color-border); padding-top: 20px; padding-bottom: 20px; } .rt-post-grid-xl .cat-list li:last-child {padding-bottom: 0; } /*rt-post-grid*/ .rt-post-grid .post-img {border-radius: var(--border-radius-xs); overflow: hidden; position: relative; } .rt-post-grid .post-img img {border-radius: var(--border-radius-xs); -webkit-transform: scale(1.02); transform: scale(1.02); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; } .rt-post-grid .post-img .rt-meta-over {position: absolute; left: 20px; top: 20px; } .rt-post-grid .post-img .rt-meta-over-left-bottom {position: absolute; left: 20px; bottom: 0; } .rt-post-grid .post-img .rt-play-over {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .rt-post-grid .post-content {padding: 20px 0; } .rt-post-grid .post-content .post-title {font-size: 1.125rem; } .rt-post-grid:hover .post-img img {-webkit-transform: scale(1.1); transform: scale(1.1); } .rt-post-grid.post-grid-md .post-content {padding: 15px 0; padding-right: 0; } .rt-post-grid.post-grid-md .post-title {font-size: 1rem; } .rt-post-grid.post-grid-style-2 .post-title {font-size: 1.25rem; } @media (min-width: 1200px) {.rt-post-grid.cat-post.b--r {border-right: 1px solid var(--color-border); } } @media (min-width: 1200px) {.rt-post-grid.cat-post {padding-right: 24px; } } .rt-post-grid.cat-post .post-img .post-cat {position: absolute; left: 20px; top: 20px; } .rt-post-grid.cat-post p {margin-top: 15px; } .rt-post-grid.cat-post .cat-list .post-title {font-size: 0.9375rem; } .rt-post-grid.cat-post .cat-list li {border-top: 1px solid var(--color-border); padding-top: 20px; padding-bottom: 20px; } .rt-post-grid.cat-post .cat-list li:last-child {padding-bottom: 0; } .rt-post-grid.post-grid-lg-style-1 .post-content {margin: 0 auto; padding: 30px 90px; text-align: center; position: relative; } @media (max-width: 1400px) {.rt-post-grid.post-grid-lg-style-1 .post-content {padding: 30px 20px; } } .rt-post-grid.post-grid-lg-style-1 .post-content .shape-13 {position: absolute; left: -45px; top: -80px; z-index: -1; } .rt-post-grid.post-grid-lg-style-1 .post-meta ul {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .rt-post-grid.post-grid-lg-style-1 .post-title {font-size: 1.75rem; } .rt-post-grid.post-grid-lg-style-1 .post-title a {background-size: 0 2px; } .rt-post-grid.post-grid-lg-style-1 .post-title:hover a {background-size: 100% 2px; } .rt-post-grid.rt-post-grid-style-3, .rt-post-grid.rt-post-grid-style-4 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .rt-post-grid.rt-post-grid-style-3 .post-img, .rt-post-grid.rt-post-grid-style-4 .post-img {height: 100%; } .rt-post-grid.rt-post-grid-style-3 .post-img a, .rt-post-grid.rt-post-grid-style-4 .post-img a {display: block; width: 100%; height: 100%; } .rt-post-grid.rt-post-grid-style-3 .post-img img, .rt-post-grid.rt-post-grid-style-4 .post-img img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .rt-post-grid.rt-post-grid-style-3 .post-content, .rt-post-grid.rt-post-grid-style-4 .post-content {padding: 25px; border: 1px solid var(--color-border); border-top: none; } .rt-post-grid.rt-post-grid-style-3 .post-content .post-title, .rt-post-grid.rt-post-grid-style-4 .post-content .post-title {font-size: 1.375rem; } .rt-post-grid.rt-post-grid-style-3 .post-content .post-title a, .rt-post-grid.rt-post-grid-style-4 .post-content .post-title a {background-size: 0 2px; } .rt-post-grid.rt-post-grid-style-3 .post-content .post-title:hover a, .rt-post-grid.rt-post-grid-style-4 .post-content .post-title:hover a {background-size: 100% 2px; } .rt-post-grid.rt-post-grid-style-4 .post-img {border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rt-post-grid.rt-post-grid-style-4 .post-content {background-color: #f8f8f8; border-color: transparent; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } [data-theme=dark] .rt-post-grid.rt-post-grid-style-4 .post-content {background-color: var(--color-dark-bg_2); } /*====================================== // whats-new-wrap-style-1 =====================================*/ .featured-area-style-1 {counter-reset: post-counter; } @media (min-width: 1400px) {.featured-area-style-1 {margin-right: 28px; } } .featured-sticky {position: sticky; top: 0; } .featured-tab-title {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .featured-tab-title .rt-section-heading {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; margin-right: 8px; } @media (max-width: 767px) {.featured-tab-title {display: block !important; text-align: center; } .featured-tab-title .rt-section-text {margin-right: 0; } .featured-tab-title .rt-section-heading {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .featured-tab-title .rt-section-heading .rt-section-dot, .featured-tab-title .rt-section-heading .rt-section-line {display: none; } .featured-tab-title .rt-tab-menu {margin: 0 auto; margin-top: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .featured-tab-title .rt-tab-menu .menu-link {padding: 10px; border: none; border-radius: 4px !important; } } .rt-tab-menu {position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .right-siderbar .rt-tab-menu {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .right-siderbar .rt-tab-menu .menu-item {width: 50%; text-align: center; } .right-siderbar .rt-tab-menu .menu-link {width: 100%; padding: 13px 20px; text-transform: uppercase; } .rt-tab-menu .menu-item {margin: 0; } .rt-tab-menu .menu-item:first-child .menu-link {border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-left-width: 1px; } .rt-tab-menu .menu-item:last-child .menu-link {border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right-width: 1px; } .rt-tab-menu .menu-link {font-size: 0.875rem; color: #929292; font-weight: 600; display: inline-block; padding: 9px 20px; line-height: 1.2; position: relative; font-family: var(--font-title); text-transform: capitalize; border-color: var(--color-border); border-width: 1px 0; border-style: solid; } [data-theme=dark] .rt-tab-menu .menu-link {color: var(--color-white); } .rt-tab-menu .menu-link.active, .rt-tab-menu .menu-link:hover {color: var(--color-white); background-color: var(--color-primary); border-color: var(--color-primary); -webkit-box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27); box-shadow: 0px 10px 18px 0px rgba(50, 112, 252, 0.27); } [data-theme=dark] .rt-tab-menu {--color-black: #000; --color-white: #fff; } /*post-wrap*/ .post-wrap .post-item {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--color-border); } .post-wrap .post-item:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none; } @media (max-width: 991px) {.post-wrap .post-item {padding-bottom: 10px; } } /*post-wrap-style-3*/ @media (min-width: 992px) {.post-wrap-style-3 .post-item .post-img {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .post-wrap-style-3 .post-item .post-content {padding: 20px; text-align: center; } .post-wrap-style-3 .post-item .post-content .post-meta ul {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 992px) {.post-wrap-style-3 .post-item:nth-of-type(even) .rt-post {-webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (max-width: 991px) {.post-wrap-style-3 .post-item {padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid var(--color-border); } .post-wrap-style-3 .post-item:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none; } } .whats-new-wrap {background-color: #fbf8f5; padding: 10px; } @media (min-width: 1400px) {.whats-new-wrap {padding: 50px; } } [data-theme=dark] .whats-new-wrap {background-color: var(--color-dark-bg_2); } /*=================================== // featured-post-style-4 ===================================*/ .featured-post-style-4 {overflow: hidden; padding-top: 0; } @media (max-width: 991px) {.featured-post-style-4 {padding-top: 60px; padding-bottom: 30px; } } /*==================================== // featured-middle-post-style-5 ===================================*/ @media (min-width: 1400px) {.featured-middle-post-style-5 {margin: 0 16px; } } /*==================================== // featured-area-style-5 ===================================*/ .featured-area-style-5 {margin-right: 16px; } .news-list-style-2 .item {border-bottom: 1px solid var(--color-border); padding: 15px 0; } .news-list-style-2 .item .post-title {font-size: 1rem; } /*========================================= //  most-popular-section-style-1 =========================================*/ .most-popular-section-style-1 {margin-top: 25px; } @media (max-width: 991px) {.most-popular-section-style-1 {margin-top: 0; } } .titile-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) {.titile-wrapper {display: block; } .titile-wrapper .slider-navigation {margin-top: 20px; } } .post-grid-list-style-6 .item {padding-bottom: 22px; margin-bottom: 50px; border-bottom: 1px solid var(--color-border); } .post-grid-list-style-6 .item:last-child {padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .post-grid-list-style-6 .item:last-child .post-content {padding-bottom: 0; } /*================================= // feature-section-style-6 ==================================*/ .featured-wrapper-style-6 {padding: 40px 50px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #f7f7f7; counter-reset: post-counter; position: relative; } @media (max-width: 767px) {.featured-wrapper-style-6 {background-image: unset !important; padding: 40px 20px; } } .featured-wrapper-style-6 .shape-14 {position: absolute; right: -90px; top: -90px; z-index: -1; } [data-theme=dark] .featured-wrapper-style-6 {background: var(--color-dark-bg_2) !important; } /*news-feature-sec-gap*/ .news-feature-sec-gap {padding: 100px 0; } @media (max-width: 991px) {.news-feature-sec-gap {padding: 60px 0; } } .rt-sidebar-section-layout-1 {padding-top: 60px; padding-bottom: 130px; } @media (max-width: 991px) {.rt-sidebar-section-layout-1 {padding: 60px 0; } } .rt-sidebar-section-layout-2 {padding-top: 60px; padding-bottom: 90px; } @media (max-width: 991px) {.rt-sidebar-section-layout-2 {padding: 60px 0; } } /*post-list-style-4*/ .post-list-style-4 .post-item {margin-bottom: 40px; } @media (max-width: 767px) {.post-list-style-4 .post-item {margin-bottom: 20px; } } .post-list-style-4 .post-item:last-child {margin-bottom: 0; } video {max-width: 100%; height: auto; } .rt-post-video-overlay .post-video {height: 100%; } .rt-post-video-overlay .post-video video {height: 100%; } [class*=sports-section-] .post-img, [class*=sports-section] .post-img {border-radius: 0; } [class*=sports-section-] .post-img a:first-of-type::after, [class*=sports-section] .post-img a:first-of-type::after {border-radius: 0; } /*rt-post-list-style-4*/ .rt-post-list-style-4 .post-title {font-size: 1.125rem; } .rt-post-list-style-4 .item {padding-bottom: 16px; margin-bottom: 22px; border-bottom: 1px solid var(--color-border); } .rt-post-list-style-4 .item:last-of-type {border-bottom: none; padding-bottom: 0; margin-bottom: 0; } /*rt-post-with-listing-style-4*/ .rt-post-with-listing-style-4 {display: -ms-grid; display: grid; gap: 30px; } [data-theme=dark] .ft-section-style-3 {background: var(--color-dark-bg_2) !important; } /*==================================== // single post area =======================================*/ /*main post */ .rt-main-post-single {position: relative; } .rt-main-post-single .post-share-style-1 {position: absolute; margin-left: -90px; height: calc(100% + 50px); } .rt-main-post-single .post-share-style-1 .share-text {text-align: center; margin-bottom: 18px; } .rt-main-post-single .post-share-style-1 .share-text i, .rt-main-post-single .post-share-style-1 .share-text span {display: block; } .rt-main-post-single .post-share-style-1 .share-text i {color: #a5a6aa; margin-bottom: 10px; } .rt-main-post-single .post-share-style-1 .share-text span {font-size: 0.75rem; color: var(--color-black); font-weight: 500; display: block; text-transform: uppercase; } .rt-main-post-single .post-share-style-1 .inner {position: sticky; top: 125px; } .rt-main-post-single .post-header {margin-bottom: 25px; } .rt-main-post-single .post-header .title {margin-bottom: 10px; } .rt-main-post-single .post-meta {margin-bottom: 30px; } .rt-main-post-single > .post-img {margin-bottom: 40px; border-radius: var(--border-radius-xs); } .rt-main-post-single > .post-img img {border-radius: var(--border-radius-xs); } .rt-main-post-single .post-body > p:first-child {float: left; } /*.rt-main-post-single .post-body > p:first-child::first-letter {font-size: 60px; line-height: 0.8; color: var(--color-black); font-weight: 900; float: left; padding: 5px 22px; vertical-align: top; }*/ .rt-main-post-single .post-body p {margin-bottom: 12px; } .rt-main-post-single .post-body p:last-of-type {margin-bottom: 0; } .rt-main-post-single .post-body .rt-blockquote-area {max-width: 85%; width: 100%; margin: 45px auto; } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote {background-color: #f7f7f7; padding: 30px 50px; position: relative; } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote::after {content: ""; position: absolute; left: 0; bottom: 0; width: calc(100% - 180px); height: 3px; right: 0; margin: 0 auto; background-color: var(--color-primary); } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote i {display: block; margin-bottom: 20px; font-size: 36px; color: #e4e4e4; } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote p {font-size: 1.125rem; line-height: 1.555; color: #444444; font-style: italic; position: relative; margin: 15px 0; } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote .name {font-size: 1rem; font-weight: 700; color: #444444; display: block; position: relative; padding-left: 40px; } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote .name::after {content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 31px; height: 2px; background-color: #c1c1c1; } [data-theme=dark] .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote {background-color: var(--color-dark-bg_2); } [data-theme=dark] .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote p, [data-theme=dark] .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote .name {color: var(--color-body); } @media (max-width: 767px) {.rt-main-post-single .post-body .rt-blockquote-area {max-width: 100%; } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote {padding: 30px; } .rt-main-post-single .post-body .rt-blockquote-area .rt-blockquote::after {width: calc(100% - 60px); } } .rt-main-post-single .list-style-6 {margin-left: 25px; } .rt-main-post-single .list-style-6.layout-2 {margin-top: 25px; margin-bottom: 25px; } @media (min-width: 1200px) {.rt-main-post-single .list-style-6.layout-2 {padding-left: 65px; } } .rt-main-post-single .single-content {margin-top: 35px; } .rt-main-post-single.layout-2 .post-body > p:first-child {float: left; } .rt-main-post-single.layout-2 .post-body > p:first-child::first-letter {font-size: 50px; color: var(--color-black); font-weight: 900; float: left; padding: 10px 22px; border-radius: var(--border-radius-xs); border: 1px solid var(--color-border); margin-right: 20px; } .list-style-6 li {font-size: 1.125rem; color: #111111; font-weight: 700; position: relative; padding-left: 20px; margin-bottom: 12px; } .list-style-6 li::before {content: ""; position: absolute; left: 0; top: 8px; background-color: #646464; width: 6px; height: 6px; border-radius: 50%; } [data-theme=dark] .list-style-6 li {color: var(--color-body); } [data-theme=dark] .list-style-6 li::before {background-color: var(--color-primary); } .list-style-6.layout-3 li::before {background-color: var(--color-primary); } .list-style-6.layout-5 li {font-size: 1rem; color: var(--color-body); font-weight: 400; padding-left: 18px; margin-bottom: 3px; } .list-style-6.layout-5 li:last-child {margin-bottom: 0; } .list-style-6.layout-5 li::before {background-color: var(--color-primary); } /*thumb-post-area*/ .thumb-post-area .item-img {position: relative; } .thumb-post-area .item-img .rt-play-over {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*author-box-style-1*/ .author-box-style-1 {background-color: #f7f7f7; padding: 60px; } @media (min-width: 992px) {.author-box-style-1 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .author-box-style-1 .author-img {-webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; } @media (max-width: 991px) {.author-box-style-1 .author-img {margin-bottom: 20px; } } @media (min-width: 992px) {.author-box-style-1 .author-img {margin-right: 30px; } } .author-box-style-1 .author-img img {width: 170px; height: 170px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; } .author-box-style-1 .author-content .author-name {margin-bottom: 5px; font-size: 1.125rem; } .author-box-style-1 .author-content .author-role {display: block; font-size: 0.875rem; color: var(--color-primary); font-weight: 500; } .author-box-style-1 .author-content .user-desc {font-size: 1rem; line-height: 1.75; color: #646464; margin: 14px 0; padding-right: 20px; } @media (max-width: 991px) {.author-box-style-1 {padding: 40px 30px; } } [data-theme=dark] .author-box-style-1 {background-color: var(--color-dark-bg_2); } [data-theme=dark] .author-box-style-1 .author-content .user-desc {color: var(--color-body); } .social-style-5 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-style-5 li {margin-right: 15px; } .social-style-5 li:last-child {margin-right: 0; } .social-style-5 a {font-size: 1rem; color: var(--color-black); } .social-style-5 a:hover {color: var(--color-primary); } .share-box-area {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social-share-box-2 .conent-block .block-tile {font-size: 1rem; } .social-share-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social-share-box .share-text {margin-right: 13px; border: 1px solid var(--color-border); border-radius: var(--border-radius-xs); padding: 7px 20px; } .social-share-style-1 {display: -webkit-box; display: -ms-flexbox; display: flex; } .social-share-style-1 li {margin-right: 6px; } .social-share-style-1 a {font-size: 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background-color: var(--color-primary); width: 44px; height: 40px; border-radius: var(--border-radius-xs); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .social-share-style-1 a.fb {background-color: #1559c2; } .social-share-style-1 a.fb:hover {background-color: #0b2f66; } .social-share-style-1 a.tw {background-color: #1ea9e9; } .social-share-style-1 a.tw:hover {background-color: #0e6993; } .social-share-style-1 a.yu {background-color: #ed1d25; } .social-share-style-1 a.yu:hover {background-color: #980c11; } .social-share-style-1 a.dr {background-color: #f65e97; } .social-share-style-1 a.dr:hover {background-color: #e10d5c; } .social-share-style-1 a.dw {background-color: #ff6b10; } .social-share-style-1 a.dw:hover {background-color: #a94000; } .social-share-style-1 a.wh {background-color: #43ce13; } .social-share-style-1 a.wh:hover {background-color: #25710a; } .social-share-style-1.layout-2 a {color: #7a7e83; background-color: transparent; border: 1px solid #cccccc; } .social-share-style-7 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .social-share-style-7 li {margin-bottom: 8px; } .social-share-style-7 li:last-child {margin-bottom: 0; } .social-share-style-7 a {font-size: 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; width: 40px; height: 40px; border-radius: 50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border: 1px solid var(--color-border); -webkit-transform: translateY(0); transform: translateY(0); } .social-share-style-7 a:hover {-webkit-transform: translateY(-5px); transform: translateY(-5px); } .social-share-style-7 a.fb {color: #1559c2; } .social-share-style-7 a.fb:hover {color: #0b2f66; } .social-share-style-7 a.tw {color: #1ea9e9; } .social-share-style-7 a.tw:hover {color: #0e6993; } .social-share-style-7 a.yu {color: #ed1d25; } .social-share-style-7 a.yu:hover {color: #980c11; } .social-share-style-7 a.dr {color: #f65e97; } .social-share-style-7 a.dr:hover {color: #e10d5c; } .social-share-style-7 a.dw {color: #ff6b10; } .social-share-style-7 a.dw:hover {color: #a94000; } /*pagination*/ .next-prev-wrap {border: 1px solid #e1e1e1; padding: 40px; } [data-theme=dark] .next-prev-wrap {border-color: var(--color-border); } .next-prev-wrap.next-wrap {text-align: right; } .next-prev-wrap.next-wrap .item-icon i {margin-right: 0; margin-left: 8px; } .next-prev-wrap .item-icon {margin-bottom: 10px; font-size: 0.75rem; text-transform: uppercase; font-weight: 700; } .next-prev-wrap .item-icon a {color: #7a7e83; } .next-prev-wrap .item-icon a:hover {color: var(--color-primary); } .next-prev-wrap .item-icon i {margin-right: 8px; } .next-prev-wrap .content .title {font-weight: 600; font-size: 1rem; color: #111111; } [data-theme=dark] .next-prev-wrap .content .title {color: #fff; } .next-prev-wrap .content .title a {color: inherit; } .next-prev-wrap .content .title:hover {color: var(--color-primary); } /*single-post-banner*/ .single-post-banner {min-height: 600px; padding-top: 120px; padding-bottom: 45px; background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .single-post-banner .single-post-content .post-title {font-size: 1.875rem; margin-bottom: 10px; color: #fff; } @media (min-width: 1200px) {.single-post-banner .single-post-content {max-width: 80%; width: 100%; } } @media (max-width: 767px) {.single-post-banner {min-height: 500px; } } /*============================== //  cat-slider-style-1 ==============================*/ .rt-category-slider-style-1 {margin-top: -110px; position: relative; z-index: 2; } @media (max-width: 991px) {.rt-category-slider-style-1 {margin-top: 0; } } .cat-slider-area {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-white); -webkit-box-shadow: 0px 0px 49px 0px rgba(10, 10, 10, 0.14); box-shadow: 0px 0px 49px 0px rgba(10, 10, 10, 0.14); padding: 40px; position: relative; } .cat-slider-area .cat-title-wrap {max-width: 270px; width: 100%; } .cat-slider-area .cat-title-wrap .title {padding-right: 10px; margin-bottom: 15px; font-size: 1.424rem; } [data-theme=dark] .cat-slider-area .cat-title-wrap .title {color: var(--color-white); } @media (max-width: 991px) {.cat-slider-area {padding: 60px 20px; display: block; } .cat-slider-area .cat-title-wrap {max-width: 100%; margin-bottom: 25px; } } [data-theme=dark] .cat-slider-area {--color-white: #fff; --color-black: #000; background: var(--color-dark-bg_2) !important; } .rt-cart-item {overflow: hidden; } .rt-cart-item .item-img {position: relative; border-radius: var(--border-radius-xs); } .rt-cart-item .item-img img {border-radius: var(--border-radius-xs); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease; transition: all 1s ease; } .rt-cart-item .item-img::after {background-color: rgba(var(--color-black-rgb), 0.7); border-radius: var(--border-radius-xs); } .rt-cart-item .item-content {position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(15px); transform: translateX(-50%) translateY(15px); bottom: 0; z-index: 2; text-align: center; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; width: 100%; } .rt-cart-item .title {overflow: hidden; margin-bottom: 10px; font-size: 1rem; color: var(--color-white); } .rt-cart-item .title a {color: inherit; } .rt-cart-item .title:hover {color: var(--color-primary); } .rt-cart-item .count {font-size: 0.875rem; color: var(--color-white); overflow: hidden; margin-bottom: 0; } .rt-cart-item:hover .item-content {-webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .rt-cart-item:hover .anim-overflow {-webkit-transform: translateY(0); transform: translateY(0); } [data-theme=dark] .rt-cart-item {--color-black-rgb: 0, 0, 0; --color-white: #fff; --color-black: #000; } /*=========================================== // top-categories-grid-style-1 ==========================================*/ .top-categories-grid-style-1 {display: -ms-grid; display: grid; gap: 2px; -ms-grid-columns: 1fr 2px 1fr; grid-template-columns: repeat(2, 1fr); } .top-categories-grid-style-1 .cat-item {overflow: hidden; } .top-categories-grid-style-1 .item-img img {min-height: 140px; -o-object-fit: cover; object-fit: cover; } /*================================= // top-games-section-style-1 ===============================*/ .top-games-section-style-1 {padding-bottom: 95px; position: relative; background-color: #f8f8f8; overflow: hidden; z-index: 2; } .top-games-section-style-1 .game-text {position: absolute; left: 0; bottom: -100px; right: 0; margin: 0 auto; text-align: center; z-index: -1; } @media (max-width: 991px) {.top-games-section-style-1 {padding-bottom: 60px; } } [data-theme=dark] .top-games-section-style-1 {background: var(--color-dark-bg_2) !important; } /*slidebar*/ .sidebar-wrap {counter-reset: post-counter; } .social-connection li {display: block; border-radius: 3px; margin-bottom: 5px; } .social-connection li:last-child {margin-bottom: 0; } .social-connection li:nth-child(1) a {background-image: -webkit-gradient(linear, right top, left top, from(#2c6dd2), to(#1155bf)); background-image: linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%); background-image: -ms-linear-gradient(-90deg, #2c6dd2 0%, #1155bf 100%); } .social-connection li:nth-child(2) a {background-image: -webkit-gradient(linear, right top, left top, from(#56c3f0), to(#13a4e7)); background-image: linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%); background-image: -ms-linear-gradient(-90deg, #56c3f0 0%, #13a4e7 100%); } .social-connection li:nth-child(3) a {background-image: -webkit-gradient(linear, right top, left top, from(#ff5252), to(#ed1c24)); background-image: linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%); background-image: -ms-linear-gradient(-90deg, #ff5252 0%, #ed1c24 100%); } .social-connection li:nth-child(4) a {background-image: -webkit-gradient(linear, right top, left top, from(#ff9656), to(#ff6b10)); background-image: linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%); background-image: -ms-linear-gradient(-90deg, #ff9656 0%, #ff6b10 100%); } .social-connection li:nth-child(5) a {border-radius: 3px; background-image: -webkit-gradient(linear, right top, left top, from(#f43079), to(#f7679d)); background-image: linear-gradient(-90deg, #f43079 0%, #f7679d 100%); background-image: -ms-linear-gradient(-90deg, #f43079 0%, #f7679d 100%); } .social-connection a {display: block; width: 100%; border-radius: 3px; height: 62px; padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-connection a:hover i.facebook {background-color: var(--color-white); color: #2a67c6; } .social-connection a:hover i.twitter {background-color: var(--color-white); color: #2fafea; } .social-connection a:hover i.youtube {background-color: var(--color-white); color: #f1383e; } .social-connection a:hover i.cloud {background-color: var(--color-white); color: #ff7e2f; } .social-connection a:hover i.dribbble {background-color: var(--color-white); color: #f872a4; } .social-connection a i {font-size: 0.875rem; width: 34px; height: 34px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); -webkit-transition: all ease 0.6s; transition: all ease 0.6s; } .social-connection a i.facebook {background-color: #2a67c6; } .social-connection a i.twitter {background-color: #2fafea; } .social-connection a i.youtube {background-color: #f1383e; } .social-connection a i.cloud {background-color: #ff7e2f; } .social-connection a i.dribbble {background-color: #f872a4; } .social-connection a .text {font-size: 0.875rem; font-weight: 500; color: var(--color-white); position: relative; padding-left: 15px; margin-left: 15px; } .social-connection a .text::before {content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 20px; background-color: var(--color-white); } .social-connection a .text span {font-weight: 700; display: inline-block; margin-right: 5px; } [data-theme=dark] .social-connection {--color-white: #fff; --color-black: #000; } .social-connection-style-2 {display: -ms-grid; display: grid; } .social-connection-style-2 li {margin-bottom: -1px; } .social-connection-style-2 a {font-weight: 500; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: #8a8a8a; border: 1px solid #d0d0d0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social-connection-style-2 a:hover {color: var(--color-primary); } .social-connection-style-2 a:hover .icon-box i {-webkit-transform: rotate(360deg); transform: rotate(360deg); } .social-connection-style-2 a:hover .text-box {-webkit-transform: translateX(4px); transform: translateX(4px); } .social-connection-style-2 .icon-box {font-size: 1rem; width: 50px; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #d0d0d0; overflow: hidden; } .social-connection-style-2 .icon-box i {-webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .social-connection-style-2 .text-box {padding-left: 16px; padding-right: 16px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transform: translateX(0); transform: translateX(0); } .social-connection-style-2 .count-box {border-left: 1px solid #d0d0d0; padding-left: 10px; padding-right: 20px; color: #222222; line-height: 1.2; } [data-theme=dark] .social-connection-style-2 .count-box, [data-theme=dark] .social-connection-style-2 a {color: var(--color-body); } .post-list .item {border-bottom: 1px solid var(--color-border); padding-bottom: 24px; margin-bottom: 24px; } .post-list .item:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .post-list-box-style-2 .post-list .item {padding-bottom: 16px; margin-bottom: 22px; } .post-list-box-style-2 .post-list .item:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .post-list-box-style-2 .post-list .item:hover .icon-box i {-webkit-animation: toRightFromLeft 0.5s forwards; animation: toRightFromLeft 0.5s forwards; } .post-list-box-style-2 .title-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .post-list-box-style-2 .title-wrap .icon-box {color: #b5b5b5; font-size: 1.0625rem; overflow: hidden; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .post-list-box-style-2 .post-title {font-size: 1rem; } .sidebar-wrap.sidebar-wrap-with-bg {background-color: #f7f7f7; padding: 30px; } [data-theme=dark] .sidebar-wrap.sidebar-wrap-with-bg {background-color: var(--color-dark-bg_2); } /*subscribe-content*/ .subscribe-box-style-1 {background-color: #f4f4f4; border-radius: var(--border-radius-xs); } [data-theme=dark] .subscribe-box-style-1 {--color-white: #fff; --color-black: #000; background: #171818 !important; } [data-theme=dark] .subscribe-box-style-1 .title {color: #fff; } [data-theme=dark] .subscribe-box-style-1 p {color: #acabab; } .subscribe-content {text-align: center; padding: 40px 35px; } .subscribe-content .title {position: relative; padding-bottom: 20px; font-size: 1.375rem; } .subscribe-content .title::after, .subscribe-content .title::before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; background-color: var(--color-primary); height: 1px; } .subscribe-content .title::before {width: 74px; bottom: 8px; } .subscribe-content .title::after {width: 44px; } .subscribe-content > p {margin-top: 25px; margin-bottom: 25px; } .subscribe-content p, .subscribe-content .small-text {font-size: 0.875rem; color: #646464; } .subscribe-content .small-text {color: #acabab; margin-top: 15px; } .subscribe-form .rt-form-group {margin-bottom: 15px; } .subscribe-form .rt-form-control {font-size: 0.875rem; color: var(--color-body); height: 53px; border: 1px solid var(--color-border); border-radius: 3px; background-color: var(--color-white); text-align: center; width: 100%; } .subscribe-form .rt-form-control::-webkit-input-placeholder {color: var(--color-body); } .subscribe-form .rt-form-control::-moz-placeholder {color: var(--color-body); } .subscribe-form .rt-form-control:-ms-input-placeholder {color: var(--color-body); } .subscribe-form .rt-form-control::-ms-input-placeholder {color: var(--color-body); } .subscribe-form .rt-form-control::placeholder {color: var(--color-body); } .subscribe-form .rt-form-control:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .rt-submit-btn {font-size: 0.875rem; color: var(--color-white); background-color: var(--color-primary); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; height: 53px; width: 100%; padding: 5px 20px; text-align: center; border: none; font-weight: 600; font-family: "Spartan", sans-serif; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .rt-submit-btn:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .rt-submit-btn:hover {color: var(--color-white); background-color: #0034c2; } [data-theme=dark] .rt-submit-btn {--color-white: #fff; } /*rt-categories*/ .rt-categories li {display: block; margin-bottom: 6px; } .rt-categories li:last-child {margin-bottom: 0; } .rt-categories li:hover a {background-position: left 50%; } .rt-categories li:hover .count {background-color: var(--color-primary); color: var(--color-white); } .rt-categories li:hover .cat-name {-webkit-transform: translateX(6px); transform: translateX(6px); } .rt-categories a {width: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: 1; min-height: 75px; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--border-radius-xs); } .rt-categories a::after {background-color: rgba(var(--color-black-rgb), 0.5); z-index: -1; border-radius: var(--border-radius-xs); } .rt-categories .cat-name {font-size: 0.875rem; font-weight: 700; color: var(--color-white); letter-spacing: 0.1rem; text-transform: uppercase; -webkit-transform: translateX(0); transform: translateX(0); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .rt-categories .count {font-size: 0.875rem; color: var(--color-body); background-color: var(--color-white); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } [data-theme=dark] .rt-categories .count {color: var(--color-primary); } [data-theme=dark] .rt-categories {--color-white: #fff; --color-black: #000; --color-black-rgb: 0, 0, 0; } .featured-news-box-style-1 .inner {border: 1px solid var(--color-border); } .featured-news-box-style-1 .item {border-top-left-radius: var(--border-radius-xs); border-top-right-radius: var(--border-radius-xs); } .featured-news-box-style-1 .item img {border-top-left-radius: var(--border-radius-xs); border-top-right-radius: var(--border-radius-xs); } .feature-content {border-top-left-radius: var(--border-radius-xs); border-top-right-radius: var(--border-radius-xs); position: relative; z-index: 1; background-color: var(--color-white); margin: 0 10px; margin-top: -10px; padding: 20px; } [data-theme=dark] .feature-content {background-color: var(--color-dark-bg_2); } .featured-list > li {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-border); } .featured-list > li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .featured-list .post-title {font-size: 1rem; color: #444444; } .featured-list .post-title a {color: inherit; } [data-theme=dark] .featured-list .post-title {color: var(--color-black); } .video-box-style-1 .item-img {position: relative; border-top-left-radius: var(--border-radius-xs); border-top-right-radius: var(--border-radius-xs); z-index: 1; } .video-box-style-1 .item-img img {border-top-left-radius: var(--border-radius-xs); border-top-right-radius: var(--border-radius-xs); } .video-box-style-1 .item-img::after {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(59%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 59%, rgba(0, 0, 0, 0.8) 100%); border-top-left-radius: var(--border-radius-xs); border-top-right-radius: var(--border-radius-xs); } .video-box-style-1 .item-img .item-content {position: absolute; left: 0; bottom: 0; padding: 20px; z-index: 1; width: 100%; } .video-box-style-1 .item-img .item-content .post-title {font-size: 1rem; } .video-box-style-1 .item-img .item-content .post-title a {color: var(--color-white); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-white)), color-stop(98%, var(--color-white))); background-image: linear-gradient(to bottom, var(--color-white) 0%, var(--color-white) 98%); } [data-theme=dark] .video-box-style-1 .item-img .item-content .post-title a {--color-white: #fff; --color-black: #000; --color-black-rgb: 0, 0, 0; } .video-box-style-1 .item-img .item-content .rt-meta {color: #d0d0d0; } .video-box-style-1 .item-img .item-content .rt-meta .icon {color: #d0d0d0; } .video-box-style-1 .video-content {border: 1px solid var(--color-border); padding: 10px 20px; padding-top: 20px; } .video-box-style-1 .video-content-list {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .video-box-style-1 .video-content-list .post-title {font-size: 0.9375rem; } .video-box-style-1 .video-item-list li {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--color-border); } .video-box-style-1 .video-item-list li:last-child {margin-bottom: 0; border-bottom: none; } /*top-headline-box-style-1*/ .top-headline-box-style-1 {border-top: 3px solid var(--color-primary); border-top-left-radius: 3px; border-top-right-radius: 3px; } .top-headline-box-style-1 .title {font-size: 1.0625rem; position: relative; padding-left: 30px; padding-bottom: 15px; padding-top: 20px; border-bottom: 1px solid var(--color-border); text-transform: uppercase; margin-bottom: 0; } .top-headline-box-style-1 .title::after {content: ""; position: absolute; left: 30px; bottom: 0; width: 42px; height: 3px; background-color: var(--color-primary); } .top-headline-box-style-1 .item {padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-border); } .top-headline-box-style-1 .item .post-title {font-size: 1rem; } .top-headline-box-style-1 .item:last-child {border-bottom: none; } .top-headline-box-style-1 .item-content {padding: 0 30px; } .sidebar-post-style-5 .item-img {border-radius: var(--border-radius-xs); overflow: hidden; } .sidebar-post-style-5 .item-img img {border-radius: var(--border-radius-xs); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 1s; transition: 1s; } .sidebar-post-style-5 .post-title {font-size: 1rem; } .sidebar-post-style-5 .item-content {padding-top: 20px; } .sidebar-post-style-5 .item-title-list .single-item {padding: 15px 0; border-top: 1px solid var(--color-border); } .sidebar-post-style-5:hover .item-img img {-webkit-transform: scale(1.1); transform: scale(1.1); } /*sidebar spacer*/ @media (min-width: 1200px) {.b__l-xl {border-left: 1px solid var(--color-border); } .rt-sidebar-left-spacer_1 {padding-left: 50px; margin-left: 26px; } } /*rt-social-style-2*/ .rt-social-style-2 {display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: 1fr 1fr 1fr; } .rt-social-style-2 a {display: inline-block; text-align: center; border: 1px solid var(--color-border); padding: 15px; border-radius: var(--border-radius-xs); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .rt-social-style-2 a span {display: block; font-weight: 500; color: #111111; margin-top: 10px; } [data-theme=dark] .rt-social-style-2 a span {color: #fff; } .rt-social-style-2 .social-icon {font-size: 1.5rem; } .rt-social-style-2 .social-icon.fb {color: #1559c2; } .rt-social-style-2 .social-icon.tw {color: #1ea9e9; } .rt-social-style-2 .social-icon.yu {color: #ed1d25; } .rt-social-style-2 .social-icon.dw {color: #ff6b10; } .rt-social-style-2 .social-icon.dr {color: #f65e97; } .rt-social-style-2 .social-icon.vm {color: #2cc0eb; } /*tag-list*/ .tag-list {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tag-list .tag-link {font-size: 0.875rem; color: #646464; border: 1px solid #d7d7d7; padding: 8px 15px; background-color: transparent; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; text-transform: lowercase; margin-right: 6px; margin-bottom: 6px; } [data-theme=dark] .tag-list .tag-link {color: #d7d7d7; } .tag-list.style-2 .tag-link {font-size: 0.75rem; color: #a5a5a5; border: 1px solid #363636; text-transform: uppercase; padding: 8px 20px; border-radius: var(--border-radius-xs); } [data-theme=dark] .tag-list.style-2 .tag-link {color: #d7d7d7; } .tag-list.style-2 .tag-link:hover {color: var(--color-white); } @media (min-width: 1200px) {.rt-left-sidebar-sapcer-5 {margin-right: 28px; } } .vote-status-box {display: -ms-grid; display: grid; gap: 10px; } .vote-status-box .vote-status-box-item {position: relative; z-index: 1; height: 40px; background: #eeeeee; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 14px; font-weight: 500; font-size: 14px; text-transform: capitalize; color: var(--color-black); } .vote-status-box .vote-status-box-item::after {content: ""; position: absolute; left: 0; top: 0; width: 10%; height: 100%; background: #ddeaed; border-radius: 4px 0px 0px 4px; z-index: -1; } .vote-status-box .vote-status-box-item:nth-child(2)::after {background: #eddde3; width: 80%; } .vote-status-box .vote-status-box-item:nth-child(3)::after {background: #dddfed; width: 40%; } .vote-status-box .vote-status-box-item .radio-box {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .vote-status-box .vote-status-box-item .radio-box [type=radio] {display: none; } .vote-status-box .vote-status-box-item .radio-box .custom-radio-circle {width: 18px; height: 18px; border-radius: 50%; background: #ffffff; border: 1px solid #80d6e9; position: relative; z-index: 1; } .vote-status-box .vote-status-box-item .radio-box .custom-radio-circle::after {content: ""; position: absolute; background: #80d6e9; z-index: -1; inset: 3px; border-radius: 50%; visibility: hidden; opacity: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_2 {border-color: #e98080; } .vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_2::after {background-color: #e98080; } .vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_3 {border-color: #828cd3; } .vote-status-box .vote-status-box-item .radio-box .custom-radio-circle.custom-radio-circle_3::after {background-color: #828cd3; } .vote-status-box .vote-status-box-item .radio-box [type=radio]:checked + .custom-radio-circle::after {visibility: visible; opacity: 1; } [data-theme=dark] .vote-status-box {--color-white: #fff; --color-black: #000; } .sidebar-wrap.voting-wrap {padding: 30px; border: 1px solid var(--color-border); border-radius: var(--border-radius-xs); } .sidebar-wrap.voting-wrap .rt-submit-btn {font-size: 0.875rem; height: 40px; border-radius: 4px; } .sidebar-wrap.voting-wrap .post-img img {width: 100%; height: auto; } /*================================ // rt-ad-banner-style-1 =================================*/ .ad-banner-img {border-radius: 4px; text-align: center; } .ad-banner-img img {border-radius: 4px; } .post-banner-style-1 {min-height: 332px; position: relative; border-radius: 4px; z-index: 1; } .post-banner-style-1::before, .post-banner-style-1::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; } .post-banner-style-1::before {background-image: url("../../media/gallery/post-banner_1.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 4px; } .post-banner-style-1::after {border-radius: 4px; opacity: 0.9; background-image: linear-gradient(38deg, #512da8 0%, #db1b1b 100%); background-image: -ms-linear-gradient(38deg, #512da8 0%, #db1b1b 100%); } .post-banner-style-1 .post-content {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding: 50px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 2; } .post-banner-style-1 .post-content .title {font-size: 1.25rem; } .post-banner-style-1 .post-content .title a {color: var(--color-white); } .post-banner-style-1 .post-content .title span {font-size: 0.875rem; font-weight: 500; display: block; margin-top: 10px; } [data-theme=dark] .post-banner-style-1 {--color-white: #fff; --color-black: #000; } /*====================================== // video-section-style-1 ======================================*/ .video-section-style-1 {position: relative; } .video-section-style-1 .video-thumnail-area {position: absolute; left: 0; right: 0; bottom: 70px; margin: 0 auto; } @media (max-width: 767px) {.video-section-style-1 .video-thumnail-area {bottom: 30px; } } .video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 {bottom: 0; } .video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0.02))); background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius: 12px 14px 0px 0px; padding: 0; } .video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 .swiper-slide.swiper-slide-visible.swiper-slide-duplicate-prev {border-right: 0; } .video-section-style-1 .video-thumnail-area.video-thumnail-area-style-8 .video-slider-thumbnail-style-1 .item.video-slide-thumb {padding: 40px; border-right: 1px solid #fff; } [data-theme=dark] .video-section-style-1 {--color-white: #fff; --color-black: #000; } .video-slider-thumbnail-style-1 {position: relative; padding-top: 40px; } .video-slider-thumbnail-style-1 .swiper-pagination {background: rgba(255, 255, 255, 0.25); height: 3px; } .video-slide {min-height: 720px; background-repeat: no-repeat; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; padding-top: 165px; } .video-slide::after {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(59%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.5) 59%, rgba(0, 0, 0, 0.8) 100%); z-index: -1; } .video-slide .post-title {font-size: 2.125rem; overflow: hidden; } .video-slide .post-title a {color: var(--color-white); } @media (max-width: 991px) {.video-slide .post-title {font-size: 1.5rem; } } @media (max-width: 767px) {.video-slide {min-height: 550px; padding-top: 100px; } } [data-theme=dark] .video-slide {--color-white: #fff; --color-black: #000; } /*======================================= // video-gallery-style-2 ========================================*/ .video-gallery-style-2 {background-color: #282828; } /*======================================= // video-gallery-style-2 ========================================*/ .top-video-section-style-2 {position: relative; background-color: #282828; overflow: hidden; z-index: 2; } .top-video-section-style-2 .video-text {position: absolute; left: 0; top: 0; right: 0; margin: auto 0; z-index: -1; } .top-video-section-style-2 .circle-shape {position: absolute; top: -150px; right: 60px; z-index: -1; } /*======================================== // ft-video-section-style-1 ======================================*/ .ft-video-section-style-1 {position: relative; z-index: 1; min-height: 680px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 100px 0; } .ft-video-section-style-1 .ft-video-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-filter: grayscale(1); filter: grayscale(1); } .ft-video-section-style-1 .ft-video-bg::after {z-index: -1; background: -webkit-gradient(linear, left top, left bottom, color-stop(-26.05%, rgba(0, 0, 0, 0)), color-stop(73.83%, rgba(0, 0, 0, 0.65))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) -26.05%, rgba(0, 0, 0, 0.65) 73.83%); } .ft-video-section-style-1 .post-content .post-title {color: #fff; } .ft-video-section-style-1 .post-content.post-content-lg .post-title {font-size: 1.875rem; } .ft-video-section-style-1 .post-meta .rt-meta .name {color: #d0d0d0; } .video-section-style-8 {position: relative; } .video-section-style-8 .video-thumnail-area {position: absolute; right: 0; left: 0; bottom: 0; } .video-section-style-8 .video-thumnail-area .swiper-container {background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0.02))); background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px 10px 0 0; } .video-section-style-8 .video-thumnail-area .video-slide-thumb {padding: 40px; } .video-section-style-8 .video-thumnail-area .rt-post {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-section-style-8 .video-thumnail-area .rt-post .post-img img {-webkit-filter: grayscale(1); filter: grayscale(1); } .video-section-style-8 .video-thumnail-area .swiper-slide-thumb-active .rt-post .post-img img {-webkit-filter: grayscale(0); filter: grayscale(0); } /*================================ //  subscribe-section-style-1 =================================*/ .subscribe-section-style-1 {background-color: #f8f8f8; padding-top: 45px; overflow: hidden; } @media (max-width: 991px) {.subscribe-section-style-1 {padding: 60px 0; } } [data-theme=dark] .subscribe-section-style-1 {background-color: #212121; } .rt-subscribe-box {margin-top: -45px; } .rt-subscribe-box .title {font-size: 1.625rem; max-width: 60%; width: 100%; margin-bottom: 20px; } .layout-2 .rt-subscribe-box .title {max-width: 82%; margin: 0 auto; margin-bottom: 20px; } @media (max-width: 575px) {.layout-2 .rt-subscribe-box .title {max-width: 100%; } } @media (max-width: 1400px) {.rt-subscribe-box {margin-top: 0; } .rt-subscribe-box .title {max-width: 80%; } } @media (max-width: 767px) {.rt-subscribe-box .title {max-width: 100%; } } .subscribe-form-style-2 .rt-subs-group {position: relative; } .subscribe-form-style-2 .subscribe-form {font-size: 0.9375rem; color: #919191; padding: 5px 20px; height: 50px; width: 100%; -webkit-box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 14px 16px 0px rgba(0, 0, 0, 0.03); border: none; border-radius: 5px; } .subscribe-form-style-2 .subscribe-btn {font-size: 0.875rem; font-weight: 700; letter-spacing: 0.1rem; text-transform: uppercase; position: absolute; right: 0; top: 0; height: 50px; padding: 5px 20px; border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: var(--color-white); background-color: var(--color-primary); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .subscribe-form-style-2 .subscribe-btn:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .subscribe-form-style-2 .subscribe-btn:hover {background-color: #0034c2; } [data-theme=dark] .subscribe-form-style-2 .subscribe-btn {--color-white: #fff; } .bouncing-bubble-animation {-webkit-animation: bouncebubble infinite 5s; animation: bouncebubble infinite 5s; } @-webkit-keyframes bouncebubble {1% {-webkit-transform: translateY(0); transform: translateY(0); } 25% {-webkit-transform: translateY(-10px); transform: translateY(-10px); } 50% {-webkit-transform: translateX(10px); transform: translateX(10px); } 75% {-webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% {-webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bouncebubble {1% {-webkit-transform: translateY(0); transform: translateY(0); } 25% {-webkit-transform: translateY(-10px); transform: translateY(-10px); } 50% {-webkit-transform: translateX(10px); transform: translateX(10px); } 75% {-webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% {-webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(0); transform: translateX(0); } } /*=============================== // subscribe-form-style-6 ===============================*/ .subscribe-wrap-style-6 {background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 35px; } @media (max-width: 991px) {.subscribe-wrap-style-6 {background-color: unset !important; padding: 0; } } .subscribe-box-style-6 {-webkit-box-shadow: 6.889px 11.025px 56.05px 2.95px rgba(0, 0, 0, 0.14); box-shadow: 6.889px 11.025px 56.05px 2.95px rgba(0, 0, 0, 0.14); border-radius: var(--border-radius-xs); background-color: var(--color-white); padding: 60px 40px; background-repeat: no-repeat; background-size: cover; background-position: center center; } @media (max-width: 991px) {.subscribe-box-style-6 {padding: 40px 30px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); background-color: #f7f7f7; } } .subscribe-form-style-6 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .subscribe-form-style-6 .subscrible-heading {-ms-flex-negative: 1; flex-shrink: 1; } .subscribe-form-style-6 .subscrible-heading .title {font-size: 1.25rem; margin-bottom: 3px; } .subscribe-form-style-6 .subscrible-heading p {font-size: 0.875rem; color: #868686; } .subscribe-form-style-6 .rt-subs-form {-webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .subscribe-form-style-6 .rt-subs-form .subscribe-form {font-size: 0.9375rem; color: #929292; padding: 5px 20px; height: 50px; width: 100%; border: none; border-radius: 3px; border: 1px solid var(--color-border); } .subscribe-form-style-6 .subscribe-btn {font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1rem; text-transform: capitalize; height: 50px; padding: 5px 30px; border: none; border-radius: var(--border-radius-xs); color: var(--color-white); background-color: var(--color-primary); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-box-shadow: 0px 7px 17.1px 0.9px rgba(0, 115, 255, 0.47); box-shadow: 0px 7px 17.1px 0.9px rgba(0, 115, 255, 0.47); } .subscribe-form-style-6 .subscribe-btn:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .subscribe-form-style-6 .subscribe-btn:hover {background-color: #0034c2; } [data-theme=dark] .subscribe-form-style-6 .subscribe-btn {--color-white: #fff; } @media (max-width: 991px) {.subscribe-form-style-6 {display: block; } .subscribe-form-style-6 .subscribe-btn {width: 100%; } } /*subscribe-section-area-style-2*/ .subscribe-section-area-style-2 {padding-top: 0; padding-bottom: 95px; } .subscribe-section-style-8 {position: relative; z-index: 1; } .subscribe-section-style-8 .element_21 {left: 8%; bottom: -6px; } .subscribe-section-style-8 .element_22 {left: 45%; top: -5px; } .subscribe-section-style-8 .element_23 {right: 10%; bottom: -5px; } [data-theme=dark] .subscribe-section-style-8 {background: #212121 !important; } .rt-subscribe-title-box-style-8 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 18px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .rt-subscribe-title-box-style-8 .title {font-size: 1.5rem; max-width: 100%; margin-bottom: 0; } .rt-subscribe-title-box-style-8 .icon {font-size: 4rem; color: var(--color-primary); line-height: 1; } .rt-subscribe-title-box-style-8 p {font-size: 1.0625rem; font-weight: 500; } .rt-subscribe-title-box-style-8 p:last-of-type {margin-bottom: 0; } .footer-subscribe-wrapper .rt-subscribe-title-box-style-8 .title {color: var(--color-white); } .footer-subscribe-wrapper .rt-subscribe-title-box-style-8 .icon {color: #606060; } .footer-subscribe-wrapper .rt-subscribe-title-box-style-8 p {color: #747474; } .subscribe-form-style-8 .rt-subs-group {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subscribe-form-style-8 .subscribe-form {font-size: 0.9375rem; color: #919191; padding: 5px 20px; height: 50px; background: #ffffff; border: 1px solid #e2e2e2; border-radius: 4px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .subscribe-form-style-8 .subscribe-form::-webkit-input-placeholder {color: #919191; } .subscribe-form-style-8 .subscribe-form::-moz-placeholder {color: #919191; } .subscribe-form-style-8 .subscribe-form:-ms-input-placeholder {color: #919191; } .subscribe-form-style-8 .subscribe-form::-ms-input-placeholder {color: #919191; } .subscribe-form-style-8 .subscribe-form::placeholder {color: #919191; } .subscribe-form-style-8 .subscribe-btn {font-size: 0.875rem; font-weight: 700; letter-spacing: 0.1rem; text-transform: uppercase; height: 50px; padding: 5px 20px; border: none; border-radius: 4px; color: var(--color-white); background-color: var(--color-primary); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .subscribe-form-style-8 .subscribe-btn:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .subscribe-form-style-8 .subscribe-btn:hover {background-color: #0034c2; } [data-theme=dark] .subscribe-form-style-8 .subscribe-btn {--color-white: #fff; } .footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form {background: #262626; color: #8b8b8b; letter-spacing: 0.05rem; border: none; } .footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::-webkit-input-placeholder {color: #8b8b8b; } .footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::-moz-placeholder {color: #8b8b8b; } .footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form:-ms-input-placeholder {color: #8b8b8b; } .footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::-ms-input-placeholder {color: #8b8b8b; } .footer-subscribe-wrapper .subscribe-form-style-8 .subscribe-form::placeholder {color: #8b8b8b; } /*========================= //  contact-section-layout-1 =========================*/ .contact-section-layout-1 {padding-top: 100px; padding-bottom: 130px; overflow: hidden; } @media (max-width: 991px) {.contact-section-layout-1 {padding-top: 80px; padding-bottom: 80px; } } /*=========================== //  Search Box ============================*/ .search-form-box .form-group {position: relative; margin-bottom: 0; padding: 5px; border-radius: var(--border-radius-xs); border: 1px solid var(--color-border); } .search-form-box .form-group .rt-search-control {font-size: 0.75rem; font-weight: 500; color: var(--color-body); border: none; background-color: transparent; height: 43px; padding: 5px 18px; padding-right: 53px; } .search-form-box .form-group .rt-search-control::-webkit-input-placeholder {color: var(--color-body); text-transform: uppercase; letter-spacing: 0.1rem; } .search-form-box .form-group .rt-search-control::-moz-placeholder {color: var(--color-body); text-transform: uppercase; letter-spacing: 0.1rem; } .search-form-box .form-group .rt-search-control:-ms-input-placeholder {color: var(--color-body); text-transform: uppercase; letter-spacing: 0.1rem; } .search-form-box .form-group .rt-search-control::-ms-input-placeholder {color: var(--color-body); text-transform: uppercase; letter-spacing: 0.1rem; } .search-form-box .form-group .rt-search-control::placeholder {color: var(--color-body); text-transform: uppercase; letter-spacing: 0.1rem; } .search-form-box .form-group .rt-search-control:focus {-webkit-box-shadow: none; box-shadow: none; outline: 0; } .search-form-box .form-group .search-submit {position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 48px; height: 45px; border-radius: 3px; background-color: var(--color-primary); color: var(--color-white); font-size: 1rem; border: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .search-form-box .form-group .search-submit:hover {color: var(--color-white); background-color: #0034c2; } .search-form-box .form-group .search-submit:focus {-webkit-box-shadow: none; box-shadow: none; outline: 0; } [data-theme=dark] .search-form-box .form-group .search-submit {--color-white: #fff; } /*comments-form-style-1*/ .comments-form-style-1 {background-color: #f7f7f7; padding: 50px; } .comments-form-style-1 .rt-form-group {margin-bottom: 25px; } .comments-form-style-1 .rt-form-group label {display: block; color: #444444; margin-bottom: 8px; } .comments-form-style-1 .rt-form-group .form-control {height: 50px; padding: 5px 20px; border: 1px solid #e1e1e1; border-radius: 0; background-color: var(--color-white); } .comments-form-style-1 .rt-form-group .form-control:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .comments-form-style-1 .rt-form-group .text-area {resize: none; min-height: 220px; padding-top: 20px; } .comments-form-style-1 .form-check .form-check-input[type=checkbox] {width: 19px; height: 19px; border-radius: var(--border-radius-xs); border: 1px solid #acacac; margin-right: 10px; margin-top: 0; } .comments-form-style-1 .form-check .form-check-input[type=checkbox]:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .comments-form-style-1 .form-check label {font-size: 0.9375rem; color: #646464; margin-bottom: 0; } .comments-form-style-1 .submit-btn {font-size: 0.9375rem; color: var(--color-white); font-weight: 700; background-color: var(--color-primary); text-transform: uppercase; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 30px; height: 55px; border: none; width: auto; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .comments-form-style-1 .submit-btn:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .comments-form-style-1 .submit-btn:hover {color: var(--color-white); background-color: #0034c2; } @media (max-width: 991px) {.comments-form-style-1 {padding: 40px 30px; } } [data-theme=dark] .comments-form-style-1 {background-color: var(--color-dark-bg_2); } [data-theme=dark] .comments-form-style-1 .rt-form-group label {color: var(--color-body); } [data-theme=dark] .comments-form-style-1 .rt-form-group .form-control {border-color: var(--color-border); color: var(--color-body); } [data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::-webkit-input-placeholder {color: var(--color-body); } [data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::-moz-placeholder {color: var(--color-body); } [data-theme=dark] .comments-form-style-1 .rt-form-group .form-control:-ms-input-placeholder {color: var(--color-body); } [data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::-ms-input-placeholder {color: var(--color-body); } [data-theme=dark] .comments-form-style-1 .rt-form-group .form-control::placeholder {color: var(--color-body); } [data-theme=dark] .comments-form-style-1 .submit-btn {color: #fff; } /*contact form style-1*/ .contact-form-style-1 {background-color: #fbfbfb; padding: 45px; border: 1px solid #f0f0f0; border-radius: var(--border-radius-xs); } @media (max-width: 575px) {.contact-form-style-1 {padding: 35px; } } .contact-form-style-1 .form-title {font-size: 1.25rem; margin-bottom: 22px; } .contact-form-style-1 .form-group {margin-bottom: 12px; } .contact-form-style-1 .form-group label {color: var(--color-black); font-weight: 600; } .contact-form-style-1 .form-group .rt-form-control {font-size: 0.875rem; color: #9b9b9b; background-color: var(--color-white); padding: 10px 20px; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; border: 1px solid #f0f0f0; } .contact-form-style-1 .form-group .rt-form-control:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } .contact-form-style-1 .form-group .rt-form-control::-webkit-input-placeholder {color: #9b9b9b; } .contact-form-style-1 .form-group .rt-form-control::-moz-placeholder {color: #9b9b9b; } .contact-form-style-1 .form-group .rt-form-control:-ms-input-placeholder {color: #9b9b9b; } .contact-form-style-1 .form-group .rt-form-control::-ms-input-placeholder {color: #9b9b9b; } .contact-form-style-1 .form-group .rt-form-control::placeholder {color: #9b9b9b; } .contact-form-style-1 .form-group .rt-textarea {min-height: 110px; resize: none; padding-top: 15px; } .contact-form-style-1 .submit-btn {font-size: 0.875rem; color: var(--color-white); background-color: var(--color-primary); font-weight: 700; border-radius: 4px; border: 1px solid transparent; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; text-transform: uppercase; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 30px; } .contact-form-style-1 .submit-btn:hover {color: var(--color-white); background-color: #03359b; } .contact-form-style-1 .submit-btn:focus {outline: 0; -webkit-box-shadow: none; box-shadow: none; } [data-theme=dark] .contact-form-style-1 {background-color: var(--color-dark-bg_2); border-color: var(--color-border); } [data-theme=dark] .contact-form-style-1 .form-group label {color: var(--color-body); } [data-theme=dark] .contact-form-style-1 .form-group .form-control {border-color: var(--color-border); color: var(--color-body); } [data-theme=dark] .contact-form-style-1 .form-group .form-control::-webkit-input-placeholder {color: var(--color-body); } [data-theme=dark] .contact-form-style-1 .form-group .form-control::-moz-placeholder {color: var(--color-body); } [data-theme=dark] .contact-form-style-1 .form-group .form-control:-ms-input-placeholder {color: var(--color-body); } [data-theme=dark] .contact-form-style-1 .form-group .form-control::-ms-input-placeholder {color: var(--color-body); } [data-theme=dark] .contact-form-style-1 .form-group .form-control::placeholder {color: var(--color-body); } [data-theme=dark] .contact-form-style-1 .submit-btn {color: #fff; } /*rt-contact-form*/ .rt-contact-form .form-response .alert {margin-top: 1rem; } .rt-contact-form .form-response .alert p {margin-bottom: 0; } /*contact-wrap-area-1*/ .contact-wrap-area-1 .rt-section-heading-style-2 {max-width: 90%; width: 100%; } @media (max-width: 1199px) {.contact-wrap-area-1 .rt-section-heading-style-2 {max-width: 100%; margin-bottom: 40px; } } .contact-list-area-1 {position: relative; } .contact-list-style-1 {display: -ms-grid; display: grid; grid-template-areas: "a b" "c d"; } .contact-list-style-1 .list-item {position: relative; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-list-style-1 .list-item:nth-child(1) {-ms-grid-row: 1; -ms-grid-column: 1; grid-area: a; } .contact-list-style-1 .list-item:nth-child(2) {-ms-grid-row: 1; -ms-grid-column: 2; grid-area: b; } .contact-list-style-1 .list-item:nth-child(3) {-ms-grid-row: 2; -ms-grid-column: 1; grid-area: c; } .contact-list-style-1 .list-item:nth-child(4) {-ms-grid-row: 2; -ms-grid-column: 2; grid-area: d; } .contact-list-style-1 .list-item .list-icon {margin-right: 15px; } .contact-list-style-1 .list-item .list-icon i {font-size: 1.25rem; width: 38px; height: 38px; border-radius: 4px; color: var(--color-white); background-color: var(--color-primary); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [data-theme=dark] .contact-list-style-1 .list-item .list-icon i {color: #fff; } .contact-list-style-1 .list-item .list-content span {display: block; } .contact-list-style-1 .list-item .list-content span a {color: var(--color-body); } @media (max-width: 767px) {.contact-list-style-1 {grid-template-areas: "a " "b" "c" "d"; } .contact-list-style-1 .list-item {margin-bottom: 20px; } .contact-list-style-1 .list-item:nth-child(1) {-ms-grid-row: 1; -ms-grid-column: 1; } .contact-list-style-1 .list-item:nth-child(2) {-ms-grid-row: 2; -ms-grid-column: 1; } .contact-list-style-1 .list-item:nth-child(3) {-ms-grid-row: 3; -ms-grid-column: 1; } .contact-list-style-1 .list-item:nth-child(4) {-ms-grid-row: 4; -ms-grid-column: 1; } } /*================================ // Google maps =================================*/ .map-section-style-1 {padding-bottom: 130px; } @media (max-width: 991px) {.map-section-style-1 {padding-bottom: 80px; } } .map-wrapper {overflow: hidden; } .map-style-1 .map {width: 100%; min-height: 500px; margin-bottom: -8px; } @media (max-width: 991px) {.map-style-1 .map {min-height: 350px; } } /*================================ //  404 ================================*/ .error-area-style-1 .item-img {margin-bottom: 50px; } .error-area-style-1 .item-content {max-width: 70%; margin: 0 auto; } @media (max-width: 1199px) {.error-area-style-1 .item-content {max-width: 100%; } } .error-area-style-1 .item-content .title {margin-bottom: 12px; font-size: 1.802rem; } .error-area-style-1 > .btn-wrap {margin-top: 32px; } /*=========================== // shop-box-style-1 ===========================*/ .filter-box-style-1 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filter-box-style-1 .title {font-size: 1.125rem; color: var(--color-body); margin-bottom: 0; } @media (max-width: 767px) {.filter-box-style-1 {display: block; } .filter-box-style-1 .title {margin-bottom: 15px; } } .rt-filter-dropdwon .rt-filter-btn {font-size: 0.875rem; color: var(--color-body); background-color: transparent; border: 1px solid var(--color-border); border-radius: var(--border-radius-xs); padding: 12px 25px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rt-filter-dropdwon .rt-filter-btn::after {content: ""; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 0.75rem; margin-left: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .rt-filter-dropdwon .rt-filter-btn.show::after {-webkit-transform: rotate(180deg); transform: rotate(180deg); } .rt-filter-dropdwon .rt-filter-dropdwon-menu {border-radius: var(--border-radius-xs); border: 1px solid var(--color-border); min-width: 10.5rem; background-color: #f3f3f3; } .rt-filter-dropdwon .rt-filter-dropdwon-menu li a {width: 100%; display: block; background-color: #f3f3f3; font-size: 0.8125rem; padding: 6px 14px; color: var(--color-body); } .rt-filter-dropdwon .rt-filter-dropdwon-menu li a:hover {background-color: #f8f8f8; } [data-theme=dark] .rt-filter-dropdwon .rt-filter-dropdwon-menu {background: var(--color-dark-bg_2); } [data-theme=dark] .rt-filter-dropdwon .rt-filter-dropdwon-menu li a {background: var(--color-dark-bg_2); } [data-theme=dark] .rt-filter-dropdwon .rt-filter-dropdwon-menu li a:hover {background: var(--color-dark-bg_2); } .shop-box-style-1 {margin-bottom: 30px; overflow: hidden; position: relative; z-index: 1; } .shop-box-style-1 .figure-box {text-align: center; margin-bottom: 18px; position: relative; z-index: 1; background-color: var(--color-gray); padding: 35px; border-radius: var(--border-radius-xs); } .shop-box-style-1 .figure-box:before {background-color: rgba(var(--color-gray-rgb), 0); z-index: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: var(--border-radius-xs); } .shop-box-style-1 .figure-box img {margin-left: auto; margin-right: auto; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 1.5s ease-out; transition: all 1.5s ease-out; } .shop-box-style-1 .figure-box .discrount-badge {position: absolute; left: 20px; top: 20px; } .shop-box-style-1 .content-box .title {font-size: 0.875rem; font-weight: 600; margin-bottom: 5px; } .shop-box-style-1 .content-box .title a {color: var(--color-body); } .shop-box-style-1 .content-box .title a:hover {color: var(--color-primary); } .shop-box-style-1 .content-box .price {font-size: 1.0625rem; color: var(--color-black); font-weight: 700; font-family: "Spartan", sans-serif; } .shop-box-style-1 .content-box .price del {font-size: 0.875rem; color: #585858; font-weight: 600; margin-right: 5px; display: inline-block; vertical-align: middle; } .shop-box-style-1 .action-items {position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop-box-style-1 .action-items li {opacity: 0; visibility: hidden; margin-right: 5px; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .shop-box-style-1 .action-items li:last-child {margin-right: 0; } .shop-box-style-1 .action-items li a {width: 44px; height: 44px; border-radius: 4px; color: var(--color-white); background: var(--color-black); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop-box-style-1 .action-items li a:hover {background-color: var(--color-primary); } .shop-box-style-1:hover .figure-box img {-webkit-transform: scale(1.3); transform: scale(1.3); } .shop-box-style-1:hover .figure-box:before {background-color: rgba(var(--color-gray-rgb), 0.5); } .shop-box-style-1:hover .action-items li {opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .shop-box-style-1:hover .action-items li:nth-child(1n) {-webkit-transition-delay: 0s; transition-delay: 0s; } .shop-box-style-1:hover .action-items li:nth-child(2n) {-webkit-transition-delay: 0.2s; transition-delay: 0.2s; } [data-theme=dark] .shop-box-style-1 .content-box .price del {color: var(--color-body); } [data-theme=dark] .shop-box-style-1 .figure-box {background-color: #2b2b2b; } [data-theme=dark] .shop-box-style-1 .figure-box::before {background: rgba(0, 0, 0, 0.2); } [data-theme=dark] .shop-box-style-1 .action-items li a:hover {color: #fff; } .content-single-wrapper {margin-bottom: 20px; } .content-single-wrapper .product-img-view {position: relative; margin-bottom: 20px; } .content-single-wrapper .product-img-view .tab-content {text-align: center; padding: 30px; position: relative; border: none; margin-bottom: 15px; cursor: move; background-color: var(--color-gray); border-radius: var(--border-radius-xs); } .content-single-wrapper .product-img-view .tab-content > .discrount-badge {position: absolute; left: 20px; top: 20px; } .content-single-wrapper .product-img-view ul.tab-nav-list {margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -5px; margin-right: -5px; } .content-single-wrapper .product-img-view ul.tab-nav-list li {padding-left: 8px; padding-right: 8px; width: 100%; max-width: 33.3%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; border: none; } .content-single-wrapper .product-img-view ul.tab-nav-list li a {padding: 20px; display: block; background-color: var(--color-gray); color: transparent; border-radius: var(--border-radius-xs); border: 1px solid transparent; position: relative; } .content-single-wrapper .product-img-view ul.tab-nav-list li a::before {background-color: rgba(var(--color-gray-rgb), 0); z-index: 1; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: var(--border-radius-xs); } .content-single-wrapper .product-img-view ul.tab-nav-list li a img {width: 100%; -o-object-fit: cover; object-fit: cover; } .content-single-wrapper .product-img-view ul.tab-nav-list li a img:hover {opacity: 1; } .content-single-wrapper .product-img-view ul.tab-nav-list li a.active {border: 1px solid #d2d2d2; } .content-single-wrapper .product-img-view ul.tab-nav-list li a.active::before {background-color: rgba(var(--color-gray-rgb), 0.5); } .content-single-wrapper .single-product-description {margin-bottom: 30px; } @media (min-width: 1200px) {.content-single-wrapper .single-product-description {margin-left: 25px; } } .content-single-wrapper .single-product-description .title {margin-bottom: 6px; } .content-single-wrapper .single-product-description .rating {margin-bottom: 20px; font-size: 0.8125rem; } .content-single-wrapper .single-product-description .rating li {margin-right: 5px; } .content-single-wrapper .single-product-description .rating li i.checked {color: #f5c415; } .content-single-wrapper .single-product-description .rating li:last-child {margin-right: 0; } .content-single-wrapper .single-product-description .rating .rating-count {color: #8d8d8d; } .content-single-wrapper .single-product-description .price {color: var(--color-black); font-size: 1.875rem; font-weight: 700; margin-bottom: 10px; font-family: "Spartan", sans-serif; } .content-single-wrapper .single-product-description .price del {font-size: 1.125rem; font-weight: 600; color: #b3b3b3; margin-right: 5px; display: inline-block; vertical-align: middle; } .content-single-wrapper .single-product-description .description {margin-bottom: 20px; } .content-single-wrapper .single-product-description .top-content {margin-bottom: 35px; } .content-single-wrapper .single-product-description .action-area {margin-bottom: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-single-wrapper .single-product-description .action-area li {display: inline-block; margin-right: 8px; margin-bottom: 10px; } .content-single-wrapper .single-product-description .action-area li:last-child {margin-right: 0; } .content-single-wrapper .single-product-description .action-area li .input-group {width: auto; border: 1px solid var(--color-border); border-radius: var(--border-radius-xs); } .content-single-wrapper .single-product-description .action-area li .input-group .form-control {text-align: center; height: 50px; width: 50px; display: block; outline: none; font-size: 1rem; border-radius: 0; color: var(--color-body); border: none; border-right: 1px solid var(--color-border); position: relative; } .content-single-wrapper .single-product-description .action-area li .input-group .form-control:focus {-webkit-box-shadow: none; box-shadow: none; } [data-theme=dark] .content-single-wrapper .single-product-description .action-area li .input-group .form-control {background-color: var(--color-dark-bg_2); } .content-single-wrapper .single-product-description .action-area li .input-group .input-group-btn {display: -ms-inline-grid; display: inline-grid; } .content-single-wrapper .single-product-description .action-area li .input-group .input-group-btn .quantity-btn {padding: 2px 12px; font-size: 10px; color: #646464; background-color: transparent; background-image: none; outline: none; border: none; cursor: pointer; } .content-single-wrapper .single-product-description .action-area li .cart-btn {border: 1px solid #d3d3d3; background-color: transparent; padding: 12px 25px; display: block; color: #000000; font-size: 15px; font-weight: 500; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .content-single-wrapper .single-product-description .action-area li .cart-btn:hover {background-color: var(--color-primary); border: 1px solid var(--color-primary); color: #ffffff; } .content-single-wrapper .single-product-description .action-area li .item-btn {border: 1px solid #d3d3d3; padding: 14px 15px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-single-wrapper .single-product-description .action-area li .item-btn i:before {margin-left: 0; font-size: 20px; color: #000000; line-height: 20px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .content-single-wrapper .single-product-description .action-area li .item-btn:hover {border: 1px solid var(--color-primary); background-color: var(--color-primary); } .content-single-wrapper .single-product-description .action-area li .item-btn:hover i:before {color: #ffffff; } .content-single-wrapper .single-product-description .action-area2 {margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-single-wrapper .single-product-description .action-area2 li {margin-right: 20px; } .content-single-wrapper .single-product-description .action-area2 li:last-child {margin-right: 0; } .content-single-wrapper .single-product-description .action-area2 li i {margin-right: 5px; } .content-single-wrapper .single-product-description .action-area2 .link-text {color: #444343; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content-single-wrapper .single-product-description .action-area2 .link-text:hover {color: var(--color-primary); } .content-single-wrapper .single-product-description .action-area2 .rotate-me {-webkit-animation: sync 2s ease-in-out; animation: sync 2s ease-in-out; } .content-single-wrapper .single-product-description .action-area2 #sync {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; border: 0; outline: none; } .content-single-wrapper .single-product-description .action-area2 #icon_wrap {line-height: 1; } .content-single-wrapper .single-product-description .action-area2 #icon_wrap i {margin: 5px; } @-webkit-keyframes sync {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sync {100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } } .content-single-wrapper .single-product-description .product-meta li {color: #010101; font-weight: 700; font-size: 15px; margin-bottom: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } [data-theme=dark] .content-single-wrapper .single-product-description .product-meta li {color: var(--color-body); } .content-single-wrapper .single-product-description .product-meta li:last-child {margin-bottom: 0; } .content-single-wrapper .single-product-description .product-meta li span {color: var(--color-body); display: inline-block; margin-left: 5px; font-weight: 400; } .content-single-wrapper .single-product-description .product-meta li span a {color: var(--color-body); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content-single-wrapper .single-product-description .product-meta li span a:hover {color: var(--color-primary); } .content-single-wrapper .single-product-description .product-meta li .social {margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-single-wrapper .single-product-description .product-meta li .social li {margin-bottom: 0; margin-right: 5px; } .content-single-wrapper .single-product-description .product-meta li .social li a {color: #1e1e1d; display: inline-block; padding: 0 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .content-single-wrapper .single-product-description .product-meta li .social li a:hover {color: var(--color-primary); } .single-shop-tab {margin-bottom: 80px; } .single-shop-tab .tab-nav-list {border-bottom: 1px solid var(--color-border); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 10px; } .single-shop-tab .tab-nav-list .nav-item {font-size: 1.125rem; font-weight: 700; font-family: "Spartan", sans-serif; margin-bottom: 0; margin-right: 50px; } @media (max-width: 767px) {.single-shop-tab .tab-nav-list .nav-item {margin-right: 20px; } } .single-shop-tab .tab-nav-list .nav-item:last-child {margin-right: 0; } .single-shop-tab .tab-nav-list .nav-item a {color: #85878a; padding: 10px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; padding-bottom: 20px; } .single-shop-tab .tab-nav-list .nav-item a.active {color: var(--color-black); } .single-shop-tab .tab-nav-list .nav-item a.active::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background-color: var(--color-primary); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .single-shop-tab .tab-content {padding: 30px 0 0; } .single-shop-tab .tab-content p {font-size: 15px; margin-bottom: 20px; } .single-shop-tab .tab-content .title {font-size: 18px; font-weight: 500; } .single-shop-tab .tab-content .list-info-style-1 {margin-bottom: 30px; } .single-shop-tab .tab-content .list-info-style-1 li {font-size: 15px; position: relative; padding-left: 20px; } .single-shop-tab .tab-content .list-info-style-1 li:before {position: absolute; z-index: 1; content: ""; height: 8px; width: 8px; border-radius: 50%; background-color: #000000; top: 8px; left: 0; } .single-shop-tab .tab-content .review-box .rating-box li ul li {margin-right: 3px; } .single-shop-tab .tab-content .review-box .rating-box li ul li:last-child {margin-right: 0; } .single-shop-tab .tab-content .review-box .rating-box li ul li a {color: #545454; font-size: 14px; } [data-theme=dark] .single-shop-tab .tab-content .review-box .rating-box li ul li a {color: #b4b1b1; } .single-shop-tab .tab-content .review-box .review-form .form-group {margin-bottom: 15px; } .single-shop-tab .tab-content .review-box .review-form .form-control {border-radius: 0; border: 1px solid #dcdcdc; background-color: transparent; color: var(--color-body); } .single-shop-tab .tab-content .review-box .review-form .form-control:focus {-webkit-box-shadow: none; box-shadow: none; } .single-shop-tab .tab-content .review-box .review-form .form-control::-webkit-input-placeholder {color: var(--color-body); } .single-shop-tab .tab-content .review-box .review-form .form-control::-moz-placeholder {color: var(--color-body); } .single-shop-tab .tab-content .review-box .review-form .form-control:-ms-input-placeholder {color: var(--color-body); } .single-shop-tab .tab-content .review-box .review-form .form-control::-ms-input-placeholder {color: var(--color-body); } .single-shop-tab .tab-content .review-box .review-form .form-control::placeholder {color: var(--color-body); } .single-shop-tab .tab-content .review-box .review-form input {height: 50px; padding: 5px 15px; } .single-shop-tab .tab-content .review-box .review-form textarea {padding: 20px; } .single-shop-tab .tab-content .review-box .review-form .item-btn {width: 100%; padding: 10px 30px; background-color: #000000; color: #ffffff; border: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .single-shop-tab .tab-content .review-box .review-form .item-btn:hover {background-color: var(--color-primary); } .single-shop-tab .tab-content .review-box .review-form input.form-control::-webkit-input-placeholder, .single-shop-tab .tab-content .review-box .review-form textarea.form-control::-webkit-input-placeholder {color: #7e7e7e; font-size: 13px; } .single-shop-tab .tab-content .review-box .review-form input.form-control::-moz-placeholder, .single-shop-tab .tab-content .review-box .review-form textarea.form-control::-moz-placeholder {color: #7e7e7e; font-size: 13px; } .single-shop-tab .tab-content .review-box .review-form input.form-control:-moz-placeholder, .single-shop-tab .tab-content .review-box .review-form textarea.form-control:-moz-placeholder {color: #7e7e7e; font-size: 13px; } .single-shop-tab .tab-content .review-box .review-form input.form-control:-ms-input-placeholder, .single-shop-tab .tab-content .review-box .review-form textarea.form-control:-ms-input-placeholder {color: #7e7e7e; font-size: 13px; } /*================================ // Footer =================================*/ .footer {background-color: #0f1012; position: relative; overflow: hidden; z-index: 1; } @media (min-width: 1400px) {.footer {position: sticky; bottom: 0; } } .footer.footer-style-3::after {background-color: rgba(var(--color-black-rgb), 0.75); z-index: -1; } .footer.footer-style-4 {padding-top: 100px; padding-bottom: 95px; } @media (max-width: 991px) {.footer.footer-style-4 {padding-top: 60px; padding-bottom: 55px; } } .footer.footer-style-5 .footer-bottom {background: #1f1f1f; border-top: none; } @media (min-width: 1400px) {.footer.footer-style-5 {position: relative; bottom: unset; } } .footer.footer-style-5 .footer-subscribe-wrapper {border-bottom: 1px solid #373737; } .footer.footer-style-5 .widget-list {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer.footer-style-5 .widget-list li {-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } [data-theme=dark] .footer {--color-black: #000; --color-white: #fff; --color-white-rgb: 255, 255, 255; --color-black-rgb: 0, 0, 0; background: var(--color-dark-bg_2); } .footer .rt-post.post-sm {-webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-top {padding-top: 92px; padding-bottom: 95px; } @media (max-width: 991px) {.footer-top {padding-top: 60px; padding-bottom: 60px; } } .footer-widget .logo {margin-bottom: 30px; margin-top: 3px; } .footer-widget .text {font-size: 0.9375rem; line-height: 1.8; color: #a5a5a5; margin-bottom: 30px; } @media (min-width: 1200px) {.footer-widget .text {max-width: 88%; width: 100%; } } .footer-widget .footer-widget-title {position: relative; font-size: 1.25rem; color: var(--color-white); margin-bottom: 30px; text-transform: capitalize; } .footer-widget .widget-list .widget-list-item {margin-bottom: 25px; line-height: 1; } .footer-widget .widget-list .widget-list-item:last-child {margin-bottom: 0; } .footer-widget .widget-list .widget-list-link {color: #8f8f8f; position: relative; padding-left: 20px; display: inline-block; font-size: 0.9375rem; } .footer-widget .widget-list .widget-list-link::after {content: ""; position: absolute; left: 0; top: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background-color: #a5a5a5; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .footer-widget .widget-list .widget-list-link:hover {color: var(--color-white); } .footer-widget .widget-list .widget-list-link:hover::after {background-color: var(--color-primary); } .footer-social {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-social .social-item {margin-right: 4px; } .footer-social .social-item:last-child {margin-right: 0; } .team-social .footer-social .social-item {margin-right: 0; } .footer-social .social-link {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); width: 36px; height: 36px; border-radius: 50%; font-size: 0.9375rem; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; overflow: hidden; position: relative; background-color: rgba(var(--color-white-rgb), 0.102); } .footer-social .social-link:hover {color: var(--color-white); background-color: var(--color-primary); } .footer-social .social-link:hover i {-webkit-animation: toBottomFromTop 0.5s forwards; animation: toBottomFromTop 0.5s forwards; } .footer-social.style-2 .social-link {background-color: var(--color-black); } .footer-social.style-2 .social-link:hover {color: var(--color-white); background-color: var(--color-primary); } [data-theme=dark] .footer-social.style-2 .social-link {color: var(--color-primary); } [data-theme=dark] .footer-social.style-2 .social-link:hover {color: #fff; } .footer-social.team-social-1 {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-social.team-social-1 .social-link {background-color: #c2c2c2; } .footer-social.team-social-1 .social-link:hover {color: var(--color-white); background-color: var(--color-primary); } @media (min-width: 992px) {.footer-social.author-social-1 {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .footer-social.author-social-1 .social-link {width: 40px; height: 40px; border-radius: 50%; background-color: var(--color-white); color: var(--color-black); font-size: 1rem; } .footer-social.author-social-1 .social-link:hover {color: var(--color-white); background-color: var(--color-primary); } [data-theme=dark] .footer-social.author-social-1 {--color-white: #fff; --color-black: #000; } [data-theme=dark] .footer-social {--color-white: #fff; } .insta-gallery {display: -ms-grid; display: grid; -ms-grid-columns: 90px 5px 90px 5px 90px; grid-template-columns: repeat(3, 90px); grid-gap: 5px; } .insta-gallery .galleryitem {overflow: hidden; position: relative; border-radius: var(--border-radius-xs); } .insta-gallery .galleryitem img {-webkit-transform: scale(1.02); transform: scale(1.02); -webkit-transition: all 1.5s ease-out; transition: all 1.5s ease-out; border-radius: var(--border-radius-xs); } .insta-gallery .galleryitem > a {display: block; position: relative; z-index: 4; } .insta-gallery .galleryitem > a::before {background-color: rgba(var(--color-black-rgb), 0.8); -webkit-transition: all ease 0.8s; transition: all ease 0.8s; visibility: hidden; opacity: 0; -webkit-transform: scale(0); transform: scale(0); border-radius: var(--border-radius-xs); z-index: 1; } .insta-gallery .galleryitem > a::after {content: ""; position: absolute; z-index: 2; font-family: "Font Awesome 5 Brands"; font-weight: 500; font-size: 18px; color: var(--color-white); left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: hidden; opacity: 0; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } [data-theme=dark] .insta-gallery .galleryitem > a::after {--color-white: #fff; } .insta-gallery .galleryitem:hover img {-webkit-transform: scale(1.3); transform: scale(1.3); } .insta-gallery .galleryitem:hover > a::before {visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .insta-gallery .galleryitem:hover > a::after {visibility: visible; opacity: 1; } [data-theme=dark] .insta-gallery {--color-black-rgb: 0, 0, 0; } .footer-widget-style-2 .logo {margin-bottom: 30px; } .footer-widget-style-2 .footer-social {margin-bottom: 35px; } /*footer bottom*/ .footer-bottom {border-top: 1px solid #252525; } .footer-style-3 .footer-bottom {border-color: #414141; } .footer-bottom-area {min-height: 100px; text-align: center; } @media (max-width: 991px) {.footer-bottom-area {min-height: 80px; } } .copyright-text {color: #cccccc; } .copyright-text a {color: #cccccc; } .copyright-text a:hover {color: var(--color-primary); } .copyright-text.style-2 {color: var(--color-black); } .copyright-text.style-2 a {color: var(--color-black); } .copyright-text.style-2 a:hover {color: var(--color-primary); } .footer-menu-style-2 {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .footer-menu-style-2 a {font-family: var(--font-title); font-weight: 600; font-size: 0.9375rem; text-transform: capitalize; color: #b1b1b1; position: relative; padding-right: 26px; } .footer-menu-style-2 a::after {content: ""; position: absolute; right: 0; bottom: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #b1b1b1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .footer-menu-style-2 a:hover {color: var(--color-primary); } .footer-menu-style-2 a:hover::after {background-color: var(--color-primary); } .footer-menu-style-2 li:last-child a::after {display: none; } .social-wrapper-line-style {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; width: 100%; margin-bottom: 40px; } .social-wrapper-line-style .wrapper-line {width: 100%; height: 1px; border: 1px solid #404040; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .social-wrapper-line-style .footer-social {-ms-flex-wrap: unset; flex-wrap: unset; gap: 10px; } .social-wrapper-line-style .footer-social a {width: 44px; height: 44px; border-radius: 50%; font-size: 1rem; } @media (max-width: 767px) {.social-wrapper-line-style {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social-wrapper-line-style .wrapper-line {display: none; } }