[css] CSS-test

Viewer

copydownloadembedprintName: CSS-test
  1. /* Theme Name: BlogArise Theme URI: https://themeansar.com/free-themes/blogarise/ Author: Themeansar Author URI: http://themeansar.com Description: BlogArise is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. BlogArise is suitable for dynamic news, newspapers, magazine, publishers, blogs, editors, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. BlogArise is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogarise-demos/ and documentation at https://docs.themeansar.com/docs/blogarise/ Version: 10.3 Tested up to: 6.2.2 Requires PHP: 5.6 Tags: two-columns, three-columns, left-sidebar, right-sidebar, translation-ready, custom-background, custom-logo, featured-images, footer-widgets, full-width-template, blog, e-commerce, entertainment License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl.html Text Domain: blogarise */
  2.  :root {
  3.          --bxbr: 3px solid #000;
  4.          --bxbra : 15px;
  5.          --bxsh: 7px 7px 0px #000;
  6.          --bxshover: 8px 8px 0px #000;
  7.          --bstras: 0 4px 60px 0 rgba(0,0,0,0.2);
  8. }
  9. /*--------------------------------------- Body & Global -----------------------------------------*/
  10.  body {
  11.          text-rendering: optimizeLegibility;
  12.          -webkit-font-smoothing: antialiased;
  13.          padding: 0;
  14.          margin: 0;
  15.          font-family: 'Rubik', sans-serif;
  16.          font-size: 16px;
  17.          font-weight: 400;
  18.          line-height: 1.78;
  19.          text-decoration: none;
  20. }
  21.  .bodyback {
  22.          background-repeat: no-repeat;
  23.          background-attachment: fixed;
  24.          background-position: top center;
  25. }
  26.  .boxed {
  27.          width: 1170px;
  28.          margin: 0 auto;
  29.          position: relative;
  30.          box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
  31. }
  32. /* width */
  33.  ::-webkit-scrollbar {
  34.          width: 8px;
  35. }
  36. /* Track */
  37.  ::-webkit-scrollbar-track {
  38.          background: #f1f1f1;
  39. }
  40. /* Handle */
  41.  ::-webkit-scrollbar-thumb {
  42.          background: #888;
  43. }
  44. /* Handle on hover */
  45.  ::-webkit-scrollbar-thumb:hover {
  46.          background: var(--pri-color);
  47. }
  48.  a {
  49.          text-decoration: inherit;
  50.          transition: all .3s ease-out;
  51. }
  52.  a:hover {
  53.          text-decoration: none;
  54. }
  55.  a:focus {
  56.          outline: 1px solid;
  57.          text-decoration: underline;
  58. }
  59.  input[type="radio"], input[type="checkbox"]{
  60.         display: inline;
  61. }
  62.  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 {
  63.          color: #545454;
  64.          box-shadow: 0 0 0 0.063rem rgba(84, 84, 84,.25) !important;
  65. }
  66.  select {
  67.          background-clip: padding-box;
  68.          background-color: #fff;
  69.          border: 2px solid #ccc;
  70.          border-radius: 0;
  71.          color: #444;
  72.          display: block;
  73.          font-weight: 400;
  74.          overflow: hidden;
  75.          padding: 6px 12px;
  76.          position: relative;
  77.          text-decoration: none;
  78.          white-space: nowrap;
  79. }
  80.  .no-gutter > [class*=col-] {
  81.          padding-right: 0;
  82.          padding-left: 0;
  83. }
  84.  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 {
  85.          color: var(--text-color);
  86.          background: var(--box-color);
  87.          background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  88.          border: var(--bxbr);
  89.          border-radius: var(--bxbra);
  90.          display: block;
  91.          padding: 13px 16px;
  92.          width: 100%;
  93.          outline: 0;
  94.          height: 54px;
  95. }
  96.  .input-group .form-control{
  97.          height: 40px;
  98.          margin-bottom: 0;
  99. }
  100.  .form-group input[type="text"], .form-group input[type="email"] {
  101.          height: 40px;
  102. }
  103.  button, input[type="button"], input[type="submit"], input[type="reset"] {
  104.          padding: 10px 35px;
  105.          line-height: 30px;
  106.          border-radius: 0;
  107.          font-weight: bold;
  108.          font-size: 14px;
  109.          border-width: 3px;
  110.          border-style: solid;
  111.          transition: all 0.4s ease-in-out 0s;
  112.          border-radius: var(--bxbra);
  113. }
  114.  input[type="submit"]:hover, input[type="reset"]:hover, button:hover, input[type="submit"]:focus, input[type="reset"]:focus, button:focus {
  115.          transition: all 0.3s ease 0s;
  116.          outline: none;
  117.          box-shadow: 0 4px 20px -5px rgba(0,0,0,0.5);
  118. }
  119.  .form-control {
  120.          border-radius: 0;
  121.          margin-bottom: 20px;
  122.          box-shadow: inherit;
  123.          padding: 6px 12px;
  124.          line-height: 40px;
  125.          border-width: 2px;
  126.          border-style: solid;
  127.          height: 40px;
  128. }
  129.  .form-control:focus {
  130.          box-shadow: inherit;
  131. }
  132.  .form-submit {
  133.          margin-bottom: 0;
  134. }
  135.  address {
  136.          margin: 0 0 1.6rem;
  137.          line-height: 2;
  138. }
  139.  pre {
  140.          background: #f6f6f6;
  141.          margin-bottom: 32px;
  142.          max-width: 100%;
  143.          overflow: auto;
  144.          padding: 16px;
  145. }
  146.  mark, ins, .mark {
  147.          padding: 2px 5px;
  148.          border-radius: 3px;
  149. }
  150.  hr {
  151.          background-color: #e9e9e9;
  152.          border: 0;
  153.          height: 1px;
  154. }
  155.  code, kbd, tt, var {
  156.          font-size: 16px;
  157. }
  158.  code, kbd, tt, var, samp, pre {
  159.          font-family: Inconsolata, monospace;
  160.          -webkit-hyphens: none;
  161.          -moz-hyphens: none;
  162.          -ms-hyphens: none;
  163.          hyphens: none;
  164. }
  165.  abbr, acronym {
  166.          border-bottom: 1px dotted #e9e9e9;
  167.          cursor: help;
  168. }
  169.  iframe {
  170.          border: 0;
  171. }
  172.  big {
  173.          font-size: 125%;
  174. }
  175.  s, strike, del {
  176.          text-decoration: line-through;
  177. }
  178.  em, cite, q {
  179.          font-style:italic;
  180. }
  181.  ins, mark {
  182.          color: #ffffff;
  183.          text-decoration: none;
  184.          padding: 0 3px;
  185. }
  186.  code {
  187.          color: #444444;
  188. }
  189.  legend {
  190.          color: #000;
  191.          padding: 5px 10px;
  192.          font-weight: 600;
  193.          display: table;
  194.          max-width: 100%;
  195.          border-bottom: none;
  196.          width: auto;
  197.          padding: 0;
  198.          white-space: normal;
  199. }
  200.  .gallery .gallery-icon img {
  201.          height: auto;
  202.          max-width: 100%;
  203.          padding: 0;
  204.          border: 5px solid #fff;
  205.          -moz-box-shadow: 0 0 5px 2px rgba(45, 20, 20, .3);
  206.          -webkit-box-shadow: 0 0 5px 2px rgba(45, 20, 20, .3);
  207.          box-shadow: 0 0 5px 2px rgba(45, 20, 20, .3);
  208. }
  209.  fieldset {
  210.          margin-bottom: 1rem;
  211.          border: 1px solid #e9e9e9;
  212.          margin: 0 2px;
  213.          padding: 0.35rem 0.950rem 0.75rem;
  214. }
  215.  fieldset p {
  216.          margin: 0px 0 20px;
  217. }
  218.  .post-edit-link i{
  219.         margin-left: 0px;
  220. }
  221.  .post-edit-link{
  222.         margin-left: 5px;
  223. }
  224.  ::-webkit-input-placeholder {
  225.          color: #463838;
  226. }
  227.  :-moz-placeholder {
  228.          color: #463838;
  229. }
  230.  ::-moz-placeholder {
  231.          color: #463838;
  232. }
  233.  :-ms-input-placeholder {
  234.          color: #463838;
  235. }
  236. /*Responsive Video*/
  237.  .responsive-video {
  238.          height: 0;
  239.          padding-top: 1px;
  240.          position: relative;
  241.          padding-bottom: 56.25%;
  242.         /*16:9*/
  243. }
  244.  .responsive-video iframe {
  245.          top: 0;
  246.          left: 0;
  247.          width: 100%;
  248.          height: 100%;
  249.          position: absolute;
  250.          border: none;
  251.          border-radius: 0;
  252. }
  253.  .bs-card-box {
  254.          background: var(--bg-color);
  255.          color: var(--text-color);
  256.          box-shadow: var(--bxsh);
  257. }
  258.  .wrapper {
  259.          overflow: hidden;
  260. }
  261.  .wd-back {
  262.          padding: 20px;
  263.          box-shadow: var(--bxsh);
  264.          margin-bottom: 50px;
  265.          border: var(--bxbr);
  266.          border-radius: var(--bxbra);
  267. }
  268.  .modal .btn-close{
  269.          line-height: 1;
  270.          opacity: 1;
  271. }
  272.  .modal .form-control {
  273.          height: 55px;
  274. }
  275. /*--------------------------------------- Typography -----------------------------------------*/
  276.  h1, .h1 {
  277.          font-size: 34px;
  278.          line-height: 40px;
  279. }
  280.  h2, .h2 {
  281.          font-size: 32px;
  282.          line-height: 35px;
  283. }
  284.  h3, .h3 {
  285.          font-size: 28px;
  286.          line-height: 30px;
  287. }
  288.  h4, .h4 {
  289.          font-size: 24px;
  290.          line-height: 25px;
  291. }
  292.  h5, .h5 {
  293.          font-size: 20px;
  294.          line-height: 20px;
  295. }
  296.  h6, .h6 {
  297.          font-size: 16px;
  298.          line-height: 20px;
  299. }
  300.  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  301.          font-family: 'Outfit', sans-serif;
  302.          font-weight: 800;
  303.          color: var(--head-color);
  304.          font-feature-settings: "lnum";
  305.          font-variant-numeric: lining-nums;
  306.          letter-spacing: 0;
  307.          text-size-adjust: 100%;
  308.          text-rendering: optimizeSpeed;
  309. }
  310.  .alignright {
  311.          text-align: right;
  312. }
  313.  .alignleft {
  314.          text-align: left;
  315. }
  316.  .aligncenter {
  317.          text-align: center;
  318. }
  319.  blockquote {
  320.          position: relative;
  321.          width: 100%;
  322.          border-width: 0 0 0 5px;
  323.          border-style: solid;
  324.          padding-left: 8px;
  325.          padding: 30px;
  326.          border-radius: 10px;
  327. }
  328.  blockquote::before {
  329.          content: "\f10d";
  330.          display: table;
  331.          float: left;
  332.          font-family: 'Font Awesome 5 Free';
  333.          font-size: 28px;
  334.          margin-top: 6px;
  335.          font-weight: 900;
  336.          width: 6%;
  337. }
  338.  blockquote p {
  339.          font-style: italic;
  340.          width: 94%;
  341.          display: table;
  342.          margin-bottom: 0;
  343. }
  344.  .bshre{
  345.          transition-duration: .3s;
  346.          transition-property: transform;
  347.          transition-timing-function: ease-out;
  348.          transition: all 0.3s linear;
  349. }
  350.  .bshre:hover{
  351.          transform: translateY(-8px);
  352. }
  353.  .mb-n3 {
  354.          margin-bottom: -30px;
  355. }
  356.  .mb-n4 {
  357.          margin-bottom: -40px;
  358. }
  359. /*--------------------------------------- Button Styles -----------------------------------------*/
  360.  .btn, .more-link {
  361.          padding: 10px 35px;
  362.          line-height: 30px;
  363.          overflow: hidden;
  364.          position: relative;
  365.          border-radius: 0;
  366.          font-weight: bold;
  367.          display: inline-block;
  368.          transition: all 0.2s ease 0s;
  369.          border-width: 3px;
  370.          border-style: solid;
  371.          border-radius: var(--bxbra);
  372. }
  373.  .btn-theme:hover, .btn-theme:focus {
  374.          transition: all 0.3s ease 0s;
  375.          outline: none;
  376. }
  377. /*--------------------------------------- Pagination Styles -----------------------------------------*/
  378.  .pagination > li:first-child > a, .pagination > li:first-child > span {
  379.          border-radius: 0;
  380. }
  381.  .pagination > li:last-child > a, .pagination > li:last-child > span {
  382.          border-radius: 0;
  383. }
  384.  .pagination > li > a, .pagination > li > span {
  385.          margin: 0 6px 10px;
  386.          border-radius: 0;
  387.          border : none;
  388.          width: 40px;
  389.          height: 40px;
  390.          line-height: 40px;
  391.          padding: 0;
  392. }
  393.  .pagination > .active > a, .pagination > .active > a:hover, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  394.          transition: all 0.3s ease 0s;
  395. }
  396.  .navigation.pagination .nav-links {
  397.          display: flex;
  398.          flex-wrap: wrap;
  399. }
  400.  .navigation.pagination .nav-links .page-numbers, .navigation.pagination .nav-links a {
  401.          cursor: pointer;
  402.          display: inline-block;
  403.          font-size: 18px;
  404.          line-height: 40px;
  405.          margin: 0 3px 10px;
  406.          padding: 0px;
  407.          vertical-align: baseline;
  408.          white-space: nowrap;
  409.          width: auto;
  410.          min-width: 40px;
  411.          height: 40px;
  412.          transition: all 0.3s ease 0s;
  413.          text-decoration: none;
  414.          position: relative;
  415.          float: left;
  416.          border: 2px solid #000;
  417.          box-shadow: 0 3px 0px #000;
  418.          border-radius: var(--bxbra);
  419. }
  420.  .navigation.pagination .nav-links a i{
  421.          line-height: 40px;
  422. }
  423.  .navigation.pagination > li:first-child > a, .navigation.pagination > li:first-child > span {
  424.          border-radius: 0;
  425. }
  426.  .single-nav-links {
  427.          text-align: center;
  428.          margin-top: 30px;
  429. }
  430.  .single-nav-links a, .single-nav-links span {
  431.          margin: 0 6px 10px;
  432.          border-radius: 4px;
  433.          height: 40px;
  434.          box-shadow: 0 1px 3px rgba(0,0,0,0.15);
  435.          transition: all 0.3s ease 0s;
  436.          padding: 8px 15px;
  437. }
  438.  .nav-links {
  439.          display: flex;
  440.          justify-content: space-between;
  441.          width: 100%;
  442. }
  443.  .nav-links a, .single-nav-links a {
  444.          font-size: 16px;
  445.          font-weight: 700;
  446.          letter-spacing: -.02em;
  447.          line-height: 1.2;
  448.          width: 100%;
  449. }
  450.  button.mfp-close:hover, button.mfp-close:focus {
  451.          background: inherit;
  452. }
  453.  .navigation + .navigation {
  454.          display: flex;
  455.          align-items: center;
  456. }
  457.  .navigation p{
  458.          margin-bottom: 10px;
  459. }
  460. /*--------------------------------------- social Links -----------------------------------------*/
  461.  .bs-social {
  462.          padding: 0px;
  463.          margin: 0;
  464.          display: flex;
  465.          flex-wrap: wrap;
  466. }
  467.  .bs-social li {
  468.          display: inline-flex;
  469.          margin-bottom: 5px;
  470.          border-bottom: none;
  471. }
  472.  .bs-social li a {
  473.          margin: 2px 2.5px;
  474. }
  475.  .bs-social li a i {
  476.          display: inline-flex;
  477.          align-items: center;
  478.          justify-content: center;
  479.          width: 45px;
  480.          height: 45px;
  481.          line-height: 45px;
  482.          text-align: center;
  483.          padding: 0;
  484.          border-radius: 50%;
  485.          position: relative;
  486.          z-index: 1;
  487.          overflow: hidden;
  488.          border: 2px solid #000;
  489. }
  490.  .bs-social li a i:hover::after {
  491.          height: 100%;
  492. }
  493.  .bs-social li a i::after {
  494.          content: '';
  495.          display: block;
  496.          position: absolute;
  497.          bottom: 0%;
  498.          left: 0;
  499.          width: 100%;
  500.          height: 0%;
  501.          z-index: -1;
  502.          -webkit-transition: all 0.8s;
  503.          transition: all 0.8s;
  504. }
  505.  .bs-section {
  506.          padding: 50px 0;
  507. }
  508.  .bs-default [role=button] {
  509.          cursor: pointer;
  510.          padding: 15px 0;
  511. }
  512.  .padding-20 {
  513.          padding: 20px;
  514. }
  515. /*--------------------------------------- swipper controls -----------------------------------------*/
  516.  .bs:hover .swiper-button-prev {
  517.          left: 2%;
  518.          opacity: 1;
  519. }
  520.  .bs:hover .swiper-button-next {
  521.          right: 2%;
  522.          opacity: 1;
  523. }
  524.  .bs .swiper-button-prev, .bs .swiper-button-next {
  525.          width: 50px;
  526.          height: 50px;
  527.          transition: all .3s ease;
  528.          opacity: 1;
  529.          border-radius: 50px;
  530.          border-width: 3px;
  531.          border-style: solid;
  532. }
  533.  .bs .swiper-button-prev:after, .bs .swiper-button-next:after {
  534.          font-size: 18px;
  535. }
  536.  .bs .swiper-pagination-bullet {
  537.          width: 8px;
  538.          height: 8px;
  539.          border-radius: 5px;
  540.          opacity: 1;
  541.          -webkit-transition: all 0.5s;
  542.          transition: all 0.5s;
  543.          padding: unset;
  544.          background: #f3eeee;
  545. }
  546.  .bs .swiper-pagination-bullet-active {
  547.          width: 18px;
  548.          height: 8px;
  549.          background: var(--pri-color);
  550. }
  551.  .mg-latest-news{
  552.          width: 100%;
  553.          height: 40px;
  554.          position: relative;
  555.          overflow: hidden;
  556.          margin: 0;
  557.          display: flex;
  558.          align-items: center;
  559. }
  560.  .mg-latest-news .bn_title {
  561. }
  562.  .mg-latest-news .bn_title .title{
  563.          display: inline-flex;
  564.          margin: 0;
  565.          line-height: inherit;
  566.          font-size: 18px;
  567.          font-weight: bold;
  568.          box-sizing: border-box;
  569.          padding: 0 10px;
  570.          border-radius: var(--bxbra);
  571.          border: 3px solid #fff;
  572.          margin-right: 5px;
  573. }
  574.  .mg-latest-news .bn_title {
  575.          width: auto;
  576.          display: inline-block;
  577.          position: relative;
  578.          z-index: 1;
  579.          border-radius: 5px;
  580. }
  581.  .mg-latest-news .mg-latest-news-slider a{
  582.          text-decoration: none;
  583.          font-weight: normal;
  584.          padding-left: 20px;
  585. }
  586.  .mg-latest-news .mg-latest-news-slider a .img{
  587.          width: 20px;
  588.          height: 20px;
  589.          border-radius: 10px;
  590.          margin-right: 8px;
  591.          object-fit: cover;
  592.          display: none;
  593. }
  594.  .mg-latest-news .mg-latest-news-slider {
  595.          padding: 0;
  596.          margin: 0;
  597.          list-style: none;
  598.          position: absolute;
  599.          left: 110px;
  600.          right: 40px;
  601.          font-size: 16px;
  602.          line-height: 30px;
  603.          overflow: hidden;
  604.          width: 100%;
  605.          margin: 0 auto;
  606.          white-space: nowrap;
  607.          box-sizing: border-box;
  608.          z-index: 0;
  609. }
  610. /*--------------------------------------- 
  611. /* -------------------------------------- ========================================= Header ========================================= -----------------------------------------*/
  612. /*--------------------------------------- light/dark switch Styles -----------------------------------------*/
  613.  .switch{
  614.          position: relative;
  615.          display: inline-block;
  616.          width: 28px;
  617.          height: 24px;
  618. }
  619.  .switch input{
  620.          display: none;
  621. }
  622.  .switch .slider{
  623.          position: absolute;
  624.          cursor: pointer;
  625.          top: 0;
  626.          bottom: 0;
  627.          left: 0;
  628.          right: 0;
  629.          border-radius: 34px;
  630.          transition: .4s;
  631. }
  632.  .switch .slider::before{
  633.          content: '';
  634.          position: absolute;
  635.          width: 20px;
  636.          height: 20px;
  637.          left: 4px;
  638.          bottom: 2px;
  639.          border-radius: 50%;
  640.          transition: 0.4s;
  641.          content: "\f186";
  642.          font-family: "Font Awesome 5 Free";
  643.          font-size: 14px;
  644.          font-weight: 900;
  645.          box-sizing: border-box;
  646.          display: flex;
  647.          align-items: center;
  648.          justify-content: center;
  649.          border: 2px solid #000;
  650. }
  651.  .switch input:checked + .slider::before{
  652.          content: "\f185";
  653. }
  654. /* -------Header default ---- */
  655.  .bs-default .bs-header-main {
  656.          background-repeat: no-repeat;
  657.          background-size: cover;
  658.          background-position: center center;
  659.          background-attachment: scroll;
  660. }
  661.  .bs-default .navbar-wp {
  662.          margin: 0;
  663.          z-index: 999;
  664.          transition: all 1s ease-out;
  665.          border-radius: 0;
  666.          height: auto;
  667. }
  668.  .bs-default .navbar-header {
  669.          height: auto;
  670. }
  671.  .bs-default .navbar-header img {
  672.          width: 100%;
  673.          height: 100%;
  674. }
  675.  .bs-default .navbar-wp .navbar-nav > li> a {
  676.          padding: 15px 15px;
  677.          font-weight: 500;
  678. }
  679.  .bs-default .navbar-wp .navbar-nav > li> a:hover, .bs-default .navbar-wp .navbar-nav > li> a:focus, .bs-default .navbar-wp .navbar-nav > .active > a, .bs-default .navbar-wp .navbar-nav > .active > a:hover, .bs-default .navbar-wp .navbar-nav > .active > a:focus {
  680.          opacity: 0.8;
  681. }
  682.  .bs-default [role=button] {
  683.          cursor: pointer;
  684.          padding: 15px 0;
  685. }
  686.  .bs-default .bs-header-main .inner {
  687.          display: flex;
  688.          padding: 0;
  689.          margin: 0;
  690.          height: 200px;
  691.          align-items: center;
  692.          text-align: center;
  693. }
  694.  .bs-default .navbar-header {
  695.          display: flex;
  696.          justify-content: flex-end;
  697.          align-items: center;
  698.          flex-direction: column;
  699. }
  700.  .bs-default .bs-header-main .inner {
  701.          height: auto;
  702.          padding: 50px 0;
  703.          position: relative;
  704. }
  705.  .bs-default .navbar-brand {
  706.          height: 100px;
  707. }
  708.  .bs-default .navbar-brand img{
  709.          width: 100%;
  710.          height: 100%;
  711. }
  712.  .bs-default .navbar-brand {
  713.          margin-right: unset;
  714.          padding-top: 0;
  715. }
  716.  .bs-default .navbar-wp {
  717.          margin: 0;
  718.          padding: 0;
  719.          z-index: 1000;
  720.          box-shadow: var(--bxsh);
  721.          border: var(--bxbr);
  722.          border-radius: var(--bxbra);
  723. }
  724. /* -------default two---- */
  725.  .bs-headtwo .navbar-wp {
  726.          margin: 0;
  727.          z-index: 999;
  728.          transition: all 1s ease-out;
  729.          border-radius: 0;
  730.          min-height: 90px;
  731.          height: auto;
  732.          box-shadow: var(--bxsh);
  733.          border: var(--bxbr);
  734. }
  735.  .bs-headtwo .navbar-brand {
  736.          margin-right: unset;
  737. }
  738.  .bs-headtwo .navbar-header img {
  739.          width: 100%;
  740.          height: 100%;
  741. }
  742.  .bs-headtwo .desk-header {
  743.          padding: 0px;
  744. }
  745.  .bs-headtwo .navbar-wp .navbar-nav > li> a {
  746.          padding: 7px 15px;
  747. }
  748.  .bs-headtwo [role=button] {
  749.          cursor: pointer;
  750.          padding: 15px 0;
  751. }
  752. /* -------bs-head three---- */
  753.  .bs-headthree .bs-header-main{
  754.          background-repeat: no-repeat;
  755.          background-size: cover;
  756.          background-position: center center;
  757.          background-attachment: scroll;
  758. }
  759.  .bs-headthree .bs-header-main .inner{
  760.          display: flex;
  761.          padding: 15px 0;
  762.          margin: 0;
  763.          min-height: 150px;
  764.          height: 100%;
  765.          align-items: center;
  766.          text-align: center;
  767. }
  768.  .bs-headthree .info-right {
  769.          display: flex;
  770.          justify-content: flex-end;
  771. }
  772.  .bs-headthree .info-right div {
  773.          margin-left: 4px;
  774.          margin-right: 4px;
  775. }
  776.  .bs-headthree .navbar-brand {
  777.          margin-right: unset;
  778. }
  779.  .bs-headthree .navbar-wp {
  780.          margin: 0;
  781.          z-index: 999;
  782.          transition: all 1s ease-out;
  783.          border-radius: 0;
  784.          padding: 0;
  785.          height: auto;
  786.          min-height: 58px;
  787.          border-radius: 0;
  788.          margin-bottom: 30px;
  789.          box-shadow: var(--bxsh);
  790.          border: var(--bxbr);
  791. }
  792.  .bs-menu-full {
  793.          position: relative;
  794. }
  795.  .bs-headthree .navbar-wp .navbar-nav > li> a {
  796.          padding: 8px 15px;
  797. }
  798.  .bs-headthree .navbar-wp .navbar-nav > li > a:hover, .bs-headthree .navbar-wp .navbar-nav > li > a:focus, .bs-headthree .navbar-wp .navbar-nav > .active > a, .bs-headthree .navbar-wp .navbar-nav > .active > a:hover, .bs-headthree .navbar-wp .navbar-nav > .active > a:focus {
  799.          opacity: 0.8;
  800. }
  801.  .bs-headthree .desk-header {
  802.          padding: 5px 0;
  803. }
  804. /* -------Head Four---- */
  805.  .bs-headfour {
  806.          position: relative;
  807.          left: 0;
  808.          right: 0;
  809.          z-index: 2;
  810. }
  811. /* -------default Four---- */
  812.  .bs-headfour .bs-head-detail{
  813.          background: transparent;
  814.          border-bottom-width: 1px;
  815.          border-bottom-style: solid;
  816. }
  817.  .bs-headfour .navbar-wp {
  818.          margin: 0;
  819.          z-index: 999;
  820.          transition: all 1s ease-out;
  821.          border-radius: 0;
  822.          min-height: 90px;
  823.          height: auto;
  824. }
  825.  .bs-headfour .navbar-brand {
  826.          margin-right: unset;
  827. }
  828.  .bs-headfour .navbar-header img {
  829.          width: 100%;
  830.          height: 100%;
  831. }
  832.  .bs-headfour .desk-header {
  833.          padding: 0px;
  834. }
  835.  .bs-headfour .navbar-wp .navbar-nav > li> a {
  836.          padding: 7px 15px;
  837. }
  838.  .bs-headfour [role=button] {
  839.          cursor: pointer;
  840.          padding: 15px 0;
  841. }
  842. /*--------------------------------------- Top Bar -----------------------------------------*/
  843.  .bs-head-detail {
  844.          padding: 8px 0;
  845.          position: relative;
  846.          z-index: 1;
  847. }
  848.  .bs-head-detail ul {
  849.          display: flex;
  850.          margin: 0;
  851.          padding: 0;
  852. }
  853.  .bs-head-detail .info-left {
  854.          justify-content: flex-start;
  855. }
  856.  .bs-head-detail .info-left li {
  857.          display: inline-block;
  858.          margin-right: 15px;
  859.          padding: 0;
  860. }
  861.  .bs-head-detail .info-left li a {
  862.          font-size: 13px;
  863. }
  864.  .bs-head-detail .info-left i {
  865.          font-size: 14px;
  866.          padding-right: 10px;
  867. }
  868.  .bs-head-detail .btn-theme.quote {
  869.          margin: -5px 0 -5px 0;
  870.          border-radius: 0;
  871.          float: right;
  872. }
  873.  .bs-head-detail .top-date {
  874.          display: inline-flex;
  875.          flex-wrap: wrap;
  876.          align-items: center;
  877.          justify-content: center;
  878.          padding: 10px;
  879.          border-radius: var(--bxbra);
  880.          border: 3px solid;
  881. }
  882.  .bs-head-detail .top-date .day {
  883.          font-size: 14px;
  884.          margin-right: 6px;
  885.          line-height: 0.8;
  886.          font-weight: 700;
  887.          letter-spacing: 0.2px;
  888. }
  889.  .bs-head-detail .top-date .deta {
  890.          font-size: 13px;
  891.          font-weight: 400;
  892.          line-height: 1.2;
  893.          word-break: break-word;
  894. }
  895.  .bs-head-detail .top-date .time {
  896.          padding: 0 4px;
  897.          height: 20px;
  898.          line-height: 1;
  899.          display: flex;
  900.          align-items: center;
  901.          border-radius: 5px;
  902. }
  903.  .btn.btn-subscribe {
  904.          padding: 0 8px;
  905. }
  906.  .bs-head-detail .info-right {
  907.          justify-content: flex-end;
  908. }
  909.  .info-right li {
  910.          display: inline-block;
  911.          margin-right: 15px;
  912.          padding: 0;
  913. }
  914.  .info-right li:last-child {
  915.          margin-right: unset;
  916. }
  917.  .bs-head-detail .info-right li a {
  918.          font-size: 13px;
  919. }
  920.  .bs-head-detail .info-right i {
  921.          font-size: 14px;
  922.          padding-right: 10px;
  923. }
  924.  .bs-head-detail .bs-social {
  925.          padding: 0;
  926.          flex-wrap: wrap;
  927.          justify-content: flex-end;
  928. }
  929.  .bs-head-detail .bs-social li {
  930.          margin: 0;
  931.          padding: 0;
  932.          display: inline-flex;
  933. }
  934.  .bs-head-detail .bs-social li a i {
  935.          font-size: 14px;
  936.          padding-right: unset;
  937. }
  938.  .bs-cart {
  939.          position: relative;
  940. }
  941.  .bs-cart-count {
  942.          background: #e33729;
  943.          border-radius: 20px;
  944.          color: #ffffff;
  945.          display: inline-block;
  946.          font-size: 9px;
  947.          font-weight: bold;
  948.          height: 16px;
  949.          line-height: 15px;
  950.          margin-left: -15px;
  951.          margin-top: 0;
  952.          position: absolute;
  953.          text-align: center;
  954.          vertical-align: top;
  955.          width: 16px;
  956. }
  957.  .navbar-brand {
  958.          font-size: 26px;
  959.          height: auto;
  960.          line-height: 25px;
  961.          margin-right: 50px;
  962.          padding: 15px 0;
  963.          text-shadow: 2px 2px 1px rgba(150, 150, 183, 0.18);
  964. }
  965.  .navbar-brand .site-description {
  966.          font-size: 13px;
  967.          line-height: 0;
  968.          margin-bottom: 0;
  969. }
  970.  .navbar-wp .navbar-nav > li> a {
  971.          padding: 0 12px;
  972.          margin-right: 0;
  973.          font-size: 16px;
  974.          letter-spacing: 0.5px;
  975.          -webkit-transition: all .25s ease-out;
  976.          -moz-transition: all .25s ease-out;
  977.          transition: all .25s ease-out;
  978.          margin-bottom: 0px;
  979.          font-weight: 600;
  980.          display: block;
  981.          font-family: 'Outfit', sans-serif;
  982. }
  983.  .navbar-nav {
  984.          justify-content: center;
  985. }
  986.  .navbar-wp .navbar-nav > li > ul > li > a i {
  987.          padding-right: 10px;
  988. }
  989.  .navbar-wp .navbar-nav > .disabled > a, .navbar-wp .navbar-nav > .disabled > a:hover, .navbar-wp .navbar-nav > .disabled > a:focus {
  990.          background-color: transparent;
  991. }
  992.  .navbar-wp .navbar-nav > .open > a, .navbar-wp .navbar-nav > .open > a:hover, .navbar-wp .navbar-nav > .open > a:focus {
  993.          background: transparent;
  994. }
  995.  .navbar-base .navbar-nav > .open > a, .navbar-base .navbar-nav > .open > a:hover, .navbar-base .navbar-nav > .open > a:focus {
  996.          background: transparent;
  997. }
  998.  .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
  999.          align-items: center;
  1000. }
  1001.  .navbar-wp [data-bs-toggle=offcanvas] {
  1002.          cursor: pointer;
  1003.          padding: 0;
  1004. }
  1005.  [role=button] {
  1006.          cursor: pointer;
  1007.          padding: 15px;
  1008. }
  1009.  .navbar-nav {
  1010.          justify-content: center;
  1011. }
  1012.  .navbar-toggle {
  1013.          border-radius: 0;
  1014.          margin: 10px auto;
  1015.          position: absolute;
  1016.          right: 5%;
  1017.          border: none;
  1018.          box-shadow: none;
  1019. }
  1020.  .navbar-wp .dropdown-menu {
  1021.          min-width: 200px;
  1022.          padding: 0;
  1023.          border: none;
  1024.          border-radius: 0;
  1025.          z-index: 10;
  1026.          right: auto;
  1027.          left: 0;
  1028. }
  1029.  .dropdown-menu {
  1030.          animation: growDown 300ms ease-in-out forwards;
  1031.          transform-origin: top center;
  1032. }
  1033.  @-moz-keyframes growDown {
  1034.          0% {
  1035.                  transform: scaleY(0);
  1036.         }
  1037.          80% {
  1038.                  transform: scaleY(1.1);
  1039.         }
  1040.          100% {
  1041.                  transform: scaleY(1);
  1042.         }
  1043. }
  1044.  @-webkit-keyframes growDown {
  1045.          0% {
  1046.                  transform: scaleY(0);
  1047.         }
  1048.          80% {
  1049.                  transform: scaleY(1.1);
  1050.         }
  1051.          100% {
  1052.                  transform: scaleY(1);
  1053.         }
  1054. }
  1055.  @-o-keyframes growDown {
  1056.          0% {
  1057.                  transform: scaleY(0);
  1058.         }
  1059.          80% {
  1060.                  transform: scaleY(1.1);
  1061.         }
  1062.          100% {
  1063.                  transform: scaleY(1);
  1064.         }
  1065. }
  1066.  @keyframes growDown {
  1067.          0% {
  1068.                  transform: scaleY(0);
  1069.         }
  1070.          80% {
  1071.                  transform: scaleY(1.1);
  1072.         }
  1073.          100% {
  1074.                  transform: scaleY(1);
  1075.         }
  1076. }
  1077.  .navbar-wp .dropdown-menu > li, .navbar-wp .dropdown-menu > li:last-child {
  1078.          border: 0 
  1079. }
  1080.  .navbar-wp .dropdown-menu > li > a {
  1081.          padding: 8px 15px;
  1082.          display: block;
  1083.          transition: .3s;
  1084.          font-weight: 500;
  1085. }
  1086.  .navbar-wp .dropdown-menu > .dropdown-menu {
  1087.          right: 0;
  1088.          left: auto;
  1089. }
  1090.  .navbar-nav > li:last-child > .dropdown-menu {
  1091.          right: 0;
  1092.          left: auto;
  1093. }
  1094.  .navbar-wp .navbar-brand {
  1095.          font-size: 22px;
  1096.          line-height: 20px;
  1097.          padding: 15px 0;
  1098.          transition: all 0.25s ease-out 0s;
  1099. }
  1100.  .navbar-wp .dropdown-menu.searchinner {
  1101.          left: inherit !important;
  1102.          right: 0!important;
  1103.          padding: 10px;
  1104.          min-width: 200px;
  1105.          box-shadow: var(--bxsh);
  1106.          border: 1px solid #c9c9c9;
  1107. }
  1108.  .navbar-wp .dropdown-menu.searchinner .form-control {
  1109.          margin-bottom: 0;
  1110. }
  1111.  .navbar-wp .dropdown-menu.searchinner .btn {
  1112.          border: medium none;
  1113.          border-radius: 0 4px 4px 0;
  1114.          height: 40px;
  1115.          line-height: 25px;
  1116.          padding: 5px 15px;
  1117. }
  1118.  .m-header {
  1119.          display: none;
  1120. }
  1121.  .desk-header {
  1122.          display: flex;
  1123.          padding: 15px 0 15px 15px;
  1124. }
  1125.  .desk-header .btn-theme{
  1126.          padding: 6px 22px;
  1127.          line-height: 20px;
  1128.          margin-left: 10px;
  1129. }
  1130.  .desk-header .msearch:focus {
  1131.          outline: none;
  1132. }
  1133.  .desk-header .msearch {
  1134.          padding: 8px;
  1135. }
  1136.  .bs-default .desk-header .msearch {
  1137.          padding: 8px 10px;
  1138. }
  1139.  .top-cart {
  1140.          margin-left: 10px;
  1141.          margin-right: 10px;
  1142.          position: relative;
  1143. }
  1144.  .right-nav a {
  1145.          display: flex;
  1146.          align-items: center;
  1147.          justify-content: center;
  1148.          padding: 0;
  1149.          width: 45px;
  1150.          height: 45px;
  1151.          line-height: 1;
  1152.          border-radius: 50%;
  1153.          position: relative;
  1154.          z-index: 1;
  1155.          overflow: hidden;
  1156.          border: 2px solid #000;
  1157. }
  1158.  .right-nav a:hover::after, .bs_upscr:hover::after {
  1159.          height: 100%;
  1160. }
  1161.  .right-nav a::after, .bs_upscr::after {
  1162.          content: '';
  1163.          display: block;
  1164.          position: absolute;
  1165.          bottom: 0%;
  1166.          left: 0;
  1167.          width: 100%;
  1168.          height: 0%;
  1169.          z-index: -1;
  1170.          -webkit-transition: all 0.8s;
  1171.          transition: all 0.8s;
  1172. }
  1173.  .right-nav a {
  1174.          margin-left: 0.5rem;
  1175. }
  1176.  .right-nav label:nth-child(1) {
  1177.          margin-right: 0.5rem;
  1178. }
  1179.  .right-nav label:nth-child(2) {
  1180.          margin-left: 0.5rem;
  1181.          margin-right: 0.5rem;
  1182.          margin-bottom: 3px;
  1183. }
  1184.  .right-nav label:nth-child(3) {
  1185.          margin-left: 0.5rem;
  1186.          margin-right: 10px;
  1187. }
  1188.  .switch {
  1189.          padding: 0;
  1190.          width: 35px;
  1191.          height: 35px;
  1192.          line-height: 1;
  1193. }
  1194.  .switch .slider::before {
  1195.          width: 45px;
  1196.          height: 45px;
  1197.          left: -1px;
  1198.          bottom: -5px;
  1199. }
  1200. /* -------------------------------------- ========================================= General ========================================= -----------------------------------------*/
  1201.  .site-branding-text .site-title a {
  1202.          font-weight: 700;
  1203.          font-size: 60px;
  1204.          line-height: 1.2;
  1205.          text-shadow: 4px 4px var(--pri-color);
  1206. }
  1207.  .site-title {
  1208.          font-family: 'Outfit', sans-serif;
  1209. }
  1210.  .site-branding-text p {
  1211.          margin-bottom: 0;
  1212.          padding: 5px 0;
  1213. }
  1214.  .site-branding-text .site-description {
  1215.          font-size: 16px;
  1216. }
  1217. /*========================================= missed ========================================= -----------------------------------------*/
  1218.  .missed {
  1219.          padding-top: 0px;
  1220.          padding-bottom: 10px;
  1221. }
  1222. /*--------------------------------------- ========================================= widget Titlle ========================================= -----------------------------------------*/
  1223.  .bs-widget-title {
  1224.          display: flex;
  1225.          width: 100%;
  1226.          align-items: center;
  1227.          margin-bottom: 20px;
  1228.          padding: 0;
  1229.          position: relative;
  1230. }
  1231.  .bs-widget-title .title {
  1232.          text-align: center;
  1233.          margin-bottom: 0;
  1234.          padding: 5px 30px;
  1235.          position: relative;
  1236.          font-size: 20px;
  1237.          font-weight: 700;
  1238.          line-height: 1.4;
  1239.          border: var(--bxbr);
  1240.          border-radius: 15px 15px 0 0;
  1241.          width: 100%;
  1242. }
  1243.  .recentarea {
  1244.          border-radius: 5px;
  1245.          padding: 20px 20px 10px 20px;
  1246. }
  1247. /*--------------------------------------- ========================================= promo widget ========================================= -----------------------------------------*/
  1248.  .bs-widget {
  1249.          margin-bottom: 30px;
  1250. }
  1251.  .wp-block-tag-cloud a {
  1252.          cursor: pointer;
  1253.          display: inline-block;
  1254.          font-size: 12px !important;
  1255.          font-weight: bold;
  1256.          line-height: 20px;
  1257.          margin: 0 5px 9px 0;
  1258.          padding: 6px 12px;
  1259.          transition: all 0.4s ease-in-out 0s;
  1260.          border-radius: 0;
  1261.          text-transform: capitalize;
  1262.          border-width: 3px;
  1263.          border-style: solid;
  1264.          box-shadow: var(--bxsh);
  1265.          border-radius: var(--bxbra);
  1266. }
  1267.  .bs-widget .bs-widget-tags a, .bs-sidebar .bs-widget .tagcloud a {
  1268.          cursor: pointer;
  1269.          display: inline-block;
  1270.          font-size: 14px !important;
  1271.          font-weight: bold;
  1272.          line-height: 20px;
  1273.          margin: 0 5px 9px 0;
  1274.          padding: 6px 12px;
  1275.          transition: all 0.4s ease-in-out 0s;
  1276.          border-radius: var(--bxbra);
  1277.          text-transform: capitalize;
  1278.          border-width: 3px;
  1279.          border-style: solid;
  1280. }
  1281.  .bs-widget.promo {
  1282.          height: 250px;
  1283.          background-size: cover;
  1284.          background-position: center;
  1285.          position: relative;
  1286.          transition: all 0.4s ease 0s;
  1287.          text-align: center;
  1288.          margin-bottom: 10px;
  1289. }
  1290.  .bs-widget.promo .inner-content {
  1291.          transition: all 0.4s ease 0s;
  1292.          height: 100%;
  1293.          position: relative;
  1294.          width: 100%;
  1295.          padding: 15px;
  1296. }
  1297.  .bs-widget.promo:hover .text{
  1298.          border: none;
  1299. }
  1300.  .bs-widget.promo .text{
  1301.          width: 100%;
  1302.          height: 100%;
  1303.          display: flex;
  1304.          justify-content: center;
  1305.          align-items: center;
  1306.          flex-direction: column;
  1307.          border: 1px solid rgba(255,255,255,1);
  1308.          transition: all 0.6s ease;
  1309.          position: relative;
  1310. }
  1311.  .bs-widget.promo .text::before{
  1312.          box-sizing: inherit;
  1313.          content: '';
  1314.          position: absolute;
  1315.          top: 0;
  1316.          left: 0;
  1317.          border: 3px solid transparent;
  1318.          width: 0;
  1319.          height: 0;
  1320. }
  1321.  .bs-widget.promo:hover .text::before{
  1322.          transition: width .15s ease-out,height .25s ease-out .25s;
  1323. }
  1324.  .bs-widget.promo .text::after{
  1325.          box-sizing: inherit;
  1326.          content: '';
  1327.          position: absolute;
  1328.          bottom: 0;
  1329.          right: 0;
  1330.          border: 3px solid transparent;
  1331.          width: 0;
  1332.          height: 0;
  1333. }
  1334.  .bs-widget.promo:hover .text::after{
  1335.          transition: border-color .25s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s;
  1336. }
  1337.  .bs-widget.promo:hover .text::before, .bs-widget.promo:hover .text::after{
  1338.          width: 100%;
  1339.          height: 100%;
  1340. }
  1341.  .bs-widget.promo h5{
  1342.          z-index: 1;
  1343.          font-size: 16px;
  1344.          font-weight: 500;
  1345. }
  1346.  .bs-widget.promo h5 a{
  1347.          z-index: 1;
  1348.          padding: 5px 20px;
  1349. }
  1350.  .tabarea-area .nav-tabs .nav-link{
  1351.          border-radius: 0;
  1352. }
  1353.  .express-post-1 {
  1354.          display: none;
  1355. }
  1356. /*--------------------------------------- ========================================= Category Widget ========================================= -----------------------------------------*/
  1357.  .custom-cate-list .fea-cate{
  1358.          height: 100px;
  1359.          background-position: center center;
  1360.          background-size: cover;
  1361.          background-repeat: no-repeat;
  1362.          display: flex;
  1363.          justify-content: space-between;
  1364.          align-items: center;
  1365.          position: relative;
  1366.          overflow: hidden;
  1367.          padding: 20px;
  1368.          color: #fff;
  1369.          font-weight: 600;
  1370.          margin-bottom: 20px;
  1371. }
  1372.  .custom-cate-list .fea-cate span{
  1373.          color: #fff;
  1374.          position: relative;
  1375. }
  1376.  .custom-cate-list .fea-cate span.badge {
  1377.          background: #fff;
  1378.          color: #000;
  1379.          width: 40px;
  1380.          height: 40px;
  1381.          line-height: 35px;
  1382. }
  1383.  .custom-cate-list .fea-cate::before{
  1384.          position: absolute;
  1385.          width: 100%;
  1386.          height: 100%;
  1387.          left: 0;
  1388.          right: 0;
  1389.          content: "";
  1390.          background: rgba(0,0,0,0.3);
  1391. }
  1392. /*--------------------------------------- ========================================= featured tab widget ========================================= -----------------------------------------*/
  1393.  .featured-tab-widget .bs-widget-title {
  1394.          justify-content: space-between;
  1395.          display: flex;
  1396.          align-items: center;
  1397. }
  1398.  .featured-tab-widget .nav-link {
  1399.          cursor: pointer;
  1400.          font-size: 14px;
  1401. }
  1402.  .featured-tab-widget .nav-link {
  1403.          cursor: pointer;
  1404.          font-size: 14px;
  1405. }
  1406. /*--------------------------------------- ========================================= content ========================================= -----------------------------------------*/
  1407.  #content {
  1408.          padding-top: 24px;
  1409.          padding-bottom: 50px;
  1410. }
  1411.  .bs-widget.widget_text h2 {
  1412.          font-size: 22px;
  1413.          margin-bottom: 15px;
  1414.          position: relative;
  1415.          padding-bottom: 15px;
  1416.          font-weight: 600;
  1417. }
  1418.  .img-shadow {
  1419.          box-shadow: -30px 30px 1px 0 var(--pri-color);
  1420. }
  1421. /*--------------------------------------- ========================================= Image Ads ========================================= -----------------------------------------*/
  1422.  .bs-ads-area img {
  1423.          max-width: 100%;
  1424. }
  1425. /*--------------------------------------- blogs -----------------------------------------*/
  1426.  .bs-blog-post {
  1427.          margin-bottom: 30px;
  1428.          box-shadow: var(--bxsh);
  1429.          border: var(--bxbr);
  1430.          overflow: hidden;
  1431.          border-radius: var(--bxbra);
  1432.          padding: 20px;
  1433. }
  1434.  .bs-blog-post.lg {
  1435.          position: relative;
  1436.          height: 475px;
  1437.          overflow: hidden;
  1438.          margin-left: 0;
  1439.          margin-right: 1px;
  1440.          margin-bottom: 1px;
  1441.          background-color:#000;
  1442. }
  1443.  .bs-blog-post.three.md {
  1444.          width: 100%;
  1445.          height: 200px;
  1446. }
  1447.  .bs-blog-post.text-start .bs-blog-category {
  1448.          justify-content: flex-start;
  1449. }
  1450.  .bs-blog-post.text-center .bs-blog-category {
  1451.          justify-content: center;
  1452. }
  1453.  .bs-blog-post.text-end .bs-blog-category {
  1454.          justify-content: flex-end;
  1455. }
  1456.  .bs-blog-post:hover {
  1457.          box-shadow: var(--bxshover);
  1458. }
  1459.  .bs-blog-thumb {
  1460.          position: relative;
  1461.          min-height: 20px;
  1462.          overflow: hidden;
  1463.          max-width: 100%;
  1464.          border-radius: var(--bxbra);
  1465.          border: 2px solid #000;
  1466. }
  1467.  .link-div {
  1468.          display: block;
  1469.          position: absolute;
  1470.          top: 0;
  1471.          right: 0;
  1472.          bottom: 0;
  1473.          left: 0;
  1474. }
  1475.  .back-img {
  1476.          background-size: cover !important;
  1477.          background-position: center !important;
  1478.          background-repeat: no-repeat !important;
  1479. }
  1480.  .bs-blog-thumb.lg {
  1481.          height: 400px;
  1482. }
  1483.  .bs-blog-thumb.md {
  1484.          height: 220px;
  1485. }
  1486.  .bs-blog-post .bs-blog-thumb img{
  1487.          max-width: 100%;
  1488.          height: 100%;
  1489.          object-fit: cover;
  1490. }
  1491. /*----- blog-post two -----*/
  1492.  .bs-blog-post.two {
  1493.          background: unset;
  1494.          box-shadow: unset;
  1495.          border: none;
  1496.          padding: 0;
  1497. }
  1498.  .bs-blog-post.two .small {
  1499.          margin: 0 20px;
  1500.          position: relative;
  1501.          top: -60px;
  1502.          box-shadow: 0 4px 25px 0 rgb(0 0 0 / 20%);
  1503.          padding: 20px;
  1504.          border: var(--bxbr);
  1505.          border-radius: var(--bxbra);
  1506. }
  1507.  .bs-blog-post.two:hover {
  1508.          box-shadow: unset;
  1509. }
  1510. /*----- blog-post overlay -----*/
  1511.  .bs-blog-post.three {
  1512.          position: relative;
  1513. }
  1514.  .bs-blog-post.three.lg {
  1515.          height: 400px;
  1516. }
  1517.  .bs-blog-post.three.sm {
  1518.          height: 185px;
  1519. }
  1520.  .bs-blog-post.three .bs-blog-category {
  1521.          z-index: 5;
  1522. }
  1523.  .bs-blog-post.three .title {
  1524.          z-index: 5;
  1525. }
  1526.  .bs-blog-post.three .title.sm {
  1527.          font-size: 18px;
  1528.          margin-bottom: 0;
  1529. }
  1530.  .bs-blog-post.three .bs-blog-meta {
  1531.          margin-bottom: 0;
  1532.          z-index: 5;
  1533. }
  1534.  .bs-blog-post.three .inner {
  1535.          position: absolute;
  1536.          bottom: 0;
  1537.          padding: 25px;
  1538.          z-index: 5;
  1539.          top: 0;
  1540.          bottom: 0;
  1541.          right: 0;
  1542.          left: 0;
  1543.          display: flex;
  1544.          justify-content: flex-end;
  1545.          flex-direction: column;
  1546. }
  1547.  .bs-blog-post.three .inner:after {
  1548.          position: absolute;
  1549.          content: '';
  1550.          width: 100%;
  1551.          height: 100%;
  1552.          left: 0;
  1553.          top: 0;
  1554.          z-index: 0;
  1555.          background-color: transparent;
  1556.          background-image: linear-gradient(180deg, #02010100 48%, #121718 75%);
  1557. }
  1558. /* --blog--four-- */
  1559.  .bs-blog-post.four {
  1560.          display: flex;
  1561.          background: transparent;
  1562.          box-shadow: none;
  1563.          border: none;
  1564.          padding: 0;
  1565. }
  1566.  .bs-blog-post.four:hover {
  1567.          box-shadow: unset;
  1568. }
  1569.  .bs-blog-post.four .bs-blog-thumb {
  1570.          width:55%;
  1571.          height: auto;
  1572.          z-index: 0;
  1573. }
  1574.  .bs-blog-post.four .small {
  1575.          padding: 20px;
  1576.          width: 66%;
  1577.          margin: 25px 0;
  1578.          margin-left: -120px;
  1579.          position: relative;
  1580.          border: 2px solid #000;
  1581.          border-radius: var(--bxbra);
  1582. }
  1583.  .bs-blog-post.four.noimg .small {
  1584.          margin-left: -70px;
  1585. }
  1586.  .col-md-12.fadeInDown:nth-child(even) .bs-blog-post.four{
  1587.          flex-direction: row-reverse;
  1588. }
  1589.  .col-md-12.fadeInDown:nth-child(even) .bs-blog-post.four .small {
  1590.          margin-left: unset;
  1591.          margin-right: -70px;
  1592. }
  1593. /*----- blog-post list -----*/
  1594.  .list-blog.bs-blog-post {
  1595.          display: flex;
  1596.          align-items: center;
  1597.          text-align: left;
  1598.          padding: 45px;
  1599. }
  1600.  .list-blog .bs-blog-thumb {
  1601.          width: 40.333333%;
  1602.          max-width: 40.333333%;
  1603.          min-width: 40.333333%;
  1604.          height: 290px;
  1605.          min-height: 250px;
  1606.          margin-right: 25px;
  1607.          border-radius: var(--bxbra);
  1608.          border: 2px solid #000;
  1609. }
  1610.  .list-blog .bs-blog-thumb.md {
  1611.          height: 250px;
  1612. }
  1613.  .list-blog .bs-blog-thumb .blog-slider {
  1614.          height: 250px;
  1615. }
  1616.  .list-blog .responsive-video {
  1617.          min-height: 250px;
  1618. }
  1619.  .list-blog.bs-blog-post .small {
  1620.          padding: 0;
  1621.          font-size: 17px;
  1622. }
  1623.  .list-blog .bs-blog-category {
  1624.          justify-content: flex-start;
  1625. }
  1626.  .list-blog.right .bs-blog-thumb {
  1627.          margin-left: 15px;
  1628.          margin-right: unset;
  1629. }
  1630. /*----- Double Category small-post -----*/
  1631.  .double-category-posts {
  1632.          display: grid;
  1633.          grid-template-columns: repeat(3, minmax(0, 1fr));
  1634.          grid-column-gap: 1.5rem;
  1635. }
  1636.  .double-category-posts .colinn {
  1637.          padding: 20px;
  1638.          border: 1px solid #eee;
  1639.          margin-bottom: 30px;
  1640. }
  1641.  .small-post.mg-post-1 {
  1642.          padding: 0;
  1643.          position: relative;
  1644.          margin-bottom: 10px;
  1645.          flex-direction: column;
  1646. }
  1647.  .small-post.mg-post-1 .img-small-post {
  1648.          height: 370px;
  1649.          width: 100%;
  1650.          margin-right: auto;
  1651.          margin-bottom: 25px;
  1652. }
  1653.  .small-post.mg-post-1 .small-post-content {
  1654.          margin-bottom: 20px;
  1655. }
  1656. /*----- List small-post-widget -----*/
  1657.  .small-post-list-widget .col-grid-2 {
  1658.          display: grid;
  1659.          grid-column-gap: 1.5rem;
  1660.          grid-template-columns: repeat(2, minmax(0, 1fr));
  1661. }
  1662.  .small-post-list-widget .small-post .img-small-post {
  1663.          width: 34%;
  1664.          height: 150px;
  1665. }
  1666. /*----- Recent small-post -----*/
  1667.  .bs-recent-blog-post {
  1668.          margin-bottom: 30px;
  1669. }
  1670.  .bs-recent-blog-post .small-post {
  1671.          margin-bottom: 10px;
  1672. }
  1673.  .bs-recent-blog-post .small-post .img-small-post {
  1674.          width: 60px;
  1675.          height: 60px;
  1676. }
  1677.  .bs-recent-blog-post .small-post .img-small-post img {
  1678.          width: 100%;
  1679.          height: 100%;
  1680.          object-fit: cover;
  1681. }
  1682.  .bs-recent-blog-post .small-post .img-small-post.right {
  1683.          margin-left: 15px;
  1684.          margin-right: 0;
  1685.          border: var(--bxbr);
  1686. }
  1687.  .bs-recent-blog-post .small-post .title {
  1688.          margin-bottom: 0;
  1689. }
  1690.  .bs-recent-blog-post .bs-blog-meta span {
  1691.          font-size: 12px;
  1692. }
  1693. /*----- List small-post -----*/
  1694.  .small-post {
  1695.          position: relative;
  1696.          overflow: hidden;
  1697.          margin-bottom: 30px;
  1698.          display: -ms-flexbox;
  1699.          display: flex;
  1700.          -ms-flex-align: center;
  1701.          align-items: center;
  1702.          padding: 8px;
  1703. }
  1704.  .small-post .img-small-post {
  1705.          width: 20%;
  1706.          height: 85px;
  1707.          margin-right: 25px;
  1708.          overflow: hidden;
  1709.          position: relative;
  1710.          border-radius: 0;
  1711.          transition: all .3s ease-out;
  1712. }
  1713.  .small-post-content {
  1714.          -ms-flex: 1;
  1715.          flex: 1;
  1716. }
  1717.  .small-post .title{
  1718.          font-size: 16px;
  1719.          font-weight: 600;
  1720.          line-height: 1.2;
  1721. }
  1722.  .bs-widget .small-post-content .title{
  1723.          font-weight: 600;
  1724.          line-height: 1.2;
  1725.          text-align: left;
  1726. }
  1727. /*----- blog-post slider -----*/
  1728.  .mainfeatured {
  1729.          background-repeat: no-repeat;
  1730.          background-size: cover;
  1731.          background-position: center;
  1732.          position: relative;
  1733. }
  1734.  .mainfeatured:before {
  1735.          content: "";
  1736.          position: absolute;
  1737.          left: 0;
  1738.          right: 0;
  1739.          top: 0;
  1740.          bottom: 0;
  1741. }
  1742.  .mainfeatured.over {
  1743.          margin-bottom: 30px;
  1744. }
  1745.  .mainfeatured.over .inner {
  1746.          padding-bottom: 40px;
  1747.          padding-top: 40px;
  1748. }
  1749.  .mainfeatured .homemain {
  1750.          margin-bottom: 1.5rem;
  1751. }
  1752.  .bs-slide {
  1753.          height: 500px;
  1754.          display: flex;
  1755.          justify-content: center;
  1756.          align-items: center;
  1757.          margin-bottom: 0;
  1758.          position: relative;
  1759.          border-radius: var(--bxbra);
  1760.          overflow: hidden;
  1761.          border: var(--bxbr);
  1762. }
  1763.  .bs-slide.overlay:before {
  1764.          content: '';
  1765.          display: block;
  1766.          position: absolute;
  1767.          top: 0;
  1768.          left: 0;
  1769.          width: 100%;
  1770.          height: 100%;
  1771. }
  1772.  .bs-slide .inner {
  1773.          display: flex;
  1774.          flex-direction: column;
  1775.          justify-content: center;
  1776.          align-items: center;
  1777.          width: 65%;
  1778.          height: auto;
  1779.          padding: 30px 15px;
  1780.          text-align: center;
  1781.          z-index: 1;
  1782.          position: relative;
  1783.          border-radius: var(--bxbra);
  1784.          border: var(--bxbr);
  1785.          overflow: hidden;
  1786.          background: #fff;
  1787.          box-shadow: var(--bxsh);
  1788. }
  1789.  .bs-slide .inner::after {
  1790.          content: "";
  1791.          display: block;
  1792.          height: 100%;
  1793.          position: absolute;
  1794.          top: 0;
  1795.          left: 0;
  1796.          width: 100%;
  1797.          z-index: -1;
  1798.          opacity: 0.8;
  1799. }
  1800.  .bs-slide.two .inner {
  1801.          border-radius: var(--bxbra);
  1802.          border: var(--bxbr);
  1803.          overflow: hidden;
  1804.          background: #fff;
  1805. }
  1806.  .bs-slide.three {
  1807.          align-items: flex-end;
  1808. }
  1809.  .bs-slide.three .inner {
  1810.          width: 100%;
  1811. }
  1812.  .bs-slide .inner .title {
  1813.          font-size: 45px;
  1814.          font-weight: 700;
  1815.          line-height: 1.2;
  1816.          margin-bottom: 15px;
  1817. }
  1818.  .bs-slide.colmn .inner .title {
  1819.          font-size: 24px;
  1820.          font-weight: 700;
  1821. }
  1822.  .bs-slide.colmn .inner {
  1823.          width: 90%;
  1824. }
  1825. /*----- blog-post category -----*/
  1826.  .bs-blog-category {
  1827.          position: relative;
  1828.          display: flex;
  1829.          flex-wrap: wrap;
  1830.          align-items: center;
  1831.          margin-top: 0;
  1832.          margin-bottom: 15px;
  1833.          margin-left: -4px;
  1834.          margin-right: -4px;
  1835. }
  1836.  .bs-blog-category a {
  1837.          font-size: 14px;
  1838.          padding: 4px 8px;
  1839.          line-height: 1;
  1840.          font-weight: 600;
  1841.          cursor: pointer;
  1842.          border-radius: 0;
  1843.          margin-left: 4px;
  1844.          margin-right: 4px;
  1845.          margin-top: 1px;
  1846.          margin-bottom: 1px;
  1847.          display: inline-flex;
  1848.          align-items: center;
  1849.          border: 2px solid #000;
  1850.          border-radius: 15px;
  1851.          box-shadow: 2px 2px 0px #000;
  1852. }
  1853.  .bs-blog-category a i {
  1854.          font-size: 10px;
  1855.          margin-right: 3px;
  1856.          -webkit-backface-visibility: hidden;
  1857.          backface-visibility: hidden;
  1858. }
  1859.  .bs-blog-post .title {
  1860.          font-size: 27px;
  1861.          font-weight: 700;
  1862.          line-height: 1.3;
  1863.          margin-bottom: 20px;
  1864.          text-decoration: none;
  1865. }
  1866.  .bs-blog-post .title.sm {
  1867.          font-size: 22px;
  1868.          line-height: 1.2;
  1869. }
  1870.  .bs-blog-post .small {
  1871.          padding: 20px 0 0 0;
  1872.          font-size: 17px;
  1873. }
  1874. /*----- blog-post meta -----*/
  1875.  .bs-blog-post .bs-blog-meta {
  1876.          margin-bottom: 20px;
  1877. }
  1878.  .bs-post-meta a {
  1879.          display: inline-block;
  1880. }
  1881.  .bs-blog-meta span {
  1882.          padding-right: 8px;
  1883.          font-size: 14px;
  1884.          font-weight: 600;
  1885. }
  1886.  .bs-blog-meta .bs-author .auth img {
  1887.          border-radius: 50%;
  1888.          width: 25px;
  1889.          height: 25px;
  1890.          margin-right: 8px;
  1891.          margin-left: 1px;
  1892.          display: unset;
  1893.          box-shadow: 0px 2px 8px 1px rgba(33, 33, 33, 0.3);
  1894. }
  1895.  .bs-blog-date:before, .comments-link:before, .cat-links:before, .tag-links:before {
  1896.          font-family: 'Font Awesome 5 Free';
  1897.          font-weight: 900;
  1898.          position: relative;
  1899.          display: inline-block;
  1900.          padding-right: 2px;
  1901.          padding-left: 1px;
  1902.          text-decoration: inherit;
  1903.          vertical-align: baseline;
  1904.          opacity: 0.8;
  1905. }
  1906.  .bs-blog-date:before{
  1907.          content: "\f017";
  1908. }
  1909.  .comments-link:before {
  1910.          content: "\f086";
  1911. }
  1912.  .cat-links:before {
  1913.          content: "\f07c";
  1914. }
  1915.  .tag-links:before {
  1916.          content: "\f02c";
  1917. }
  1918.  .bs-author-pic img {
  1919.          width: 80px;
  1920.          height: 80px;
  1921. }
  1922. /*----- blog-post post-share-icons -----*/
  1923.  .post-share-icons {
  1924.          display: flex;
  1925.          flex-wrap: wrap;
  1926.          list-style: none;
  1927.          padding: 30px 0;
  1928.          justify-content: center;
  1929.          border-width: 1px 0 0;
  1930.          border-style: solid;
  1931.          margin-top: 10px;
  1932. }
  1933.  .post-share-icons a {
  1934.          width: 36px;
  1935.          height: 36px;
  1936.          margin-right: 0.538rem;
  1937.          text-align: center;
  1938.          line-height: 36px;
  1939.          position: relative;
  1940.          z-index: 1;
  1941.          display: block;
  1942.          border-radius: 50%;
  1943.          overflow: hidden;
  1944.          transition: all 0.2s;
  1945. }
  1946.  .post-share-icons a:hover {
  1947.          box-shadow: var(--bxshover);
  1948. }
  1949. /*----- blog-post single -----*/
  1950.  .bs-blog-post.single {
  1951.          text-align: left;
  1952. }
  1953.  .bs-blog-post.single .bs-header .title {
  1954.          font-size: 38px;
  1955.          font-weight: 800;
  1956.          line-height: 110%;
  1957. }
  1958.  .bs-blog-post .single .nav-links{
  1959.          padding: 2rem;
  1960. }
  1961.  .bs-blog-post .single .nav-links div{
  1962.          box-sizing: border-box;
  1963.          flex-basis: 50%;
  1964. }
  1965.  .bs-blog-post .single .nav-links .nav-next{
  1966.          text-align: right;
  1967. }
  1968.  .bs-blog-post .bs-header {
  1969.          padding: 20px;
  1970. }
  1971.  .bs-blog-post .bs-header .btitle {
  1972.          font-size: 18px;
  1973.          font-weight: 700;
  1974.          margin-bottom: 0;
  1975. }
  1976.  .bs-blog-post .bs-header .bs-read {
  1977.          margin-left: 3px;
  1978.          margin-right: 6px;
  1979. }
  1980.  .bs-blog-post .bs-header .bs-info-author-block {
  1981.          box-shadow: inherit;
  1982.          margin:0;
  1983.          padding: 0;
  1984.          border: none;
  1985. }
  1986.  .bs-blog-post .bs-header .bs-blog-meta .bs-author .auth img {
  1987.          width: 40px;
  1988.          height: 40px;
  1989. }
  1990.  .bs-info-author-block {
  1991.          display: flex;
  1992.          box-shadow: var(--bxsh);
  1993. }
  1994.  .bs-info-author-block .bs-author-pic img {
  1995.          margin: 0 15px 0 0;
  1996.          border-radius: 50%;
  1997.          box-shadow: 0px 2px 8px 1px rgb(33 33 33 / 30%);
  1998.          width: 80px;
  1999.          height: 80px;
  2000.          max-width: unset !important;
  2001.          object-fit: cover;
  2002. }
  2003. /*----- comments -----*/
  2004.  .comment-list {
  2005.          list-style: none;
  2006.          padding: 0;
  2007.          margin: 0;
  2008. }
  2009.  .comments-area .comment-body {
  2010.          position: relative;
  2011.          padding: 25px 25px 25px 70px;
  2012.          min-height: 120px;
  2013.          overflow-wrap: break-word;
  2014.          word-wrap: break-word;
  2015.          border-radius: 3px;
  2016.          z-index: 0;
  2017.          margin-bottom: 25px;
  2018.          border-width: 0 0 1px;
  2019.          border-style: solid;
  2020. }
  2021.  .comment-list .children {
  2022.          position: relative;
  2023.          padding: 0;
  2024.          margin: 0;
  2025.          margin-left: 2.5rem;
  2026.          z-index: 0;
  2027.          list-style: none;
  2028. }
  2029.  .comment-body .reply {
  2030.          text-align: right;
  2031. }
  2032.  #comments img {
  2033.         max-width: 100%;
  2034. }
  2035.  .reply a {
  2036.          font-size: 14px;
  2037.          padding: 5px 17px;
  2038.          font-weight: bold;
  2039.          transition: 0.3s ease-in-out 0s;
  2040.          border-radius: 0;
  2041.          display: inline-block;
  2042.          border-width: 1px;
  2043.          border-style: solid;
  2044. }
  2045.  .comments-area .comment-meta {
  2046.          display: -ms-flexbox;
  2047.          display: flex;
  2048.          -ms-flex-wrap: wrap;
  2049.          flex-wrap: wrap;
  2050.          -ms-flex-align: flex-start;
  2051.          align-items: flex-start;
  2052.          -ms-flex-direction: row;
  2053.          flex-direction: row;
  2054. }
  2055.  .comment-meta .comment-metadata {
  2056.          margin: 0 0 0 5px;
  2057. }
  2058.  .comment-content {
  2059.          position: relative;
  2060.          z-index: 0;
  2061.          padding: 16px 40px 16px 0;
  2062. }
  2063.  .comments-area img.avatar {
  2064.          border-radius: 60%;
  2065.          position: absolute;
  2066.          z-index: 0;
  2067.          left: 0;
  2068.          top: 28px;
  2069.          width: 60px;
  2070.          height: 60px;
  2071.          box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  2072. }
  2073. /*----- masonary -----*/
  2074.  .bs-masonry-columns {
  2075.          columns: 3;
  2076.          column-gap: 1.5rem;
  2077. }
  2078.  .bs-masonry-columns .bs-blog-post {
  2079.          margin: 0 1rem 1rem 0;
  2080.          display: inline-block;
  2081.          width: 100%;
  2082. }
  2083. /* -------------------------------------- ========================================= bs-breadcrumb-section ========================================= -----------------------------------------*/
  2084.  .bs-breadcrumb-section {
  2085.          margin-top: 0;
  2086.          margin-bottom: 20px;
  2087. }
  2088.  .bs-breadcrumb-section .overlay {
  2089.          padding: 10px 0;
  2090.          position: relative;
  2091.          box-shadow: var(--bxsh);
  2092.          border: var(--bxbr);
  2093.          border-radius: var(--bxbra);
  2094. }
  2095.  .bs-breadcrumb-section .breadcrumb {
  2096.          margin-bottom: 0;
  2097. }
  2098.  .bs-breadcrumb-section .breadcrumb, .bs-breadcrumb-section .breadcrumb a {
  2099.          font-size: 13px;
  2100. }
  2101.  .bs-breadcrumb-title {
  2102.          padding: 0;
  2103. }
  2104.  .bs-breadcrumb-title h1 {
  2105.          font-size: 40px;
  2106.          font-weight: 700;
  2107.          margin: 0;
  2108.          line-height: 48px;
  2109.          padding-bottom: 0px;
  2110. }
  2111.  .bs-page-breadcrumb {
  2112.          list-style: none outside none;
  2113.          margin-bottom: 0;
  2114.          padding: 0;
  2115.          font-size: 15px;
  2116.          line-height: 30px;
  2117. }
  2118.  .bs-page-breadcrumb > li {
  2119.          display: inline-block;
  2120. }
  2121.  .bs-page-breadcrumb > li + li:before {
  2122.          content: "\f178";
  2123.          font-family: 'Font Awesome 5 Free';
  2124.          padding: 0 5px;
  2125. }
  2126.  .bs-breadcrumb-section .bs-blog-category{
  2127.          position: relative;
  2128.          left: 0;
  2129. }
  2130.  .bs-breadcrumb-inner {
  2131.          display: flex;
  2132.          width: 100%;
  2133. }
  2134. /* -------------------------------------- ========================================= bs-sidebar ========================================= -----------------------------------------*/
  2135.  .bs-sidebar a {
  2136.          transition: all 0.3s ease 0s;
  2137. }
  2138.  .bs-sidebar .bs-widget .btn {
  2139.          padding: 2px 12px;
  2140.          border: none;
  2141.          border-radius: 0;
  2142.          height: 40px;
  2143. }
  2144.  .bs-sidebar .bs-widget {
  2145.          margin-bottom: 30px;
  2146.          padding: 15px 15px 5px 15px;
  2147.          border-radius: 0;
  2148.          box-shadow: var(--bxsh);
  2149.          border-radius: var(--bxbra);
  2150.          border: var(--bxbr);
  2151. }
  2152.  .bs-sidebar .widget_search {
  2153.          padding: 15px;
  2154. }
  2155.  .bs-widget ul {
  2156.          padding: 0;
  2157.          margin: 0;
  2158.          list-style: none;
  2159. }
  2160.  .bs-widget ul li:last-child {
  2161.          border: none;
  2162.          padding-bottom: 0;
  2163. }
  2164.  .bs-widget ul li {
  2165.          display: block;
  2166.          letter-spacing: 0.2px;
  2167.          line-height: 22px;
  2168.          margin: 0 0 10px;
  2169.          overflow: hidden;
  2170.          padding: 0;
  2171.          border-width: 0 0 1px 0;
  2172.          border-style: solid;
  2173. }
  2174.  .bs-sidebar .bs-widget h2 form {
  2175.          padding: 0 10px;
  2176. }
  2177.  .bs-sidebar .bs-widget ul li {
  2178.          padding: 10px 0;
  2179.          position: relative;
  2180.          transition: all 0.4s ease-in-out 0s;
  2181. }
  2182.  .bs-sidebar .bs-widget ul li a:hover {
  2183.          transition: all 0.4s ease-in-out 0s;
  2184. }
  2185.  .bs-sidebar .bs-widget ul.menu li .sub-menu {
  2186.          margin-left: 15px;
  2187. }
  2188.  .bs-sidebar .bs-widget ul.menu li .sub-menu li {
  2189.          border-bottom: none;
  2190.          padding: 10px 0 0;
  2191. }
  2192.  .bs-sidebar .bs-widget.widget_search .btn {
  2193.          border: medium none;
  2194.          border-radius: 0;
  2195.          height: 40px;
  2196.          line-height: 25px;
  2197.          padding: 5px 15px;
  2198.          transition: all 0.3s ease 0s;
  2199. }
  2200.  .bs-sidebar .bs-widget .bs-widget-tags, .bs-sidebar .bs-widget .tagcloud {
  2201.          margin: 0 0 10px;
  2202.          overflow: hidden;
  2203.          padding: 0;
  2204. }
  2205.  .bs-sidebar .bs-widget .bs-widget-tags a, .bs-sidebar .bs-widget .tagcloud a {
  2206.          cursor: pointer;
  2207.          display: inline-block;
  2208.          font-size: 14px !important;
  2209.          font-weight: bold;
  2210.          line-height: 20px;
  2211.          margin: 0 5px 9px 0;
  2212.          padding: 6px 12px;
  2213.          transition: all 0.4s ease-in-out 0s;
  2214.          border-radius: var(--bxbra);
  2215.          text-transform: capitalize;
  2216.          border-width: 3px;
  2217.          border-style: solid;
  2218. }
  2219.  .bs-sidebar .bs-widget-tags a:hover, .bs-sidebar .bs-widget .tagcloud a:hover {
  2220.          transition: all 0.4s ease-in-out 0s;
  2221. }
  2222.  .bs-sidebar .bs-widget ul.bs-social {
  2223.          padding: 10px 0px;
  2224.          margin: 0;
  2225. }
  2226.  .bs-sidebar .bs-widget ul.bs-social li {
  2227.          display: inline-flex;
  2228.          border: inherit;
  2229.          padding: 0;
  2230. }
  2231.  .bs-sidebar .bs-widget ul.bs-social li a i {
  2232.          margin: 0px;
  2233.          text-align: center;
  2234.          padding: 0;
  2235. }
  2236. /*--bs-blog-post end--*/
  2237. /*--bs-recent-slider--*/
  2238.  .recentarea-slider {
  2239.          height: 450px;
  2240.          counter-reset: tr_post;
  2241.          position: relative;
  2242. }
  2243.  .recentarea-slider .swiper-button-prev, .recentarea-slider .swiper-button-next {
  2244.          position: absolute;
  2245.          top: 20px;
  2246.          transform: rotate(90deg);
  2247. }
  2248.  .recentarea-slider .small-post {
  2249.          counter-increment: tr_post;
  2250.          border-width: 0 0 1px 0;
  2251.          border-style: solid;
  2252.          padding-bottom: 20px;
  2253. }
  2254.  .recentarea-slider .img-small-post:before {
  2255.          content: counter(tr_post);
  2256.          width: 25px;
  2257.          height: 25px;
  2258.          display: flex;
  2259.          justify-content: center;
  2260.          align-items: center;
  2261.          border-radius: 50%;
  2262.          font-size: 14px;
  2263.          font-weight: 700;
  2264.          background: var(--pri-color);
  2265.          color: #fff;
  2266.          border: 2px solid #fff;
  2267.          position: absolute;
  2268.          left: 0;
  2269.          top: 0;
  2270. }
  2271.  .recentarea-slider .small-post .img-small-post {
  2272.          width: 80px;
  2273.          height: 80px;
  2274.          border-radius: 50%;
  2275.          overflow: unset;
  2276.          border: var(--bxbr);
  2277. }
  2278. /*--bs-category List With Img--*/
  2279.  .custom-cate-list ul li a{
  2280.          min-height: 100px;
  2281.          background-position: center center;
  2282.          background-size: cover;
  2283.          background-repeat: no-repeat;
  2284.          display: flex;
  2285.          justify-content: space-between;
  2286.          align-items: center;
  2287.          position: relative;
  2288.          overflow: hidden;
  2289.          padding: 20px;
  2290.          color: #fff;
  2291.          font-weight: 600;
  2292. }
  2293.  .custom-cate-list ul li a span{
  2294.          color: #fff;
  2295.          position: relative;
  2296. }
  2297.  .custom-cate-list ul li a span.badge {
  2298.          background: #fff;
  2299.          color: #000;
  2300.          width: 40px;
  2301.          height: 40px;
  2302.          line-height: 35px;
  2303. }
  2304.  .custom-cate-list ul li a::before{
  2305.          position: absolute;
  2306.          width: 100%;
  2307.          height: 100%;
  2308.          left: 0;
  2309.          right: 0;
  2310.          content: "";
  2311.          background: rgba(0,0,0,0.3);
  2312. }
  2313. /*--bs-blog-post end--*/
  2314. /*--bs-widget author --*/
  2315.  .bs-widget .bs-author {
  2316.          margin-top: 25px;
  2317. }
  2318.  .bs-author img.rounded-circle {
  2319.          margin-bottom: 20px;
  2320.          width: 130px;
  2321.          height: 130px;
  2322.          object-fit: cover;
  2323. }
  2324. /*--bs-widget author end--*/
  2325. /*--calendar_wrap--*/
  2326.  .bs-widget .calendar_wrap table {
  2327.          width: 100%;
  2328.          font-size: 15px;
  2329. }
  2330.  .bs-widget .calendar_wrap table caption {
  2331.          font-size: 16px;
  2332.          font-weight: 500;
  2333.          line-height: 35px;
  2334.          margin-bottom: 0;
  2335.          padding: 5px 12px;
  2336.          text-align: center;
  2337.          border-width: 1px;
  2338.          border-style: solid;
  2339. }
  2340.  .bs-widget .calendar_wrap table thead th {
  2341.          border-width: 1px;
  2342.          border-style: solid;
  2343. }
  2344.  .bs-widget .calendar_wrap table tbody td:hover, .bs-widget .calendar_wrap table tbody #today:hover {
  2345.          transition: all 0.3s ease 0s;
  2346. }
  2347.  .bs-widget .calendar_wrap table tfoot {
  2348.          border-width: 1px;
  2349.          border-style: solid;
  2350. }
  2351.  .bs-widget .calendar_wrap table thead th {
  2352.          text-align: center;
  2353.          padding: 6px 0;
  2354. }
  2355.  .bs-widget .calendar_wrap table tbody td {
  2356.          line-height: 1.7;
  2357.          transition: background 0.15s ease 0s;
  2358.          text-align: center;
  2359.          border-width: 1px;
  2360.          border-style: solid;
  2361.          padding: 3px 5px;
  2362. }
  2363.  .bs-widget .calendar_wrap table tfoot {
  2364.          font-size: 11px;
  2365. }
  2366.  .bs-widget .calendar_wrap table tfoot tr td#prev {
  2367.          padding: 5px;
  2368.          text-transform: uppercase;
  2369. }
  2370.  .bs-widget .calendar_wrap table tfoot tr td#next {
  2371.          padding: 5px;
  2372.          text-align: right;
  2373.          text-transform: uppercase;
  2374. }
  2375.  .bs-widget .calendar_wrap .wp-calendar-nav {
  2376.          display: flex;
  2377.          justify-content: space-between;
  2378.          padding: 5px 5px 0px 5px;
  2379. }
  2380. /*--calendar_wrap end--*/
  2381.  .bs-sidebar .bs-widget .textwidget select, .bs-sidebar .bs-widget .textwidget img {
  2382.          width: 100%;
  2383. }
  2384.  .bs-sidebar .bs-widget .textwidget img.size-large {
  2385.          height: auto;
  2386. }
  2387. /*----woocommerce footer-widget----*/
  2388.  .bs-sidebar .bs-widget.widget_product_search .btn {
  2389.          padding: 2px 12px;
  2390.          height: 40px;
  2391.          border-radius: 0;
  2392.          margin-left: -1px;
  2393. }
  2394. /*----left-menu-widget----*/
  2395.  .bs-sidebar .bs-left-menu-widget ul li {
  2396.          border-radius: 0;
  2397.          margin: 0;
  2398.          padding: 10px 20px;
  2399. }
  2400.  .bs-sidebar .bs-left-menu-widget ul li:hover, .bs-sidebar .bs-left-menu-widget ul li.active {
  2401.          border-radius: 0 30px 30px 0;
  2402. }
  2403.  .wp-block-group__inner-container{
  2404.          overflow-x: hidden;
  2405. }
  2406.  ol.wp-block-latest-comments{
  2407.          overflow-x: hidden;
  2408. }
  2409. /* -------------------------------------- ========================================= bs-error page ========================================= -----------------------------------------*/
  2410.  .bs-error-404 h1 {
  2411.          font-size: 100px;
  2412.          line-height: 80px;
  2413. }
  2414.  .bs-error-404 h1 i {
  2415.          padding: 5px;
  2416.          text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.17);
  2417. }
  2418.  .bs-error-404 h4 {
  2419.          line-height: 40px;
  2420. }
  2421.  .bs-error-404 p {
  2422.          line-height: 30px;
  2423. }
  2424. /* -------------------------------------- ========================================= subscibe-area ========================================= -----------------------------------------*/
  2425.  .subscibe-area {
  2426.          border-radius: 5px;
  2427.          box-shadow: var(--bxsh);
  2428.          display: flex;
  2429.          align-items: center;
  2430.          transform: translateY(-30px);
  2431. }
  2432.  .subscibe-area .mc4wp-form-fields {
  2433.          display: flex;
  2434.          align-items: center;
  2435.          justify-content: space-evenly;
  2436. }
  2437.  .subscibe-area .mc4wp-form-fields input[type="email"] {
  2438.          height: 54px;
  2439. }
  2440.  .subscibe-area .mc4wp-form-fields p {
  2441.          margin-bottom: unset;
  2442. }
  2443.  .subscibe-area .mc4wp-form-fields label {
  2444.          margin-top: -29px;
  2445. }
  2446.  .subscibe-area .mc4wp-form-fields input[type="submit"] {
  2447.          margin-left: -13px;
  2448. }
  2449. /* -------------------------------------- ========================================= bs-footer ========================================= -----------------------------------------*/
  2450.  footer .bs-footer-widget-area {
  2451.          padding-top: 40px;
  2452. }
  2453.  footer .site-title {
  2454.          margin-bottom: 1rem;
  2455. }
  2456.  footer .site-branding-text .site-title-footer a {
  2457.          font-size: 30px;
  2458.          font-family: 'Outfit', sans-serif;
  2459.          font-weight: 600;
  2460. }
  2461.  footer .site-branding-text .site-title-footer {
  2462.          line-height: 38px;
  2463. }
  2464.  footer .bs-widget ul li {
  2465.          border: none;
  2466. }
  2467.  footer .bs-recent-blog-post .small-post {
  2468.          background: unset;
  2469.          margin-bottom: 0;
  2470. }
  2471.  footer .divide-line {
  2472.          margin-bottom: 20px;
  2473.          height: 2px;
  2474.          width: 100%;
  2475.          background: #1a182e;
  2476. }
  2477.  footer .bs-footer-bottom-area {
  2478.          padding-bottom: 20px;
  2479. }
  2480.  footer .bs-widget {
  2481.          background: unset;
  2482. }
  2483.  .footer-logo {
  2484.          border-radius: 0%;
  2485.          overflow: hidden;
  2486.          display: flex;
  2487.          align-items: center;
  2488.          display: block;
  2489. }
  2490.  .footer-logo a.navbar-brand{
  2491.          margin-right: 0;
  2492. }
  2493.  .col-md-4 .footer-logo {
  2494.          margin: 0 auto;
  2495. }
  2496.  .footer-logo img{
  2497.          width: 100%;
  2498.          height: 100%;
  2499. }
  2500.  .bs-footer-copyright {
  2501.          padding: 15px 0;
  2502. }
  2503.  footer .bs-footer-copyright, footer .bs-footer-copyright p, footer .bs-footer-copyright a {
  2504.          margin-bottom: 0;
  2505. }
  2506.  .bs-footer-copyright .info-right{
  2507.          padding: 0;
  2508.          margin: 0;
  2509. }
  2510.  .bs-footer-copyright .info-right li{
  2511.          margin-right: 0;
  2512. }
  2513. /* -------------------------------------- ========================================= 8.bs-scroll ========================================= -----------------------------------------*/
  2514.  .bs_upscr {
  2515.          bottom: 2%;
  2516.          display: none;
  2517.          height: 50px;
  2518.          opacity: 1;
  2519.          overflow: hidden;
  2520.          position: fixed;
  2521.          right: 10px;
  2522.          text-align: center;
  2523.          width: 50px;
  2524.          z-index: 9999;
  2525.          border-radius: 50%;
  2526.          border-width: 3px;
  2527.          border-style: solid;
  2528.          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);
  2529. }
  2530.  .bs_upscr:hover {
  2531.          opacity: 1;
  2532. }
  2533.  .bs_upscr i {
  2534.          font-size: 16px;
  2535.          line-height: 50px;
  2536. }
  2537.  .bs_upscr:hover, .bs_upscr:focus {
  2538.          border-width: 3px;
  2539.          border-style: solid;
  2540.          transition: all 0.3s ease 0s;
  2541. }
  2542.  .container.mobi-menu {
  2543.          display: none;
  2544. }
  2545. /* WordPress Core*/
  2546.  .site-description {
  2547.          margin-bottom: 0;
  2548. }
  2549. /* == WordPress WYSIWYG Editor Styles == */
  2550.  .entry-content img {
  2551.          margin: 0 0 1.5em 0;
  2552. }
  2553.  .alignleft, img.alignleft {
  2554.          margin-right: 1.5em;
  2555.          display: inline;
  2556.          float: left;
  2557. }
  2558.  .alignright, img.alignright {
  2559.          margin-left: 1.5em;
  2560.          display: inline;
  2561.          float: right;
  2562. }
  2563.  .aligncenter, img.aligncenter {
  2564.          margin-right: auto;
  2565.          margin-left: auto;
  2566.          display: block;
  2567.          clear: both;
  2568. }
  2569.  .alignnone, img.alignnone {
  2570.         /* not sure about this one */
  2571. }
  2572.  .wp-caption {
  2573.          margin-bottom: 1.5em;
  2574.          text-align: center;
  2575.          padding-top: 5px;
  2576. }
  2577.  .wp-caption img {
  2578.          border: 0 none;
  2579.          padding: 0;
  2580.          margin: 0;
  2581. }
  2582.  .wp-caption p.wp-caption-text {
  2583.          line-height: 1.5;
  2584.          font-size: 10px;
  2585.          margin: 0;
  2586. }
  2587.  .wp-smiley {
  2588.          margin: 0 !important;
  2589.          max-height: 1em;
  2590. }
  2591.  blockquote.left {
  2592.          margin-right: 20px;
  2593.          text-align: right;
  2594.          margin-left: 0;
  2595.          width: 33%;
  2596.          float: left;
  2597. }
  2598.  blockquote.right {
  2599.          margin-left: 20px;
  2600.          text-align: left;
  2601.          margin-right: 0;
  2602.          width: 33%;
  2603.          float: right;
  2604. }
  2605.  .gallery dl {
  2606. }
  2607.  .gallery dt {
  2608. }
  2609.  .gallery dd {
  2610. }
  2611.  .gallery dl a {
  2612. }
  2613.  .gallery dl img {
  2614. }
  2615.  .gallery-caption {
  2616. }
  2617.  .size-full {
  2618. }
  2619.  .size-large {
  2620. }
  2621.  .size-medium {
  2622. }
  2623.  .size-thumbnail {
  2624. }
  2625. /*Contact Form 7*/
  2626.  .wpcf7-form {
  2627.          margin-bottom: 50px;
  2628. }
  2629.  .wpcf7-form label {
  2630.         display: block;
  2631. }
  2632.  .wpcf7-textarea {
  2633.          height: 200px;
  2634. }
  2635.  .commentlist .bypostauthor {
  2636. }
  2637.  .commentlist li ul.children li.bypostauthor {
  2638. }
  2639.  .sticky{
  2640. }
  2641. /* WordPress Gallery ------------------------------------------ */
  2642.  .gallery {
  2643.          margin-left: -0.5em;
  2644.          margin-right: -0.5em;
  2645. }
  2646.  .gallery:after {
  2647.          display: table;
  2648.          content: "";
  2649.          clear: both;
  2650. }
  2651.  .gallery-item {
  2652.          margin: 0;
  2653.          float: left;
  2654.          padding: 0.5em;
  2655. }
  2656.  .gallery-item img {
  2657.          width: 100%;
  2658. }
  2659.  .gallery-columns-1 .gallery-item {
  2660.          width: 100%;
  2661.          float: none;
  2662. }
  2663.  .gallery-columns-2 .gallery-item {
  2664.          width: 50% 
  2665. }
  2666.  .gallery-columns-3 .gallery-item {
  2667.          width: 33.3333% 
  2668. }
  2669.  .gallery-columns-4 .gallery-item {
  2670.          width: 25% 
  2671. }
  2672.  .gallery-columns-5 .gallery-item {
  2673.          width: 20% 
  2674. }
  2675.  .gallery-columns-6 .gallery-item {
  2676.          width: 16.6667% 
  2677. }
  2678.  .gallery-columns-7 .gallery-item {
  2679.          width: 14.2857% 
  2680. }
  2681.  .gallery-columns-8 .gallery-item {
  2682.          width: 12.5% 
  2683. }
  2684.  .gallery-columns-9 .gallery-item {
  2685.          width: 11.1111% 
  2686. }
  2687.  .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) {
  2688.          clear: left;
  2689. }
  2690. /* Text meant only for screen readers. */
  2691.  .screen-reader-text {
  2692.          position: absolute;
  2693.          margin: -1px;
  2694.          padding: 0;
  2695.          height: 1px;
  2696.          width: 1px;
  2697.          overflow: hidden;
  2698.          clip: rect(0 0 0 0);
  2699.          border: 0;
  2700.          word-wrap: normal !important;
  2701. }
  2702.  .screen-reader-text {
  2703.          border: 0;
  2704.          clip: rect(1px, 1px, 1px, 1px);
  2705.          -webkit-clip-path: inset(50%);
  2706.          clip-path: inset(50%);
  2707.          height: 1px;
  2708.          margin: -1px;
  2709.          overflow: hidden;
  2710.          padding: 0;
  2711.          position: absolute;
  2712.          width: 1px;
  2713.          word-wrap: normal !important;
  2714. }
  2715.  .no-js .some-element .screen-reader-text {
  2716.          position: static;
  2717.          -webkit-clip-path: none;
  2718.          clip-path: none;
  2719.          width: auto;
  2720.          height: auto;
  2721.          margin: 0;
  2722. }
  2723. /*--Widget Block Css ----*/
  2724.  .bs-widget .wp-block-search__label{
  2725.          font-size: 20px;
  2726.          font-weight: 700;
  2727.          margin-bottom: 20px;
  2728.          padding: 5px 30px;
  2729.          position: relative;
  2730.          letter-spacing: 1.1px;
  2731.          border-style: solid;
  2732.          border-width: 3px;
  2733.          line-height: 1.2;
  2734.          font-family: 'Outfit', sans-serif;
  2735.          border-radius: 15px 15px 0 0;
  2736.          text-align: center;
  2737. }
  2738.  .widget_block h2 {
  2739.          margin-bottom: 0;
  2740.          padding: 5px 30px;
  2741.          position: relative;
  2742.          font-size: 20px;
  2743.          font-weight: 700;
  2744.          line-height: 1.4;
  2745.          display: flex;
  2746.          width: 100%;
  2747.          align-items: center;
  2748.          margin-bottom: 20px;
  2749.          position: relative;
  2750.          border-style: solid;
  2751.          border-width: 3px;
  2752.          border-radius: 15px 15px 0 0;
  2753.          justify-content: center;
  2754. }
  2755.  .widget_block .wp-block-search__button {
  2756.          margin-left: 10px;
  2757.          padding: 10px;
  2758. }
  2759. /* -------------------------------------- ========================================= Responsive part ========================================= -----------------------------------------*/
  2760. /* ---- ==== Media ==== ----*/
  2761.  @media (min-width: 1200px) {
  2762.          .container {
  2763.                  max-width: 1270px;
  2764.         }
  2765. }
  2766.  @media (min-width: 992px){
  2767.          .bs-sidebar {
  2768.                  padding-right: 20px;
  2769.         }
  2770.          .col-lg-9 + .col-lg-3 .bs-sidebar{
  2771.                  padding-left: 20px;
  2772.                  padding-right: 0px;
  2773.         }
  2774.          .col-lg-8 + .col-lg-4 .bs-sidebar{
  2775.                  padding-left: 20px;
  2776.                  padding-right: 0px;
  2777.         }
  2778. }
  2779.  @media (min-width: 991.98px) and (max-width: 1199px){
  2780.          .col-lg-3 .wp-block-search__inside-wrapper {
  2781.                  flex-wrap: wrap;
  2782.                  justify-content: center;
  2783.         }
  2784.          .col-lg-3 .wp-block-search__button {
  2785.                  margin-left:0;
  2786.                  margin-top: 5px;
  2787.         }
  2788. }
  2789.  @media (max-width: 767.98px) {
  2790.          html {
  2791.                  font-size: 13px;
  2792.         }
  2793.          .bs-headthree .bs-header-main .inner {
  2794.                  height: 70px;
  2795.         }
  2796.          .bs-headfour .navbar-wp {
  2797.                  height: 50px;
  2798.         }
  2799.          .bs-head-detail .info-right {
  2800.                  justify-content: center;
  2801.         }
  2802.          .bs-head-detail ul.info-left {
  2803.                  align-items: center;
  2804.                  flex-direction: column;
  2805.         }
  2806.          .navbar-brand img {
  2807.                  max-width: 100%;
  2808.         }
  2809.          .bs-blog-thumb .bs-blog-inner {
  2810.                  width: 90%;
  2811.         }
  2812.          .bs-blog-thumb .bs-blog-inner .title {
  2813.                  font-size: 30px;
  2814.         }
  2815.          .list-blog.bs-blog-post {
  2816.                  flex-direction: column;
  2817.         }
  2818.          .list-blog .bs-blog-thumb {
  2819.                  width: 100% !important;
  2820.                  max-width: 100% !important;
  2821.                  margin-right: unset;
  2822.                  margin-bottom: 15px;
  2823.         }
  2824.          .bs-slide {
  2825.                  height: 400px;
  2826.         }
  2827.          .bs-slide .inner .title, .bs-blog-post .title {
  2828.                  font-size: 18px;
  2829.         }
  2830.          .bs-slide.two .inner {
  2831.                  width: 95%;
  2832.         }
  2833.          .text-xs {
  2834.                  text-align: center;
  2835.         }
  2836.          .text-center-xs {
  2837.                  text-align: center;
  2838.         }
  2839.          footer .col-md-6 .footer-logo{
  2840.                  margin: 0 auto;
  2841.         }
  2842.          footer .footer-logo{
  2843.                  display: flex;
  2844.                  align-items: center;
  2845.                  flex-direction: column;
  2846.                  text-align: center;
  2847.         }
  2848.          footer .footer-logo .navbar-brand{
  2849.                  margin: 0;
  2850.         }
  2851.          .navigation.pagination .nav-links{
  2852.                  justify-content: center;
  2853.         }
  2854.          .navigation + .navigation{
  2855.                  justify-content: center;
  2856.         }
  2857.          .col-lg-8.content-right .bs-blog-category {
  2858.                  justify-content: center;
  2859.         }
  2860. }
  2861.  @media screen and (min-width: 240px) and (max-width: 1179px) {
  2862.          .boxed {
  2863.                  width: auto;
  2864.         }
  2865. }
  2866.  @media (max-width: 991.98px) {
  2867.          .bs-masonry-columns {
  2868.                  columns: 1;
  2869.         }
  2870.          #menu-primary li.active.home {
  2871.                  display: none;
  2872.         }
  2873.          .bs-default .site-branding-text .site-title a {
  2874.                  font-weight: bold;
  2875.                  font-size: 40px;
  2876.                  line-height: 1.2;
  2877.         }
  2878.          .m-header {
  2879.                  width: 100%;
  2880.                  display: flex;
  2881.                  justify-content: space-between;
  2882.         }
  2883.          .m-header .navbar-header {
  2884.                  text-align: center;
  2885.         }
  2886.          .bs-default .navbar-wp, .bs-headthree .navbar-wp {
  2887.                  height: auto;
  2888.         }
  2889.          .bs-default .navbar-brand {
  2890.                  height: auto;
  2891.         }
  2892.          .m-header .navbar-brand img {
  2893.                  width: 120px;
  2894.                  height: auto;
  2895.         }
  2896.          .desk-header {
  2897.                  display: none;
  2898.         }
  2899.          .navbar > .container{
  2900.                  justify-content: center;
  2901.         }
  2902.          .collapse.navbar-collapse {
  2903.                  position: relative;
  2904.         }
  2905.          .navbar-collapse.collapse.show {
  2906.                  left: 0%;
  2907.                  height: auto;
  2908.         }
  2909.          .bs-headfour {
  2910.                  position: relative;
  2911.         }
  2912.          .navbar-collapse ul.navbar-nav {
  2913.                  margin-top: 15px;
  2914.         }
  2915.          .bs-sidebar {
  2916.                  margin-top: 20px;
  2917.                  margin-bottom: 20px;
  2918.         }
  2919.          .wp-block-search__label:before {
  2920.                  width: 12.5%;
  2921.         }
  2922.          .widget_block h2:before {
  2923.                  width: 12.5%;
  2924.         }
  2925. }
  2926.  

Editor

You can edit this paste and save as new:


File Description
  • CSS-test
  • Paste Code
  • 09 Jun-2023
  • 64.99 Kb
You can Share it: