Edit File: style.css
a, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; line-height: 1.4em; appearance: none; } *, ::after, ::before { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } button, input[type="submit"] { box-sizing: content-box; -moz-box-sizing: content-box; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Normalize webkit search */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="search"] { -webkit-appearance: none; } .site-main{ padding-left: 4px; padding-right: 4px; } /* Fix IE scrollbar */ textarea { overflow: auto; } iframe { max-width: 100%; } a img { border: 0; display: block; } a { text-decoration: none; color: inherit; } ol, ul { margin-bottom: 16px; } /* Responsive images */ img, figure { max-width: 100%; height: auto; } /* Reset placeholder color */ ::-webkit-input-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; } h2 a { display: block; } /* 1.1. Theme Elements */ html { font-size: 15px; scroll-behavior: smooth; overflow-x: hidden; color: #262626; } :root { --main-color: #d13b53; } body { background-color: #fff; } .orun-grid-8 .orun-pm-cat{ display: block !important; } header#masthead.site-header { z-index: 9997; position: relative; border-bottom: 1px solid #eee; } .d-flex { display: flex; } .d-flex-wrap { flex-wrap: wrap; } .orun-border { border-radius: 10px; } /* * 2. Navbar */ /* 2.1. Navbar Top */ .navbar-top { min-height: 40px; background-color: #000 !important; font-size: 13px; color: #fff; } .navbar-top a:hover { color: var(--main-color); } .navbar-top-bg { display: flex; justify-content: space-between; align-items: center; min-height: 40px; line-height: 40px; } .navbar-top-date { padding-right: 10px; border-right: 1px solid rgba(0, 0, 0, 0.1); color: #fff; } .navbar-top ul { list-style: none; margin: 0; } ul.navbar-top-menu { display: inline-block; } .navbar-top ul li { display: inline-block; position: relative; } .navbar-top-menu > li > a { display: inline-block; padding: 0 10px; height: 40px; line-height: 40px; transition: color 0.3s; } .navbar-top-menu > li > ul.sub-menu > li > ul.sub-menu { position: absolute; left: 80%; top: -1px; background-color: #fff; width: 100%; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1); z-index: 9999; transition: 0.3s; opacity: 0; visibility: hidden; } .navbar-top-menu > li > ul.sub-menu > li > ul.sub-menu > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 123px; } .navbar-top-menu > li > ul.sub-menu > li:hover > ul.sub-menu { visibility: visible; opacity: 1; left: 123px; } .navbar-top-menu > li > ul.sub-menu { position: absolute; background: #fff; top: 15px; left: 0; width: 125px; box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.1); z-index: 9999; transition: 0.3s; display: block; opacity: 0; visibility: hidden; } .navbar-top-menu > li:hover > ul.sub-menu { visibility: visible; opacity: 1; top: 40px; } .navbar-top-menu > li > ul.sub-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); width: 123px; background-color: #fff; } .navbar-top-menu > li > ul.sub-menu > li > a, .navbar-top-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { padding: 8px 10px; display: block; } .navbar-top-menu > li.menu-item-has-children > a:after { content: "\f0d7"; font-weight: 900; position: relative; margin-left: 5px; } .orun-mega-menu-label { position: static; display: inline-block; width: auto; line-height: 1.2; margin-left: 5px; height: auto !important; font-size: 10px; padding: 3px 10px; border-radius: 100px; letter-spacing: 0px !important; } .navbar-top-menu > li > ul.sub-menu > li.menu-item-has-children > a:after { content: "\f0da"; font-weight: 900; position: absolute; right: 10px; top: 1px; height: 40px; line-height: 40px; } .navbar-top-social > ul > li > a { margin-left: 4px; font-size: 14px; display: block; height: 40px; line-height: 40px; padding-left: 5px; padding-right: 5px; } .navbar-top-social > ul > li > a > i { transition: color 0.3s; } .navbar-top-social a:hover > i.fa-facebook { color: #1877f2; } .navbar-top-social a:hover > i.fa-twitter { color: #1da1f2; } .navbar-top-social a:hover > i.fa-instagram { color: #e4405f; } .navbar-top-social a:hover > i.fa-pinterest { color: #bd081c; } .navbar-top-social a:hover > i.fa-youtube { color: #cd201f; } .navbar-top-social a:hover > i.fa-linkedin { color: #0a66c2; } .navbar-top-social a:hover > i.fa-tumblr { color: #34465d; } .navbar-top-social a:hover > i.fa-tiktok { color: #ee1d51; } .navbar-top-social a:hover > i.fa-telegram { color: #0088cc; } .navbar-top-social a:hover > i.fa-whatsapp { color: #25d366; } .navbar-top-social a:hover > i.fa-snapchat { color: #fffc00; } .navbar-top-social a:hover > i.fa-twitch { color: #9146ff; } .navbar-top-social a:hover > i.fa-medium { color: #131418; } .navbar-top-social a:hover > i.fa-rss { color: #ff6600; } li.menu-item a i { margin-right: 7px; } /* 3. Logo Area */ .orun-dark-logo { display: none; } .logo-area { border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .header-middle { display: flex; justify-content: space-between; align-items: center; padding-top: 30px; padding-bottom: 30px; } .logo a img { max-height: 100px; } a.logo-anchor { font-size: 36px; font-weight: bold; display: inline-block; } .header-middle .ads-area { max-width: 100%; width: auto; } .logo-area.center .header-middle { flex-wrap: wrap; } .logo-area.center .header-middle div { display: flex; width: 100%; align-items: center; justify-content: center; } .logo-area.center .header-middle div.logo { margin-bottom: 0; } i.menu-icon { padding-right: 5px; } /* Navbar Search */ .show { opacity: 1 !important; visibility: visible !important; } #navSearch.show { top: 140%; } #navSearch { position: absolute; right: -250%; padding: 20px; box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); border-radius: 10px; opacity: 0; visibility: hidden; transition: 0.2s; top: 150%; background-color: #fff; border-top: 3px solid var(--main-color); z-index: 99999; } #navSearch form { position: relative; } #navSearch input { position: relative; border: 1px solid #dcdcdc; padding-left: 7.5px; padding-right: 60px; display: inline; height: 40px; border-radius: 5px; font-size: 0.923rem; outline: 0px solid #000; transition: 0.2s; } #navSearch button { position: absolute; line-height: 40px; background: #000; right: 0; padding-left: 20px; padding-right: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; transition: 0.2s; display: inline; } #navSearch input:focus { border-color: var(--main-color); } #navSearch input:focus + button { background: var(--main-color); } /* Mobile Menu */ body.dark-overlay-menu::after { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000077; z-index: 9998; } #mobileMenu { position: fixed; top: 0; left: 0; width: 350px; height: 100%; transition: 0.5s; background-color: #fff; padding: 10px 30px; box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.1); font-size: 1.077em; z-index: 999999; } .mobile-menu-nav { margin-bottom: 50px; } #mobileMenu ul { list-style-type: none; padding: 0; left: 0; font-weight: 600; } #mobileMenu ul > li { position: relative; cursor: pointer; } #mobileMenu ul > li > a { text-decoration: none; color: #262626; display: block; line-height: 40px; transition: 0.2s; font-size: 14.5px; } ul.mobil-menu-ul > li > a, ul.mobil-menu-ul li.menu-item-has-children > a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #mobileMenu ul > li:hover > a { color: var(--main-color); } #mobileMenu ul li ul.sub-menu { padding-left: 10px; margin-bottom: 0; max-height: 0px; opacity: 0; overflow: hidden; transition: max-height 1s linear, opacity 0.5s; } #mobileMenu ul.sub-menu li a { font-size: 13px; } #mobileMenu ul.sub-menu li:not(.menu-item-has-children) a { font-weight: 400; } #mobileMenu ul li ul.sub-menu.show { max-height: 3000px; transition: max-height 3s; } span.menu-toggle-icon { position: absolute; right: 0px; top: 0px; display: block; line-height: 40px !important; width: 25%; } span.menu-toggle-icon i { padding: 3px 6px; color: #000; line-height: 34px; border-radius: 100%; float: right; transition: 0.3s; } span.menu-toggle-icon.rotate i { transform: rotate(180deg); } .mobile-menu-text { position: absolute; bottom: 2rem; opacity: 0.7; font-size: 14px; } .mobile-menu-search { position: relative; margin: 20px auto; } .mobile-menu-search form { position: relative; } #mobileMenu input { border: 1px solid rgba(0, 0, 0, 0.1); padding-left: 7.5px; padding-right: 60px; display: inline; border-radius: 5px; font-size: 14px; outline: 0px solid #000; transition: 0.2s; max-width: 100%; } #mobileMenu .mobile-menu-search button { position: absolute; background: #222; height: 39.5px; bottom: 1px; right: 1px; padding-left: 20px; padding-right: 20px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; transition: 0.2s; display: inline; } #mobileMenu input:focus { border-color: var(--main-color); } #mobileMenu input:focus + button { background: var(--main-color); border-color: var(--main-color); } .mobile-menu-btn { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } button#mobilePowerBtn { background: transparent; font-size: 1.846em; } #mobileMenu.mobile-dark { background-color: #212121; color: #fff; } #mobileMenu.mobile-dark ul li a, #mobileMenu.mobile-dark button { color: #fff; } #mobileMenu.mobile-dark ul li:hover a { color: var(--main-color); } #mobileMenu.mobile-dark button#searchsubmit { border-left: 1px solid rgba(255, 255, 255, 0.2); } #mobileMenu.mobile-dark ul li a { border-color: rgba(255, 255, 255, 0.2); } #mobileMenu.mobile-dark input { background-color: #212121; color: #fff; border-color: rgba(255, 255, 255, 0.2); } /* Small Screen Menu */ .mobile-header { display: block; } .sm-screen-menu { background-color: #fff; display: flex; border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 80px; align-items: center; justify-content: space-between; padding-left: 15px; padding-right: 15px; } .sm-screen-menu img { max-height: 45px; } .sm-screen-menu button { background: transparent; font-size: 18px; } /* Main Primary */ #orun-grid-area, #orun-home-area, .orun-fw-widgets { margin-top: 25px; } @media (max-width: 768px) { .orun-fw-widgets { margin-bottom: -15px; } } #orun-home-main { margin-bottom: 25px; } article.post .orun-sidebar { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; margin-left: auto; } article.post #orun-home-main { -ms-flex: 0 0 70%; flex: 0 0 70%; width: 70%; max-width: 70%; } .left-sidebar .orun-sidebar { margin-left: 0; margin-right: 36px; } .orun-sidebar .orun-grid-1 .full .orun-grid-bg { height: 300px; } #orun-grid-area .orun-pm { display: none; } #orun-home-area .orun-grid::before { display: block; } .orun-sidebar .container { padding: 0px; } .orun-sidebar .sticky-sidebar { position: -webkit-sticky; position: sticky !important; top: 25px; } .admin-bar .orun-sidebar .sticky-sidebar { top: 50px; } /* orun Grid Modules */ .orun-grid-bg { width: 100%; background-size: cover; background-position: center; position: relative; box-shadow: 0px -100px 100px -5px rgba(0, 0, 0, 0.85) inset; transition: box-shadow 0.35s ease-in, transform 0.5s ease; overflow: hidden; border-radius: 10px; } .w250 .orun-grid-bg { height: 250px !important; } .orun-grid-item:hover .orun-grid-bg { box-shadow: 0px -150px 100px -5px rgba(0, 0, 0, 0.85) inset; transform: scale(1); } .orun-grid-item > a { display: block; overflow: hidden; } .orun-grid-item { position: relative; overflow: hidden; cursor: pointer; border-radius: 10px; } .orun-grid-text { position: absolute; z-index: 0; color: #fff; bottom: 0; left: 0; width: 100%; padding: 20px; } .orun-pm-8 .orun-grid-cat-h { padding: 7px 15px 7px; border-radius: 50em; font-size: 13px; } .orun-pm-8 .orun-grid-cat { padding: 7px 15px 7px 0px; border-radius: 50em; font-size: 13px; } .orun-sidebar .orun-pm-1 h4.post-title { font-size: 16px !important; } .orun-pm-8 .orun-grid-text { top: 0; bottom: unset; } .orun-pm-8 .orun-grid-cat { background-color: transparent; } .orun-pm-8 .orun-grid-cat:before { order: 2; color: #fff; padding: 0 0.5rem; content: "—"; } .orun-pm-8 .orun-pm-text { background: #fff; margin: -30px 30px 30px; position: relative; padding: 1em 30px 1em; text-align: center; border-radius: 10px; border: 1px solid #ececec; display: flex; flex-direction: column; align-items: center; } .orun-pm-8 .orun-pm-meta { display: flex; justify-content: center; } .orun-pm-8 .orun-pm-img img { height: 350px; } @media (max-width: 768px) { .orun-pm-8 .orun-pm-img img { height: 200px; } } .orun-pm-8 span.meta-user { width: min-content; display: flex; margin-top: -3rem; background: #fff; padding: 1em 30px 1em; border-radius: 10px; flex-direction: column; justify-content: center; align-items: center; } .orun-pm-8 .meta-user a { display: flex; flex-direction: column; align-items: center; gap: 10px; } .orun-pm-8 .meta-user .fas { font-size: 24px; color: #000 !important; } .orun-pm-9 .orun-pm-text { background: #fff; position: relative; padding: 1em 30px 1em; text-align: center; border-radius: 10px; border: 1px solid #ececec; display: flex; flex-direction: row; align-items: center; } .b-bottom-n { border-bottom: none !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .orun-pm-9 .orun-pm-text-message { background: #fff; position: relative; padding: 1em 30px 1em; text-align: left; border-radius: 10px; border-top: none !important; border-top-right-radius: 0; border-top-left-radius: 0; border: 1px solid #ececec; display: flex; flex-direction: row; align-items: center; } .orun-pm-9 .orun-pm-meta { display: flex; justify-content: center; } .orun-pm-9 .orun-pm-img img { height: 350px; } .orun-pm-text.st-2 { background-color: #ecf0f1; padding: 0; } .st-2.orun-pm-text-message { background-color: #ecf0f1; } .st-2 .orun-pm-text-inner.right:after { display: none !important; } .st-2 img.affi-img { margin-top: 1em; margin-bottom: 1em; } .st-2 .orun-pm-button-inner { display: flex; flex-direction: row; gap: 25px; width: 100%; height: 200px; margin-bottom: 0 !important; align-content: center; flex-wrap: wrap; justify-content: center; border-top-right-radius: 10px; } .st-2 .orun-pm-button { display: flex; align-items: center; } .st-2 .orun-pm-button-inner .orun-pm-cat-button { margin-top: 0; } .orun-pm-99 .orun-pm-text { background: #fff; position: relative; padding: 1em 30px 1em; text-align: center; border-radius: 10px; border: 1px solid #ececec; display: flex; flex-direction: row; align-items: flex-start; } .orun-pm-99 .orun-pm-meta { display: flex; justify-content: center; } .orun-pm-99 .orun-pm-img img { height: 350px; } .orun-pm-99 .orun-pm-affi-text { font-size: 100%; } .orun-pm-99 .orun-pm-affi-text a h2 { margin: 0; } .orun-pm-affi-text a:after, .orun-pm-button a:after, .orun-pm-cat{ content: "" !important; } .orun-pm-affi-text a, .orun-pm-button a, .orun-pm-cat{ background-image: none !important; background-size: unset !important; background-position: unset; transition: none; } .orun-pm-99 .orun-pm-label.topleft { top: -20px; left: 10px; } .orun-pm-99 .orun-pm-label.topright { top: -15px; right: 15px; } .orun-pm-99 .orun-pm-label.bottomleft { left: 10px; bottom: -20px; } .orun-pm-label.bottomright { right: 10px; bottom: -20px; } .orun-pm-99 .orun-pm-label { position: absolute; padding: 5px 10px; border-radius: 50em; } .top-20 { margin-top: 40px; } .i-with-text-1 { display: flex; padding: 10px; gap: 10px; flex-direction: column; } .i-with-text-1 .orun-pm-affi-img { width: 100%; height: 100%; } .i-with-text-1 .orun-pm-affi-text-2 { font-size: 16px; font-weight: 700; text-align: left; display: flex; flex-direction: column; align-items: flex-start; } .orun-pm-text-inner-4 { display: flex; padding: 10px; text-align: center; gap: 10px; flex-direction: column; } .orun-pm-text-inner-4 .orun-pm-button { display: flex !important; flex-wrap: wrap; gap: 10px; justify-content: center; } .i-with-text { display: flex; padding: 10px; gap: 10px; } .i-with-text .orun-pm-affi-img { width: 100%; height: 100%; flex-basis: 30%; } .i-with-text .orun-pm-affi-text-2 { font-size: 16px; font-weight: 700; text-align: left; display: flex; flex-direction: column; align-items: flex-start; flex-basis: 70%; } .i-with-text .badge-review { height: 40px; border-radius: 20px; padding: 0; border: 0; display: flex; align-items: center; } .orun-pm-button-inner-2 { display: block; height: 100%; width: 100%; } .orun-pm-button-inner-2 .orun-pm-button { display: flex !important; flex-wrap: wrap; gap: 10px; } .accor .orun-pm-inner { display: grid; gap: 10px; padding: 20px; border-radius: 10px; } .accor .accordion-body-content { border-top: none !important; } .accordion-header-2 { line-height: 1.25rem; font-weight: 600; border: 0 !important; font-size: 18px; line-height: 1.25rem; font-weight: 600; border: 0 !important; font-size: 18px; display: flex; gap: 4px; } .accordion-inner.dark-on { color: #fff !important; } .i-with-text .badge-review .star1::after { display: none !important; } .i-with-text .badge-review .star2::after { display: none !important; } .i-with-text .badge-review .star3::after { display: none !important; } .i-with-text .badge-review .star4::after { display: none !important; } .i-with-text .badge-review .star5::after { display: none !important; } .orun-pm-11 .orun-pm-text-inner-3 { padding: 0; display: flex; padding: 10px; text-align: left; gap: 10px; flex-direction: column; } .normal{ padding:12px 30px !important; } .orun-pm-11.box { display: block; width: 100%; } .orun-pm-box-top { display: flex; justify-content: space-between; align-items: center; padding: 5px 20px; background-color: #ededed; border-left: 1.25rem solid; } .orun-pm-affi-icon { padding: 10px; border-radius: 50em; color: #fff; } .orun-pm-box-top .orun-pm-affi-text-3 { font-size: 20px; font-weight: 700; } .orun-pm-box-bottom { display: flex; justify-content: space-between; padding: 20px; background-color: #fff; border-left: 1.25rem solid; } .orun-grid-3 .small .orun-grid-bg { margin-bottom: 0 !important; } .orun-grid-cat { color: #fff; background-color: var(--main-color); font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 30px; line-height: 1.5; display: inline-block; padding: 5px 15px; letter-spacing: 1px; } .orun-grid-cat-div { border: 1px solid; border-radius: 50em; width: max-content; } .orun-grid-text h2 { margin: 13px 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .middle .orun-grid-text h2 { margin: 8px 0; } .orun-grid-meta { opacity: 0.8; font-size: 12px; } .orun-grid .full .orun-grid-bg { height: 530px; } .orun-grid .half .orun-grid-bg { height: 248px; } .custom .orun-grid-bg { height: 291px; } .orun-grid .small .orun-grid-bg { height: 248px; margin-bottom: 4px; } .orun-sidebar .orun-grid .small .orun-grid-bg { margin-bottom: 0px; margin-left: 0px; } span.grid-author { margin-right: 10px; } @media screen and (min-width: 1170px) { .grid-fw .orun-grid .full .orun-grid-bg { height: 580px; } .grid-fw .orun-grid .half .orun-grid-bg { height: 288px; } } .orun-grid .big h2 { font-size: 33px; } .orun-grid .middle h2 { font-size: 22px; } .orun-grid .small h2 { font-size: 18px; } @media screen and (min-width: 1170px) { .grid-fw .orun-grid .big h2 { font-size: 36px; } .grid-fw .orun-grid .middle h2 { font-size: 28px; } .grid-fw .orun-grid .small h2 { font-size: 24px; } } @media screen and (max-width: 1200px) { .orun-grid .full .orun-grid-bg { height: 402px; } .orun-grid .half .orun-grid-bg { height: 199px; } .orun-grid .big h2 { font-size: 25px; } .orun-grid .middle h2 { font-size: 19px; } } @media screen and (max-width: 992px) { .orun-grid .full .orun-grid-bg { height: 329px; } .orun-grid .half .orun-grid-bg { height: 162.5px; } .orun-grid .big h2 { font-size: 23px; } .orun-grid .middle h2 { font-size: 17px; } .orun-grid .small h2 { font-size: 15px; margin: 8px 0; } .orun-pm-14 .orun-pm-text { width: 100% !important; margin-right: 12px; margin-left: 12px; } .orun-pm-14 .orun-pm-text-coupon { display: block !important; } .orun-pm-14 .orun-pm-coupon-inner-last { margin-block-start: 23px; border-block-start: 6px dotted #fff; padding-block-start: 30px; margin-inline-start: 0 !important; border-inline-start: none !important; padding-inline-start: 0 !important; } .orun-pm-14 .orun-pm-text-coupon-bottom { flex-direction: column; justify-content: center; } .orun-pm-14 .orun-pm-copy-link { inline-size: 100%; display: block; margin-block-start: 10px; } .orun-pm-15 .orun-pm-text { width: 100% !important; margin-right: 12px; margin-left: 12px; } .orun-pm-15 .orun-pm-text-coupon { display: block !important; } .orun-pm-15 .orun-pm-coupon-inner-last { margin-block-start: 23px; border-block-start: 6px dotted #fff; padding-block-start: 30px; margin-inline-start: 0 !important; border-inline-start: none !important; padding-inline-start: 0 !important; } .orun-pm-15 .orun-pm-text-coupon-bottom { flex-direction: column; justify-content: center; } .orun-pm-15 .orun-pm-copy-link { inline-size: 100%; display: block; margin-block-start: 10px; } .orun-pm-15 .orun-pm-coupon-inner-last:after { display: none; } .orun-pm-15 .orun-pm-coupon-inner-last:before { display: none; } } @media screen and (max-width: 733px) { .orun-grid .full .orun-grid-bg { height: 250px; } .orun-grid .half .orun-grid-bg { height: 200px; } .owl-item .orun-grid-text { width: 100% !important; bottom: 0; left: 0; } .orun-grid-text h2 { margin: 5px 0 8px 0; } .orun-grid-cat { font-size: 9px; line-height: 18px; } .orun-grid-meta { display: none; } .orun-grid .big h2 { font-size: 20px; } .orun-grid .middle h2 { font-size: 16px; } .orun-main-footer .orun-pm { padding: 12px !important; } .post-thumbnail.orun-single-thumb img { height: 250px !important; } .orun-pm-category { padding: 0 !important; } .orun-second-footer .container { display: flex; flex-direction: column; } .orun-col-p50.right, .orun-col-p50.left { display: flex !important; text-align: center !important; justify-content: center !important; gap: 10px !important; margin-bottom: 10px !important; } .orun-pm-9 .orun-pm-text { display: flex; flex-direction: column; } .orun-pm-99 .orun-pm-text { display: flex; flex-direction: column; } .entry-content .orun-pm-11 .orun-pm-text { width: 100% !important; } .orun-pm-text-inner { width: 100% !important; } .orun-pm-text-inner.a4 { padding-left: 0; } .orun-pm-button-inner { margin-top: 2rem; margin-bottom: 2rem; } .badge-review { margin-top: 2rem; } .orun-pm-10 .orun-pm-text { width: 100% !important; } .orun-pm.orun-pm-item.orun-pm-10.row { margin: 0 !important; padding: 0 !important; } .orun-pm-11 .orun-pm-text { width: 100% !important; } .orun-pm.orun-pm-item.orun-pm-11.row { margin: 0 !important; padding: 0 !important; } .share-3 ul li button { width: 170px !important; } } @media screen and (max-width: 320px) { .orun-grid .full .orun-grid-bg { height: 200px; } .orun-grid .half .orun-grid-bg { height: 125px; } .orun-grid .big h2 { font-size: 18px; } .orun-grid .middle h2 { font-size: 15px; } } /* START - orun Grid Module #1 */ @media screen and (min-width: 768px) { .orun-grid-1 .orun-grid-start { padding-right: 2px; } .orun-grid-1 .orun-grid-end { padding-left: 2px; } } @media screen and (max-width: 768px) { .orun-grid-1 .orun-grid-start { padding-bottom: 2px; } .orun-grid-1 .orun-grid-end { padding-top: 2px; } .af-3 .item-box-25 .orun-pm-text { margin: 10px 0px !important; } .af-3 .orun-pm-button-inner { margin-bottom: 0 !important; } .af-4 .item-box-25 .orun-pm-text { margin: 10px 0px !important; } .af-4 .orun-pm-button-inner { margin-bottom: 0 !important; } .af-2 .item-box-25 .orun-pm-text { margin: 10px 0px !important; } .af-2 .orun-pm-button-inner { margin-bottom: 0 !important; } #orun-home-main .orun-pm-11 .item-box-25 { width: 100% !important; } .orun-pm-11 .item-box-25 { width: 100% !important; } } /* END - orun Grid Module #1 */ /* START - orun Grid Module #2 */ .orun-grid-2 .orun-grid-end .orun-grid-item:first-child { padding-bottom: 2px; } .orun-grid-2 .orun-grid-end .orun-grid-item:last-child { padding-top: 2px; } @media screen and (min-width: 768px) { .orun-grid-2 .orun-grid-start { padding-right: 2px; } .orun-grid-2 .orun-grid-end { padding-left: 2px; } } @media screen and (max-width: 768px) { .orun-grid-2 .orun-grid-start { padding-bottom: 2px; } .orun-grid-2 .orun-grid-end { padding-top: 2px; } } /* END - orun Grid Module #2 */ /* START - orun Grid Tech Module #1 */ @media screen and (min-width: 768px) { .orun-grid-10 .orun-grid-start, .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(3) { padding: 2px; } .orun-grid-10 .orun-grid-end, .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(2), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(4) { padding: 2px; } .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(2) { padding: 2px; } .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(3), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(4) { padding: 2px; } } @media screen and (max-width: 768px) { .orun-grid-10 .orun-grid-start, .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(2) { padding-bottom: 2px; } .orun-grid-10 .orun-grid-end, .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(3), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(4) { padding-top: 2px; } .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(3) { padding-right: 2px; } .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(2), .orun-grid-10 .orun-grid-end .orun-grid-item:nth-child(4) { padding-left: 2px; } .orun-grid-10.custom .orun-grid-item:nth-child(3), .orun-grid-10.custom .orun-grid-item:nth-child(6) { display: none !important; } } @media screen and (max-width: 475px) { .orun-grid-10 .small .orun-grid-bg { height: 162.5px; } } @media screen and (max-width: 320px) { .orun-grid-10 .small .orun-grid-bg { height: 140px; } } /* END - orun Grid Module #3 */ /* START - orun Grid Module #3 */ @media screen and (min-width: 768px) { .orun-grid-3 .orun-grid-start, .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(3) { padding: 2px; } .orun-grid-3 .orun-grid-end, .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(2), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(4) { padding: 2px; } .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(2) { padding: 2px; } .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(3), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(4) { padding: 2px; } } @media screen and (max-width: 768px) { .orun-grid-3 .orun-grid-start, .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(2) { padding-bottom: 2px; } .orun-grid-3 .orun-grid-end, .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(3), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(4) { padding-top: 2px; } .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(1), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(3) { padding-right: 2px; } .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(2), .orun-grid-3 .orun-grid-end .orun-grid-item:nth-child(4) { padding-left: 2px; } } @media screen and (max-width: 475px) { .orun-grid-3 .small .orun-grid-bg { height: 162.5px; } } @media screen and (max-width: 320px) { .orun-grid-3 .small .orun-grid-bg { height: 140px; } } /* END - orun Grid Module #3 */ /* START - orun Grid Module #4 */ .orun-grid-4 .second-row { padding-top: 4px; } .orun-grid-4 .second-row .orun-grid-item:first-child { padding-right: 2px; } .orun-grid-4 .second-row .orun-grid-item:last-child { padding-left: 2px; } @media screen and (min-width: 768px) { .orun-grid-4 .orun-grid-start { padding-right: 2px; } .orun-grid-4 .orun-grid-end { padding-left: 2px; } } @media screen and (max-width: 768px) { .orun-grid-4 .orun-grid-start { padding-bottom: 2px; } .orun-grid-4 .orun-grid-end { padding-top: 2px; } .accor .orun-pm-inner { grid-template-columns: repeat(1, 1fr) !important; } } /* END - orun Grid Module #4 */ /* START - orun Grid Module #5 */ .orun-grid-5 .orun-grid-end .orun-grid-item:first-child { padding-right: 2px; } .orun-grid-5 .orun-grid-end .orun-grid-item:last-child { padding-left: 2px; } @media screen and (min-width: 768px) { .orun-grid-5 .orun-grid-start { padding-right: 2px; } .orun-grid-5 .orun-grid-end { padding-left: 2px; } } @media screen and (max-width: 768px) { .orun-grid-5 .orun-grid-start { padding-bottom: 2px; } .orun-grid-5 .orun-grid-end { padding-top: 2px; } .orun-grid-5 .orun-grid-end.full .orun-grid-bg { height: 225px; } } @media screen and (max-width: 475px) { .orun-grid-5 .orun-grid-end.full .orun-grid-bg { height: 175px; } } /* END - orun Grid Module #5 */ /* START - orun Grid Module #6 */ @media screen and (min-width: 768px) { .orun-grid-6 .orun-grid-start .orun-grid-item:nth-child(n + 1) { padding-right: 2px; } .orun-grid-6 .orun-grid-start .orun-grid-item:nth-child(n + 2) { padding-left: 2px; } } @media screen and (max-width: 768px) { .orun-grid-6 .orun-grid-item:nth-child(even) { padding-left: 2px; } .orun-grid-6 .orun-grid-item:nth-child(odd) { padding-right: 2px; } .orun-grid-6 .orun-grid-item { padding-bottom: 4px; } .orun-grid-6 .orun-grid-start.full .orun-grid-bg { height: 225px; } .orun-grid-6 .orun-grid-start.full .orun-grid-bg { height: 175px; } } /* END - orun Grid Module #6 */ /* Block Title */ .orun-block-title { margin-bottom: 15px; } .orun-block-title-1 h2 { background-color: var(--main-color); color: #fff; font-weight: 400 !important; padding: 8px 14px; font-size: 14px; line-height: 12px; display: inline-block; } .orun-block-title-1 { border-bottom: 3px solid var(--main-color); } .orun-block-title-2 { border-bottom: 3px solid var(--main-color); padding-bottom: 10px; } .orun-block-title-2 h2 { color: var(--main-color); line-height: 1.4; font-weight: 600; font-size: 16px; margin-right: 20px; max-width: 100%; } .orun-block-title-3 { background-color: var(--main-color); display: inline-block; color: #fff; padding: 7px 15px; } .orun-block-title-3 h2 { color: #fff; font-weight: 600; font-size: 15px; } .orun-block-title-4 { border-left: 8px solid var(--main-color); padding-left: 10px; } .orun-block-title-4 h2 { color: var(--main-color); font-size: 15px; font-weight: 700; } .orun-block-title-5 { position: relative; padding-bottom: 15px; } .orun-block-title-5 h2 { font-size: 15px; font-weight: 600; color: var(--main-color); } .orun-block-title-5::before { content: ""; position: absolute; width: 10%; height: 3px; background-color: var(--main-color); left: 0; bottom: 0; } .orun-block-title-5::after { content: ""; position: absolute; width: 90%; height: 3px; background-color: #eee; right: 0; bottom: 0; } .orun-block-title-6 { font-size: 24px; } .orun-sidebar .orun-block-title-6 { padding-bottom: 20px; margin: 25px 0; border-bottom: 1px solid #e2e3e7; } .orun-block-title-7 span { font-size: 24px; position: relative; padding-left: 140px; } .orun-block-title-7 span:before { width: 120px; height: 2px; background: #d7d7d7; content: ""; top: 50%; left: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .orun-sidebar .orun-block-title-7 span { font-size: 20px; padding-left: 70px; } .orun-sidebar .orun-block-title-7 span:before { width: 50px; } .widget_block h2 { color: var(--main-color); font-size: 17px; padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* START - orun Grid Module #8 */ @media (max-width: 768px) { .orun-grid-8 .orun-pm-item.orun-pm-modern-1 { padding-left: 0; padding-right: 0; padding-top: 20px; } } /* START - orun Grid Module #11 */ .orun-grid-11 .second-row { padding-top: 4px; } .orun-grid-11 .second-row .orun-grid-item:first-child { padding-right: 2px; } .orun-grid-11 .second-row .orun-grid-item:last-child { padding-left: 2px; } @media screen and (min-width: 768px) { .orun-grid-11 .orun-grid-start { padding-right: 2px; } .orun-grid-11 .orun-grid-end { padding-left: 2px; } } @media screen and (max-width: 768px) { .orun-grid-11 .orun-grid-start { padding-bottom: 2px; } .orun-grid-11 .orun-grid-end { padding-top: 2px; } .orun-grid-11 .orun-pm-item.pm-13 { padding-left: 0; padding-top: 10px; padding-right: 0; margin-bottom: 0; } } .orun-grid-11 .orun-pm-item.pm-13 { gap: 10px; align-items: center; } /* END - orun Grid Module #11 */ /* Post Module */ a.post-thumbnail { display: block; } .orun-pm-item { margin-bottom: 30px; } .orun-pm-img { position: relative; } .orun-pm-img img { transition: 0.3s; width: 100%; } .orun-pm-img.p2 img { height: 200px; } .post-thumbnail.orun-single-thumb img { height: 550px; object-fit: cover; border-radius: 10px; } .orun-pm-img img:hover, .orun-mega-menu-img img:hover { filter: brightness(0.7); } /* orun Footer */ li.cat-item { display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #444444 !important; margin-bottom: 10px; } .orun-second-footer { border-top: 1px solid #444444 !important; } .orun-second-footer ul { list-style-type: none; display: inline-flex; gap: 15px; margin: 0; } .orun-footer-col .orun-pm-img img { object-fit: cover; height: 100px; width: 100%; } .orun-second-footer .container { display: flex; } .orun-col-p50.right { display: flex; justify-content: flex-end; } .orun-col-p50.right { display: flex; justify-content: flex-end; gap: 10px; } /* orun Post Modules */ .orun-pm h2.post-title { font-weight: 500; color: #161616; transition: color 0.3s ease-in-out; } .orun-pm h2.post-title a .orun-related-posts h3 a { color: #161616; transition: color 0.3s ease-in-out; } .orun-pm h2.post-title:hover a, .orun-related-posts h3:hover a { color: var(--main-color); } .orun-pm-cat.top-6 { position: absolute; top: 20px; left: 20px; padding: 5px 15px; border-radius: 30px; } @media (max-width: 768px) { .orun-pm-cat.top-6 { top: 10px; font-size: 9px; left: 10px; } .orun-pm-cat span { font-size: 9px; } } .orun-pm-cat { color: #fff; background-color: var(--main-color); font-size: 12px; font-weight: 700; text-transform: uppercase; border-radius: 30px; line-height: 1.5; display: inline-block; padding: 5px 15px; letter-spacing: 1px; width: max-content; transition: opacity 0.3s ease-in-out; } .orun-pm-cat-button { font-weight: 600; font-size: 12px; padding: 8px 15px; margin-top: 10px; border-radius: 5px; border: 1px solid; width: max-content; text-transform: uppercase; transition: opacity 0.3s ease-in-out; } .orun-pm-button { display: block; margin-top: 20px; } .orun-grid-8 .orun-grid-end h2 > a { font-size: 18px; } .orun-pm-cat:hover { opacity: 0.8; } .orun-pm-meta a { transition: color 0.3s; } .orun-pm-meta a:hover { color: var(--main-color); } /* Display is None for Sidebar & Footer in Min-Width:992px => ".ocd-lg-none" */ @media screen and (min-width: 992px) { .orun-sidebar .ocd-none, .orun-main-footer .ocd-none { display: none; } } /* Display is Flex for Sidebar & Footer */ .orun-sidebar .orun-d-flex-oc, .orun-main-footer .orun-d-flex-oc { display: flex; } /* Display is None for Full Widgets (Three Column) */ .orun-fw-widgets .fwd-none { display: none; } @media screen and (max-width: 992px) { .orun-fw-widgets .fwd-none-sm { display: none; } } /* ===== FINISH ===== */ /* orun Category Module #1 */ /* ===== FINISH ===== */ .orun-pm-modern-1 { display: flex; justify-content: space-between; align-items: center; } .orun-pm-modern-1 .orun-pm-text { padding-left: 15px; } .orun-pm-text.modern h2.post-title { font-size: 20px; margin-top: 10px; } .orun-pm-item.orun-pm-modern-1 { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .orun-pm-modern-1 .orun-pm-img img { height: 100px; } .orun-pm-img.pm-2-modern.p2 img { height: 290px; } .orun-sidebar .orun-pm-1-modern .orun-col-p50 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* ===== FINISH ===== */ /* orun Category Module #1 */ /* ===== FINISH ===== */ .orun-sidebar .orun-pm.orun-pm-category.row { margin: 0 0 1rem 0; } /* ===== START ===== */ /* orun Category Module #3 */ /* ===== START ===== */ .orun-pm-category-3 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; border-radius: 10px; margin-bottom: 20px; } @media (max-width: 768px) { .orun-pm-category-3 { grid-template-columns: repeat(1, 1fr) !important; } } .orun-pm-category-3 .orun-category-div { display: flex; justify-content: flex-start; padding: 20px; min-height: 275px; align-items: flex-start; flex-direction: column; } .orun-pm-category-3 .orun-category-title { font-weight: 600; font-size: 18px; margin-bottom: 10px; } .orun-category-button { display: flex; justify-content: space-between; padding: 20px; align-items: flex-start; flex-direction: column; } .orun-pm-category-3 .orun-category-button .orun-category-title { width: 100%; border-color: transparent; background: rgba(255, 255, 255, 0.3); display: inline-block; text-align: center; color: #fff; font-size: 15px; border-radius: 10px; font-weight: 500; backdrop-filter: blur(10px); padding: 15px 25px; } .orun-sidebar .orun-pm-category-3 { display: flex; margin-bottom: 10px; flex-direction: column; } .orun-sidebar .orun-pm-category-3 .orun-category-div { min-height: 100px; } /* ===== FINISH ===== */ /* orun Category Module #3 */ /* ===== FINISH ===== */ /* ===== START ===== */ /* orun Category Module #2 */ /* ===== START ===== */ .orun-pm-category-2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; border-radius: 10px; margin-bottom: 30px; } @media (max-width: 768px) { .orun-pm-category-2 { grid-template-columns: repeat(2, 1fr) !important; } } .orun-pm-category-2 .orun-category-div { display: flex; justify-content: center; padding: 20px; min-height: 160px; align-items: center; } .orun-pm-category-2 .orun-category-title { text-align: center; border: 1px solid #fff; padding: 15px 25px; border-radius: 50px; background: #fff; color: #222; } .orun-sidebar .orun-pm-category-2 { display: flex; flex-direction: column; margin-bottom: 10px; } /* ====== START ====== */ /* orun Post Module #1 */ /* ====== START ====== */ .orun-pm-category { display: flex; flex-direction: column; gap: 10px; border-radius: 10px; } .orun-category-div { display: flex; justify-content: space-between; padding: 20px; } .orun-pm.orun-pm-category.row { margin-bottom: 30px; } .orun-pm-category.row .orun-pm-text { padding-left: 0; padding-right: 0; } .orun-category-counter { font-size: 12px; background: #fff; color: #000 !important; height: 27px; line-height: 27px; min-width: 27px; padding: 0px 10px; border-radius: 100px; } /* ===== FINISH ===== */ /* orun Category Module #1 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #1 */ /* ====== START ====== */ .orun-pm-1 .orun-pm-item { display: flex; justify-content: space-between; } .orun-pm-1 .orun-pm-text { padding: 5px 0; display: flex; flex-direction: column; padding-left: 25px; } .orun-pm-1 h2.post-title { font-size: 21px; line-height: 27px; font-weight: 600; margin-top: 10px; } .orun-sidebar .orun-pm-1 .orun-pm-item { display: flex; justify-content: space-between; align-items: center; } .orun-sidebar .orun-pm-1 .orun-col-p40 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .orun-sidebar .orun-pm-1 .orun-col-p60 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .orun-sidebar .orun-pm-cat { margin-bottom: 10px; } .orun-sidebar .orun-pm.orun-pm-1.row .orun-pm-img img { height: 130px; } @media screen and (min-width: 992px) { .orun-sidebar .orun-pm-1 h2.post-title, .orun-main-footer .orun-pm-1 h2.post-title { font-size: 14px; line-height: 20px; margin: 0; } .orun-sidebar .orun-pm-1 .orun-pm-text, .orun-main-footer .orun-pm-1 .orun-pm-text { padding-left: 15px; } .orun-sidebar .orun-pm-1 .orun-pm-text { padding-top: 0; padding-bottom: 0; } } @media screen and (max-width: 576px) { .orun-pm-1 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } .orun-pm-1 .orun-pm-text { padding-left: 15px; } .orun-pm-1 .orun-pm-img img { height: 130px; } .orun-pm-1 .orun-pm-item { display: flex; justify-content: space-between; align-items: center; } } @media screen and (max-width: 992px) { .orun-fw-widgets .orun-pm-1 .orun-pm-item { flex: 0 0 100%; -ms-flex: 100%; max-width: 100%; } } .orun-fw-widgets .orun-pm-1 .orun-pm-text { padding-left: 15px; } /* ===== FINISH ===== */ /* orun Post Module #1 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #2 */ /* ====== START ====== */ .orun-pm-2 .orun-pm-img { margin-bottom: 10px; } .orun-pm-2 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0 10px 0; } .orun-sidebar .orun-pm-2 .orun-pm-item, .orun-main-footer .orun-pm-2 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } @media screen and (max-width: 768px) { .orun-pm-2 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } .orun-pm-2 h2.post-title { font-size: 16.5px; line-height: 22px; } .orun-fw-widgets .orun-pm-2 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } /* ===== FINISH ===== */ /* orun Post Module #2 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #3 */ /* ====== START ====== */ .orun-pm-3 .orun-pm-img { margin-bottom: 10px; } .orun-pm-3 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0 10px 0; } .orun-sidebar .orun-pm-3 .orun-pm-item.small .orun-pm-text, .orun-main-footer .orun-pm-3 .orun-pm-item.small .orun-pm-text { padding-left: 10px; } @media screen and (min-width: 992px) { .orun-pm-3 h2.post-title.sm-size { font-size: 16.5px; line-height: 22px; } .orun-sidebar .orun-pm-3 .orun-pm-item.small h2.post-title, .orun-main-footer .orun-pm-3 .orun-pm-item.small h2.post-title { font-size: 14px; line-height: 20px; margin: 0; } } @media screen and (max-width: 768px) { .orun-fw-widgets .orun-pm-3 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 576px) { .orun-pm-3 h2.post-title { font-size: 16.5px; line-height: 22px; } } /* ===== FINISH ===== */ /* orun Post Module #3 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #4 */ /* ====== START ====== */ .orun-pm-4 .orun-pm-item { display: flex; } .orun-pm-4 .orun-pm-text { padding-left: 20px; } .orun-pm-4 h2.post-title { font-size: 18px; line-height: 24px; margin-top: 5px; } .orun-sidebar .orun-pm-4 h2.post-title, .orun-main-footer .orun-pm-4 h2.post-title { font-size: 15px; line-height: 20px; margin: 0; } .orun-sidebar .orun-pm-4 .orun-pm-text, .orun-main-footer .orun-pm-4 .orun-pm-text { padding-left: 15px; } @media screen and (max-width: 576px) { .orun-pm-4 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } .orun-pm-4 .orun-pm-text { padding-left: 15px; } } @media screen and (max-width: 768px) { .orun-fw-widgets .orun-pm-4 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } .orun-pm-4 .orun-pm-img img { min-height: 130px; } .orun-pm-4 .orun-pm-item { display: flex; align-items: center; } } /* ===== FINISH ===== */ /* orun Post Module #4 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #5 */ /* ====== START ====== */ .orun-pm-5 .orun-pm-img { margin-bottom: 10px; } .orun-pm-5 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0; } .orun-pm-5 h2.post-title.sm-size { font-size: 14px; line-height: 20px; margin: 0; } .orun-pm-5 .orun-pm-item.small { display: flex; } .orun-pm-5 .orun-pm-item.small .orun-pm-text { padding-left: 10px; } .orun-pm-5 .orun-pm-item.small .orun-pm-img { margin: 0; } .orun-fw-widgets .orun-pm-5 h2.post-title.sm-size { font-size: 18px; line-height: 24px; } .orun-fw-widgets .orun-pm-5 .orun-pm-cat { display: block; } .orun-fw-widgets .orun-pm-5 .orun-pm-text { display: flex; flex-direction: column; justify-content: space-around; margin: 5px 0; } @media screen and (max-width: 768px) { .orun-fw-widgets .orun-pm-5 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } /* ===== FINISH ===== */ /* orun Post Module #5 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #6 */ /* ====== START ====== */ .orun-pm-6 .orun-pm-img { margin-bottom: 10px; } .orun-pm-6 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } @media screen and (max-width: 768px) { .orun-pm-6 .orun-pm-item { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; } .orun-fw-widgets .orun-pm-6 .orun-pm-item { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; } } /* ===== FINISH ===== */ /* orun Post Module #6 */ /* ===== FINISH ===== */ /* ===== FINISH ===== */ /* orun Post Module #12 */ /* ===== FINISH ===== */ .orun-pm-12 .orun-pm-item { display: flex; justify-content: space-between; } .orun-pm-12 .orun-pm-text { padding: 5px 0; display: flex; flex-direction: column; padding-left: 25px; } .orun-pm-12 h2.post-title { font-size: 21px; line-height: 27px; font-weight: 600; margin-top: 10px; } .orun-sidebar .orun-pm-12 .orun-pm-item { display: flex; justify-content: space-between; align-items: center; } .orun-sidebar .orun-pm-12 .orun-col-p40 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .orun-sidebar .orun-pm-12 .orun-col-p60 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .orun-sidebar .orun-pm-cat { margin-bottom: 10px; } .orun-sidebar .orun-pm.orun-pm-12.row .orun-pm-img img { height: 130px; } .orun-pm-12 .orun-pm-img img { min-height: 200px; } @media screen and (min-width: 992px) { .orun-sidebar .orun-pm-12 h2.post-title, .orun-main-footer .orun-pm-12 h2.post-title { font-size: 14px; line-height: 20px; margin: 0; } .orun-sidebar .orun-pm-12 .orun-pm-text, .orun-main-footer .orun-pm-12 .orun-pm-text { padding-left: 15px; } .orun-sidebar .orun-pm-12 .orun-pm-text { padding-top: 0; padding-bottom: 0; } } @media screen and (max-width: 576px) { .orun-pm-12 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } .orun-pm-12 .orun-pm-text { padding-left: 15px; } } @media screen and (max-width: 992px) { .orun-fw-widgets .orun-pm-12 .orun-pm-item { flex: 0 0 100%; -ms-flex: 100%; max-width: 100%; } } .orun-fw-widgets .orun-pm-12 .orun-pm-text { padding-left: 15px; } /* ===== FINISH ===== */ /* orun Post Module #12 */ /* ===== FINISH ===== */ /* ===== FINISH ===== */ /* orun Post Module #13 */ /* ===== FINISH ===== */ .post-number { background-color: #dee2e6; border-radius: 12px 12px 12px 12px; margin-right: 16px; height: 44px; text-align: center; display: inline-table; width: 44px; min-width: 44px; line-height: 44px; float: left; position: relative; font-weight: 500; font-size: 15px; z-index: 2; } .orun-pm.orun-pm-13.row { padding: 20px 12px; border-radius: 5px; } .orun-pm-13 .orun-pm-item { display: flex; justify-content: space-between; } .orun-pm-13 .orun-pm-text { padding: 0; display: flex; flex-direction: column; padding-left: 0; } .orun-pm-13 h2.post-title { font-size: 21px; line-height: 27px; font-weight: 600; margin-top: 10px; } .orun-sidebar .orun-pm-13 .orun-pm-item { display: flex; justify-content: flex-start; padding: 20px 15px; margin-bottom: 0 !important; border-radius: 10px; border-bottom: 1px solid #ccc; align-items: center; } .orun-sidebar .orun-pm-13 .orun-col-p40 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } .orun-sidebar .orun-pm-13 .orun-col-p60 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } .orun-sidebar .orun-pm-cat { margin-bottom: 10px; } .orun-sidebar .orun-pm.orun-pm-13.row .orun-pm-img img { height: 130px; } @media screen and (min-width: 992px) { .orun-sidebar .orun-pm-13 h2.post-title, .orun-main-footer .orun-pm-13 h2.post-title { font-size: 14px; line-height: 20px; margin: 0; } .orun-sidebar .orun-pm-13 .orun-pm-text { padding-top: 0; padding-bottom: 0; } } @media screen and (max-width: 576px) { .orun-pm-13 h2.post-title { font-size: 16.5px; line-height: 22px; margin-top: 5px; } .orun-pm-13 .orun-pm-text { padding-left: 15px; } } @media screen and (max-width: 992px) { .orun-fw-widgets .orun-pm-13 .orun-pm-item { flex: 0 0 100%; -ms-flex: 100%; max-width: 100%; } } .orun-fw-widgets .orun-pm-13 .orun-pm-text { padding-left: 15px; } .pm-13 .orun-pm-img img { height: 164px; border-radius: 10px; } .pm-13 h2 { font-size: 20px !important; font-weight: 700 !important; } /* ===== FINISH ===== */ /* orun Post Module #13 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #16 */ /* ====== START ====== */ .orun-pm-16 .orun-pm-img { margin-bottom: 10px; } .orun-pm-16 .orun-pm-item.small .orun-pm-cat { display: none; } .orun-pm-16 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0; } .orun-pm-16 h2.post-title.sm-size { font-size: 14px; line-height: 20px; margin: 0; } .orun-pm-16 .orun-pm-item.small { display: flex; } .orun-pm-16 .orun-pm-item.small .orun-pm-text { padding-left: 10px; } .orun-pm-16 .orun-pm-item.small .orun-pm-img { margin: 0; } .orun-fw-widgets .orun-pm-16 h2.post-title.sm-size { font-size: 18px; line-height: 24px; } .orun-fw-widgets .orun-pm-16 .orun-pm-cat { display: block; } .orun-fw-widgets .orun-pm-16 .orun-pm-text { display: flex; flex-direction: column; justify-content: space-around; margin: 5px 0; } @media screen and (max-width: 768px) { .orun-fw-widgets .orun-pm-16 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } .orun-pm-12.row .orun-pm-img img { min-height: 160px; } .orun-pm-16 .orun-grid-bg { height: 450px !important; } .orun-pm-16 .orun-pm-item.orun-col-p50.orun-col-p100-oc.orun-col-p100-sm { padding: 0; } .orun-pm-22 .row.orun-pm-item.orun-col-p70.orun-col-p100-sm, .orun-pm-22 .orun-pm-item.orun-col-p50.orun-col-p100-sm, .orun-pm-22 .orun-pm-item.orun-col-p70 { padding-right: 0; } } .orun-pm-16 .orun-grid-bg { height: 700px; } .orun-pm-item.pm-17 { align-items: center; margin-bottom: 0; padding: 0; } .orun-pm.orun-pm-17.row { margin-bottom: 30px; } .orun-pm-17 .pm-17 h2 a { font-size: 21px; } .b-left img { border-bottom-right-radius: 0 !important; } .b-right img { border-top-left-radius: 0 !important; } .m-0 { margin: 0 !important; } .orun-pm-text.first { padding-left: 15px !important; } .orun-pm-text.second { padding-right: 15px !important; } .pm-17 .orun-pm-img img { height: 225px; } /* ===== FINISH ===== */ /* orun Post Module #16 */ /* ===== FINISH ===== */ /* ====== START ====== */ /* orun Post Module #22 */ /* ====== START ====== */ .orun-pm-22 .orun-pm-img { margin-bottom: 10px; } .orun-pm-22 .orun-grid-bg { height: 250px; } .orun-pm-22 .orun-pm-item.small .orun-pm-cat { display: none; } .orun-pm-22 h2.post-title { font-size: 20px; line-height: 27px; font-weight: 600; margin: 5px 0; } .orun-pm-22 h2.post-title.sm-size { font-size: 14px; line-height: 20px; margin: 0; } .orun-pm-22 .orun-pm-item.small { display: flex; padding: 0; margin: 20px 0; } .orun-pm-22 .orun-col-p70 .orun-pm-item.small { margin: 0 0 10px; } .orun-pm-22 .orun-pm-item.small .orun-pm-text { padding-left: 10px; } .orun-pm-22 .orun-pm-item.small .orun-pm-img { margin: 0; } .orun-fw-widgets .orun-pm-22 h2.post-title.sm-size { font-size: 18px; line-height: 24px; } .orun-fw-widgets .orun-pm-22 .orun-pm-cat { display: block; } .orun-fw-widgets .orun-pm-22 .orun-pm-text { display: flex; flex-direction: column; justify-content: space-around; margin: 5px 0; } @media screen and (max-width: 768px) { .orun-fw-widgets .orun-pm-22 .orun-pm-item { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; } } /* ===== FINISH ===== */ /* orun Post Module #22 */ /* ===== FINISH ===== */ /* orun Post Modules Typography */ .orun-pm-meta { display: flex; justify-content: space-between; font-size: 12px; margin: 8px 0px; color: #000; line-height: 21px; } .orun-pm-meta .meta-start i { margin-right: 1px; } .orun-pm-meta .meta-start span { margin-right: 5px; } .orun-pm-meta .meta-end span { margin-left: 5px; } .orun-pm-text { color: #000; } /* orun Post Modules Typography in Footer */ .orun-main-footer .orun-pm .orun-pm-meta { color: #a1a1a1; } .orun-pm-img img { object-fit: cover; width: 100%; border-radius: 10px; } .orun-pm-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; } .orun-footer { margin-top: 25px; color: #fff; } .orun-main-footer { background-color: #1f2020; font-size: 14.5px; line-height: 22px; padding: 50px 0px; } .orun-second-footer { background-color: #161616; color: #fff; padding: 20px 0px; bottom: 0; position: relative; font-size: 14.5px; } .orun-main-footer a { text-decoration: none; } .orun-main-footer p { margin-bottom: 10px; } .orun-footer a { color: inherit; transition: color 0.3s; } .orun-footer a:hover { color: var(--main-color); } /* Widgets */ .orun-main-footer .orun-pm { padding: 0px; } section.widget { margin-bottom: 35px; } .widget .wp-block-archives, .widget .wp-block-categories { list-style-type: none; } /* orun Single Area */ .entry-meta, .entry-meta .posted-on, .entry-meta .author-wrap { display: flex; } .entry-meta .posted-on, .entry-meta .author-wrap { flex-direction: column; font-size: 16px; padding: 0 25px; flex: 1; } @media (max-width: 768px) { .entry-meta .posted-on, .entry-meta .author-wrap { padding: 0 5px !important; } } .entry-meta .posted-on { text-align: right; } .entry-meta .label { font-size: 14px; color: #aaa; margin-bottom: 0.25em; } .author img { width: 60px; height: 60px; border-radius: 50%; vertical-align: middle; } .entry-meta a { color: #727272; } .orun-meta-right.center { text-align: center; margin-top: 10px; } .orun-breadcrumb, .orun-single-heading, .orun-single-meta, .orun-single-thumb { margin-bottom: 15px; } .orun-breadcrumb { display: flex; font-size: 14px; color: #000000; } .orun-breadcrumb.bread-4 { display: flex; font-size: 14px; color: #000000; padding: 10px 10px 10px 20px; background: #fafafa; color: #5f5f5f; font-size: 14.5px; box-shadow: rgba(23,43,99,.2) 0 7px 28px !important; border-radius: 5px; } .bread-2 li.last { border: 1px solid #d2d6d7; border-radius: 25px; padding: 5px 10px; } .bread-3 ol { list-style-type: none; margin: 0; padding: 0; border: 1px solid #d2d6d7; border-radius: 25px; padding: 5px 10px !important; } .orun-breadcrumb ol { list-style-type: none; margin: 0; padding: 0; } .orun-breadcrumb ol li { display: inline; } .orun-breadcrumb a { text-decoration: none; color: inherit; transition: color 0.3s; } .orun-breadcrumb a:hover { color: var(--main-color); } .post-layout-4 .orun-breadcrumb.bread-3 { justify-content: center; } .orun-breadcrumb li:nth-child(even) { margin: 0 4px; } .entry-header-title { margin-left: 3rem; margin-top: -19rem; margin-bottom: 7rem; } .orun-single-cat { margin-bottom: 15px; margin-top: 25px; } .orun-single-cat a { background-color: var(--main-color); color: #fff; text-decoration: none; font-size: 12px; padding: 4px 10px; border-radius: 2px; font-weight: 500; display: inline-block; margin-bottom: 5px; } .entry-header-title .orun-single-heading h1 { color: #fff; } .entry-header-title .orun-breadcrumb { display: none; } .orun-single-heading h1 { font-size: 35px; font-weight: 700; line-height: 1.4em; color: #222; margin-bottom: 10px; } .orun-single-heading p { color: #777777; font-size: 17px; margin: 5px 0 10px 0; line-height: 27px; } .orun-single-meta { display: flex; font-size: 12.5px; color: #8a8a8a; align-items: center; position: relative; justify-content: space-between; } .orun-single-meta a.single-author { text-decoration: none; font-weight: 600; transition: color 0.3s; color: #222; } .orun-single-meta a.single-author:hover { color: var(--main-color) !important; } a.orun-single-author-img { display: inline-block; width: 24px; height: 24px; margin-right: 5px; } .orun-meta-left { display: flex; align-items: center; justify-content: center; } .orun-meta-right { justify-content: flex-end; color: #444; } .orun-single-author-img img { border-radius: 50%; } .orun-meta-right span { margin-left: 10px; font-weight: 600; } .orun-single-meta em { margin: 0 5px; } .orun-single-thumb img { width: 100%; } /* Social Share Icons */ .orun-single-shares ul { list-style-type: none; display: flex; flex-wrap: wrap; } .orun-single-shares ul li { display: inline-block; margin: 0px 5px 5px 0px; } .orun-single-shares ul li:hover button { filter: brightness(0.9); } .share-1 ul li button { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; font-size: 13px; background-color: transparent; transition: 0.3s ease-in-out; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.05); color: #fff; } .share-2 ul li button { border-radius: 50em !important; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; font-size: 13px; background-color: transparent; transition: 0.3s ease-in-out; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.05); color: #fff; } .share-3 ul { list-style-type: none !important; flex-wrap: wrap !important; display: flex !important; gap: 8px !important; padding-top: 10px !important; margin-top: 10px !important; } .share-3 ul li { flex-basis: 0; margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; list-style: none !important; text-align: center; } .share-3 ul li button { display: block; color: #fff; padding: 12px 10px; border-radius: 5px; width: 72px; } .orun-single-shares ul li.share button { background-color: var(--main-color); cursor: default; } .orun-single-shares ul li.facebook button { background-color: #3b5999; } .orun-single-shares ul li.twitter button { background-color: #55acee; } .orun-single-shares ul li.linkedin button { background-color: #0077b5; } .orun-single-shares ul li.email button { background-color: #131418; } .orun-single-shares ul li.whatsapp button { background-color: #25d366; } .orun-single-shares ul li.telegram button { background-color: #0088cc; } .orun-single-shares ul li.pinterest button { background-color: #bd081c; } .orun-single-shares ul li.tumblr button { background-color: #34465d; } .orun-single-shares ul li.google-news { font-weight: 500; color: #777; font-size: 16px; border: 1px solid #dcdcdc; padding-left: 10px; padding-right: 10px; border-radius: 5px; background-color: #fff; transition: 0.3s; } .orun-single-shares ul li.google-news:hover { background-color: #fafafa; } li.google-news a { display: flex; align-items: center; line-height: 35px; height: 35px; } .google-news-logo { padding-right: 10px; margin-right: 10px; border-right: 2px solid #dcdcdc; } .google-news-logo .g { color: #4285f4 !important; } .google-news-logo .o, .google-news-logo .e { color: #db4437 !important; } .google-news-logo .o2 { color: #f4b400 !important; } .google-news-logo .l { color: #0f9d58 !important; } /* Typography */ .orun-single-text { color: #222; font-size: 16px; margin-bottom: 25px; line-height: 29px; } .orun-single-text h1, .orun-single-text h2, .orun-single-text h3, .orun-single-text h4, .orun-single-text h5, .orun-single-text h6 { font-weight: 600; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { text-decoration: none; color: inherit; } #primary h1 { font-size: 29px; } #primary h2 { font-size: 25px; } #primary h4 { font-size: 19px; } .orun-single-text h1 { font-size: 29px; line-height: 40px; margin-top: 27px; margin-bottom: 17px; border-radius: 10px; } .orun-single-text h2 { font-size: 25px; line-height: 38px; margin-top: 26px; margin-bottom: 15px; border-radius: 10px; } .orun-single-text h3 { font-size: 22px; line-height: 30px; margin-top: 25px; margin-bottom: 12px; border-radius: 10px; } .orun-single-text h4 { font-size: 19px; line-height: 29px; margin-top: 21px; margin-bottom: 12px; border-radius: 10px; } .orun-single-text h5 { font-size: 17px; line-height: 25px; margin-top: 18px; margin-bottom: 10px; border-radius: 10px; } .orun-single-text h6 { font-size: 15px; line-height: 24px; margin-top: 18px; margin-bottom: 10px; border-radius: 10px; } .orun-single-text p { line-height: 29px; margin-bottom: 15px; } .orun-single-text figcaption { font-size: 13px; text-align: center; margin-bottom: 10px; margin-top: 5px; font-style: italic; } .orun-single-text figcaption a { color: inherit; } .orun-single-text figcaption a:hover { color: var(--main-color); } .orun-single-text a { color: var(--main-color); text-decoration: none; } .orun-single-text ul, .orun-single-text ol { padding-left: 15px; margin-left: 20px; } .orun-single-text ul li, .orun-single-text ol li { line-height: 29px; } .orun-single-text hr { background-color: #ddd; width: 100%; height: 1px; } .orun-single-text blockquote { line-height: 29px; margin-bottom: 15px; background: #f3f3f3; padding: 30px; padding-left: 80px; } .orun-single-text blockquote p:last-of-type { margin: 0; } .orun-single-text blockquote { border-left: 7px solid var(--main-color); } .orun-single-text blockquote:before { content: "\f10d"; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: -50px; font-size: 30px; color: var(--main-color); } kbd { background-color: #eee; border-radius: 3px; border: 1px solid #b4b4b4; color: #333; display: inline-block; font-size: 0.85em; font-weight: 700; line-height: 1; padding: 2px 4px; white-space: nowrap; } table { width: 100%; display: table; } th, td { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 6.5px; text-align: left; } table tbody tr:nth-child(even), table thead { background-color: rgba(0, 0, 0, 0); } tr { transition: 0.2s; } tr:hover { filter: brightness(0.9); } .gallery { display: flex; flex-wrap: wrap; } .gallery figure { margin: 5px; } /* Tags */ .orun-single-tags { margin-bottom: 25px; } .tags a { font-size: 12px; background-color: rgba(0, 0, 0, 0.05); color: #262626; text-decoration: none; border: 1px solid #dcdcdc; border-radius: 50em; padding: 0px 20px; line-height: 20px; display: inline-block; margin-right: 5px; margin-bottom: 3px; } .tags a:hover { background-color: rgba(0, 0, 0, 0.9); color: #fff; } .orun-single-tags span:first-of-type { line-height: 20px; font-size: 11px; background-color: rgba(0, 0, 0, 0.9); color: #dcdcdc; text-decoration: none; border: 1px solid #262626; border-radius: 50em; padding: 0px 20px; margin-right: 2px; display: inline-block; } /* Related Posts */ .orun-related-posts { margin-bottom: 25px; } .related-item img { transition: 0.3s; border-radius: 10px; } .related-item img:hover { filter: brightness(0.7); } .related-item h3 { font-size: 14px; font-weight: 600; line-height: 1.5em; transition: 0.3s; margin-bottom: 5px; } .related-info { margin-top: 7px; } .owl-item .orun-grid-meta { padding-top: 0.2rem; } .related-info span, .related-info i { font-size: 11.5px; color: #818181; } /* Comments */ p.logged-in-as, p.comment-notes { margin-bottom: 15px; font-size: 14px; } p.logged-in-as a:last-of-type { color: var(--main-color); } .orun-comments-area textarea, .orun-comments-area input { border: 1px solid #dcdcdc; border-radius: 3px; font-size: 14px; color: #222; margin-bottom: 15px; padding: 10px; } .orun-comment-form textarea::placeholder, .orun-comment-form input::placeholder { color: #a1a1a1; } .orun-comments-area textarea:focus, .orun-comments-area input:focus { color: #000; } .orun-comments-area textarea { width: 100%; } .orun-comments-area input[type="text"]:first-of-type { width: 100%; } .orun-comments-area input#email, .orun-comments-area input#url { width: 49%; display: inline; float: left; } .orun-comments-area input#email { margin-right: 2%; } input[type="checkbox"] { margin: 0; padding: 7px; line-height: 30px; border: 1px solid rgba(0, 0, 0, 0.1); } input[type="checkbox"] { width: 7%; height: 33px; margin: 0px; cursor: pointer; opacity: 0; z-index: 2; } /* First toggle btn */ .toggle-checkbox { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .toggle-slot { position: relative; height: 2.3em; width: 6em; border: 1px solid #e4e7ec; cursor: pointer; border-radius: 10em; background-color: white; transition: background-color 250ms; } .toggle-checkbox:checked ~ .toggle-slot { background-color: #374151; } .toggle-button { transform: translate(3.75em, 0.26em); position: absolute; height: 1.5em; width: 1.5em; border-radius: 50%; background-color: #ffeccf; box-shadow: inset 0px 0px 0px 0.75em #ffbb52; transition: background-color 250ms, border-color 250ms, transform 500ms cubic-bezier(.26,2,.46,.71); } .toggle-checkbox:checked ~ .toggle-slot .toggle-button { background-color: #485367; box-shadow: inset 0px 0px 0px 0.75em white; transform: translate(0.5em, 0.24em); } .sun-icon { position: absolute; height: 1.6em; width: 2em; color: #ffbb52; } .sun-icon-wrapper { position: absolute; height: 1.6em; width: 2em; opacity: 1; transform: translate(0.3em, 0.2em) rotate(15deg); transform-origin: 50% 50%; transition: opacity 150ms, transform 500ms cubic-bezier(.26,2,.46,.71); } .toggle-checkbox:checked ~ .toggle-slot .sun-icon-wrapper { opacity: 0; transform: translate(-3em, 0.2em) rotate(0deg); } .moon-icon { position: absolute; height: 1.6em; width: 2em; color: white; } .moon-icon-wrapper { position: absolute; height: 2em; width: 2em; opacity: 0; transform: translate(5em, 0em) rotate(0deg); transform-origin: 50% 50%; transition: opacity 150ms, transform 500ms cubic-bezier(.26,2.5,.46,.71); } .toggle-checkbox:checked ~ .toggle-slot .moon-icon-wrapper { opacity: 1; transform: translate(3.6em, 0.2em) rotate(-15deg); } /* First toggle btn completed */ .wp-comment-cookies { display: none; } .orun-comments-area input[type="submit"], input[type="reset"] { background-color: var(--main-color); color: #fff; font-size: 13px; padding: 7px 10px; border-radius: 3px; transition: 0.2s ease-in; border: none; } .orun-comments-area input[type="submit"]:hover { filter: brightness(0.9); } /* Comment item */ ol.comment-list, ol.comment-list ol.children { list-style-type: none; } ol.children { margin-left: 75px; } .comment-item { font-size: 14px; color: #262626; line-height: 21px; padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #dcdcdc; } .comment-item:last-of-type { border: none; } .comment-item a { text-decoration: none; transition: 0.3s; color: inherit; } .comment-item a:hover { color: var(--main-color); } .comment-author-img { display: flex; justify-content: center; align-items: center; } .comment-author-img img { border-radius: 50%; width: 75%; box-shadow: 0px 0px 10px 2px #dcdcdc; } .comment-text .comment-info a:first-of-type { font-weight: 600; } .comment-info { margin-bottom: 7.5px; } .comment-reply a, #cancel-comment-reply-link { background-color: var(--main-color); color: #fff; font-size: 13px; padding: 5px 10px; border-radius: 3px; transition: 0.2s ease-in; border: none; color: #fff; display: inline-block; } .comment-reply a:hover { background-color: var(--main-color); color: #fff; } .comment-text p { font-size: 14px; margin-bottom: 15px; } .comment-info { margin-bottom: 10px; } /* Archive Title */ .archive-title { background-color: #000; padding: 50px 0px; font-size: 15px; line-height: 1.4em; } .archive-title h1 { font-size: 40px; margin-bottom: 15px; color: #fff; } .archive-title p { color: #fff; line-height: 29px; } .archive-title ol { list-style-type: none; display: block; } .archive-title ol li { display: inline-block; color: #fff; } .archive-title a { text-decoration: none; color: inherit; } .archive-title a:hover { color: var(--main-color); } /* Archive Pagination */ nav.pagination { text-align: center; color: #9391a1; margin-bottom: 20px; padding-top: 20px; } .nav-links { color: #000; text-align: center; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; gap: 10px; } .entry-footer .nav-links { color: #000; text-align: center; margin-bottom: 15px; display: flex; justify-content: space-between; } .nav-links > div { display: inline-block; border-radius: 3px; transition: 0.3s; margin: 0; } nav.pagination a, .nav-links > div > a { color: inherit; text-decoration: none; height: 100%; padding: 0; transition: 0.3s; } nav.pagination a:hover, .nav-links > div:hover { color: var(--main-color); } nav.pagination a.page-numbers, .nav-links > div > a { display: inline-block; border-radius: 3px; margin: 0 5px; } nav.pagination span.current { padding: 7px 12px; background-color: var(--main-color) !important; color: #fff; border-radius: 3px; } .nav-previous { text-align: left; } .nav-next { text-align: right; } .post-nav-links { display: block; text-align: center; color: #9391a1; font-size: 14px; } .post-nav-links .post-page-numbers { display: inline-block; border-radius: 3px; margin: 0 5px; padding: 7px 12px; transition: 0.3s; } .post-nav-links .post-page-numbers:hover { background: rgba(0, 0, 0, 0.03) !important; color: var(--main-color) !important; } .post-nav-links .post-page-numbers.current { background: var(--main-color); color: #fff; font-size: 14px; cursor: pointer; } /* Author Page */ .author-title { background-color: #f0f2f5; padding-top: 100px; padding-bottom: 100px; font-size: 16px; line-height: 1.4em; } .author-title h1 { font-size: 40px; margin-bottom: 15px; } .author-title p { line-height: 29px; margin-bottom: 25px; color: #65676b; } .author-img-area img { border-radius: 50%; width: 100%; } .author-text-area { padding-left: 30px !important; } .author-social { list-style-type: none; color: #65676b; margin: 0; padding: 0; } .author-social li { display: inline-block; margin: 7px; } .author-social li:first-of-type { margin-left: 0px; } .page-404 { margin: auto; color: #262626; text-align: center; } .page-404 h1 { font-size: 10em; } .page-404 h2 { font-size: 3em; color: #262626; margin-bottom: 15px; } .page-404 p { margin-bottom: 15px; font-size: 1.231em; line-height: 24px; } /* Widgets */ .widget_block * { line-height: 25px; } .widget_search input[type="search"] { padding: 12.5px; width: 74%; border: 1px solid #dcdcdc; border-radius: 3px; color: #a1a1a1; background-color: transparent; } .widget_search input[type="search"]:focus { color: #a1a1a1; outline: none; border: 1px solid var(--main-color); transition: 0.3s; } .widget_search input[type="submit"], .wp-block-search__button { width: 23%; box-sizing: content-box; -moz-box-sizing: content-box; cursor: pointer; padding: 12.5px 0px; border: 1px solid var(--main-color) !important; background: var(--main-color) !important; border-radius: 3px; color: #fff !important; transition: 0.3s; } .widget_search input[type="submit"]:hover, .wp-block-search__button:hover { filter: brightness(0.95); } .orun-footer .widgettitle { font-size: 18px; margin: 28px 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .widget_archive ul, .widget_recent_entries ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_categories ul { list-style: none; padding: 0; margin: 0; } .widget_text ul { padding-left: 18px; } .widget_text ol { padding-left: 15px; } .widget_recent_entries ul li, .widget_recent_comments ul li, .wp-block-latest-posts li { padding: 10px 0; line-height: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .widget_recent_entries ul li:first-child, .widget_recent_comments ul li:first-child { padding-top: 0px; } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child { border: none; } .widget_recent_entries ul li a { font-weight: 600; display: block; line-height: 20px; } .widget_recent_entries span.post-date { font-size: 12px; display: block; padding-top: 5px; opacity: 0.7; } .widget_recent_entries span.post-date:before { content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11.5px; padding-right: 5px; } .widget_archive select { width: 100%; padding: 10px 5px; border-radius: 3px; } .widget_recent_comments a { font-size: 14px; font-weight: 600; } .widget_recent_comments a.url { color: var(--main-color); } .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_categories ul li { padding-bottom: 7px; } .widget_nav_menu ul li ul { display: none; } .widget_tag_cloud a { font-size: 14.5px !important; border: 1px solid #777; color: #dcdcdc; border-radius: 3px; background-color: transparent; padding: 5px 10px; display: inline-block; margin-bottom: 5px; transition: background 0.2s; } aside.orun-sidebar .widget_tag_cloud a { color: #444; } .woocommerce-cart aside.orun-sidebar { display: none; } .woocommerce-page .orun-sidebar { display: none; } .woocommerce-account .orun-sidebar { display: none; } .woocommerce-account #orun-home-main { width: 100%; max-width: 100%; flex: 0 0 100%; } .woocommerce-account .entry-header.orun-single-top { display: none; } .woocommerce-account .orun-single-meta { display: none; } .woocommerce-cart #orun-home-main { -ms-flex: 0 0 100; flex: 0 0 100%; width: 100%; max-width: 100%; } .woocommerce-cart .entry-header.orun-single-top, .woocommerce-checkout .entry-header.orun-single-top, .woocommerce-checkout .orun-sidebar { display: none; } .woocommerce-checkout #orun-home-main { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; max-width: 100%; } .woocommerce-checkout th.product-total, .woocommerce-checkout td.product-total, .woocommerce-checkout tr.cart-subtotal td, .woocommerce-checkout tr.woocommerce-shipping-totals.shipping td, .woocommerce-checkout tr.order-total td { text-align: right; } .widget_tag_cloud a:hover { color: inherit !important; background: rgba(0, 0, 0, 0.1); } .widget_text * { line-height: 24px; } .widget_text p { margin-bottom: 10px; } /* Author Box */ .orun-single-author-box { position: relative; margin: 30px auto 25px auto; padding: 30px 0px; } .orun-single-author-box-image { display: flex; justify-content: center; } .orun-single-author-box-image a { display: block; } .orun-single-author-box-image img { border-radius: 50%; } .orun-single-author-box-text h3 { font-size: 17px; margin-bottom: 7px; transition: 0.3s; display: inline-block; } .orun-single-author-box-text h3:hover { color: var(--main-color); } .orun-single-author-box-text h3::before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 17px; margin-right: 5px; } .orun-single-author-box-text p { font-size: 14px; margin-bottom: 10px; line-height: 22px; } /* Ads Areas */ .ads-area { text-align: center; } .ads-area a { display: inline-block; } code, pre { background: #f4f4f4; border: 1px solid #ddd; color: #666; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1em 1.5em; display: block; word-wrap: break-word; } /* Form Elements */ input[type="text"], input[type="email"], input[type="password"], input[type="url"] { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 10px; } textarea { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; max-width: 100%; width: 100%; padding: 10px; } .entry-content input[type="submit"] { background: var(--main-color); color: #fff; padding: 8px 20px; border-radius: 3px; transition: 0.3s; border: 1px solid var(--main-color); font-size: 13px; } input[type="submit"]:hover { filter: brightness(0.95); } /* Go to top button */ .orun-gotop { opacity: 0; visibility: hidden; position: fixed; z-index: 99; outline: none; border: none; cursor: pointer; font-size: 18px; transition: 0.3s; } .orun-gotop.orun-gotop-1 { bottom: 20px; right: 30px; border: none; background-color: var(--main-color); color: white; padding: 9px 12px; border-radius: 5px; } .orun-gotop.orun-gotop-2 { bottom: 20px; right: 30px; border: none; background-color: var(--main-color); color: white; padding: 9px 12px; border-radius: 50em; } .orun-gotop.orun-gotop-3 { bottom: 20px; right: 30px; color: white; padding: 9px 12px; border-radius: 50em; background: rgb(0 0 0 / 50%); border-radius: 50em; backdrop-filter: blur(5px); } #gotoTopBtn:hover { filter: brightness(0.9); } /* H1 Off */ .h1-off { display: none; } /* Affilate #1 */ .badge-review { display: inline-block; height: 40px; border-radius: 20px; padding: 11px 15px; border: 1px solid #d6d7db; } .badge-review .star1:before { content: "★☆☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: #ffdd0f; font-size: 24px; } .badge-review .star1:after { content: "1/5"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star2:before { content: "★★☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: #ffdd0f; font-size: 24px; } .badge-review .star2::after { content: "2/5"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star3:before { content: "★★★☆☆"; font-family: Line Awesome Free; font-weight: 400; color: #ffdd0f; font-size: 24px; } .badge-review .star3::after { content: "3/5"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star4:before { content: "★★★★☆"; font-family: Line Awesome Free; font-weight: 400; color: #ffdd0f; font-size: 24px; } .badge-review .star4::after { content: "4/5"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star5:before { content: "★★★★★"; font-family: Line Awesome Free; font-weight: 400; color: #ffdd0f; font-size: 24px; } .badge-review .star5::after { content: "5/5"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .orun-pm-affi-text strong { font-weight: 700; font-size: 25px; line-height: 1.25em; color: #111111; } .orun-pm-affi-text span { display: inline-block; font-weight: 700; font-size: 16px; line-height: 1.25em; color: #2e3246; padding-bottom: 5px; } .orun-pm-affi-text { font-size: 12px; } .orun-pm-affi-text.underlined { text-decoration: underline; } .orun-pm-text-inner.right:after { content: ''; position: absolute; width: 1px; height: 100px; right: 0; top: 0; bottom: 0; margin: auto 0; background-color: #d6d7db; } .orun-pm-button-inner { display: flex; flex-direction: column; gap: 25px; align-items: center; width: 100%; } .orun-pm-button-inner .orun-pm-button { margin: 0 !important; } .orun-pm-button-inner .orun-pm-cat-button { font-weight: 600; font-size: 12px; padding: 10px 30px; margin-top: 10px; border-radius: 20px; border: none; width: max-content; text-transform: uppercase; transition: opacity 0.3s ease-in-out; } img.affi-img { border-radius: 5px; } .orun-pm-text-inner { width: 100%; position: relative; } .orun-pm-text-inner.a4 { text-align: left; padding-left: 20px; } .orun-pm-text-inner.w-100 { width: 100% !important; margin-bottom: 20px; } .orun-pm-9 .orun-pm-affi-text { padding: 0 20px; } /* Affiliate #2 */ @media (max-width: 768px) { .af-2 .item-box-25 { width: 100% !important; } .orun-pm-text-inner.right:after { display:none; } .orun-pm.orun-pm-item.orun-pm-10.af-2.row { display: flex; flex-direction: column; } } .orun-pm-affi-text-2 { font-size: 24px; font-weight: 700; font-family: inherit; } .dark .orun-pm-affi-text-2 { color: #fff !important; } .dark .orun-pm-affi-bottom { color: #fff !important; opacity: 0.7; } .orun-pm.orun-pm-item.orun-pm-10.row { padding-right: 0; margin-left: 0; gap: 0px; padding-left: 0; } .orun-pm-10 .orun-pm-button-inner { margin-top: 30px; } #orun-home-main .orun-pm-10 .item-box-25 { width: 33%; } .orun-pm-10 .orun-pm-meta { display: flex; justify-content: center; } .orun-pm-affi-coupon { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-top: 1rem; gap: 10px; } span.coupon-top { display: inline-block; padding: 0 15px; font-weight: 400; font-size: 0.75em; line-height: 1.45em; color: #7f8c8d; background-color: #fff; margin-bottom: -1.2rem; z-index: 1; } .dark span.coupon-top { color: #fff; } span.coupon-bottom { margin-top: 8px; font-weight: 400; font-size: 0.75em; line-height: 1.45em; color: #7f8c8d; } .dark span.coupon-bottom { color: #ffffff; } span.coupon { display: block; padding: 12px 20px 11px; font-weight: 700; font-size: 1.333em; line-height: 1em; color: #151515; border-radius: 23px; border: 1px solid #7f8c8d; } .dark span.coupon { color: #ffffff; border: 1px solid #7f8c8d; } .af-2 .orun-pm-text { display: flex; align-items: center; border-radius: 5px; box-shadow: 0px 10px 40px 0px rgba(109, 141, 173, 0.25); margin: 0 15px 30px; transition: all 0.5s ease-in-out; text-align: center; position: relative; padding: 30px; flex-direction: column; } .af-2 .item-box-25 { width: 25%; position: relative; display: inline-block; } .af-2 .item-box-25.first .orun-pm-text { margin-left: 0 !important; } .af-2 .item-box-25.last .orun-pm-text { margin-right: 0 !important; } .af-2 .orun-pm-affi-text-2 { font-weight: 700; font-size: 1.333em; line-height: 1.25em; color: #151515; } .af-2 .orun-pm-affi-bottom { font-size: 12px; margin-top: 10px; } .af-2 .orun-pm-button-inner .orun-pm-cat-button { display: inline-block; padding: 13px 40px; font-weight: 700; font-size: 1em; line-height: 1.25em; border-radius: 23px; box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0); transition: all 0.5s ease-in-out; } /* Affiliate #3 */ .orun-pm-11 .orun-pm-text { background: #fff; position: relative; padding: 0; text-align: center; border-radius: 10px; border: 1px solid #ececec; display: flex; flex-direction: column; align-items: center; } .af-3.orun-pm.orun-pm-item.orun-pm-11.row { gap: 0px; padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; } .orun-pm-11 .orun-pm-button-inner { margin-top: 2rem; } #orun-home-main .orun-pm-11 .item-box-25 { width: 33%; } #orun-home-main .af-2.orun-pm-11 .orun-pm-text-inner-2 { width: 100%; } #orun-home-main .af-2 .item-box-25.last .orun-pm-text { margin-left: 0 !important; } #orun-home-main .af-3.orun-pm-11 .orun-pm-text-inner-2 { width: 100%; } #orun-home-main .af-3 .item-box-25.last .orun-pm-text { margin-left: 0 !important; } #orun-home-main .af-4.orun-pm-11 .orun-pm-text-inner-2 { width: 100%; } #orun-home-main .af-4 .item-box-25.last .orun-pm-text { margin-left: 0 !important; } .entry-content .orun-pm-affi-top span { color: #fff; } .orun-pm-11 .orun-pm-meta { display: flex; justify-content: center; } .orun-pm-affi-img { width: 100%; height: 200px; } .orun-pm-11 .img { width: 100%; height: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; background-repeat: no-repeat; background-size: cover; background-position: center; } .orun-pm-11 .orun-pm-text-inner-2 { padding: 3em 30px 3em; } .af-3 .item-box-25 { width: 25%; position: relative; display: inline-block; } .af-3 .item-box-25.first .orun-pm-text { margin-left: 0 !important; } .af-3 .item-box-25.last .orun-pm-text { margin-right: 0 !important; } .af-3 .item-box-25 .orun-pm-text { border-radius: 5px; box-shadow: 0px 10px 40px 0px rgba(109, 141, 173, 0.25); margin: 0 10px 30px; transition: all 0.5s ease-in-out; } .af-3 .orun-pm-affi-text-2 { font-weight: 700; font-size: 1.333em; line-height: 1.25em; color: #151515; } .af-3 .orun-pm-affi-bottom { font-size: 12px; margin-top: 10px; } .af-3 .orun-pm-button-inner .orun-pm-cat-button { display: inline-block; padding: 13px 40px; font-weight: 700; font-size: 1em; line-height: 1.25em; border-radius: 23px; box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.15); transition: all 0.5s ease-in-out; margin-top: 0; } .af-3.orun-pm-11 .orun-pm-text-inner-2 { padding: 30px; } /* Affiliate #4 */ .af-4 .item-box-25 { width: 25%; position: relative; display: inline-block; } .af-4 .item-box-25.first .orun-pm-text { margin-left: 0 !important; } .af-4 .item-box-25.last .orun-pm-text { margin-right: 0 !important; } .af-4 .orun-pm-text { align-items: flex-start; background-color: #f1f3f4 !important; border-radius: 5px; padding: 15px; margin: 0 15px 30px; transition: all 0.5s ease-in-out; display: flex; flex-wrap: wrap; } .af-4 .orun-pm-text:hover { box-shadow: 0px 15px 40px 0px rgba(109, 141, 173, 0.4); } .af-4 .i-with-text { width: 100%; } .af-4 .i-with-text .orun-pm-affi-img { flex-basis: 25%; text-align: left; } .af-4 img.affi-img { border-radius: 5px; width: 50px; height: 50px; object-fit: cover; } .af-4 .i-with-text .orun-pm-affi-text-2 { flex-basis: 75%; } .af-4 .i-with-text .badge-review { height: 20px; } .af-4 .orun-pm-affi-bottom { font-size: 12px; } .af-4 a.orun-pm-cat-button { display: block; font-weight: 600; font-size: 0.75em; line-height: 1.45em; text-decoration: none; padding: 6px; border-radius: 5px; width: 47%; text-align: center; } .af-4 .orun-pm-button-inner-2 .orun-pm-button { display: flex !important; flex-wrap: wrap; gap: 10px; margin-top: 0; } @media (max-width: 768px) { .af-4 .i-with-text .badge-review { margin-top: 0; } .af-4 .i-with-text .orun-pm-affi-text-2 { flex-basis: 100%; } .af-4 .i-with-text .orun-pm-affi-img { flex-basis: 20%; } .af-4 .orun-pm-text-inner-3 { width: 100%; } } /* Kupon #1 */ .orun-pm-14 .orun-pm-text { background: #fff; position: relative; padding: 1rem 2.5rem; margin-right: 12px; margin-left: 12px; text-align: center; border-radius: 10px; border: 1px solid #ececec; display: flex; flex-direction: column; align-items: center; width: 40%; } .orun-pm.orun-pm-item.orun-pm-14.row { gap: 4px; } .orun-pm-14 .orun-pm-button-inner { margin-top: 2rem; } #orun-home-main .orun-pm-14 .orun-pm-text { width: 50%; } .entry-content .orun-pm-affi-top span { color: #fff; } .orun-pm-14 .orun-pm-meta { display: flex; justify-content: center; } .orun-pm-14 .orun-pm-text-coupon { padding: 3rem 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .orun-pm-14 .orun-pm-text:before { content: ""; position: absolute; inset-block-start: 50%; transform: translateY(-50%); inset-inline-start: -17px; inline-size: 50px; block-size: 50px; border-radius: 50%; background-color: #fff; } .orun-pm-14 .orun-pm-text:after { inset-inline-start: auto; inset-inline-end: -17px; content: ""; position: absolute; inset-block-start: 50%; transform: translateY(-50%); inline-size: 50px; block-size: 50px; border-radius: 50%; background-color: #fff; } .orun-pm-14 .orun-pm-coupon-title { font-size: 30px; font-weight: 600; text-transform: capitalize; margin-block: 6px; line-height: 1; color: #fff; } .orun-pm-14 .orun-pm-coupon-text { color: #fff; font-size: 15px; font-weight: 400; line-height: 1.3; margin-block: 8px; letter-spacing: 0.4px; } .orun-pm-14 .orun-pm-coupon-date { color: #fff; font-size: 14px; font-weight: 700; letter-spacing: 1px; } .orun-pm-14 .orun-pm-coupon-inner-first { flex-basis: 28%; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 1; } .orun-pm-14 .orun-pm-coupon-discount { font-size: 42px; font-weight: 700; color: #fff; line-height: 1.2; letter-spacing: 3px; } .orun-pm-14 .orun-pm-coupon-inner-last { flex-basis: 62%; -webkit-margin-start: 23px; margin-inline-start: 23px; -webkit-border-start: 6px dotted #fff; border-inline-start: 6px dotted #fff; -webkit-padding-start: 30px; padding-inline-start: 30px; } .orun-pm-14 .orun-pm-copy-link { background: #fff; padding-block: 11px; padding-inline: 20px; color: #f12711; cursor: pointer; font-size: 18px; font-weight: 600; letter-spacing: 1px; display: inline-block; margin-left: auto; margin-right: 0; } .orun-pm-14 .orun-pm-text-coupon-bottom { display: flex; align-items: center; flex-wrap: wrap; -webkit-margin-before: 15px; margin-block-start: 15px; width: 100%; border: 1px solid #ddd; } .orun-pm-14 .orun-pm-coupon-code { font-size: 20px; font-weight: 600; -webkit-padding-start: 15px; padding-inline-start: 15px; letter-spacing: 3px; display: inline-block; color: #fff; } /* Kupon #2 */ .orun-pm-15 .orun-pm-text { background: #fff; position: relative; padding: 1rem 2.5rem; margin-right: 12px; margin-left: 12px; text-align: center; border-radius: 10px; border: 1px solid #ececec; display: flex; flex-direction: column; align-items: center; width: 40%; } .orun-pm.orun-pm-item.orun-pm-15.row { gap: 4px; } .orun-pm-15 .orun-pm-button-inner { margin-top: 2rem; } #orun-home-main .orun-pm-15 .orun-pm-text { width: 50%; } .entry-content .orun-pm-affi-top span { color: #fff; } .orun-pm-15 .orun-pm-meta { display: flex; justify-content: center; } .orun-pm-15 .orun-pm-text-coupon { padding: 1rem 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .orun-pm-15 .orun-pm-text:before { content: ""; position: absolute; inset-block-start: 50%; transform: translateY(-50%); inset-inline-start: -17px; inline-size: 50px; block-size: 50px; border-radius: 50%; background-color: #fff; } .orun-pm-15 .orun-pm-text:after { inset-inline-start: auto; inset-inline-end: -17px; content: ""; position: absolute; inset-block-start: 50%; transform: translateY(-50%); inline-size: 50px; block-size: 50px; border-radius: 50%; background-color: #fff; } .orun-pm-15 .orun-pm-coupon-title { font-size: 30px; font-weight: 600; text-transform: capitalize; margin-block: 6px; line-height: 1; color: #fff; } .orun-pm-15 .orun-pm-coupon-text { color: #fff; font-size: 15px; font-weight: 400; line-height: 1.3; margin-block: 8px; letter-spacing: 0.4px; } .orun-pm-15 .orun-pm-coupon-date { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 1px; } .orun-pm-15 .orun-pm-coupon-inner-first { flex-basis: 35%; overflow: hidden; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 1; } .orun-pm-15 .orun-pm-coupon-discount { font-size: 65px; font-weight: 700; color: #fff; line-height: 1; text-align: center; } .orun-pm-15 .orun-pm-coupon-inner-last { flex-basis: 60%; -webkit-margin-start: 5px; margin-inline-start: 5px; -webkit-padding-start: 15px; padding-inline-start: 15px; position: relative; z-index: 1; padding-block: 10px; -webkit-border-start: 8px dotted #fff; border-inline-start: 8px dotted #fff; position: relative; } .orun-pm-15 .orun-pm-coupon-inner-last:before { content: ""; position: absolute; inset-block-start: -45px; inset-inline-start: -23px; background-color: #fff; width: 40px; height: 40px; border-radius: 50%; } .orun-pm-15 .orun-pm-coupon-inner-last:after { content: ""; position: absolute; inset-inline-start: -23px; inset-block-end: -45px; background-color: #fff; width: 40px; height: 40px; border-radius: 50%; } .orun-pm-15 .orun-pm-copy-link { font-size: 14px; font-weight: 600; text-transform: uppercase; padding: 12px 50px; margin: 0 auto; overflow: hidden; border: none; border-radius: 30px; display: inline-block; position: relative; transition: 0.3s linear; background-color: #fff; color: #111; cursor: pointer; } .orun-pm-15 .orun-pm-text-coupon-bottom { width: 100%; text-align: center; -webkit-margin-before: 15px; margin-block-start: 15px; } .orun-pm-15 .orun-pm-coupon-code { font-size: 20px; font-weight: 600; text-transform: uppercase; padding: 10px 45px; margin: 0 auto; overflow: hidden; border-radius: 15px; display: inline-block; position: relative; transition: 0.3s linear; color: #fff; cursor: pointer; border: 3px solid #fff; } /* Owl Carousel */ .custom-2 .owl-nav, #orun-grid-area .owl-nav, #orun-home-area .owl-nav { position: absolute; top: calc(50% - 40px); display: flex; justify-content: space-between; width: 100%; cursor: pointer; } .owl-prev { background-color: #fff; color: #000; display: inline-block; line-height: 50px; width: 35px; font-size: 35px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: relative; left: 1px; opacity: 0; visibility: hidden; transition: 0.3s; } #orun-grid-area .owl-prev { background-color: #fff; color: #000; display: inline-block; line-height: 50px; width: 35px; font-size: 35px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; right: 24px; visibility: hidden; opacity: 0; transition: 0.3s; } #orun-grid-area .owl-next { background-color: #fff; color: #000; display: inline-block; line-height: 50px; width: 35px; font-size: 35px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; right: 24px; visibility: hidden; opacity: 0; transition: 0.3s; } .custom-2 .owl-next, #orun-home-area .owl-next { background-color: #fff; color: #000; display: inline-block; line-height: 50px; width: 35px; font-size: 35px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; right: 0; visibility: hidden; opacity: 0; transition: 0.3s; } .custom-2 .owl-prev, #orun-home-area .owl-prev { background-color: #fff; color: #000; display: inline-block; line-height: 50px; width: 35px; font-size: 35px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: relative; left: 0; visibility: hidden; opacity: 0; transition: 0.3s; } .custom .owl-dots { counter-reset: dots; width: 100%; display: flex; flex-wrap: nowrap; position: absolute; bottom: 0; } .custom .owl-dot { width: 100%; background-color: #f42447; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.3); text-align: center; height: 33px; position: relative; z-index: 1; } .custom .owl-dot.active { background-color: #bd1e38; } .custom .owl-dots:first-child { color: #000000 !important; } .custom .owl-dot:before { counter-increment: dots; content: counter(dots); } .slider .orun-grid-text { bottom: 25px; } .custom-2.owl-carousel:hover .owl-next, .custom-2.owl-carousel:hover .owl-prev, #orun-grid-area .owl-carousel:hover .owl-next, #orun-grid-area .owl-carousel:hover .owl-prev, #orun-home-area .owl-carousel:hover .owl-next, #orun-home-area .owl-carousel:hover .owl-prev { opacity: 0.5; visibility: visible; } .custom-2.owl-carousel .owl-next:hover, .custom-2.owl-carousel .owl-prev:hover, #orun-grid-area .owl-carousel .owl-next:hover, #orun-grid-area .owl-carousel .owl-prev:hover, #orun-home-area .owl-carousel .owl-next:hover, #orun-home-area .owl-carousel .owl-prev:hover { opacity: 1; background-color: var(--main-color); color: #fff; } .owl-item .orun-item-5 .orun-grid-text { display: flex; gap: 10px; width: 100%; position: inherit; bottom: unset; left: unset; color: #000; padding: 0 !important; margin: 0 !important; align-items: center; } @media (max-width: 768px) { .owl-item .orun-item-5 .orun-grid-text { display: flex; flex-direction: column; max-width: 87%; text-align: left; align-items: flex-start; } } .container1.owl-carousel.owl-item.owl-loaded.owl-drag { display: flex !important; justify-content: space-between; } .container1 .owl-nav { display: flex; gap: 10px; } .container1 button.owl-prev { color: #000 !important; border: 1px solid #cbcbcb !important; width: 25px; height: 25px; font-size: 12px !important; border-radius: 0; visibility: visible; opacity: 1; } .container1 button.owl-next { color: #000 !important; border: 1px solid #cbcbcb !important; width: 25px; height: 25px; font-size: 12px !important; border-radius: 0; } /* Post Layouts */ .post-layout-3 .entry-header, .post-layout-3 .orun-single-heading, .post-layout-3 .orun-single-cat, .post-layout-3 .orun-breadcrumb, .post-layout-4 .entry-header { text-align: center !important; } .post-layout-3 .orun-single-meta, .post-layout-4 .orun-single-meta { justify-content: center !important; } .post-layout-3 .orun-single-shares ul, .post-layout-4 .orun-single-shares ul { justify-content: center !important; } /* Dark Mode CSS */ body.dark-theme, body.dark-theme input, body.dark-theme textarea, body.dark-theme ul.sub-menu, body.dark-theme ul.sub-menu a, body.dark-theme ul.sub-menu li, body.dark-theme .orun-mega-menu, body.dark-theme ul.sub-menu li:hover a, body.dark-theme .navbar-top-nav ul li ul li:hover, body.dark-theme #navSearch, body.dark-theme .orun-main-navbar-wrapper, body.dark-theme nav.navbar-main > ul > li > ul > li.current-menu-item > a, body.dark-theme nav.navbar-main > ul > li > ul > li > ul > li.current-menu-item > a, body.dark-theme .logo-area, body.dark-theme .main-navbar-wrapper { background-color: #222 !important; } body.dark-theme * .orun-pm-11 .orun-pm-text { border-color: #222 !important; background: #222 !important; } body.dark-theme * .badge-review .star5::after { color: #fff !important; } body.dark-theme * .orun-pm-10 .orun-pm-text { background-color: #000 !important; } body.dark-theme * .orun-pm-10 a.orun-pm-cat-button { background-color: #2e2e2e !important; } body.dark-theme * .orun-pm-9 .orun-pm-text, body.dark-theme * .orun-pm-10 span.coupon-top { background-color: #000 !important; } body.dark-theme * .orun-pm-99 .orun-pm-text { background-color: #000 !important; } body.dark-theme * .orun-pm-8 .orun-pm-text, body.dark-theme * .orun-pm-8 span.meta-user, body.dark-theme * .post-number { background-color: #000 !important; } body.dark-theme * .orun-pm-category-2 .orun-category-title, body.dark-theme * .orun-category-counter { background: #222; } body.dark-theme * .orun-pm-8 .meta-user .fas { color: #fff !important; } body.dark-theme * .orun-pm-text-inner-2 { background-color: #000 !important; border-radius: 0 0 10px 10px; } body.dark-theme .orun-main-footer, body.dark-theme .orun-second-footer, body.dark-theme nav.navbar-top, body.dark-theme li.share, body.dark-theme input.search-submit, body.dark-theme .archive-title, body.dark-theme .author-title { background: #161616 !important; } body.dark-theme #mobileMenu, body.dark-theme .sm-screen-menu { background: #161616 !important; box-shadow: none !important; } body.dark-theme ul.sub-menu { border-bottom: none !important; } body.dark-theme .mobile-menu-nav ul.sub-menu, body.dark-theme .mobile-menu-nav ul.sub-menu li, body.dark-theme .mobile-menu-nav ul.sub-menu a, body.dark-theme .mobile-menu-nav ul.sub-menu li:hover a { background: none !important; border: none !important; } .navbar-top-nav i{ color: #fff; } body.dark-theme .navbar-top-nav ul.sub-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; } body.dark-theme ul.sub-menu, body.dark-theme .orun-mega-menu, body.dark-theme .comment-author-img img { box-shadow: none !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; } body.dark-theme .orun-main-footer { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body.dark-theme *, body.dark-theme .orun-main-navbar-wrapper a, body.dark-theme .orun-mega-menu-text h2 a { color: #eee !important; border-color: rgba(255, 255, 255, 0.1) !important; } body.dark-theme .archive-title, body.dark-theme .author-title { border-bottom: 2px solid rgba(255, 255, 255, 0.1) !important; } body.dark-theme a { transition: color 0.3s !important; } body.dark-theme a:hover, body.dark-theme .orun-mega-menu-text h2:hover a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li:hover > a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-menu-item > a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-post-parent > a, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li:hover > a i, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-menu-item > a i, body.dark-theme nav.navbar-main.navbar-style-1 > ul > li.current-post-parent > a i { color: var(--main-color) !important; } body.dark-theme div.nav-links > div { border: 1px solid !important; } body.dark-theme .orun-block-title-5::before { background-color: #161616 !important; } body.dark-theme .orun-block-title-5::after { background-color: rgba(255, 255, 255, 0.1) !important; } body.dark-theme .orun-block-title-1 span, body.dark-theme .orun-block-title-3 { background-color: rgba(255, 255, 255, 0.1) !important; } body.dark-theme .orun-single-meta *, body.dark-theme .orun-breadcrumb *, body.dark-theme .orun-mega-menu time { color: #9e9e9e !important; } body.dark-theme div.orun-single-cat > span > a:hover, body.dark-theme .orun-grid h2:hover a, body.dark-theme .orun-social-button-plg:hover { color: #fff !important; } body.dark-theme .orun-logo { display: none !important; } body.dark-theme .orun-dark-logo { display: block !important; } body.dark-theme blockquote, body.dark-theme code, body.dark-theme pre, body.dark-theme kbd, body.dark-theme table tbody tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; } body.dark-theme table tbody tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.03) !important; } body.dark-theme .orun-single-text hr { background-color: rgba(255, 255, 255, 0.3) !important; } body.dark-theme .main-navbar li ul > li:hover > a { color: var(--main-color) !important; } body.dark-theme .main-navbar li > a { color: #fff !important; } body.dark-theme .navbar-main ul li a { transition: 0.3s !important; } body.dark-theme input[type="text"], body.dark-theme input[type="email"], body.dark-theme input[type="submit"], body.dark-theme textarea { border-color: #818181 !important; background-color: #161616; } body.dark-theme li.google-news, body.dark-theme li.google-news:hover { background-color: #222; } /* Main Menu */ .with-logo .navbar-top-social { flex-basis: 30%; text-align: left; } .with-logo .logo { flex-basis: 40%; text-align: center; } .with-logo .navbar-top-nav { text-align: right; flex-basis: 30%; } .orun-main-navbar-wrapper { position: relative; } .orun-main-navbar { display: flex; justify-content: space-between; align-content: center; align-items: center; height: 60px; position: relative; zoom: 110%; } .orun-main-navbar.menu-centered { justify-content: center; } .orun-main-navbar.header-2 { height: 80px; } .orun-main-navbar.header-2 ul.navbar-main-ul > li > a, .orun-main-navbar.header-2 ul.orun-navbar-buttons { line-height: 80px; } .orun-main-navbar.header-2 ul.navbar-main-ul > li > ul { top: 100%; } .orun-main-navbar.header-2 .orun-navbar-main { margin-right: 15px; } .orun-header-2-left { display: flex; align-items: center; } .orun-navbar-main.navbar-style-1 > ul > li:hover > a { color: var(--main-color) !important; } .orun-navbar-main.navbar-style-2 > ul > li:hover > a { background-color: var(--main-color); color: #fff; } .orun-navbar-main.navbar-style-3 > ul > li:hover > a { color: var(--main-color); } .orun-navbar-main.navbar-style-3 > ul > li:hover > a::before { width: 100%; } .orun-navbar-main.navbar-style-3 > ul > li > a::before { content: ""; background-color: var(--main-color); position: absolute; bottom: 0; left: 0; right: 0; width: 0%; transition: width 0.4s; -webkit-transition: width 0.4s; margin: auto; height: 3px; } .orun-navbar-main.navbar-style-4 > ul > li > a::before { content: ""; border-radius: 5px; position: absolute; left: 0; right: 0; top: 50%; bottom: 50%; width: 95%; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; margin: auto; height: 40px; z-index: 0; } .orun-navbar-main.navbar-style-4 > ul > li:hover > a::before { background-color: rgba(0, 0, 0, 0.05); } .orun-navbar-main.navbar-style-4 > ul > li:hover > a { color: var(--main-color); } ul.navbar-main-ul { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; list-style: none; } ul.navbar-main-ul li { position: relative; } ul.navbar-main-ul > li > ul, ul.navbar-main-ul > li > ul > li > ul, ul.navbar-main-ul > li > ul > li > ul > li > ul { position: absolute; box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); border-radius: 5px; width: 200px; opacity: 0; visibility: hidden; top: 100%; list-style-type: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.07); } ul.navbar-main-ul > li:hover > ul, ul.navbar-main-ul > li > ul > li:hover > ul, ul.navbar-main-ul > li > ul > li > ul > li:hover > ul { visibility: visible; opacity: 1; transition: opacity 0.3s; z-index: 999999; } ul.navbar-main-ul > li > ul > li > ul, ul.navbar-main-ul > li > ul > li > ul > li > ul { left: 100%; top: -1px; } ul.navbar-main-ul .menu-item-has-children > a::after, ul.navbar-main-ul .menu-has-orun-mega-menu > a::after { content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 10px; } ul.navbar-main-ul > li.menu-item-has-children > a, ul.navbar-main-ul > li.menu-has-orun-mega-menu > a { padding-right: 25px; } ul.navbar-main-ul > li ul li a { font-weight: 400; font-size: 14px; line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } ul.navbar-main-ul > li ul li:hover > a { background-color: rgba(0, 0, 0, 0.03); color: var(--main-color); } ul.navbar-main-ul > li > a { height: 60px; } ul.navbar-main-ul li > a { display: inline-flex; padding: 0 15px; font-size: 14px; font-weight: 600; transition: 0.3s; position: relative; justify-content: space-between; align-items: center; width: 100%; white-space: nowrap; } ul.orun-navbar-buttons { display: flex; align-items: center; justify-content: flex-end; margin: 0; padding: 0; list-style: none; line-height: 60px; } ul.orun-navbar-buttons li { position: relative; } ul.orun-navbar-buttons li i { display: inline-flex; justify-content: center; align-items: center; cursor: pointer; transition: 0.35s; height: 35px; width: 35px; border-radius: 50%; position: relative; } ul.orun-navbar-buttons.button-style-1 li { font-size: 16px; margin-left: 2.5px; } ul.orun-navbar-buttons.button-style-1 li:hover > i { background-color: rgba(0, 0, 0, 0.05); } ul.orun-navbar-buttons.button-style-2 li > i { margin: 0 7.5px; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); } .orun-pm-img.pm-2-modern.p2 { margin-bottom: 1rem; } ul.orun-navbar-buttons.button-style-2 li:hover > i { background-color: rgba(0, 0, 0, 0.1); } ul.navbar-main-ul li.menu-has-orun-mega-menu { position: static; } ul.navbar-main-ul li:hover > .orun-mega-menu-wrapper { visibility: visible; opacity: 1; transition: opacity 0.3s; z-index: 999999; } .orun-mega-menu-wrapper { position: absolute; left: 0; width: 100%; border-radius: 5px; background-color: #fff; box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15); visibility: hidden; opacity: 0; } .orun-mega-menu { display: flex; padding: 30px 15px 15px; } .orun-mega-menu-img img { transition: 0.3s; height: 150px; width: 100%; object-fit: cover; border-radius: 10px; } .orun-mega-menu-text { margin-top: 10px; } .orun-mega-menu-text h2 { font-size: 14px; font-weight: 600; margin-bottom: 3px; } .orun-mega-menu-text i, .orun-mega-menu-text span { font-size: 12px; color: #555; } .orun-grid-text h3{ font-optical-sizing: auto; font-weight: 400; font-size: 21px; } .orun-pm-text h3{ font-size: 18px; font-weight: 500; } .orun-pm-excerpt p{ font-size: 14px; font-weight: 300; } .orun-block-title h2{ font-size: 24px; font-weight: 500; } body{ font-weight: 400; font-style: normal; } #masthead :is(h1, h2, h3, h4, h5, h6, a, span, li, p){ font-weight: 400; font-style: normal; } h1, h2, h3, h4, h5, h6{ font-optical-sizing: auto; font-weight: 400; } @media(max-width:600px){ .orun-grid-text h3{ font-optical-sizing: auto; font-weight: 400; font-size: 16px !important; } .orun-pm-text h3{ font-size: 16px; font-weight: 500; } .orun-pm-excerpt p{ font-size: 14px; font-weight: 300; } .orun-block-title h2{ font-size: 20px; font-weight: 500; } body{ font-weight: 400; font-style: normal; } #masthead :is(h1, h2, h3, h4, h5, h6, a, span, li, p){ font-weight: 400; font-style: normal; } h1, h2, h3, h4, h5, h6{ font-optical-sizing: auto; font-weight: 400; } } @media screen and (min-width: 768px) { .col-md-6 { flex: 0 0 auto; width: 50% !important; } } @media screen and (max-width: 768px) { .col-sm-12{ flex: 0 0 100% !important; width: 100% !important; } } .landing{ justify-content: center !important; align-items: center !important; } .maintitle{ font-size: 38px !important; font-weight: 800 !important; } @media screen and (max-width: 768px) { .maintitle{ font-size: 24px !important; text-align: center !important; font-weight: 800 ; } .subtitle{ justify-content: center; font-size: 15px; font-weight: 100; text-align: center !important; } .content{ text-align: center !important; font-size: 20px; } } .subtitle{ font-size: 14px; font-weight: 100 !important; margin-top: -7px; } .content{ font-size: 16px; } .head{ padding: 15px 15px; } .descript{ padding: 15px 15px; } .cta{ --bs-gutter-x: 1.5rem !important; --bs-gutter-y: 0 !important; display: flex !important; flex-wrap: wrap !important; margin-top: calc(var(--bs-gutter-y) * -1) !important; padding-top: 20px; padding-bottom: 20px; } .baslikland span{ text-align: center; } .descland span{ text-align: center !important; } @media only screen and (max-width: 768px) { .chat-content { display: none; } .col-md-6{ flex:0 0 100% !important; max-width: 100% !important; } .col-sm-12 { max-width: 100% !important; justify-content: center; align-items: center; display: flex; padding:45px 20px; } } .badge-review { display: inline-block; height: 40px; border-radius: 20px; padding: 11px 5px; border: 1px solid #d6d7db; } .badge-review .star1:before { content: "★☆☆☆☆☆☆☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star1:after { content: "1/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star2:before { content: "★★☆☆☆☆☆☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star2::after { content: "2/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star3:before { content: "★★★☆☆☆☆☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star3::after { content: "3/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star4:before { content: "★★★★☆☆☆☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star4::after { content: "4/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star5:before { content: "★★★★★☆☆☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star5::after { content: "5/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; margin-top: -4px; } .badge-review .star6:before { content: "★★★★★★☆☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star6::after { content: "6/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star7:before { content: "★★★★★★★☆☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star7::after { content: "7/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star8:before { content: "★★★★★★★★☆☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star8::after { content: "8/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star9:before { content: "★★★★★★★★★☆"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star9::after { content: "9/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; } .badge-review .star10:before { content: "★★★★★★★★★★"; font-family: Line Awesome Free; font-weight: 400; color: var(--main-color); font-size: 24px; } .badge-review .star10::after { content: "10/10"; font-family: inherit; margin-left: 1rem; font-weight: 700; font-size: 1em; line-height: 1em; color: #111111; }