:root { --Fontheading: "Inter", sans-serif; --Fontbody: "Inter", sans-serif; --bxbr: 3px solid #000; --bxbra: 8px; --bxsh: 0 1px 3px rgb(0 0 0 / 15%); --bxshover: 0 4px 60px 0px rgba(0 0 0 / 20%); --bstras: 0 4px 60px 0px rgba(0 0 0 / 20%); } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } * { padding: 0; margin: 0; box-sizing: border-box; } body { width: 100%; margin: 0; padding: 0; height: 100%; font-family: var(--Fontbody); font-weight: 400; line-height: 1.4; text-align: start; direction: rtl; } .wrapper { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } /*------------------------------- -Input ------------------------*/ input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select { color: var(--head-color); background: var(--box-color2); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 2px solid #e5e5e5; border-radius: 30px; display: block; padding: 13px 18px; width: 100%; outline: 0; height: 45px; transition: all 0.8s; margin-bottom: 20px; } input[type=radio], input[type=checkbox] { display: inline; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus, select:focus { color: var(--head-color); border-color: #a90e6d; width: 100%; box-shadow: 0 0 0 0.063rem rgba(84, 84, 84, 0.25) !important; } .d-grid { display: grid; row-gap: 30px; } .d-grid.column2 { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 2rem; padding: 0; } .d-grid.column3 { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 2rem; padding: 0; } .d-grid.column4 { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-column-gap: 2rem; padding: 0; } .d-grid.column5 { grid-template-columns: repeat(5, minmax(0, 1fr)); grid-column-gap: 2rem; padding: 0; } .d-grid.column6 { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-column-gap: 2rem; padding: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } /*--------------------------------------- Typography -----------------------------------------*/ h1, .h1 { font-size: 34px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 28px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 20px; } h6, .h6 { font-size: 16px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: var(--Fontheading); font-weight: 700; color: var(--head-color); font-feature-settings: "lnum"; font-variant-numeric: lining-nums; letter-spacing: -0.036em; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: optimizeSpeed; line-height: 1.4; margin-bottom: 0.5rem; } .alignright { text-align: end; } .alignleft { text-align: start; } .aligncenter { text-align: center; } blockquote { position: relative; width: 100%; border-width: 0 0 0 5px; border-style: solid; padding-left: 8px; padding: 30px; border-radius: 10px; margin-bottom: 32px; } blockquote::before { content: "\f10d"; display: table; float: left; font-family: "Font Awesome 5 Free"; font-size: 28px; margin-top: 6px; font-weight: 900; width: 6%; } blockquote p { font-style: italic; width: 94%; display: table; margin-bottom: 0; } .container { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } .collapse:not(.show) { display: none; } .show { display: block; } a:focus,button:focus{ outline: 1px dotted #a90e6d; } .container { width: 100%; padding-right: 24px; padding-left: 24px; margin-right: auto; margin-left: auto; max-width: 576px; } @media (min-width: 768px) { .container { max-width: 992px; } .mb-md-0 { margin-bottom: 0; } } @media (min-width: 992px) { .container { max-width: 1200px; } } @media (min-width: 1200px) { .container { max-width: 1648px; } } @media (min-width: 992px) and (max-width: 1199.98px) { .container { padding-right: 3rem; padding-left: 3rem; } } @media (min-width: 1200px) and (max-width: 1659.98px) { .container { padding-right: 3rem; padding-left: 3rem; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -0.5); margin-left: calc(var(--bs-gutter-x) * -0.5); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-0, .gx-0 { --bs-gutter-x: 0; } .col-auto { flex: 0 0 auto; width: auto; } input[type=submit], button, .btn, .more-link { padding: 10px 35px; line-height: 30px; overflow: hidden; position: relative; border-radius: 0; font-weight: bold; display: inline-block; transition: all 0.2s ease 0s; border-radius: 30px; border: none; font-size: 16px; } .btn-theme:hover, .btn-theme:focus { transition: all 0.3s ease 0s; } .shd { box-shadow: 0px 8px 30px rgba(33, 33, 33, 0.1); } .shd-hover { transition: 0.5s ease-out; } .shd-hover:hover { transform: translateY(-10px) scale(1); box-shadow: 0px 30px 40px rgba(0, 10, 80, 0.12); } .text-start { text-align: start; } .text-center { text-align: center; } .text-end { text-align: end; } .plece-item { margin-left: auto; margin-right: auto; } img { max-width: 100%; display: block; border-radius: var(--bxbra); } .d-flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .align-center { align-items: center; } .justify-center { justify-content: center; } .justify-start { justify-content: start; } .justify-space-between { justify-content: space-between; } .justify-end { justify-content: flex-end; } .d-flex-start { display: flex; align-items: center; justify-content: flex-start; } .d-flex-center { display: flex; align-items: center; justify-content: center; } .d-flex-space { display: flex; align-items: center; justify-content: space-between; } .d-flex-end { display: flex; align-items: center; justify-content: flex-end; } .row-reverse { flex-direction: row-reverse; } .d-none { display: none !important; } a, button { transition: all 0.5s; text-decoration: none; } .max-width { max-width: 100%; } .w-100 { width: 100%; } ul { list-style: none; padding: 0; margin: 0; } .pl-15 { padding-left: 15px; } .pr-15 { padding-right: 15px; } .mt-5 { margin-top: 3rem !important; } .mt-2 { margin-top: 60px; } .mt-60 { margin-top: 60px; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 1rem; } .mb-4 { margin-bottom: 1.5rem; } .mb-5 { margin-bottom: 3rem; } .mb-60 { margin-bottom: 60px; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .ms-auto { margin-right: auto !important; } .me-auto { margin-left: auto !important; } .mt-0 { margin-top: 0px !important; } .mt-30 { margin-top: 30px; } .mb-0 { margin-bottom: 0 !important; } .mb-30 { margin-bottom: 30px; } .pl-0 { padding-left: 0 !important; } .pr-0 { padding-right: 0 !important; } .gap-1{ gap: 1.5rem; } p { margin: 0 0 15px 0; font-size: 1rem; line-height: 1.625rem; } .radius-0 { border-radius: 0 !important; } .radius-100 { border-radius: 50%; } .img-fluid { width: 100%; height: 100% !important; -o-object-fit: cover; object-fit: cover; } .no-bor { border: none !important; } .bg-none { background: none !important; } .back-img { background-size: cover; background-position: center; background-repeat: no-repeat; } /* mobi menu */ .nav-wp .sm-clean a .sub-arrow { left: 4px; right: auto; } /*--------------------------------------- Gradient Scroll Bar -----------------------------------------*/ /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { border-radius: 100vh; background: #1f2937; } /* Handle */ ::-webkit-scrollbar-thumb { border-radius: 10px; } .col-grid-1 { display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(1, minmax(0, 1fr)); } .col-grid-2 { display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } .col-grid-3 { display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); } .col-grid-4 { display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(4, minmax(0, 1fr)); } /*--------------------------------------- social Links -----------------------------------------*/ .bs-social { padding: 0px; margin: 0; display: flex; flex-wrap: wrap; -moz-column-gap: 2.5px; column-gap: 2.5px; } .bs-social li { display: inline-flex; margin-bottom: 0; border-bottom: none; } .bs-social li a i { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; line-height: 35px; text-align: center; padding: 0; border-radius: 50%; position: relative; z-index: 1; overflow: hidden; } .bs-social li a i:hover { transition: all 0.8s; } /*--------------------------------------- swipper controls -----------------------------------------*/ .bs:hover .swiper-button-prev { right: 2%; opacity: 1; } .bs:hover .swiper-button-next { left: 2%; opacity: 1; } .bs .swiper-button-prev, .bs .swiper-button-next { width: 50px; height: 50px; transition: all 0.3s ease; opacity: 0; border-radius: 50px; } .bs .swiper-button-prev:after, .bs .swiper-button-next:after { font-size: 18px; } .bs .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 5px; opacity: 1; transition: all 0.5s; padding: unset; background: #f3eeee; } .bs .swiper-pagination-bullet-active { width: 18px; height: 8px; } /*--section--*/ .btn-0 i { width: 26px; height: 26px; border-radius: 50%; font-size: 14px; display: inline-block; line-height: 26px; text-align: center; margin-left: 10px; } /* home four swiper control */ .widgets-new.tpn .swiper-button-next, .widgets-new.tpn .swiper-button-prev { position: absolute; } /*--------------------------------------- bs-section -----------------------------------------*/ .bs-section .overlay { padding: 60px 0; } .bs-heading .bs-subtitle { font-size: 18px; padding-left: 20px; position: relative; display: inline-flex; margin-bottom: 25px; } .bs-heading .bs-subtitle::before { content: ""; display: block; width: 5px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .bs-heading .bs-title { font-size: 42px; font-weight: 700; margin-bottom: 2rem; } .bs-heading .bs-title span { font-family: "Fira Sans", sans-serif; } .bs-heading P { font-size: 17px; line-height: 25px; margin-bottom: 2rem; } .menu-btn { display: none; } .menu-btn:focus{ outline: 1px dotted #a90e6d; } /**** Header Image *****/ .header-image-section .overlay { height: 200px; } /**** Header CSS *****/ .site-branding-text .site-title { font-size: 40px; word-break: break-word; font-weight: 600; line-height: 1.4; letter-spacing: -0.036em; margin-bottom: 0.5rem; } .site-branding-text .site-description{ margin-bottom: 0; } .site-branding-text .site-description span{ margin-bottom: 15px; } .site-title-footer{ line-height: 1.4; } header.bs-default { z-index: 5; border-bottom-width: 1px; border-bottom-style: solid; } .navbar-wp { display: flex; justify-content: space-between; flex-wrap: wrap; flex: 1; } .bs-head-detail { padding: 0.5rem 0; } .bs-head-detail .top-date { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 10px; } .bs-head-detail .top-date .day { font-size: 24px; margin-right: 6px; line-height: 0.8; font-weight: 700; letter-spacing: 0.2px; } .bs-head-detail .top-date .deta { display: flex; flex-direction: column; font-weight: 400; font-size: 11px; line-height: 1.1; word-break: break-word; } /*-----middle---*/ .bs-menu-full { box-shadow: unset; padding: 10px 0; } .bs-menu-full .logo { max-width: 340px; width: 100%; } .bs-menu-full .logo .site-logo:has(.navbar-brand) + .site-branding-text { margin-top: 10px; } .bs-menu-full .main { position: relative; justify-content: space-between; padding: 0; border-radius: 5px; align-items: center; gap: 10px; } .bs-menu-full .navbar-brand img { height: auto; } .bs-menu-full.sticky-header.header-sticky { animation: slide-down 1.07s; } .bs-menu-full.header-sticky { position: fixed; width: 100%; top: 0; z-index: 1024; right: 0; left: 0; box-shadow: var(--bxsh); } @keyframes slide-down { 0% { opacity: 1; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } /*-----bottom---*/ .navbar-wp nav { display: flex; align-items: center; width: 100%; } .navbar-wp nav > ul { padding-right: 0; } .navbar-wp nav ul.sm-clean li a { font-size: 1rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.03em; cursor: pointer; } .navbar-wp nav .sm-clean ul { border: none; border-radius: 0px !important; } .right-nav { display: flex; align-items: center; position: relative; justify-content: flex-end; z-index: 1; gap: 1.5rem; } .right-nav .element { display: flex; align-items: center; justify-content: center; padding: 0; width: 35px; height: 35px; line-height: 1; border-radius: 50%; position: relative; z-index: 1; overflow: hidden; } .right-nav a.bs-cart { width: unset; border-radius: 0; } .right-nav a.bs-cart .bs-cart-count { width: 17px; height: 17px; font-size: 13px; line-height: 17px; border-radius: 12px; display: flex; justify-content: center; align-items: center; transform: translate(0, -5px); } .right-nav .search-bar { padding: 0; } .right-nav .form-dropdown { position: absolute; right: 0; top: 50%; z-index: -1; opacity: 0; padding: 15px; display: flex; pointer-events: none; transition: 0.5s; } .right-nav .form-dropdown .input_search { width: auto; height: auto; margin: 0; } .right-nav .subscribe-btn { width: auto; height: auto; padding: 15px 20px; border-radius: 30px; line-height: 1; gap: 6px; } /*--------------------------------------- Humbarger Styles -----------------------------------------*/ .navbar-wp .icon-bar { width: 22px; display: block; height: 2px; transition: all 0.2s; } .navbar-wp .icon-bar + .icon-bar { margin-top: 4px; } .navbar-wp .icon-bar:nth-of-type(1) { transform: rotate(0); } .navbar-wp .icon-bar:nth-of-type(2) { opacity: 1; filter: alpha(opacity=100); } .navbar-wp .icon-bar:nth-of-type(3) { transform: rotate(0); } .navbar-wp:focus { outline: none; } .navbar-wp .on .icon-bar:nth-of-type(1) { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-wp .on .icon-bar:nth-of-type(2) { opacity: 0; filter: alpha(opacity=0); } .navbar-wp .on .icon-bar:nth-of-type(3) { transform: rotate(-45deg); transform-origin: 10% 90%; } /*--------------------------------------- light/dark switch Styles -----------------------------------------*/ .switch { line-height: 1; } .switch input[type=checkbox] { display: none; } .switch .slider { cursor: pointer; } .switch .slider::before { content: ""; left: 4px; bottom: 2px; transition: 0.4s; content: "\f186"; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 400; } .switch .dark + .slider::before { content: "\f185"; font-weight: 900; } .search-bar .form-dropdown.show { top: 140%; opacity: 1; height: auto; pointer-events: unset; display: flex; gap: 10px; } .header-bottom .main-nav { justify-content: space-between; } .header-bottom .logo { display: none; } .hedaer-offcanvas .offcanvas-trigger { padding: 5px; cursor: pointer; } .bs-header-main { background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: scroll; } .bs-header-main .inner { display: flex; padding: 15px 0; margin: 0; min-height: 150px; height: 100%; align-items: center; text-align: center; } /*--------------------------------------- -header-2 -----------------------------------------*/ .bs-headtwo { position: relative; } /*--------------------------------------- -header-3 -----------------------------------------*/ .bs-headthree { position: absolute; top: 0; left: 0; right: 0; z-index: 2; border-bottom-width: 1px; border-bottom-style: solid; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } /*--------------------------------------- -header-4 -----------------------------------------*/ .bs-headfour .bs-menu-full .navbar-wp, .bs-headfour .bs-menu-full .right-nav { flex: 1; } .bs-headfour .bs-menu-full .logo { flex: inherit; display: flex; justify-content: center; flex-direction: column; } /*--------------------------------------- -header-5 -----------------------------------------*/ .bs-headfive .bs-menu-full { width: 100%; position: relative; z-index: 4; } .bs-headfive .bs-menu-full .main-nav { padding: 15px 0; border-radius: 0px; } .bs-headfive .bs-menu-full .navbar-wp { width: 100%; justify-content: center; } .bs-headfive .bs-menu-full .navbar-wp nav ul.sm-clean li a { padding: 10px 20px; } .bs-headfive .bs-menu-full .navbar-wp nav ul.sm-clean li a .sub-arrow { right: 6px; } /*--------------------------------------- Header six -----------------------------------------*/ .bs-headsix .inner .logo .site-branding-text { text-align: start; } .bs-headsix .inner div .pull-right img { display: inline-block; } /*--------------------------------------- Menu Description -----------------------------------------*/ .menu-link-description { font-size: 10px; padding: 2px 4px; position: absolute; border-radius: 1px; line-height: normal; top: 0; margin: 0 3px; font-weight: 700; display: inline-table; word-break: keep-all; overflow-wrap: unset; width: -moz-max-content; width: max-content; z-index: 9; } .menu-link-description::after { position: absolute; content: ""; width: 0; height: 0; border-left: 0 solid transparent; border-right: 5px solid transparent; border-top-width: 5px; border-top-style: solid; right: 3px; bottom: -4px; transform: scaleX(-1); } /*--------------------------------------- -breadcrumb -----------------------------------------*/ .bs-breadcrumb-section { background-size: cover; background-repeat: no-repeat; margin-bottom: 25px; } .bs-breadcrumb-section .overlay { padding: 10px 10px; position: relative; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .bs-breadcrumb-section .overlay .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; list-style: none; margin: 0; word-break: break-word; } .bs-breadcrumb-section .overlay .breadcrumb .breadcrumb-item + .breadcrumb-item::before { float: right; padding-right: 0.5rem; content: var(--bs-breadcrumb-divider, "/"); padding-left: 0.5em; } .bs-breadcrumb-section .overlay .bs-breadcrumb-title { text-align: center; } .bs-breadcrumb-section .overlay .bs-breadcrumb-title ul.bs-page-breadcrumb { display: flex; justify-content: flex-start; padding: 10px 0; position: relative; z-index: 2; } .bs-breadcrumb-section .overlay .bs-breadcrumb-title ul.bs-page-breadcrumb li { padding: 0 5px; } .bs-breadcrumb-section .breadcrumb a, .bs-breadcrumb-section .breadcrumb-item span{ font-size: 16px; } /*--------------------------------------- pagination -----------------------------------------*/ .pagination { display: flex; padding-left: 0; list-style: none; grid-gap: 6px; } .pagination li a { display: inline-block; } .pagination > li > a, .pagination > li > span { margin: 0; border-radius: 30px; border: none; width: 40px; height: 40px; line-height: 40px; padding: 0; } .navigation.pagination .nav-links { display: flex; flex-wrap: wrap; grid-gap: 6px; } .navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a, .post-nav-links a, .navigation.pagination > a { cursor: pointer; display: inline-flex; transition: all 0.3s ease 0s; font-size: 18px; line-height: 40px; margin: 0; padding: 0px; white-space: nowrap; width: auto; min-width: 40px; height: 40px; transition: all 0.3s ease 0s; text-decoration: none; position: relative; border-radius: 30px; font-weight: 500; align-items: center; justify-content: center; border-width: 1px; border-style: solid; } .navigation.pagination.next-prev { gap: 0; } .navigation.pagination > li:first-child > a, .navigation.pagination > li:first-child > span { border-radius: 30px; } .single-nav-links { text-align: center; margin-top: 30px; } .single-nav-links a, .single-nav-links span { margin: 0 6px 10px; height: 40px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); transition: all 0.3s ease 0s; padding: 8px 15px; } .nav-links { display: flex; justify-content: space-between; width: 100%; } .nav-links a, .single-nav-links a { font-size: 16px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; width: 100%; } .navigation.post-navigation:has(.nav-next) .nav-links { justify-content: end; } .navigation.post-navigation:has(.nav-previous) .nav-links { justify-content: start; } .navigation.post-navigation .nav-links { display: flex; justify-content: space-between; width: 100%; border-radius: 4px; } .navigation.post-navigation .nav-links .nav-previous, .navigation.post-navigation .nav-links .nav-next { width: 50%; padding: 1rem; } .navigation.post-navigation .nav-links .nav-previous a, .navigation.post-navigation .nav-links .nav-next a { display: flex; gap: 0.6rem; align-items: center; word-break: break-word; } .navigation.post-navigation .nav-links .nav-previous a img.wp-post-image, .navigation.post-navigation .nav-links .nav-next a img.wp-post-image { width: 7.5rem; height: 6.25rem; } .navigation.post-navigation .nav-links .nav-next { grid-area: 1/3/span 1/span 4; text-align: end; } .navigation.post-navigation .nav-links .nav-next a { justify-content: end; } .navigation.pagination.next-prev a { padding: 10px 20px; width: auto; height: auto; line-height: 1.3; font-size: 16px; } .bs-newslatter { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .bs-newslatter h2 { font-size: 30px; font-weight: 700; margin-bottom: 10px; } .bs-newslatter .text-input { display: flex; margin-left: 20px; position: relative; justify-content: flex-end; } .bs-newslatter .text-input i.far.fa-envelope { position: absolute; left: 5%; top: 20px; } .bs-newslatter .text-input .form-control { position: relative; display: block; width: 420px; height: 60px; border: 1px solid #393B41; border-radius: 30px; padding: 10px 30px; padding-left: 70px; font-size: 16px; transition: all 500ms ease; } .bs-newslatter .text-input .sub-link { font-size: 16px; line-height: 30px; z-index: 1; padding: 15px 35.5px; font-weight: 600; border-radius: 30px; border: none; } .bs-newslatter .text-input .sub-link i { padding-right: 10px; } /*Responsive Video*/ .responsive-video { height: 0; padding-top: 1px; position: relative; padding-bottom: 56.25%; } .responsive-video iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute; border: none; border-radius: 0; } .bs-card-box { border-radius: var(--bxbra); } .wd-back { padding: 0; margin-bottom: 50px; border-radius: var(--bxbra); } /*--------------------------------------- 404 Page -----------------------------------------*/ .bs-error-404 .title{ font-size: 120px; } .bs-error-404 .subtitle{ font-size: 32px; } .bs-error-404 .title i { margin: 0 5px; } /*--------------------------------------- Off Canvas Styles -----------------------------------------*/ .bs-offcanvas { width: 400px; height: 100%; position: fixed; top: 0; z-index: 99999; transition: .4s ease-in-out; left: -400px; display: flex; flex-direction: column; } .bs-offcanvas.end { right: unset; left: -450px; } .bs-offcanvas.from-right { left: 0; } .bs-offcanvas.from-left { left: 0; } .bs-offcanvas .bs-offcanvas-close { display: flex; justify-content: center; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1254901961); } .bs-offcanvas .bs-offcanvas-inner { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .bs-offcanvas .bs-offcanvas-inner .navbar-nav li { padding: 10px; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 10px; } .bs-offcanvas .bs-offcanvas-inner .navbar-nav li .has-submenu .sub-arrow::after { content: "+"; float: right; font-size: 20px; line-height: 0.5; } .bs-offcanvas .bs-offcanvas-inner .navbar-nav li .has-submenu.highlighted .sub-arrow::after { content: "-"; } .bs-offcanvas .bs-offcanvas-inner .navbar-nav li .dropdown-menu { margin-top: 10px; } .bs-offcanvas .bs-offcanvas-inner .navbar-nav li .dropdown-menu li { } .bs-offcanvas .bs-offcanvas-inner .navbar-nav li .dropdown-menu li:nth-last-child(1) { border-bottom: none; margin-bottom: 0; } .bs-offcanvas .bs-offcanvas-btn-close { display: inline-flex; padding: 20px 15px 20px 30px; cursor: pointer; transition: all 0.3s; } .bs-offcanvas .bs-offcanvas-btn-close:hover { transform: rotate(180deg); } .bs-offcanvas .bs-offcanvas-btn-close span { width: 16px; height: 2px; transform: rotate(45deg); margin-left: -16px; margin-right: 0; } .bs-offcanvas .bs-offcanvas-btn-close span:nth-child(2) { transform: rotate(135deg); } .bs-overlay-section { position: fixed; width: 100%; height: 100%; z-index: 1025; transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; top: 0; visibility: hidden; left: 0; } .bs-overlay-section.show { visibility: visible; } .bs-offcanvas.from-left + .bs-offcanvas-overlay, .bs-offcanvas.from-right + .bs-offcanvas-overlay { visibility: visible; } /*--------------------------------------- Search -----------------------------------------*/ .search-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 0; z-index: 9999; visibility: hidden; opacity: 0; display: flex; justify-content: center; align-items: center; height: 80%; } .search-popup .search-popup-close { display: flex; justify-content: end; align-items: center; border-bottom-width: 1px; border-bottom-style: solid; padding: 0.7rem; } .search-popup .btn-close { padding: 5px 8px; border-radius: 4px; line-height: 1.3; cursor: pointer; } .search-popup .search-popup-content { height: auto; width: 50%; border-radius: 5px; overflow: auto; position: relative; margin: 2rem auto; transform: translateY(-10%); transition: all 0.3s ease-out; } .search-popup.show-search { visibility: visible; opacity: 1; } .search-popup.show-search .search-popup-content { transform: translateY(0%); } .search-popup .search-inner { padding: 1.5rem; } .search-popup .search-inner .search-form{ display: flex; align-items: center; gap: 15px; } .search-popup .search-inner label{ width: 100%; } .search-popup .search-inner .search-field{ margin-bottom: 0; } .input-group { display: flex; } .input-group .form-control { margin-bottom: 0; } .input-group .btn { cursor: pointer; } .search-class h2 { font-weight: 700; margin-bottom: 5px; } /* Button Style */ .btn-one, .btn-two { overflow: hidden; position: relative; transition: background-color 0.3s ease-in, color 0.3s ease-in; text-align: center; } .btn-one::after, .btn-two::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: -25% 50%; transform: rotate3d(0, 0, 1, 45deg); transition: transform 0.3s ease-in; display: flex; align-items: center; justify-content: center; } .btn-one:hover::after, .btn-two:hover::after { transition-timing-function: ease-out; transform: rotate3d(0, 0, 1, 0deg); } .btn-one:hover, .btn-two:hover { transition-timing-function: ease-out; } .btn-two::after { transform: rotate3d(0, 0, 1, -45deg); } .btn-three::before, .btn-four::before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translate3d(-100%, 0, 0); display: flex; align-items: center; justify-content: center; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .btn-three:hover::before, .btn-four:hover::before { transform: translate3d(0, 0, 0); } .btn-three span, .btn-four span { display: block; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .btn-three:hover span, .btn-four:hover span { transform: translate3d(0, 200%, 0); } .btn-four::before { transform: translate3d(100%, 0, 0); } .subscribe-aria .overlay { padding: 50px 0; margin-bottom: 30px; } .subscribe-aria .overlay .subscribe-inner { gap: 2rem; } .subscribe-aria .overlay .subscribe-inner .subscribe-content { max-width: 800px; width: 100%; } .subscribe-aria .overlay .subscribe-inner .subscribe-content .title { font-size: 50px; font-weight: 700; margin-bottom: 25px; } .subscribe-aria .overlay .subscribe-inner .subscribe-content .feature-list { gap: 1rem; } .subscribe-aria .overlay .subscribe-inner .subscribe-content .feature-list li { font-size: 20px; font-weight: 500; } .subscribe-aria .overlay .subscribe-inner .subscribe-content .feature-list li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; margin-right: 10px; font-weight: 600; } .subscribe-aria .overlay .subscribe-inner .subscribe-btn .btn { width: 100%; font-size: 40px; padding: 25px 70px; border-radius: 100px; font-weight: 400; } .cursor { width: 20px; height: 20px; border: 1px solid white; border-radius: 50%; position: absolute; transition-duration: 200ms; transition-timing-function: ease-out; animation: cursorAnim 0.5s infinite alternate; pointer-events: none; } .cursor::after { content: ""; width: 20px; height: 20px; position: absolute; border: 8px solid gray; border-radius: 50%; opacity: 0.5; top: -8px; left: -8px; animation: cursorAnim2 0.5s infinite alternate; } .expand { animation: cursorAnim3 0.5s forwards; border: 1px solid var(-pri-color); } @keyframes cursorAnim { from { transform: scale(1); } to { transform: scale(0.7); } } @keyframes cursorAnim2 { from { transform: scale(1); } to { transform: scale(0.4); } } @keyframes cursorAnim3 { 0% { transform: scale(1); } 50% { transform: scale(3); } 100% { transform: scale(1); opacity: 0; } } .btn-five::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transform: translate3d(0, 25%, 0); display: flex; align-items: center; justify-content: center; } .btn-five span { display: block; } .btn-five:hover { background: none; } .btn-five:hover::after { opacity: 1; transform: translate3d(0, 0, 0); background: none; } .btn-five:hover span { opacity: 0; transform: translate3d(0, -25%, 0); } .btn-five::after, .btn-five > span { transition: transform 0.5s, opacity 0.5s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .row[title="Shift-click to edit this element."] span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-blogdata_archive_page_layout, .row[title="Shift-click to edit this element."] span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-blogdata_single_page_layout, .row[title="Shift-click to edit this element."] span.customize-partial-edit-shortcut.customize-partial-edit-shortcut-blogdata_page_layout { width: 1px !important; } /* ------------blog-right-sidebar------------*/ #content { padding: 40px 0; } .bs-section.blog .bs-heading .bs-title { margin-bottom: 3rem; } /*--------------------------------------- blogs -----------------------------------------*/ .bs-blog-post { overflow: hidden; padding: 0; } .bs-blog-post p:last-child { margin-bottom: 0; } .bs-blog-post .circle_btn { min-width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 40px; border: 2px solid; transform: rotate(45deg); transition: 0.35s; position: absolute; top: 15px; right: 15px; z-index: 1; } .bs-blog-post .circle_btn:hover { transform: rotate(90deg); } #content > .d-grid{ row-gap: 64px; } .bs-blog-post.lg { position: relative; height: 475px; overflow: hidden; margin-left: 0; margin-right: 1px; margin-bottom: 1px; } .bs-blog-post.text-start .bs-blog-category { justify-content: flex-start; } .bs-blog-post.text-center .bs-blog-category { justify-content: center; } .bs-blog-post.text-end .bs-blog-category { justify-content: flex-end; } .bs-blog-post .bs-blog-thumb { position: relative; min-height: 20px; overflow: hidden; max-width: 100%; border-radius: var(--bxbra); } .bs-blog-post .bs-blog-thumb::before { content: ""; position: absolute; inset: 0; transform: scale(0); border-radius: 100%; opacity: 0.1; } .bs-blog-post:hover .bs-blog-thumb::before { transform: scale(1); border-radius: 0; opacity: 0; transition: 0.35s, border-radius 0.5s, opacity 0.9s; } .link-div { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .back-img { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .bs-blog-thumb.lg { height: 400px; } .bs-blog-thumb.md { height: 220px; } .bs-blog-post .bs-blog-thumb img { max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*----- blog-post one -----*/ .bs-blog-post.one .bs-blog-thumb .circle_btn { transform: translate(-50%, -50%) rotate(45deg) scale(1.8); top: 100%; left: 50%; max-width: 50px; border: none; height: 50px; line-height: 50px; visibility: hidden; } .bs-blog-post.one .bs-blog-thumb .circle_btn:hover { transform: translate(-50%, -50%) rotate(90deg) scale(1.8); } .bs-blog-post.one:hover .circle_btn { top: 50%; visibility: visible; } /*----- blog-post two -----*/ .bs-blog-post.two { background: unset; box-shadow: unset; border: none; padding: 0; } .bs-blog-post.two .small { margin: 0 8px; position: relative; top: -60px; padding: 20px; border-radius: var(--bxbra); } .bs-blog-post.two:hover { box-shadow: unset; } /*----- blog-post overlay -----*/ .bs-blog-post.three { position: relative; border-radius: var(--bxbra); } .bs-blog-post.three.lg { height: 400px; } .bs-blog-post.three.md { width: 100%; height: 250px; } .bs-blog-post.three.sm { height: 185px; } .bs-blog-post.three .bs-blog-category { z-index: 5; } .bs-blog-post.three .title { z-index: 5; } .bs-blog-post.three .title.sm { font-size: 18px; margin-bottom: 0; } .bs-blog-post.three .title.md { font-size: 20px; margin-bottom: 0; } .bs-blog-post.three .bs-blog-meta { margin-bottom: 0; z-index: 5; } .bs-blog-post.three .inner { position: absolute; bottom: 0; padding: 25px; z-index: 5; top: 0; bottom: 0; right: 0; left: 0; display: flex; justify-content: flex-end; flex-direction: column; } .bs-blog-post.three .inner::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } /* --blog--four-- */ .bs-blog-post.four { display: flex; background: transparent; box-shadow: none; border: none; padding: 0; -moz-column-gap: 15px; column-gap: 15px; } .bs-blog-post.four:hover { box-shadow: unset; } .bs-blog-post.four .bs-blog-thumb { width: 55%; height: auto; z-index: 0; } .bs-blog-post.four .small { padding: 0; width: 66%; margin: 25px 0; position: relative; border-radius: var(--bxbra); } .bs-blog-post.four.noimg .small { margin-left: -70px; } .col-md-12.fadeInDown:nth-child(even) .bs-blog-post.four { flex-direction: row-reverse; } .col-md-12.fadeInDown:nth-child(even) .bs-blog-post.four .small { margin-left: unset; margin-right: -70px; } /*----- blog-post five -----*/ .bs-blog-post.five .bs-blog-thumb { border-radius: 20px; } .bs-blog-post.five .bs-blog-thumb::before { position: absolute; content: ""; width: 40px; height: 40px; border-radius: 50%; bottom: calc(0% + 80px); box-shadow: -15px 20px 0 #fff; } .bs-blog-post.five .bs-blog-thumb::after { position: absolute; content: ""; width: 40px; height: 40px; border-radius: 50%; bottom: 0px; right: 50px; box-shadow: -15px 20px 0 #fff; } .bs-blog-post.five .small { position: relative; background: none; padding: 20px 0 0 0; } .bs-blog-post.five .small .bs-blog-category { display: none; } .bs-blog-post.five .small .title { padding-right: 60px; position: absolute; top: -80px; right: 90px; border-radius: 0 20px 0 0; padding: 15px 15px 15px 0px; line-height: 1.3; margin-bottom: 0; transform: scale(1); } .bs-blog-post.five .small .bs-blog-meta { padding-top: 20px; } .bs-blog-post.five .small .circle_btn { min-width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 40px; border: none; transform: rotate(45deg); position: absolute; top: -60px; right: 24px; } /*----- blog-post six -----*/ .bs-blog-post.six { position: relative; border-radius: var(--bxbra); } .bs-blog-post.six.lg { height: 400px; } .bs-blog-post.six.sm { height: 185px; } .bs-blog-post.six .bs-blog-category { z-index: 5; } .bs-blog-post.six .title { z-index: 5; } .bs-blog-post.six .title.sm { font-size: 18px; margin-bottom: 0; } .bs-blog-post.six .bs-blog-meta { margin-bottom: 0; z-index: 5; } .bs-blog-post.six .inner { position: absolute; padding: 25px; z-index: 5; bottom: 15px; right: 15px; left: 15px; display: flex; justify-content: flex-end; flex-direction: column; border-radius: 10px; } .bs-blog-post.six .inner::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; border-radius: 10px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } .bs-blog-post .small { padding: 20px 0 0 0; font-size: 17px; } .bs-blog-thumb { position: relative; min-height: 20px; overflow: hidden; max-width: 100%; border-radius: var(--bxbra); } .bs-blog-thumb.lg { height: 400px; } .bs-blog-thumb.md { height: 220px; } .link-div { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /*----- blog-post list -----*/ .list-blog.bs-blog-post { display: grid; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 2rem; column-gap: 2rem; text-align: start; padding: 0; } .list-blog.bs-blog-post.no-img{ display: flex; } .list-blog .bs-blog-thumb { border-radius: var(--bxbra); height: 100%; min-height: 300px; } .list-blog .bs-blog-thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .list-blog .bs-blog-thumb.md { height: 250px; } .list-blog .bs-blog-thumb .blog-slider { height: 250px; } .list-blog .responsive-video { min-height: 250px; } .list-blog.bs-blog-post .small { padding: 0; font-size: 17px; margin: auto 0; } .list-blog .bs-blog-category { justify-content: flex-start; } .list-blog.right .bs-blog-thumb { margin-left: 15px; margin-right: unset; } /*----- Double Category small-post -----*/ .double-category-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap: 1.5rem; } .double-category-posts .colinn { padding: 20px; border: 1px solid #eee; margin-bottom: 30px; } .small-post.mg-post-1 { padding: 0; position: relative; margin-bottom: 10px; flex-direction: column; } .small-post.mg-post-1 .img-small-post { height: 370px; width: 100%; margin-right: auto; margin-bottom: 25px; } .small-post.mg-post-1 .small-post-content { margin-bottom: 20px; } /*----- List small-post-widget -----*/ .small-post-list-widget .col-grid-2 { display: grid; grid-column-gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); } .small-post-list-widget .small-post .img-small-post { width: 34%; height: 150px; } /*----- Recent small-post -----*/ .bs-recent-blog-post { margin-bottom: 30px; } .bs-recent-blog-post .small-post { margin-bottom: 0; padding: 1.5rem 0; border-bottom-width: 1px; border-bottom-style: solid; } .bs-recent-blog-post .small-post:nth-child(2) { margin-top: 0; padding-top: 0; } .bs-recent-blog-post .small-post:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .bs-recent-blog-post .small-post .img-small-post { width: 90px; height: 90px; } .bs-recent-blog-post .small-post .img-small-post img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bs-recent-blog-post .small-post .title { margin-bottom: 0; } .bs-recent-blog-post .small-post .bs-blog-meta { margin-bottom: 8px; } .bs-recent-blog-post .small-post .bs-blog-meta span { font-size: 12px; } .bs-recent-blog-post .small-post .img-small-post.right { margin-right: 15px; margin-left: 0; border-radius: var(--bxbra); } /*----- List small-post -----*/ .small-post { position: relative; overflow: hidden; margin-bottom: 30px; display: flex; align-items: center; padding: 0; } .small-post .img-small-post { width: 20%; height: 85px; margin-right: 25px; overflow: hidden; position: relative; border-radius: 0; transition: all 0.3s ease-out; } .small-post-content { flex: 1; } .small-post .title { font-size: 18px; font-weight: 600; line-height: 23.5px; letter-spacing: -0.6px; transition: 0.35s; } .small-post .title a{ background-repeat: no-repeat; background-size: 0% 1px; background-position: right 100%; background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .small-post .title a:hover { background-repeat: no-repeat; background-size: 100% 1px; background-position: right 100%; background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .bs-widget .small-post-content .title { line-height: 1.2; text-align: start; } .bs-widget .small-post-content .title { line-height: 1.3; text-align: start; } /*----- blog-post category -----*/ .bs-blog-category { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; flex-wrap: wrap; margin-top: 0; margin-bottom: 15px; } .bs-blog-category a { font-size: 13px; padding: 8px 20px; line-height: 1; font-weight: 600; cursor: pointer; border-radius: 16px; border-width: 1px; border-style: solid; position: relative; z-index: 1; transition: 0.35s; } .bs-blog-category a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; opacity: 0.05; z-index: -1; } .bs-blog-category a i { font-size: 10px; margin-right: 3px; backface-visibility: hidden; } .bs-blog-post .title { font-size: 27px; font-weight: 700; line-height: 1.3; margin-bottom: 20px; text-decoration: none; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; transition: 0.35s; word-break: break-word; } .bs-blog-post p{ word-break: break-word; font-size: 1.125rem; font-weight: 500; } .bs-blog-post .title a:hover{ background-repeat: no-repeat; background-size: 100% 1px; background-position: right 100%; background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .bs-blog-post .title a{ color: inherit; background-repeat: no-repeat; background-size: 0% 1px; background-position: right 100%; background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .bs-blog-post .title.sm { font-size: 22px; line-height: 1.2; } .bs-blog-post .small { padding: 20px 0 0 0; font-size: 16px; font-weight: 400; line-height: 1.5rem; } /*----- blog-post meta -----*/ .bs-blog-meta { margin-bottom: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; transition: 0.25s; } .bs-blog-meta span { padding-right: 8px; font-size: 14px; font-weight: 600; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; } .bs-blog-meta span.tag-links a { padding-left: 4px; } .bs-blog-meta span.tag-links a:first-child { padding-left: 0; } .bs-blog-meta .bs-author .auth img { border-radius: 50%; width: 25px; height: 25px; margin-right: 8px; margin-left: 1px; display: unset; border: var(--bxbr); } .bs-blog-meta span:before { position: relative; display: inline-flex; padding-right: 0; padding-left: 0; margin-left: 0.5rem; text-decoration: inherit; vertical-align: baseline; opacity: 0.8; content: " "; width: 0.3125rem; height: 0.3125rem; border-radius: 50%; background: #d2d2d2; } .bs-author-pic img { width: 80px; height: 80px; } /*----- blog-post post-share-icons -----*/ .post-share-icons { display: flex; flex-wrap: wrap; list-style: none; padding: 30px 0; justify-content: center; margin-top: 10px; gap: 0.538rem; } .post-share-icons a { width: 36px; height: 36px; text-align: center; line-height: 36px; position: relative; z-index: 1; display: block; border-radius: 50%; overflow: hidden; transition: all 0.2s; } /*----- blog-post single -----*/ .bs-single-head .bs-header { z-index: 1; } .bs-single-head .bs-header .bs-info-author-block { margin: 0 0 25px; padding: 0; box-shadow: inherit; background: none; border: none; align-items: center; } .bs-single-head .bs-header .bs-info-author-block .bs-author-pic .img-circle { width: 50px; height: 50px; } .bs-single-head .bs-header .bs-info-author-block .flex-grow-1 .btitle { font-size: 16px; margin-bottom: 0.3rem; } .bs-single-head .bs-header .bs-info-author-block .flex-grow-1 .bs-blog-meta { gap: 0.2rem; } .bs-single-head .bs-header .bs-info-author-block .flex-grow-1 .bs-blog-meta span::before { display: none; } .bs-single-head.one { min-height: 380px; height: 450px; display: flex; align-items: flex-end; justify-content: flex-start; padding: 50px 50px 50px 50px; border-radius: 0; position: relative; z-index: 1; } .bs-single-head.one .bs-info-author-block .d-flex { gap: 15px; font-size: 18px; } .bs-single-head.one .btitle { font-size: 18px; } .bs-single-head.one .bs-breadcrumb-section { z-index: 2; background: transparent; } .bs-single-head.one .bs-breadcrumb-section .overlay { background: transparent; box-shadow: unset; padding: 0; } .bs-single-head.one::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } .bs-single-head.two { padding: 50px 0; margin-bottom: 40px; } .bs-single-head.two .bs-header .bs-info-author-block { margin-bottom: 20px; background: transparent; border: none; } .bs-single-head.two .bs-header .bs-info-author-block .btitle { font-size: 16px; } .bs-single-head.two .bs-header .title { font-size: 3.7rem; line-height: 1.2; } .bs-single-head.two .bs-header .description { font-size: 18px; } .bs-single-head.three .title { font-size: 38px; font-weight: 700; } .bs-single-head.four { padding: 50px 0; margin-bottom: 40px; } .bs-single-head.four .title { font-size: 3.8rem; font-weight: 700; line-height: 1.2; } .bs-single-head.four .description { font-weight: 500; font-size: 18px; } .bs-single-head.four.column2 { gap: 5rem; } .bs-single-head.four .single_img img { border-radius: 20px; } .bs-single-head.four .single_img figcaption { font-size: 12px; margin-top: 5px; text-align: center; } .bs-single-head.four .single_img figcaption a { font-size: 12px; } .bs-single-head.five { min-height: 380px; height: 438px; display: flex; align-items: flex-end; justify-content: flex-start; padding: 50px 20px 0px 20px; border-radius: 15px; position: relative; z-index: 1; overflow: hidden; } .bs-single-head.five .bs-header { width: 100%; padding: 20px; border-radius: 20px; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); position: relative; margin-bottom: 30px; } .bs-single-head.five::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } .bs-blog-post.single { text-align: start; } .bs-blog-post.single img { border-radius: var(--bxbra); } .bs-blog-post.single .small { font-size: inherit; letter-spacing: inherit; line-height: inherit; } .bs-blog-post.single .small p { font-size: 1.25rem; font-weight: 400; line-height: 1.5; margin-bottom: 32px; letter-spacing: -0.03em; } .bs-blog-post.single .small .wp-block-heading { margin-top: 32px; margin-bottom: 16px; } .bs-blog-post.single .small .wp-block-image { margin-top: 32px; margin-bottom: 32px; } .bs-blog-post .bs-header { margin-bottom: 20px; } .bs-blog-post .bs-header h4 { font-size: 14px; font-weight: 800; margin-bottom: 0; } .bs-blog-post .bs-header .bs-info-author-block { box-shadow: inherit; margin: 0 0 25px; padding: 0; border: none; } .bs-blog-post .bs-header .bs-author-pic img { width: 40px; height: 40px; } .bs-info-author-block { display: flex; border-width: 2px; border-style: solid; } .bs-info-author-block.multi { border: none; align-items: center; } .bs-info-author-block.multi .bs-author-pic img { width: 35px; height: 35px; margin: 0; } .bs-info-author-block.multi .btitle { font-size: 16px; margin-left: 12px; } .bs-widget-title:has(.bs-info-author-block) .title { flex: 1; } .bs-info-author-block .bs-author-pic img { margin: 0 15px 0 0; border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); width: 80px; height: 80px; } .bs-info-author-block.py-4.px-3.mb-4 .bs-author-pic img { margin: 0; } .bs-info-author-block.py-4.px-3.mb-4 { border-radius: 5px; padding: 20px; align-items: center; gap: 20px; margin-bottom: 25px; } .bs-blog-post.single.head_one { min-height: 380px; height: 438px; display: flex; align-items: flex-end; justify-content: flex-start; padding: 50px 50px 30px 50px; border-radius: 15px; position: relative; z-index: 1; } .bs-blog-post.single.head_one .bs-header { z-index: 1; } .bs-blog-post.single.head_one .bs-header .bs-info-author-block { background: transparent; } .bs-blog-post.single.head_one::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } .bs-blog-post.single.head_two { min-height: 380px; height: 538px; display: flex; align-items: flex-end; justify-content: flex-start; padding: 50px 50px 30px 50px; border-radius: 0; position: relative; z-index: 1; } .bs-blog-post.single.head_two .bs-header { z-index: 1; } .bs-blog-post.single.head_two .bs-header .bs-info-author-block { background: transparent; } .bs-blog-post.single.head_two::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } .bs-blog-post.single { margin-bottom: 25px; } .bs-blog-post.single .bs-header .title { font-size: 50px; font-weight: 700; display: block; line-height: 1.3; } .bs-blog-post.single .small.single { font-size: 1.25rem; line-height: 1.5; font-weight: 400; } .bs-blog-post.single .small.single p { font-size: 1.25rem; line-height: 1.5; font-weight: 400; } .bs-blog-post.single .small.single .edit-link { font-size: 16px; } .bs-blog-post.single .bs-blog-meta .bs-author::before { display: none; } .bs-blog-post .bs-header { margin-bottom: 20px; } .bs-blog-post .bs-header .bs-author-pic { display: flex; align-items: center; gap: 8px; } .bs-blog-post .bs-header .bs-author-pic img { width: 30px; height: 30px; margin: 0; } .bs-blog-post .bs-info-author-block { box-shadow: inherit; margin: 0 0 25px; padding: 0; border: none; } .bs-info-author-block { display: flex; border-width: 2px; border-style: solid; } .bs-info-author-block .bs-author-pic img { margin: 0 15px 0 0; border-radius: 50%; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); width: 80px; height: 80px; border: 2px solid; } .bs-info-author-block.py-4.px-3.mb-4 { border-radius: 5px; padding: 20px; align-items: center; gap: 20px; margin-bottom: 40px; } .bs-info-author-block.py-4.px-3.mb-4 .bs-author-pic img { margin: 0; } /*----- Related Posts -----*/ .bs-related-post-info { margin-bottom: 50px; } /*----- comments -----*/ .bs-blog-post img { max-width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .comment-list { list-style: none; padding: 0; margin: 0; } .comments-area .comment-body { border-radius: 20px; z-index: 0; margin-bottom: 1.5rem; border: 1px solid rgba(225, 225, 225, 0.9); position: relative; padding: 2rem 8.5rem 2.5rem 2.5rem ; min-height: 10rem; overflow-wrap: break-word; word-wrap: break-word; } .comments-area .comment-meta { display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; } .comments-area .comment-meta .comment-metadata { display: flex; justify-content: space-between; width: 100%; } .comments-area img.avatar { border-radius: 60%; position: absolute; z-index: 0; right: 0; top: 28px; width: 60px; height: 60px; } .comments-area .bs-heading-bor-bt .comments-title { font-weight: 400 !important; } .comment-content { position: relative; z-index: 0; padding: 16px 0px 16px 70px; } .comment-content p { margin-bottom: 0; } .comment-list .children { position: relative; padding: 0; margin: 0; margin-right: 4rem; margin-left: 0; z-index: 0; list-style: none; } .comment-body .reply { text-align: end; } #comments img { max-width: 100%; } .reply a { font-size: 14px; transition: 0.3s ease-in-out 0s; border-radius: 0; border-right-width: 1px; border-right-style: solid; padding-right: 10px; display: inline-block; font-weight: 500; } .comments-area .comment-meta { display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: row; } .comment-meta .comment-metadata { margin: 0 0 0 5px; } .comment-meta .comment-content { position: relative; z-index: 0; padding: 16px 40px 16px 0; } .comments-area img.avatar { border-radius: 60%; position: absolute; z-index: 0; left: 0; right: 2.5rem; top: 28px; width: 60px; height: 60px; } textarea { height: 250px; } /*----- masonary -----*/ .bs-masonry-columns { -moz-columns: 3; columns: 3; -moz-column-gap: 40px; column-gap: 40px; } .bs-masonry-columns .bs-blog-post { margin: 0 0 40px 0; display: inline-block; width: 100%; } .progress-scroll { position: fixed; z-index: 90; top: 0; right: 0; left: 0; width: 0%; height: 8px; transition: opacity 0.15s ease-out 0.3s; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .bs-widget { margin-bottom: 30px; } .rtl .bs-widget ul { padding: 0; margin: 0; list-style: none; } .bs-widget ul li { display: block; letter-spacing: 0.2px; line-height: 22px; margin: 0 0 10px; overflow: hidden; padding: 4px 0; } .bs-widget ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .bs-widget ul li:first-child { margin-top: 10px; } .bs-widget ul li .sub-menu { padding: 0 15px 0 0; } /*--------------------------------------- ========================================= widget Titlle ========================================= -----------------------------------------*/ .bs-widget-title { display: flex; width: 100%; align-items: center; margin-bottom: 20px; padding: 0; position: relative; padding-bottom: 5px; } .bs-widget-title .title { text-align: start; margin-bottom: 0; padding: 0; position: relative; font-size: 22px; font-weight: 700; line-height: 1.4; display: inline-flex; align-items: center; gap: 6px; } .bs-widget-title.one { border-bottom: none; } .bs-widget-title.two .title { width: auto; padding-bottom: 0px; } .bs-widget-title.two .title::before { content: ""; position: absolute; height: 4px; width: 50%; bottom: -8px; } .bs-widget-title.three .title { padding: 7px 0 7px 10px; } .bs-widget-title.three .title::before, .bs-widget-title.three .title::after { content: ""; height: 4px; position: absolute; width: 18px; top: 0px; left: 0; } .bs-widget-title.three .title::after { width: 4px; height: 18px; } .bs-widget-title.four .title { padding: 7px 0 7px 10px; } .bs-widget-title.four .title::before { content: ""; position: absolute; width: 4px; height: 28px; top: 50%; left: 0; transform: translateY(-50%); } .bs-widget-title.five .title { padding: 5px 15px; width: auto; z-index: 1; margin-bottom: 10px; } .bs-widget-title.five .title::before { content: ""; position: absolute; inset: 0; z-index: -1; transform: skewX(-15deg); border-radius: 5px; } .bs-widget-title.five .title::after { content: ""; position: absolute; z-index: -1; width: 5px; height: 100%; top: 0; right: 0; transform: skewX(-15deg) translateX(10px); border-radius: 2px; } .bs-widget-title.six .title { z-index: 1; font-size: 26px; font-weight: 700; } .bs-widget-title.six span { font-weight: 900; font-size: 50px; position: absolute; bottom: 0; z-index: 0; left: 0; } .bs-widget-title.seven .title::before { content: ""; width: 15px; height: 15px; border-radius: 15px; display: inline-block; vertical-align: middle; } .wp-block-group .wp-block-heading::before { content: ""; position: absolute; } .wp-block-group .wp-block-heading.two { padding-bottom: 7px; border-bottom: 2px solid; } .wp-block-group .wp-block-heading.two::before { content: ""; position: absolute; height: 4px; width: 10%; bottom: -3px; } .wp-block-group .wp-block-heading.three { padding: 7px 0 7px 10px; border: none; margin-bottom: 0; } .wp-block-group .wp-block-heading.three::before, .wp-block-group .wp-block-heading.three::after { content: ""; height: 4px; position: absolute; width: 18px; top: 0px; left: 0; } .wp-block-group .wp-block-heading.three::after { width: 4px; height: 18px; } .wp-block-group .wp-block-heading.three + .wp-block-latest-posts__list { border-top: 2px solid #d7d7d7; } .wp-block-group .wp-block-heading.four { padding: 7px 0 7px 10px; border: none; } .wp-block-group .wp-block-heading.four::before { content: ""; position: absolute; width: 4px; height: 28px; top: 50%; left: 0; transform: translateY(-50%); } .wp-block-group .wp-block-heading.four + .wp-block-latest-posts__list { border-top: 2px solid #d7d7d7; } .wp-block-group .wp-block-heading.five { padding: 5px 15px; z-index: 1; border-bottom: none; margin-bottom: 10px; display: inline-block; width: auto; } .wp-block-group .wp-block-heading.five::before { inset: 0; z-index: -1; transform: skewX(-15deg); border-radius: 5px; } .wp-block-group .wp-block-heading.five::after { content: ""; position: absolute; z-index: -1; width: 5px; height: 100%; top: 0; right: 0; transform: skewX(-15deg) translateX(10px); border-radius: 2px; } .wp-block-group .wp-block-heading.five + ul, .wp-block-group .wp-block-heading.five + ol { border-top: 2px solid #d7d7d7; padding-top: 15px; } .wp-block-group .wp-block-heading.six .title { z-index: 1; font-size: 26px; font-weight: 700; } .wp-block-group .wp-block-heading.six span { font-weight: 900; font-size: 50px; position: absolute; bottom: 0; z-index: 0; left: 0; } .wp-block-group .wp-block-heading.seven .title::before { content: ""; width: 15px; height: 15px; border-radius: 15px; display: inline-block; vertical-align: middle; margin-right: 5px; } /*--search_bar--*/ .wp-block-search .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; margin-top: 10px; gap: 15px; } .wp-block-search .wp-block-search__input { flex-grow: 1; margin-bottom: 0; } .wp-block-search button.wp-block-search__button { margin-left: 0; line-height: 1; padding: 10px 15px; outline: none; border: none; border-radius: 30px; flex: 0 0 auto; } .wp-block-search__label { font-size: 20px; font-weight: 600; margin-bottom: 30px; padding: 0; position: relative; } .wp-block-search__label::before { content: ""; display: block; width: 20px; height: 2px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); } /*--/search_bar--*/ .widget_block { padding-bottom: 30px; border-radius: 0; } .widget_block ul li { padding: 4px 0; position: relative; transition: all 0.4s ease-in-out 0s; margin: 0 0 10px; } .widget_block ul li:last-child { border-bottom: none; } .widget_block h2 { font-size: 20px; font-weight: 600; margin-bottom: 10px; padding: 0; position: relative; } /* -------------------------------------- ========================================= Page Title ========================================= -----------------------------------------*/ .page-entry-title .bs-breadcrumb-section{ margin-bottom: 0; } .page-entry-title .bs-breadcrumb-section .overlay{ box-shadow: none; } .page-entry-title{ display: flex; flex-wrap: wrap; align-items: center; padding: 0; justify-content: space-between; margin-bottom: 40px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border-radius: 0; } .page-entry-title:has(.entry-title){ padding: 20px; border-radius: 4px; } /* -------------------------------------- ========================================= bs-sidebar ========================================= -----------------------------------------*/ .bs-sidebar { display: grid; row-gap: 30px; } .content-right + .sidebar-right .bs-sidebar#sidebar-right { padding: 0; padding-right: 30px; } .bs-sidebar#sidebar-right { padding-left: 30px; padding-right: 0; } .bs-sidebar a { transition: all 0.3s ease 0s; } .bs-sidebar .widget_search { padding: 0; } .bs-sidebar .wp-block-search .wp-block-search__input { margin: 0; } .bs-sidebar .widget_block { border-bottom-style: solid; border-bottom-width: 1px; } .bs-sidebar .widget_block:last-child { border: none; padding-bottom: 0; margin-bottom: 0; } .bs-sidebar .bs-widget { margin-bottom: 0; padding-bottom: 30px; overflow: hidden; word-break: break-word; } .bs-sidebar .bs-widget h2 form { padding: 0 10px; } .bs-sidebar .bs-widget ul li { position: relative; transition: all 0.4s ease-in-out 0s; padding: 12px 0; border-bottom-width: 1px; border-bottom-style: solid; display: flex; } .bs-sidebar .bs-widget ul li:last-child { border: none; padding-bottom: 0; } .bs-sidebar .bs-widget.widget_blogdata-author-widget { padding: 40px; border-radius: var(--bxbra); font-weight: 500; } .bs-sidebar .bs-widget.widget_blogdata-author-widget ul.bs-social { padding: 0; } .bs-sidebar .bs-widget.widget_blogdata-author-widget ul.bs-social li { margin: 0 5px; } .bs-sidebar .bs-widget.widget_blogdata-author-widget ul.bs-social li a { font-size: 20px; } .bs-sidebar .bs-widget.widget_blogdata-author-widget .bs-author::before { content: unset; } .bs-sidebar .bs-widget.widget_blogdata-author-widget .bs-author h4 { margin-bottom: 10px; } .bs-sidebar .bs-widget.widget_blogdata-author-widget .bs-author img.rounded-circle { padding: 2px; margin-bottom: 20px; width: 130px; height: 130px; -o-object-fit: cover; object-fit: cover; border-radius: 30%; } .bs-sidebar .bs-widget.widget_recent_entries ul li .post-date { font-size: 13px; } .bs-sidebar .bs-widget.widget_archive ul li { display: flex; } .bs-sidebar .bs-widget.widget_archive ul li a { flex: 1; } .bs-sidebar .bs-widget ul.bs-social { padding: 10px 0px; margin: 0; } .bs-sidebar .bs-widget ul.bs-social li { display: inline-flex; border: inherit; padding: 0; } .bs-sidebar .bs-widget ul.bs-social li a i { margin: 0px; text-align: center; padding: 0; width: unset; height: unset; line-height: 1; } .bs-sidebar .widget_categories ul li { display: flex; justify-content: space-between; } .bs-sidebar .widget_search form .input-group { display: flex; gap: 15px; } .bs-widget-tags, .tagcloud, .wp-block-tag-cloud { margin: 0; overflow: hidden; padding: 0; } .bs-widget-tags a, .tagcloud a, .wp-block-tag-cloud a { cursor: pointer; display: inline-block; font-size: 14px !important; font-weight: bold; line-height: 20px; margin: 0 0px 9px 5px; padding: 6px 12px; transition: all 0.4s ease-in-out 0s; border-radius: 15px; text-transform: capitalize; border-width: 1px; border-style: solid; position: relative; transition: 0.35s; } .bs-widget-tags a:hover, .tagcloud a:hover, .wp-block-tag-cloud a:hover { transition: all 0.4s ease-in-out 0s; } .bs-widget-tags a::before, .tagcloud a::before, .wp-block-tag-cloud a::before { content: "#"; margin-right: 2px; } .wp-block-latest-comments .wp-block-latest-comments__comment-author { font-size: 16px; line-height: 1; font-weight: 500; cursor: pointer; } .wp-block-latest-comments .wp-block-latest-comments__comment-link { font-size: 15px; transition: all 0.2s; } .wp-block-latest-posts li, .wp-block-categories-list li, .wp-block-categories__list li, .wp-block-archives-list li, .bs-widget .wp-block-latest-posts li, .bs-widget .wp-block-categories-list li, .bs-widget .wp-block-categories__list li, .bs-widget .wp-block-archives-list li { padding: 12px 0; border-bottom: 1px solid; display: flex; } .wp-block-latest-posts li a, .wp-block-categories-list li a, .wp-block-categories__list li a, .wp-block-archives-list li a, .bs-widget .wp-block-latest-posts li a, .bs-widget .wp-block-categories-list li a, .bs-widget .wp-block-categories__list li a, .bs-widget .wp-block-archives-list li a, .widget_nav_menu li a, .widget_meta li a { flex: 1; font-weight: 600; } .wp-block-latest-posts li::before, .wp-block-categories-list li::before, .wp-block-categories__list li::before, .wp-block-archives-list li::before, .bs-widget .wp-block-latest-posts li::before, .bs-widget .wp-block-categories-list li::before, .bs-widget .wp-block-categories__list li::before, .bs-widget .wp-block-archives-list li::before, .widget_nav_menu li::before { content: "\f111"; font-family: "Font Awesome 6 free"; font-size: 5px; font-weight: 600; margin-left: 8px; color: #d2d2d2; vertical-align: bottom; } .widget_nav_menu li, .bs-sidebar .bs-widget.widget_nav_menu li{ display: block; } .widget_nav_menu li::before { content: '\'; font-size: 15px; display: inline-block; } .bs-sidebar .bs-widget .wp-block-latest-posts li, .wp-block-latest-posts__list.wp-block-latest-posts li { display: block; } .bs-widget .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image)::before, .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image)::before { display: none; } .bs-widget .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image) .wp-block-latest-posts__post-title, .wp-block-latest-posts li:has(.wp-block-latest-posts__featured-image) .wp-block-latest-posts__post-title { font-weight: 600; font-size: 17px; } .bs-widget .wp-block-latest-posts li .wp-block-latest-posts__featured-image:has(.attachment-large.size-large) + .wp-block-latest-posts__post-title, .wp-block-latest-posts li .wp-block-latest-posts__featured-image:has(.attachment-large.size-large) + .wp-block-latest-posts__post-title { font-size: 22px; font-weight: 600; } .wp-block-categories-list .current-cat { font-weight: 700; } .widget_meta ul li { padding: 12px 0; border-bottom: 1px solid; } .widget_meta ul li::before { content: "\f007"; font-family: "Font Awesome 6 Free"; font-weight: 600; margin-left: 8px; font-size: 14px; } .widget_meta ul li:nth-child(2)::before { content: "\f2f6"; } .widget_meta ul li:nth-child(3)::before { content: "\f09e"; } .widget_meta ul li:nth-child(4)::before { content: "\f086"; } .widget_meta ul li:nth-child(5)::before { content: "\f324"; font-family: "dashicons"; } /* ---Popular_tags---*/ .bs-widget .bs-widget-tags, .bs-widget .widget_tag_cloud { margin: 0; overflow: hidden; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 5px 9px; flex-wrap: wrap; } .bs-widget .bs-widget-tags a, .bs-widget .widget_tag_cloud a { cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 20px; padding: 6px 12px; transition: all 0.4s ease-in-out 0s; border-radius: 0; text-transform: capitalize; } /*----- blog-post slider -----*/ .mainfeatured { background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; margin-bottom: 30px; z-index: 0; padding-top: 20px; } .mainfeatured .homemain { border-radius: var(--bxbra); } .mainfeatured.two .homemain { margin-right: 30px; } .mainfeatured.two .bs-slide.bs-blog-post.three.lg { height: 535px; } .mainfeatured.three .bs-blog-post.three.lg { height: 625px; margin-right: 0; } .mainfeatured.three .bs-blog-post.three.lg .inner { padding: 60px; } .mainfeatured.three .container { max-width: unset; padding: 0; margin: 0; } .mainfeatured.three .gx-1 > * { gap: 0; margin: 0; padding: 0; } .mainfeatured.three .bs-blog-post.three { border-radius: 0; } .mainfeatured.three .bs-slide.bs-blog-post.three.lg { height: 600px; margin-right: 0; } .mainfeatured.three .bs-slide.bs-blog-post.three.lg .inner { padding: 60px; } .mainfeatured.three .multi-post-widget .inner_columns { grid-gap: 0; } .mainfeatured.three .multi-post-widget .bs-blog-post.three.bsm { height: 300px; } .mainfeatured.four .container { max-width: unset; padding: 0; margin: 0; } .mainfeatured.four .gx-1 > * { gap: 0; margin: 0; padding: 0; } .mainfeatured.four .bs-blog-post.three { border-radius: 0; } .mainfeatured.four .bs-slide.bs-blog-post.three.lg { height: 600px; } .mainfeatured.four .bs-slide.bs-blog-post.three.lg .inner { justify-content: center; align-items: center; } .mainfeatured.four .bs-slide.bs-blog-post.three.lg .inner .title { width: 50%; text-align: center; font-size: 40px; } .mainfeatured .small-post { align-items: flex-start; padding: 0 0 30px 0; border-bottom: 1px solid #e4e4e4; } .mainfeatured .small-post .bs-blog-meta { margin-bottom: 10px; } .mainfeatured .small-post:last-child { border: none; padding-bottom: 0; margin-bottom: 0; } .mainfeatured .small-post .img-small-post { width: 43%; height: 137px; margin-left: 15px; margin-right: 0; border-radius: 15px; } .mainfeatured .small-post .title { font-size: 1.25rem; font-weight: 700; } .mainfeatured .featinner { z-index: 1; } .mainfeatured.over .featinner { padding-bottom: 30px; padding-top: 30px; margin-top: 0; } .bs-slide.bs-blog-post.three.lg { height: 490px; } .mainfeatured .bs-widget { margin-bottom: 0px; box-shadow: none; } .mainfeatured .wd-back { margin-bottom: 0; } .mainfeatured .multi-post-widget .inner_columns { grid-gap: 1.5rem; } .bs-slide .bs-blog-post.three.lg { height: 470px; } .bs-slide .inner { align-items: center; text-align: center; } .bs-slide .inner .title { font-size: 38px; } /*--------------------------------------- ========================================= Multi Post Widget ========================================= -----------------------------------------*/ .multi-post-widget .bs-blog-post.three.bsm { height: 233px; } .multi-post-widget .bs-blog-post.three.bsm.post-1 .title { font-size: 30px; } .multi-post-widget .bs-blog-post.three.bsm .title { font-size: 20px; } .multi-post-widget .bs-blog-post.three.lg { height: 520px; } .multi-post-widget.mb-0 .row.gx-1 .col-sm-6 { display: none; } .multi-post-widget.mb-0 .row.gx-1 .col-sm-6:nth-child(1) { display: block; } .multi-post-widget.mb-0 .row.gx-1 .col-sm-6:nth-child(2) { display: block; } .multi-post-widget .inner_columns { display: grid; grid-template-columns: auto auto; grid-gap: 1.5rem; padding: 0; } .multi-post-widget .inner_columns.one .post-1 { grid-area: 1/1/span 2/span 2; } .multi-post-widget .inner_columns.two .post-3 { grid-area: 2/1/span 1/span 2; } .multi-post-widget .inner_columns.three { grid-template-columns: auto; } .multi-post-widget .inner_columns.four { grid-template-columns: auto auto; } .multi-post-widget .inner_columns.four .bs-blog-post.bsm { height: 470px; } .multi-post-widget .inner_columns.five { grid-template-columns: auto auto; } .bs-marquee { padding: 0px 0; position: relative; overflow: hidden; border-width: 2px 0 2px 0; border-style: solid; } .bs-marquee .overlay { padding: 20px 0; } .bs-marquee .marquee-item { animation: marqueel 11s linear infinite; display: flex; align-items: center; justify-content: flex-start; gap: 0 30px; animation: marquee 14s linear infinite; } .bs-marquee .marquee-item .item { display: flex; align-items: center; gap: 30px; } .bs-marquee .marquee-item .item .title { text-transform: uppercase; white-space: nowrap; font-weight: 600; letter-spacing: 4px; font-size: 36px; font-family: var(--Fontheading); position: relative; z-index: 2; display: inline-flex; } .bs-marquee .marquee-item .item .title::before { content: attr(data-title); } @keyframes marquee { 0% { translate: -100%; } 100% { translate: 0%; } } @keyframes marqueel { 0% { translate: 100%; } 100% { translate: 0%; } } /*section hero*/ .section-hero { position: relative; z-index: 0; background-attachment: fixed; background-repeat: no-repeat; padding: 0; display: flex; align-items: center; } .section-hero.tr-head .overlay { padding-top: 150px; } .section-hero .overlay { padding: 50px 0; position: relative; z-index: 1; } .section-hero .hero-content { text-align: center; } .section-hero .hero-content .title { font-size: 46px; font-weight: 700; margin-bottom: 30px; } .section-hero .hero-content .title span { font-weight: 700; } .section-hero .hero-content .title .hero-img_bg { width: 120px; height: 55px; display: inline-block; background-size: cover; border-radius: 120px; vertical-align: sub; } .section-hero .hero-content .title .hero-icon_box { font-size: 25px; vertical-align: middle; } .section-hero .hero-content .title .hero-sub { font-family: "Playfair Display", serif; font-style: italic; font-weight: 500; } .section-hero .hero-content .title .hero_strok { font-weight: 800; -webkit-text-stroke-width: 2px; } .section-hero .hero-content .inline-search { width: 50%; } .section-hero .hero-content .inline-search .form-group .form-control { margin-bottom: 0; border: 2px solid #fff; outline: none; } .section-hero .hero-content .inline-search .form-group .form-control:focus { box-shadow: none; } .section-hero .hero-content .inline-search .form-group .form-control::-moz-placeholder { opacity: 1; } .section-hero .hero-content .inline-search .form-group .form-control::placeholder { opacity: 1; } .section-hero .hero-content .inline-search .form-group .btn { flex: 0 0 auto; margin-left: 10px; line-height: inherit; padding: 13px 35px; cursor: pointer; } .section-hero.hero-four .overlay .hero-content { text-align: start; } .section-hero.hero-four .overlay .hero-content .inline-search { width: 60%; } .section-hero.hero-four .overlay .hero-img img { max-width: 100%; display: block; border-radius: 10px; } /*bs featured categorys*/ .bs-featured-category { margin-top: 30px; } .bs-featured-category .bs-widget-title { justify-content: space-between; } .bs-featured-category .bs-widget-title .btn-view { font-weight: 500; } .bs-featured-category .bs-widget-title .btn-view i { transition: 0.35s; transform: rotate(-45deg); } .bs-featured-category .bs-widget-title .btn-view:hover i { transform: rotate(0deg); } .bs-featured-category .d-grid .bs-widget { position: relative; transition: 0.35s; } .bs-featured-category .d-grid .bs-widget::before { content: ""; position: absolute; inset: 0; transform: scale(0); border-radius: 100%; opacity: 0.1; } .bs-featured-category .d-grid .bs-widget img { border-radius: 25px; } .bs-featured-category .d-grid .bs-widget .inner-content { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } .bs-featured-category .d-grid .bs-widget .inner-content .text h5 a { padding: 10px 14px; border-radius: 30px; font-size: 14px; } .bs-featured-category .d-grid .bs-widget:hover { transform: translateY(-5px); } .bs-featured-category .d-grid .bs-widget:hover::before { transform: scale(1); border-radius: 0; opacity: 0; transition: 0.35s, border-radius 0.5s, opacity 0.9s; } .bs-featured-category.two .d-grid .bs-widget, .bs-featured-category.three .d-grid .bs-widget { display: flex; align-items: center; padding: 10px; border: 1px solid rgba(120, 120, 120, 0.2); border-radius: 100px; } .bs-featured-category.two .d-grid .bs-widget img, .bs-featured-category.three .d-grid .bs-widget img { max-width: 80px; -o-object-fit: cover; object-fit: cover; height: 80px; border-radius: 80px; } .bs-featured-category.two .d-grid .bs-widget .inner-content, .bs-featured-category.three .d-grid .bs-widget .inner-content { position: inherit; display: block; margin-left: 10px; } .bs-featured-category.two .d-grid .bs-widget .inner-content .text h5 a, .bs-featured-category.three .d-grid .bs-widget .inner-content .text h5 a { background: none; padding: 0; border-radius: 0; font-size: 1rem; } .bs-featured-category.two .d-grid .bs-widget .inner-content .text span, .bs-featured-category.three .d-grid .bs-widget .inner-content .text span { font-size: 0.8rem; } .bs-featured-category.three .d-grid .bs-widget { border-radius: 15px; padding: 20px; border: none; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; } .bs-featured-category.three .d-grid .bs-widget .inner-content { display: flex; align-items: center; flex: auto; justify-content: space-between; } .bs-featured-category.three .d-grid .bs-widget .inner-content .text { flex: 1; } .bs-featured-category.three .d-grid .bs-widget .inner-content .text h5 a { font-size: 1.2rem; } .bs-featured-category.three .d-grid .bs-widget .inner-content .text span { font-size: 0.8rem; } .bs-featured-category.three .d-grid .bs-widget .inner-content .bs-arrow-btn { width: 40px; height: 40px; border-radius: 40px; line-height: 40px; text-align: center; } .bs-featured-category.three .d-grid .bs-widget .inner-content .bs-arrow-btn i { transform: rotate(-45deg); transition: 0.35s; } .bs-featured-category.three .d-grid .bs-widget .inner-content .bs-arrow-btn:hover i { transform: rotate(0deg); } .bs-featured-category.four .d-grid .bs-widget .inner-content { inset: inherit; bottom: 10px; right: 10px; left: 10px; background: rgba(255, 255, 255, 0.4); border-radius: 50px; background: linear-gradient(270deg, #575d5e 0%, rgba(0, 0, 0, 0) 101.9%); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); } .bs-featured-category.four .d-grid .bs-widget .inner-content .text { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 5px 10px; } .bs-featured-category.four .d-grid .bs-widget .inner-content .text h5 a { background: none; padding: 0; border-radius: 0; font-size: 1rem; } .bs-featured-category.four .d-grid .bs-widget .inner-content .bs-arrow-btn { display: none; } .bs-featured-category.five .bs-widget { display: flex; } .bs-featured-category.five .bs-widget img { width: 115px; height: 115px; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .bs-featured-category.five .bs-widget .inner-content { position: inherit; margin-left: 15px; } .bs-featured-category.five .bs-widget .inner-content .text h5 a { padding: 0; font-size: 18px; } .bs-featured-category.five .bs-widget .inner-content .bs-arrow-btn { display: none; } /*--------------------------------------- ========================================= Advertising Banner ========================================= -----------------------------------------*/ .advertising-banner .img-fluid.pull-right img { margin: 0 auto; } /*--------------------------------------- Footer CSS -----------------------------------------*/ .missed { margin-bottom: 30px; } .missed .bs-widget-title { padding: 0 calc(var(--bs-gutter-x) * 0.5); } .missed .inner { display: grid; grid-template-columns: repeat(4, 1fr); -moz-column-gap: 2rem; column-gap: 2rem; } .missed .wd-back { position: relative; } .missed .wd-back .swiper-pagination { position: absolute; top: 10px; right: 0; } .missed .wd-back .swiper-pagination .swiper-pagination-bullet { margin-right: 8px; background: var(--text-color); opacity: 0.6; } .missed .wd-back .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 18px; border-radius: 8px; } footer.one .bs-footer-widget-area { padding: 60px 0 0px; } footer.one .bs-footer-widget-area .bs-inner-wrap { display: grid; grid-template-columns: auto auto 1fr; gap: 50px 75px; padding-left: 60px; position: relative; z-index: 1; } footer.one .bs-footer-widget-area .bs-inner-wrap .lineleft { width: 2px; height: 100%; position: absolute; top: 0; left: 0; display: block; } footer.one .bs-footer-widget-area .bs-inner-wrap .linehori { width: 100%; height: 2px; position: absolute; top: 0; left: 0; display: block; } footer.one .bs-footer-widget-area .bs-inner-wrap .bs-widget:is(.has-full-width) { position: relative; grid-column: 1/-1; } footer.one .bs-footer-bottom-area { padding: 40px 0; } footer.one .bs-footer-bottom-area .site-branding-text { margin-top: 10px; } footer.one .bs-footer-bottom-area .site-branding-text .site-title-footer a { font-size: 40px; font-weight: 600; } footer.one .bs-footer-bottom-area .bs-social { justify-content: end; } footer.one .bs-footer-copyright { border-top-width: 1px; border-top-style: solid; } footer.one .bs-footer-copyright .bs-social { justify-content: end; } footer.one .bs-footer-copyright .info-right { display: flex; justify-content: end; gap: 15px; flex-wrap: wrap; margin-bottom: 0; } footer.one .bs-footer-copyright p { margin-bottom: 0; } footer.two .bs-footer-widget-area { padding: 0; } footer.two .bs-footer-widget-area .row { padding: 50px 50px 20px 50px; border-radius: 20px; margin-right: 0; margin-left: 0; } footer.three { z-index: 0; position: relative; } footer.three .overlay { background: #1A1C1F; padding: 50px 0px 0 0px; border-radius: 50px 50px 0 0; position: relative; } footer.three .overlay::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to right, #9e1f63, #392d91); border-radius: 50px 50px 0 0; z-index: -1; animation: animfooter 5s linear infinite; } footer.three .overlay .bs-footer-widget-area .bs-widget .bs-widget-title { border: none; } footer.four .bs-footer-widget-area .bs-widget .bs-widget-title { border: none; } footer .widget_categories ul li { display: flex; justify-content: space-between; } @keyframes animfooter { 0% { transform: rotate(0deg); } 25% { transform: rotate(2.5deg); } 75% { transform: rotate(5deg); } 100% { transform: rotate(0deg); } } footer { /*-----middile_footer---*/ } footer h3 { margin: 0 0 30px 0; font-size: 22px; line-height: 26px; position: relative; padding: 0; } footer .bs-widget { background: unset; box-shadow: none !important; margin-bottom: 0; gap: 30px 0; } footer .bs-widget .footer-logo { margin: 0 0 60px 0; } footer .bs-recent-blog-post .small-post { padding: 0.5rem 0; } footer .bs-footer-copyright { padding: 23px 0; } footer .bs-footer-copyright .footer-inner { display: flex; justify-content: space-between; align-items: center; } footer .bs-footer-copyright .footer-inner .copyright p { margin: 0; } footer .bs-footer-copyright .footer-inner .footer-social ul { display: flex; align-items: color; justify-content: flex-end; } .footer .menu-item-has-children.dropdown .dropdown-menu { display: none; } .bs_upscr { width: 2.5rem; height: 2.5rem; border-radius: 50%; display: block; text-align: center; position: fixed; bottom: 5%; left: 1%; line-height: 2.5rem; font-size: 1.2rem; transition: 0.5s; z-index: 50; visibility: hidden; } .bs_upscr i { transform: rotate(0deg); transition: 0.5s; } .bs_upscr:hover { bottom: 6%; } .bs_upscr.showBtn { visibility: visible; } .footer-top { padding: 50px 0; } .footer-logo .site-branding-text .site-title a { font-weight: 700; font-size: 40px; line-height: 1.2; } @media (min-width: 992px) and (max-width: 1200px) { .nav-wp { display: unset; } } @media (max-width: 991.98px) { /* ---------header------------*/ .header-top .justify-space-between { justify-content: center; } .menu-btn { display: block; padding: 5px; border-radius: 0; border: none; outline: none; } .header-center .navbar-wp nav { display: none; } .navbar-wp .nav-wp { width: 100%; display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 8; } .navbar-wp .nav-wp .sm-clean { width: 100%; box-shadow: 0px 4px 10px 0 #00000020; } ul.sm-clean li a { padding: 1.5rem 1.25rem; } .header-middle .navbar-wp ul.right-nav { display: none; } .header-bottom .logo { display: block; } .search-popup .search-popup-content { width: 75%; } .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted { padding: 1rem 0.5rem !important; } .missed .inner { grid-template-columns: auto; } /*-- footer--*/ .d-grid.column3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .d-grid.column6 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .d-grid.column4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .d-grid.column3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .navbar-wp { justify-content: end; } .bs-sidebar#sidebar-right, .content-right + .sidebar-right .bs-sidebar#sidebar-right{ padding: 0; } } @media (max-width: 767.98px) { .list-blog.bs-blog-post { grid-template-columns: repeat(1, 1fr); } .list-blog.bs-blog-post .bs-blog-thumb { height: 300px; margin-bottom: 30px; } .multi-post-widget .inner_columns { grid-template-columns: auto; } .multi-post-widget .inner_columns.one .post-1 { grid-area: unset; } .multi-post-widget .inner_columns.two .post-3 { grid-area: unset; } .header-main .header-top { padding: 10px 0; } .header-main .header-center .header-add img { max-width: 320px; } .search-popup .search-popup-content { width: 100%; margin: 2rem 1rem; } .d-grid.column2, .d-grid.column3, .d-grid.column4, .d-grid.column5, .d-grid.column6 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .footer.one .bs-footer-widget-area .bs-inner-wrap { padding-left: 0; grid-template-columns: auto; } .footer.one .bs-footer-widget-area .bs-inner-wrap .lineleft { width: 0; } .missedslider { grid-template-columns: repeat(1, minmax(0, 1fr)); } footer.one .bs-footer-bottom-area .bs-social { justify-content: center; } .footer-logo .site-branding-text { text-align: center; } footer.one .bs-footer-copyright .info-right{ justify-content: center; padding: 0; margin-top: 15px; } .footer .footer-logo img { margin: 0 auto; } .text-xs{ text-align: center; } .bs-slide.bs-blog-post.three.lg { height: 350px; } .bs-slide .inner .title { font-size: 28px; } .bs-blog-post .title{ font-size: 25px; } .multi-post-widget .bs-blog-post.three.bsm.post-1 .title { font-size: 20px; } .bs-blog-post.single .bs-header .title { font-size: 30px; } .bs-blog-post.single .small.single p, .page-class .bs-card-box p { font-size: 1.125rem; } .comments-area img.avatar{ right: 1rem; } .comments-area .comment-body { padding: 2rem 5.5rem 2.5rem 2.5rem; } .comment-content { padding: 16px 0px 16px 50px; } } @media (max-width: 575px) { .header-main .header-center .logo { margin-bottom: 15px; } .header-main .header-center .logo img { margin: 0; } .header-main .header-center .header-add { width: 100%; } .header-main .header-center .header-add img { margin: 0 auto; } .header-main .header-bottom .header-mode { width: 110px; } .page-entry-title{ flex-direction: column; justify-content: center; } .comments-area .comment-body { padding: 5.5rem 2rem 2rem; } .comments-area img.avatar { right: 2rem; top: 1.2rem; } .rtl .comments-area .comment-body .reply { top: 6.75rem; left: 1.5rem; } .comment-content { padding: 16px 0px 16px 0; } } @media (max-width: 375px) { .justify-space-between { justify-content: end; } .footer .bs-footer-copyright .footer-inner { flex-direction: column; } /* ------header-top---*/ .header-top .justify-space-between { justify-content: center; } .header-default .header-top { display: none; } /* -----------header-section-------*/ .header-center .navbar-wp nav ul.right-nav { display: none; } .show { right: 0%; z-index: 50; } .comments-area img.avatar { left: 2rem; top: 1.2rem; } .comments-area .comment-body { padding: 5.5rem 1rem 1rem; } .rtl .comments-area .comment-body .reply { top: 4.5rem; } .reply a { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 10px; border-right: none; padding-right: 0; } .rtl .comments-area .comment-metadata .edit-link { padding-left: 8px; } } @media (min-width: 768px) and (max-width: 991px) { .header-two .header-top .justify-space-between { justify-content: space-between; flex-wrap: wrap; } .missed .inner { grid-template-columns: auto auto; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .footer.one .bs-footer-widget-area .bs-inner-wrap { padding-left: 0; grid-template-columns: auto; } .footer.one .bs-footer-widget-area .bs-inner-wrap .lineleft { width: 0; } } @media (min-width: 992px) { .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .d-lg-block { display: block !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-flex { display: flex !important; } .mb-lg-0 { margin-bottom: 0; } } @media (min-width: 576px) and (max-width: 767px) { .bs .swiper-button-prev, .bs .swiper-button-next { display: none; } /*------header-top---*/ .header-top .justify-space-between { justify-content: center; } .show { right: 0%; z-index: 50; } .header-center .navbar-wp nav ul.right-nav { display: none; } .footer .img.zoom-img { height: 170px; } } @media (min-width: 375px) and (max-width: 575px) { .col-xxl { flex: 1 0 0%; } .col-auto { flex: 0 0 auto; width: auto; } .justify-space-between { justify-content: end; } .bs .swiper-button-prev, .bs .swiper-button-next { display: none; } /* ------header-top---*/ .header-top .justify-space-between { justify-content: center; } .header-default .header-top { display: none; } /* -----------header-section-------*/ .header-center .navbar-wp nav ul.right-nav { display: none; } /* --------------footer section----------*/ .footer .bs-footer-copyright .footer-inner { flex-direction: column; } .show { right: 0%; z-index: 50; } /* ---------blog------*/ .footer .img.zoom-img { height: 170px; } } /*---------media_query-----*/ @media (max-width: 1199px) { .header-main .header-center .header-add img { max-width: 630px; } .header-main .header-bottom .navbar-wp ul li a { padding: 20px 16px; } } @media (max-width: 991px) { .header-main .header-center .header-add img { max-width: 430px; } .header-main .header-bottom .navbar-wp ul li a { padding: 20px 7px; font-size: 13px; } .header-main .header-bottom .header-mode { width: 20%; } } @media (min-width: 768px) { .mb-md-0 { margin-bottom: 0; } .gap-md-0{ gap: 0; } }