WordPress.org
Get WordPress

Make WordPress Themes

Changeset 298818


Ignore:
Timestamp:
11/17/2025 11:33:06 AM (12 months ago)
Author:
themedropbox
Message:

New version of Cyber Security Elementor - 0.2.8

Location:
cyber-security-elementor/0.2.8
Files:
9 edited
1 copied

Legend:

Unmodified
Added
Removed

  • cyber-security-elementor/0.2.8/archive.php

    r295323 r298818  
    131131        </div>
    132132        <div class="col-lg-4 col-md-4">
    133           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     133          <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     134           <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    134135            <?php
    135136              dynamic_sidebar('sidebar-2');
    … …  
    166167        </div>
    167168        <div class="col-lg-3 col-md-3">
    168           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     169          <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     170           <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    169171            <?php
    170172              dynamic_sidebar('sidebar-2');
    … …  
    173175        </div>
    174176        <div class="col-lg-3 col-md-3">
    175           <div class="sidebar-area sidebar-three <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     177          <div class="sidebar-area sidebar-three <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     178            <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    176179            <?php
    177180              dynamic_sidebar('sidebar-3');

  • cyber-security-elementor/0.2.8/assets/js/script.js

    r295323 r298818  
    241241  }
    242242});
     243
     244/*sticky sidebar*/
     245window.addEventListener('scroll', function () {
     246  var sticky = document.querySelector('.sidebar-sticky');
     247  if (!sticky) return;
     248
     249  var scrollTop = window.scrollY || document.documentElement.scrollTop;
     250  var windowHeight = window.innerHeight;
     251  var documentHeight = document.documentElement.scrollHeight;
     252
     253  var isBottom = scrollTop + windowHeight >= documentHeight - 100;
     254
     255  if (scrollTop >= 100 && !isBottom) {
     256    sticky.classList.add('sidebar-fixed');
     257  } else {
     258    sticky.classList.remove('sidebar-fixed');
     259  }
     260});

  • cyber-security-elementor/0.2.8/includes/customizer.php

    r295323 r298818  
    745745                'type'        => 'custom',
    746746                'tab'      => 'general',
     747                'settings'    => 'cyber_security_elementor_enable_sidebar_sticky_heading',
     748                'section'     => 'cyber_security_elementor_additional_setting',
     749                        'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Sticky Sidebar', 'cyber-security-elementor' ) . '</h3>',
     750                'priority'    => 10,
     751        ] );
     752
     753        Kirki::add_field( 'theme_config_id', [
     754                'type'        => 'toggle',
     755                'tab'      => 'general',
     756                'settings'    => 'cyber_security_elementor_enable_sticky_sidebar',
     757                'label'       => esc_html__( 'Enable or Disable Sticky Sidebar', 'cyber-security-elementor' ),
     758                'section'     => 'cyber_security_elementor_additional_setting',
     759                'default'     => false,
     760                'priority'    => 10,
     761        ] );
     762
     763        Kirki::add_field( 'theme_config_id', [
     764                'type'        => 'custom',
     765                'tab'      => 'general',
    747766                'settings'    => 'cyber_security_elementor_scroll_alignment_heading',
    748767                'section'     => 'cyber_security_elementor_additional_setting',

  • cyber-security-elementor/0.2.8/index.php

    r295323 r298818  
    131131        </div>
    132132        <div class="col-lg-4 col-md-4">
    133           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     133          <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     134           <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    134135            <?php
    135136              dynamic_sidebar('sidebar-2');
    … …  
    166167        </div>
    167168        <div class="col-lg-3 col-md-3">
    168           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     169          <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     170           <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    169171            <?php
    170172              dynamic_sidebar('sidebar-2');
    … …  
    173175        </div>
    174176        <div class="col-lg-3 col-md-3">
    175           <div class="sidebar-area sidebar-three <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     177          <div class="sidebar-area sidebar-three <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     178           <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    176179            <?php
    177180              dynamic_sidebar('sidebar-3');

  • cyber-security-elementor/0.2.8/page.php

    r295323 r298818  
    5151        <div class="row">
    5252          <div class="col-lg-4 col-md-4">
    53             <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     53            <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     54             <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    5455              <?php
    5556                dynamic_sidebar('sidebar-2');
    … …  
    9798          </div>
    9899          <div class="col-lg-4 col-md-4">
    99             <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     100            <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     101              <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    100102              <?php
    101103                dynamic_sidebar('sidebar-2');

  • cyber-security-elementor/0.2.8/readme.txt

    r296473 r298818  
    22Contributors: wpelemento
    33Requires at least: 5.0
    4 Stable tag: 0.2.7
     4Stable tag: 0.2.8
    55Requires PHP: 5.6
    66Tested up to: 6.8
    … …  
    6464
    6565== Changelog ==
     66
     67= November-5-2025 :: 0.2.8
     68
     69* Added sticky sidebar.
     70* Remove unwanted css.
    6671
    6772= October-31-2025 :: 0.2.7

  • cyber-security-elementor/0.2.8/search.php

    r295323 r298818  
    131131        </div>
    132132        <div class="col-lg-4 col-md-4">
    133           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     133          <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     134            <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    134135            <?php
    135136              dynamic_sidebar('sidebar-2');
    … …  
    166167        </div>
    167168        <div class="col-lg-3 col-md-3">
    168           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     169          <div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     170            <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    169171            <?php
    170172              dynamic_sidebar('sidebar-2');
    … …  
    173175        </div>
    174176        <div class="col-lg-3 col-md-3">
    175           <div class="sidebar-area sidebar-three <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     177          <div class="sidebar-area sidebar-three <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     178            <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    176179            <?php
    177180              dynamic_sidebar('sidebar-3');

  • cyber-security-elementor/0.2.8/sidebar.php

    r295323 r298818  
    99?>
    1010
    11 <div class="sidebar-area <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     11<div class="sidebar-area <?php if( get_theme_mod( 'cyber_security_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     12  <?php echo esc_attr( get_theme_mod('cyber_security_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    1213  <?php if ( ! dynamic_sidebar( 'cyber-security-elementor-sidebar' ) ) : ?>
    1314    <div role="complementary" aria-label="<?php echo esc_attr__( 'sidebar1', 'cyber-security-elementor' ); ?>" id="Search" class="sidebar-widget">

  • cyber-security-elementor/0.2.8/style.css

    r296473 r298818  
    55Theme URI: https://www.wpelemento.com/products/free-cyber-security-wordpress-theme
    66Author URI: https://www.wpelemento.com/
    7 Version: 0.2.7
     7Version: 0.2.8
    88Requires PHP: 5.6
    99Tested up to: 6.8
    … …  
    2323
    2424.screen-reader-text {
    25         border: 0;
    26         clip: rect(1px, 1px, 1px, 1px);
    27         clip-path: inset(50%);
    28         height: 1px;
    29         margin: -1px;
    30         overflow: hidden;
    31         padding: 0;
    32         position: absolute !important;
    33         width: 1px;
    34         word-wrap: normal !important;
    35         -webkit-transition: none;
    36         -moz-transition: none;
    37         -o-transition: none;
    38         transition: none;
    39 }
     25  border: 0;
     26  clip: rect(1px, 1px, 1px, 1px);
     27  clip-path: inset(50%);
     28  height: 1px;
     29  margin: -1px;
     30  overflow: hidden;
     31  padding: 0;
     32  position: absolute !important;
     33  width: 1px;
     34  word-wrap: normal !important;
     35  -webkit-transition: none;
     36  -moz-transition: none;
     37  -o-transition: none;
     38  transition: none;
     39}
     40
    4041.screen-reader-text:focus {
    41         background-color: #f1f1f1;
    42         border-radius: 3px;
    43         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    44         clip: auto !important;
    45         clip-path: none;
    46         color: #21759b;
    47         display: block;
    48         font-size: 14px;
    49         font-weight: 600;
    50         height: auto;
    51         left: 5px;
    52         line-height: normal;
    53         padding: 15px 23px 14px;
    54         text-decoration: none;
    55         top: 5px;
    56         width: auto;
    57         z-index: 100000;
    58 }
     42  background-color: #f1f1f1;
     43  border-radius: 3px;
     44  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     45  clip: auto !important;
     46  clip-path: none;
     47  color: #21759b;
     48  display: block;
     49  font-size: 14px;
     50  font-weight: 600;
     51  height: auto;
     52  left: 5px;
     53  line-height: normal;
     54  padding: 15px 23px 14px;
     55  text-decoration: none;
     56  top: 5px;
     57  width: auto;
     58  z-index: 100000;
     59}
     60
    5961#content[tabindex="-1"]:focus {
    60         outline: 0;
    61 }
     62  outline: 0;
     63}
     64
    6265body {
    6366  font-family: "Outfit", sans-serif;
    6467  color: #5b5b5b;
    65   margin:0;
     68  margin: 0;
    6669  background: #fff;
    6770}
    68 h1,h2,h3,h4,h5,h6{
    69         font-weight: bold;
    70         color: #121212;
    71 }
     71
     72h1,
     73h2,
     74h3,
     75h4,
     76h5,
     77h6 {
     78  font-weight: bold;
     79  color: #121212;
     80}
     81
    7282a {
    73   color:#121212;
     83  color: #121212;
    7484  -webkit-transition: color .1s linear;
    7585  -moz-transition: color .1s linear;
    … …  
    7888  text-decoration: none;
    7989}
     90
    8091a:hover,
    8192a:focus {
    82   color:var(--primary-theme-color);
     93  color: var(--primary-theme-color);
    8394  text-decoration: none;
    8495}
     96
    8597.alignwide {
    86   margin-left  : -80px;
    87   margin-right : -80px;
    88 }
     98  margin-left: -80px;
     99  margin-right: -80px;
     100}
     101
    89102.alignfull {
    90   margin-left  : calc( -100vw / 2 + 100% / 2 );
    91   margin-right : calc( -100vw / 2 + 100% / 2 );
    92   max-width    : 100vw;
    93 }
     103  margin-left: calc(-100vw / 2 + 100% / 2);
     104  margin-right: calc(-100vw / 2 + 100% / 2);
     105  max-width: 100vw;
     106}
     107
    94108.alignfull img {
    95109  width: 100vw;
    96110}
    97 .post-single a,.page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
     111
     112.post-single a,
     113.page-single a,
     114.sidebar-area .textwidget a,
     115.comment-content a,
     116.woocommerce-product-details__short-description a,
     117#tab-description a,
     118.extra-home-content a {
    98119  text-decoration: underline;
    99   color:var(--primary-theme-color);
    100 }
    101 .post-content a{
    102   color:var(--primary-theme-color);
    103 }
     120  color: var(--primary-theme-color);
     121}
     122
     123.post-content a {
     124  color: var(--primary-theme-color);
     125}
     126
    104127/* ===============================================
    105128   HEADER BOX
    106129   ============================================= */
    107   header#site-navigation{
    108     position: absolute;
    109     z-index: 999;
    110     width: 100%;
    111   }
    112   .header .quote-btn a {
    113     border-radius: 6px;
    114     border: 2px solid #FFFFFF;
    115     border-radius: 6px;
    116     color:#fff ;
    117     padding: 8px 20px 8px 20px;
    118   }
    119   .header .quote-btn a:hover{
    120     background: var(--primary-theme-color);
    121     border: 2px solid var(--primary-theme-color);
    122     color:#fff ;
    123   }
     130header#site-navigation {
     131  position: absolute;
     132  z-index: 999;
     133  width: 100%;
     134}
     135
     136.header .quote-btn a {
     137  border-radius: 6px;
     138  border: 2px solid #FFFFFF;
     139  border-radius: 6px;
     140  color: #fff;
     141  padding: 8px 20px 8px 20px;
     142}
     143
     144.header .quote-btn a:hover {
     145  background: var(--primary-theme-color);
     146  border: 2px solid var(--primary-theme-color);
     147  color: #fff;
     148}
     149
    124150/* ===============================================
    125151  FOOTER SOCIAL ICONS
    126152============================================= */
    127 .footer-links{
     153.footer-links {
    128154  text-align: left;
    129155  padding: 6px 0px;
    130156}
    131 .footer-links i{
     157
     158.footer-links i {
    132159  color: #000;
    133160  background: #fff;
    … …  
    135162  border-radius: 3px;
    136163}
    137 .footer-links i:hover{
     164
     165.footer-links i:hover {
    138166  color: var(--primary-theme-color);
    139167}
     168
    140169/* ===============================================
    141170   HEADER IMAGE
    142171   ============================================= */
    143172
    144   .header-image-box{
    145     position: relative;
    146     height: 350px;
    147     display: flex;
    148     align-items: center;
    149     background-position: center;
    150   }
    151   .header-image-box:before {
    152     position: absolute;
    153     content: "";
    154     top: 0;
    155     right: 0;
    156     left: 0;
    157     bottom: 0;
    158     background: #00000059;
    159     z-index: 1;
    160   }
    161   .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{
    162     position: relative;
    163     z-index: 1;
    164     color: #fff;
    165   }
    166   .header-image-box h1{
    167     font-size: 65px;
    168   }
    169   .header-image-box h1 , .post-title a{
    170     word-wrap: break-word;
    171   }
     173.header-image-box {
     174  position: relative;
     175  height: 350px;
     176  display: flex;
     177  align-items: center;
     178  background-position: center;
     179}
     180
     181.header-image-box:before {
     182  position: absolute;
     183  content: "";
     184  top: 0;
     185  right: 0;
     186  left: 0;
     187  bottom: 0;
     188  background: #00000059;
     189  z-index: 1;
     190}
     191
     192.header-image-box h1,
     193.headerimgbox-meta span,
     194.crumb-box a,
     195.crumb-box,
     196.header-image-box p {
     197  position: relative;
     198  z-index: 1;
     199  color: #fff;
     200}
     201
     202.header-image-box h1 {
     203  font-size: 65px;
     204}
     205
     206.header-image-box h1,
     207.post-title a {
     208  word-wrap: break-word;
     209}
     210
    172211/* ===============================================
    173212   LOGO BOX
    174213   ============================================= */
    175214
    176   .logo a {
    177     color: #ffffff;
    178     font-size: 28px;
    179     line-height: 35px;
    180     text-decoration: none;
    181     -webkit-transition: color .1s linear;
    182     -moz-transition: color .1s linear;
    183     -o-transition: color .1s linear;
    184     transition: color .1s linear;
    185     font-weight: bold;
    186   }
    187   .logo span {
    188     display: block;
    189     font-size: 16px;
    190     line-height: 18px;
    191     color: var(--primary-theme-color);
    192   }
     215.logo a {
     216  color: #ffffff;
     217  font-size: 28px;
     218  line-height: 35px;
     219  text-decoration: none;
     220  -webkit-transition: color .1s linear;
     221  -moz-transition: color .1s linear;
     222  -o-transition: color .1s linear;
     223  transition: color .1s linear;
     224  font-weight: bold;
     225}
     226
     227.logo span {
     228  display: block;
     229  font-size: 16px;
     230  line-height: 18px;
     231  color: var(--primary-theme-color);
     232}
     233
    193234/* ===============================================
    194235   MENU BOX
    195236   ============================================= */
    196   #main-menu {
    197     display:block;
    198     position:relative;
    199   }
    200   #main-menu ul {
    201     margin:0;
    202     padding: 0;
    203     display:block;
    204   }
    205   #main-menu ul li {
    206     position:relative;
    207     display:block;
    208     float:left;
    209     text-align:left;
    210   }
    211   #main-menu ul li a {
    212     display: block;
    213     z-index: 1;
    214     padding: 13px;
    215     font-size: 15px;
    216     color: #fff;
    217     line-height: 1;
    218     font-weight: 600;
    219     text-transform: capitalize;
    220   }
    221   #main-menu a:hover,
    222   #main-menu ul li a:hover,
    223   #main-menu li:hover > a,
    224   #main-menu a:focus,
    225   #main-menu ul li a:focus,
    226   #main-menu li.focus > a,
    227   #main-menu li:focus > a,
    228   #main-menu ul li.current-menu-item > a,
    229   #main-menu ul li.current_page_item > a,
    230   #main-menu ul li.current-menu-parent > a,
    231   #main-menu ul li.current_page_ancestor > a,
    232   #main-menu ul li.current-menu-ancestor > a {
    233     color:var(--primary-theme-color);
    234   }
    235   #main-menu ul.children ,
    236   #main-menu ul.sub-menu {
    237     opacity:0;
    238     position: absolute;
    239     top: 35px;
    240     left: -9999em;
    241     background:#f5f9ff;
    242     z-index:10001;
    243     width:213px;
    244     padding-left:0;
    245     -webkit-transition: opacity 0.3s ease 0s;
    246     -moz-transition: opacity 0.3s ease 0s;
    247     -o-transition: opacity 0.3s ease 0s;
    248     transition: opacity 0.3s ease 0s;   
    249   }
    250   #main-menu ul.children li ,
    251   #main-menu ul.sub-menu li {
    252     position:relative;
    253     margin:0;
    254     line-height:1.2em;
    255     text-transform:none;
    256     width:213px;
    257     min-height: inherit;
    258     margin:0;
    259   }
    260   #main-menu li li:hover > ul,
    261   #main-menu li li:focus > ul,
    262   #main-menu li li.focus > ul {
    263     top:0px;
    264     left: -100%;
    265   }
    266   #main-menu ul.children li a ,
    267   #main-menu ul.sub-menu li a {
    268     text-decoration:none;
    269     text-align:left;
    270     display:block;
    271     padding:10px 15px;
    272     margin:0;
    273     border:none;
    274     line-height:inherit;
    275     color: #121212;
    276   }
    277   #main-menu ul.children li a:hover,
    278   #main-menu ul.sub-menu li a:hover{
    279     background: var(--primary-theme-color);
    280     color: #fff;
    281     border-radius: 0;
    282   }
    283   #main-menu ul.children li ul:before,
    284   #main-menu ul.sub-menu li ul:before,
    285   .menu-toggle,
    286   .dropdown-toggle,
    287   button.close-menu {
    288     display:none;
    289   }
    290   #main-menu li:hover > ul,
    291   #main-menu li:focus > ul,
    292   #main-menu li.focus > ul {
    293     opacity:1;
    294     left: 0;
    295   }
     237#main-menu {
     238  display: block;
     239  position: relative;
     240}
     241
     242#main-menu ul {
     243  margin: 0;
     244  padding: 0;
     245  display: block;
     246}
     247
     248#main-menu ul li {
     249  position: relative;
     250  display: block;
     251  float: left;
     252  text-align: left;
     253}
     254
     255#main-menu ul li a {
     256  display: block;
     257  z-index: 1;
     258  padding: 13px;
     259  font-size: 15px;
     260  color: #fff;
     261  line-height: 1;
     262  font-weight: 600;
     263  text-transform: capitalize;
     264}
     265
     266#main-menu a:hover,
     267#main-menu ul li a:hover,
     268#main-menu li:hover>a,
     269#main-menu a:focus,
     270#main-menu ul li a:focus,
     271#main-menu li.focus>a,
     272#main-menu li:focus>a,
     273#main-menu ul li.current-menu-item>a,
     274#main-menu ul li.current_page_item>a,
     275#main-menu ul li.current-menu-parent>a,
     276#main-menu ul li.current_page_ancestor>a,
     277#main-menu ul li.current-menu-ancestor>a {
     278  color: var(--primary-theme-color);
     279}
     280
     281#main-menu ul.children,
     282#main-menu ul.sub-menu {
     283  opacity: 0;
     284  position: absolute;
     285  top: 35px;
     286  left: -9999em;
     287  background: #f5f9ff;
     288  z-index: 10001;
     289  width: 213px;
     290  padding-left: 0;
     291  -webkit-transition: opacity 0.3s ease 0s;
     292  -moz-transition: opacity 0.3s ease 0s;
     293  -o-transition: opacity 0.3s ease 0s;
     294  transition: opacity 0.3s ease 0s;
     295}
     296
     297#main-menu ul.children li,
     298#main-menu ul.sub-menu li {
     299  position: relative;
     300  margin: 0;
     301  line-height: 1.2em;
     302  text-transform: none;
     303  width: 213px;
     304  min-height: inherit;
     305  margin: 0;
     306}
     307
     308#main-menu li li:hover>ul,
     309#main-menu li li:focus>ul,
     310#main-menu li li.focus>ul {
     311  top: 0px;
     312  left: -100%;
     313}
     314
     315#main-menu ul.children li a,
     316#main-menu ul.sub-menu li a {
     317  text-decoration: none;
     318  text-align: left;
     319  display: block;
     320  padding: 10px 15px;
     321  margin: 0;
     322  border: none;
     323  line-height: inherit;
     324  color: #121212;
     325}
     326
     327#main-menu ul.children li a:hover,
     328#main-menu ul.sub-menu li a:hover {
     329  background: var(--primary-theme-color);
     330  color: #fff;
     331  border-radius: 0;
     332}
     333
     334#main-menu ul.children li ul:before,
     335#main-menu ul.sub-menu li ul:before,
     336.menu-toggle,
     337.dropdown-toggle,
     338button.close-menu {
     339  display: none;
     340}
     341
     342#main-menu li:hover>ul,
     343#main-menu li:focus>ul,
     344#main-menu li.focus>ul {
     345  opacity: 1;
     346  left: 0;
     347}
     348
    296349/* ===============================================
    297350  Menu dropdown css
    298351 ============================================= */
    299  #main-menu ul li.menu-item-has-children:after {
     352#main-menu ul li.menu-item-has-children:after {
    300353  content: '';
    301354  position: absolute;
    … …  
    306359  display: inline-block;
    307360  padding: 3px;
    308   -webkit-transform: translate(0,-50%) rotate(45deg);
    309   transform: translate(0,-50%) rotate(45deg);
    310 
    311 }
    312 #main-menu ul li.menu-item-has-children{
     361  -webkit-transform: translate(0, -50%) rotate(45deg);
     362  transform: translate(0, -50%) rotate(45deg);
     363
     364}
     365
     366#main-menu ul li.menu-item-has-children {
    313367  padding-right: 10px;
    314368}
     369
    315370#main-menu ul.sub-menu li.menu-item-has-children:after {
    316371  right: 30px;
    317372}
    318 img.custom-logo{
     373
     374img.custom-logo {
    319375  max-width: 100%;
    320376}
     377
    321378/* ===============================================
    322379   POST BOX
    323380   ============================================= */
    324381
    325   .sticky .post-content-box{
    326     background: #f2f8ff;
    327   }
    328   .post-box {
    329     box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    330     border-radius: 10px;
    331     text-align: center;
    332   }
    333   h3.post-title {
    334     font-size: 25px;
    335   }
    336   .post-content p{
    337     color: #5b5b5b;
    338   }
    339   .post-meta,.crumb-box a:hover{
    340     color: var(--primary-theme-color);
    341   }
    342   pre {
    343     display: block;
    344     padding: 9.5px;
    345     margin: 0 0 10px;
    346     font-size: 13px;
    347     line-height: 1.42857143;
    348     color: #121212;
    349     white-space: break-spaces;
    350     background-color: #f5f5f5;
    351     border: 1px solid #ccc;
    352     border-radius: 4px;
    353   }
    354   .post-content img,
    355   .post-thumbnail img,
    356   .post-content iframe,
    357   .post-content object,
    358   .post-content embed {
    359     max-width: 100%;
    360   }
    361   .post-content img,
    362   .post-thumbnail img {
    363     max-height:100%;
    364     height:auto;
    365   }
    366   .post-content:after {
    367     content: "";
    368     display: table;
    369     clear: both;
    370   }
    371   .post-content {
    372     word-wrap: break-word;
    373   }
    374   #content,footer {
    375     float: left;
    376     width: 100%;
    377   }
    378   .box {
    379     background-color: rgb(171 171 171 / 70%);
    380     text-align: center;
    381     overflow: hidden;
    382     position: relative;
    383   }
    384   .post-box:hover:before{
    385     opacity: 1;
    386     transform: translateX(0);
    387   }
    388   .box img{
    389     width: 100%;
    390     height: auto;
    391     transform: translateX(-20px) scale(1.15);
    392     transition: all 0.5s ease;
    393   }
    394   .post-box:hover img{
    395     opacity: 0.2;
    396     transform: translateX(20px) scale(1.15);
    397   }
    398   .box .box-content{
    399     opacity: 0;
    400     transform: scale(0);
    401     position: absolute;
    402     top: 50%;
    403     transform: translateY(-50%);
    404     left: 0;
    405     right: 0;
    406     text-align: center;
    407     z-index: 1;
    408     transition: all 0.5s ease;
    409   }
    410   .post-box:hover .box-content{
    411     opacity: 1;
    412     transform: scale(1);
    413   }
    414   p.slider-button a {
    415     background: var(--primary-theme-color);
    416     color: #fff;
    417     padding: 15px 20px;
    418     font-size: 15px;
    419     font-weight: bold;
    420   }
    421   p.slider-button a:hover {
    422     background: #121212;
    423   }
    424   .post-info span,
    425   .post-info a {
    426     color: #000;
    427     font-size: 16px;
    428     padding: 2px;
    429   }
    430 
    431   /* Edit link  */
    432 .link-edit{
     382.sticky .post-content-box {
     383  background: #f2f8ff;
     384}
     385
     386.post-box {
     387  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
     388  border-radius: 10px;
     389  text-align: center;
     390}
     391
     392h3.post-title {
     393  font-size: 25px;
     394}
     395
     396.post-content p {
     397  color: #5b5b5b;
     398}
     399
     400.post-meta,
     401.crumb-box a:hover {
     402  color: var(--primary-theme-color);
     403}
     404
     405pre {
     406  display: block;
     407  padding: 9.5px;
     408  margin: 0 0 10px;
     409  font-size: 13px;
     410  line-height: 1.42857143;
     411  color: #121212;
     412  white-space: break-spaces;
     413  background-color: #f5f5f5;
     414  border: 1px solid #ccc;
     415  border-radius: 4px;
     416}
     417
     418.post-content img,
     419.post-thumbnail img,
     420.post-content iframe,
     421.post-content object,
     422.post-content embed {
     423  max-width: 100%;
     424}
     425
     426.post-content img,
     427.post-thumbnail img {
     428  max-height: 100%;
     429  height: auto;
     430}
     431
     432.post-content:after {
     433  content: "";
     434  display: table;
     435  clear: both;
     436}
     437
     438.post-content {
     439  word-wrap: break-word;
     440}
     441
     442#content,
     443footer {
     444  float: left;
     445  width: 100%;
     446}
     447
     448.box {
     449  background-color: rgb(171 171 171 / 70%);
     450  text-align: center;
     451  overflow: hidden;
     452  position: relative;
     453}
     454
     455.post-box:hover:before {
     456  opacity: 1;
     457  transform: translateX(0);
     458}
     459
     460.box img {
     461  width: 100%;
     462  height: auto;
     463  transform: translateX(-20px) scale(1.15);
     464  transition: all 0.5s ease;
     465}
     466
     467.post-box:hover img {
     468  opacity: 0.2;
     469  transform: translateX(20px) scale(1.15);
     470}
     471
     472.box .box-content {
     473  opacity: 0;
     474  transform: scale(0);
     475  position: absolute;
     476  top: 50%;
     477  transform: translateY(-50%);
     478  left: 0;
     479  right: 0;
     480  text-align: center;
     481  z-index: 1;
     482  transition: all 0.5s ease;
     483}
     484
     485.post-box:hover .box-content {
     486  opacity: 1;
     487  transform: scale(1);
     488}
     489
     490p.slider-button a {
     491  background: var(--primary-theme-color);
     492  color: #fff;
     493  padding: 15px 20px;
     494  font-size: 15px;
     495  font-weight: bold;
     496}
     497
     498p.slider-button a:hover {
     499  background: #121212;
     500}
     501
     502.post-info span,
     503.post-info a {
     504  color: #000;
     505  font-size: 16px;
     506  padding: 2px;
     507}
     508
     509/* Edit link  */
     510.link-edit {
    433511  display: inline-block;
    434512  margin-left: 10px;
    435513}
    436 .post-info{
    437   display:inline-block;
    438 }
     514
     515.post-info {
     516  display: inline-block;
     517}
     518
    439519.link-edit::before {
    440     content: "\f044";
    441     color: var(--primary-theme-color);
    442 }
     520  content: "\f044";
     521  color: var(--primary-theme-color);
     522}
     523
    443524.link-edit::before {
    444     display: inline-block;
    445     font-family: 'Font Awesome 6 Free';
    446     height: 15px;
    447     margin-right: 8px;
    448 }
    449 a.post-edit-link{
     525  display: inline-block;
     526  font-family: 'Font Awesome 6 Free';
     527  height: 15px;
     528  margin-right: 8px;
     529}
     530
     531a.post-edit-link {
    450532  color: #000;
    451533}
    452534
    453   .post-info a:hover,
    454   .entry-date:hover a,
    455   .entry-date:hover i,
    456   .entry-author:hover a,
    457   .entry-author:hover i
    458   {
    459     color: var(--primary-theme-color);
    460   }
    461   .post-info i {
    462     color: var(--primary-theme-color);
    463     font-size: 12px;
    464   }
     535.post-info a:hover,
     536.entry-date:hover a,
     537.entry-date:hover i,
     538.entry-author:hover a,
     539.entry-author:hover i {
     540  color: var(--primary-theme-color);
     541}
     542
     543.post-info i {
     544  color: var(--primary-theme-color);
     545  font-size: 12px;
     546}
     547
    465548/* ===============================================
    466549   Pagination
    … …  
    469552.pagination,
    470553.cyber-security-elementor-pagination {
    471         margin:25px 0;
    472 }
     554  margin: 25px 0;
     555}
     556
    473557.pagination .nav-links a,
    474558.pagination .nav-links span.current,
    475559.cyber-security-elementor-pagination a span,
    476560.cyber-security-elementor-pagination span.current {
    477         display:inline-block;
    478         text-decoration: none;
    479         padding:10px 12px;
    480         font-size:14px;
    481         font-weight: bold;
    482         color:#333;
    483         text-align:center;
    484         cursor:pointer;
    485         background:#f3f4f7;
    486 }
     561  display: inline-block;
     562  text-decoration: none;
     563  padding: 10px 12px;
     564  font-size: 14px;
     565  font-weight: bold;
     566  color: #333;
     567  text-align: center;
     568  cursor: pointer;
     569  background: #f3f4f7;
     570}
     571
    487572.pagination .nav-links a:hover,
    488573.pagination .nav-links a:focus,
    … …  
    493578.cyber-security-elementor-pagination a span:hover,
    494579.cyber-security-elementor-pagination a span:focus {
    495         background: var(--primary-theme-color);
    496         color: #fff;
     580  background: var(--primary-theme-color);
     581  color: #fff;
    497582}
    498583
    … …  
    500585## Comments
    501586--------------------------------------------------------------*/
    502 .comment-reply a:focus{
    503   color: #fff;
    504 }
     587.comment-reply a:focus {
     588  color: #fff;
     589}
     590
    505591.comment-respond input#submit:hover,
    506 .comment-reply a:hover{
    507         background: #121212;
    508 }
    509 .comment-form-url input,nav.navigation.pagination{
     592.comment-reply a:hover {
     593  background: #121212;
     594}
     595
     596.comment-form-url input,
     597nav.navigation.pagination {
    510598  width: 100%;
    511599}
     600
    512601.comment-respond input#submit {
    513602  background: var(--primary-theme-color);
    … …  
    517606  font-weight: 600;
    518607}
     608
    519609.comment-content a {
    520610  word-wrap: break-word;
    521611}
     612
    522613.bypostauthor {
    523614  display: block;
    524615}
     616
    525617.comments-title {
    526618  font-size: 1.125rem;
    527619}
     620
    528621.comment-body .pull-left {
    529622  padding-right: 0.625rem;
    530623}
     624
    531625.comment-list {
    532626  padding-left: 0;
    533627  border-bottom: 1px solid #00000047;
    534628}
     629
    535630.comment-list .comment {
    536631  display: block;
    537632}
     633
    538634.comment-list .pingback {
    539635  border-top: 1px solid rgba(0, 0, 0, 0.125);
    540636  padding: 0.563rem 0;
    541637}
     638
    542639.comment-list .pingback a {
    543640  margin-left: 5px;
    544641  margin-right: 5px;
    545642}
     643
    546644.comment-content.card-block {
    547645  padding: 15px;
    548646}
     647
    549648.comment-reply a {
    550649  padding: 10px;
    … …  
    552651  background: var(--primary-theme-color);
    553652}
     653
    554654/* ===============================================
    555655   SIDEBARS
    … …  
    560660  padding: 0 0 0 20px;
    561661}
     662
    562663.sidebar-area .textwidget img,
    563 .footer-area .textwidget img{
     664.footer-area .textwidget img {
    564665  width: 100%;
    565666  height: auto;
    566667}
     668
    567669.sidebar-area .sidebar-widget {
    568         margin-bottom: 25px;
    569 }
     670  margin-bottom: 25px;
     671}
     672
    570673.sidebar-area a,
    571674.sidebar-area p,
    … …  
    577680.sidebar-area th,
    578681.sidebar-area .textwidget {
    579         line-height:1.9em;
    580         font-weight: normal;
    581 }
    582 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
     682  line-height: 1.9em;
     683  font-weight: normal;
     684}
     685
     686.sidebar-area ul,
     687#calendar_wrap,
     688.sidebar-area .textwidget,
     689.tagcloud {
    583690  list-style: none;
    584691  margin: 0;
    585692}
     693
    586694.sidebar-area ul {
    587695  padding: 15px 30px 25px;
    … …  
    589697  border: solid 1px #e4e7ee;
    590698}
     699
    591700.sidebar-area li a,
    592701.sidebar-area li {
    … …  
    594703  color: #5b5b5b;
    595704}
    596 .sidebar-area li a:hover, .sidebar-area li:hover{
     705
     706.sidebar-area li a:hover,
     707.sidebar-area li:hover {
    597708  color: var(--primary-theme-color);
    598709}
     710
    599711.sidebar-area li {
    600712  padding: 14px 10px;
    601713  border-bottom: solid 1px #e4e7ee;
    602714}
     715
    603716.sidebar-area h4.title {
    604         position: relative;
     717  position: relative;
    605718  font-size: 25px;
    606719  margin-left: 60px;
    607720  margin-bottom: 20px;
    608721}
     722
    609723.sidebar-area h4.title:before {
    610         position: absolute;
     724  position: absolute;
    611725  content: "";
    612726  width: 50px;
    … …  
    618732  margin: auto;
    619733}
     734
    620735.sidebar-area h4.title:after {
    621736  position: absolute;
    … …  
    630745  margin: auto;
    631746}
     747
    632748.sidebar-area .tagcloud a,
    633749.footer-area .tagcloud a {
    … …  
    640756  border: solid 1px #e4e7ee;
    641757}
    642 .footer-area .tagcloud a{
    643         border: solid 1px #fff;
    644         color: #fff;
    645 }
     758
     759.footer-area .tagcloud a {
     760  border: solid 1px #fff;
     761  color: #fff;
     762}
     763
    646764.sidebar-area .tagcloud a:before,
    647 .footer-area .tagcloud a:before  {
     765.footer-area .tagcloud a:before {
    648766  content: "#";
    649767}
     768
    650769.sidebar-area .tagcloud a:hover,
    651 .footer-area .tagcloud a:hover{
    652         background: var(--primary-theme-color);
    653         color: #fff;
    654 }
     770.footer-area .tagcloud a:hover {
     771  background: var(--primary-theme-color);
     772  color: #fff;
     773}
     774
    655775.sidebar-area .wp-block-group__inner-container h2 {
    656776  color: #000000 !important;
    657777  font-size: 20px;
    658778}
     779
    659780.sidebar-area select,
    660781.footer-area select,
    661 .sidebar-area textarea, #comments textarea,
    662 .sidebar-area input[type="text"], #comments input[type="text"],
     782.sidebar-area textarea,
     783#comments textarea,
     784.sidebar-area input[type="text"],
     785#comments input[type="text"],
    663786.sidebar-area input[type="password"],
    664787.sidebar-area input[type="datetime"],
    … …  
    676799.sidebar-area .uneditable-input,
    677800#comments input[type="email"],
    678 #comments input[type="url"]{
    679         -webkit-border-radius: 0;
    680         -moz-border-radius: 0;
    681         border-radius: 0;
    682         width:100%;
    683         padding: 5px 2%;
    684         border: solid 1px #e4e7ee;
    685 }
    686 .sidebar-area ol.wp-block-latest-comments{
     801#comments input[type="url"] {
     802  -webkit-border-radius: 0;
     803  -moz-border-radius: 0;
     804  border-radius: 0;
     805  width: 100%;
     806  padding: 5px 2%;
     807  border: solid 1px #e4e7ee;
     808}
     809
     810.sidebar-area ol.wp-block-latest-comments {
    687811  padding-left: 0px;
    688812}
     813
    689814#wp-calendar th,
    690 #wp-calendar
    691 #today,
    692 #wp-calendar
    693 #today a {
    694         background:#f3f4f7;
    695         color:#434343 !important;
    696 }
     815#wp-calendar #today,
     816#wp-calendar #today a {
     817  background: #f3f4f7;
     818  color: #434343 !important;
     819}
     820
    697821#wp-calendar a:hover {
    698         border:none;
    699 }
     822  border: none;
     823}
     824
    700825#wp-calendar {
    701         background: #fff;
    702         width:100%;
    703 }
     826  background: #fff;
     827  width: 100%;
     828}
     829
    704830#wp-calendar caption {
    705         font-size: 14px;
    706         text-transform:uppercase;
    707         margin:0 0 10px 0;
    708         text-align:left;
    709 }
     831  font-size: 14px;
     832  text-transform: uppercase;
     833  margin: 0 0 10px 0;
     834  text-align: left;
     835}
     836
    710837#wp-calendar th,
    711838#wp-calendar td {
    712         text-align: center;
    713         font-size: 14px;
    714         color:#434343 !important;
    715         padding:3px 6px;
    716 }
     839  text-align: center;
     840  font-size: 14px;
     841  color: #434343 !important;
     842  padding: 3px 6px;
     843}
     844
    717845#wp-calendar td a {
    718         display:block;
    719         text-align: center;
    720         font-size: 14px;
    721         color:#434343 !important;
    722         text-decoration:underline
    723 }
     846  display: block;
     847  text-align: center;
     848  font-size: 14px;
     849  color: #434343 !important;
     850  text-decoration: underline
     851}
     852
    724853#wp-calendar td#prev a,
    725 #wp-calendar td#prev a{
    726         text-decoration:none;
    727         text-align:left;
    728 }
    729 #wp-calendar th{
    730         font-weight:bold
    731 }
     854#wp-calendar td#prev a {
     855  text-decoration: none;
     856  text-align: left;
     857}
     858
     859#wp-calendar th {
     860  font-weight: bold
     861}
     862
    732863tr:nth-child(2n+2) {
    733         background-color: #f3f4f7;
    734 }
     864  background-color: #f3f4f7;
     865}
     866
    735867.searchform label {
    736         display: block;
    737 }
     868  display: block;
     869}
     870
    738871.searchform input[type=text] {
    739872  width: calc(100% - 110px);
    … …  
    744877  border: none;
    745878}
     879
    746880#searchform {
    747881  border: solid 1px #e4e7ee;
    748882  border-radius: 30px;
    749883}
     884
    750885.searchform input[type=submit] {
    751886  background: var(--primary-theme-color);
    … …  
    763898  margin: 4px auto;
    764899  cursor: pointer;
    765         -webkit-transition: color .3s ease, background-color .3s ease;
    766         -moz-transition: color .3s ease, background-color .3s ease;
    767         -o-transition: color .3s ease, background-color .3s ease;
    768         transition: color .3s ease, background-color .3s ease;
    769 }
    770 .searchform input[type=submit]:hover ,
     900  -webkit-transition: color .3s ease, background-color .3s ease;
     901  -moz-transition: color .3s ease, background-color .3s ease;
     902  -o-transition: color .3s ease, background-color .3s ease;
     903  transition: color .3s ease, background-color .3s ease;
     904}
     905
     906.searchform input[type=submit]:hover,
    771907.searchform input[type=submit]:focus {
    772         background: var(--primary-theme-color);
    773         text-decoration:none
    774 }
     908  background: var(--primary-theme-color);
     909  text-decoration: none
     910}
     911
    775912.searchform:after {
    776913  content: "";
    … …  
    778915  clear: both;
    779916}
     917
    780918.footer-widget {
    781         background: #121212;
    782 }
    783 .footer-copyright{
    784919  background: #121212;
    785920}
     921
     922.footer-copyright {
     923  background: #121212;
     924}
     925
    786926footer a,
    787927footer p,
    … …  
    793933footer .sidebar-area th,
    794934footer .sidebar-area .title,
    795 footer .sidebar-area .textwidget,.footer-area li,
     935footer .sidebar-area .textwidget,
     936.footer-area li,
    796937.footer-area input[type=text],
    797 .wp-block-group__inner-container h2  {
    798         color: #fff;
    799 }
     938.wp-block-group__inner-container h2 {
     939  color: #fff;
     940}
     941
    800942.footer-area ul {
    801943  padding: 0;
    802944  list-style: none;
    803945}
     946
    804947.footer-area h4.title {
    805         font-size: 30px;
     948  font-size: 30px;
    806949  color: #fff;
    807950  margin-top: 30px;
    808951}
     952
    809953.footer-area li {
    810         padding: 8px 0;
     954  padding: 8px 0;
    811955}
    812956
    … …  
    819963img.aligncenter,
    820964.attachment img {
    821         max-width:100%;
    822         height:auto;
    823 }
     965  max-width: 100%;
     966  height: auto;
     967}
     968
    824969.alignleft,
    825970img.alignleft {
    826         display:inline;
    827         float:left;
    828         margin-right:24px;
    829         margin-top:4px;
    830 }
     971  display: inline;
     972  float: left;
     973  margin-right: 24px;
     974  margin-top: 4px;
     975}
     976
    831977.alignright,
    832978img.alignright {
    833         display:inline;
    834         float:right;
    835         margin-left:24px;
    836         margin-top:4px;
    837 }
     979  display: inline;
     980  float: right;
     981  margin-left: 24px;
     982  margin-top: 4px;
     983}
     984
    838985div.aligncenter,
    839986img.aligncenter {
    840         display: block;
    841         margin-left: auto !important;
    842         margin-right: auto !important;
    843         float:none;
    844 }
     987  display: block;
     988  margin-left: auto !important;
     989  margin-right: auto !important;
     990  float: none;
     991}
     992
    845993img.alignleft,
    846994img.alignright,
    847995img.aligncenter {
    848         margin-bottom:12px;
    849 }
     996  margin-bottom: 12px;
     997}
     998
    850999.wp-caption {
    851         line-height:18px;
    852         margin-bottom:25px;
    853         max-width:100% !important;
    854         padding:4px;
    855         text-align:center;
    856 }
     1000  line-height: 18px;
     1001  margin-bottom: 25px;
     1002  max-width: 100% !important;
     1003  padding: 4px;
     1004  text-align: center;
     1005}
     1006
    8571007.wp-caption img {
    858         margin:5px 5px 0;
    859         width:96%;
    860         height:100%
    861 }
     1008  margin: 5px 5px 0;
     1009  width: 96%;
     1010  height: 100%
     1011}
     1012
    8621013.wp-caption p.wp-caption-text {
    863         color:#888;
    864         font-size:12px;
    865         margin:5px;
     1014  color: #888;
     1015  font-size: 12px;
     1016  margin: 5px;
    8661017}
    8671018
    … …  
    8701021  =============================================== */
    8711022
    872   .sidebar-area .widget_search .wp-block-search__inside-wrapper {
    873     border: solid 1px #e4e7ee;
    874     border-radius: 30px;
    875   }
    876   .sidebar-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{
    877     width: calc(100% - 110px);
    878     margin: 0;
    879     padding: 12px;
    880     float: left;
    881     background-color: transparent;
    882     border: none;
    883   }
    884   .sidebar-area .widget_search button.wp-block-search__button.wp-element-button{
    885     background: var(--primary-theme-color);
    886     border: none;
    887     color: #fff;
    888     font-size: 14px;
    889     font-weight: 600;
    890     text-align: center;
    891     position: relative;
    892     float: left;
    893     border-radius: 30px;
    894     text-shadow: none;
    895     padding: 10px 0;
    896     width: 105px;
    897     margin: 4px auto;
    898     cursor: pointer;
    899     -webkit-transition: color .3s ease, background-color .3s ease;
    900     -moz-transition: color .3s ease, background-color .3s ease;
    901     -o-transition: color .3s ease, background-color .3s ease;
    902     transition: color .3s ease, background-color .3s ease;
    903   }
    904   .sidebar-area .widget_search button.wp-block-search__button:hover,
    905   .sidebar-area .widget_search button.wp-block-search__button:focus{
    906     background: var(--primary-theme-color);
    907     text-decoration:none;
    908   }
    909   .sidebar-area .widget_search .wp-block-search__inside-wrapper {
    910     content: "";
    911     display: table;
    912     clear: both;
    913   }
    914  
    915   .sidebar-area .widget_search label ,
    916   .sidebar-area .sidebar-widget.widget_block .wp-block-heading{
    917     position: relative;
    918     font-size: 25px;
    919     margin-left: 60px;
    920     margin-bottom: 20px;
    921     color: #000;
    922   }
    923   .sidebar-area .wp-block-search label{
    924     display: inline;
    925   }
    926   .sidebar-area .widget_search label:before,
    927   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
    928     position: absolute;
    929     content: "";
    930     width: 50px;
    931     left: -60px;
    932     height: 2px;
    933     background: var(--primary-theme-color);
    934     top: 0;
    935     bottom: 0;
    936     margin: auto;
    937   }
    938   .sidebar-area .widget_search label:after,
    939   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
    940     position: absolute;
    941     content: "";
    942     width: 10px;
    943     left: -60px;
    944     height: 10px;
    945     border-radius: 10px;
    946     background: var(--primary-theme-color);
    947     top: 0;
    948     bottom: 0;
    949     margin: auto;
    950   }
    951   .sidebar-area .wp-block-tag-cloud a,
    952   .footer-area .wp-block-tag-cloud a ,.tag-cloud-link{
    953     font-size: 15px !important;
    954     color: #5b5b5b;
    955     display: inline-block;
    956     margin: 5px 0;
    957     padding: 10px;
    958     border-radius: 5px;
    959     border: solid 1px #e4e7ee;
    960   }
    961   .footer-area .wp-block-tag-cloud a{
    962     border: solid 1px #fff;
    963     color: #fff;
    964   }
    965   .sidebar-area .wp-block-tag-cloud a:before,
    966   .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before {
    967     content: "#";
    968   }
    969   .sidebar-area .wp-block-tag-cloud a:hover,
    970   .footer-area .wp-block-tag-cloud a:hover ,.tag-cloud-link:hover{
    971     background: var(--primary-theme-color);
    972     color: #fff;
    973   }
    974   .sidebar-area ol footer.wp-block-latest-comments__comment-meta{
    975     float: none !important;
    976   }
    977   .sidebar-area  ol.wp-block-latest-comments{
    978     padding-left: 0px !important;
    979     padding: 15px 30px 25px;
    980     border-radius: 10px;
    981     border: solid 1px #e4e7ee;
    982   }
    983   .footer-area .wp-block-heading {
    984     font-size: 30px;
    985     color: #fff;
    986     margin-top: 30px;
    987   }
     1023.sidebar-area .widget_search .wp-block-search__inside-wrapper {
     1024  border: solid 1px #e4e7ee;
     1025  border-radius: 30px;
     1026}
     1027
     1028.sidebar-area .widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
     1029  width: calc(100% - 110px);
     1030  margin: 0;
     1031  padding: 12px;
     1032  float: left;
     1033  background-color: transparent;
     1034  border: none;
     1035}
     1036
     1037.sidebar-area .widget_search button.wp-block-search__button.wp-element-button {
     1038  background: var(--primary-theme-color);
     1039  border: none;
     1040  color: #fff;
     1041  font-size: 14px;
     1042  font-weight: 600;
     1043  text-align: center;
     1044  position: relative;
     1045  float: left;
     1046  border-radius: 30px;
     1047  text-shadow: none;
     1048  padding: 10px 0;
     1049  width: 105px;
     1050  margin: 4px auto;
     1051  cursor: pointer;
     1052  -webkit-transition: color .3s ease, background-color .3s ease;
     1053  -moz-transition: color .3s ease, background-color .3s ease;
     1054  -o-transition: color .3s ease, background-color .3s ease;
     1055  transition: color .3s ease, background-color .3s ease;
     1056}
     1057
     1058.sidebar-area .widget_search button.wp-block-search__button:hover,
     1059.sidebar-area .widget_search button.wp-block-search__button:focus {
     1060  background: var(--primary-theme-color);
     1061  text-decoration: none;
     1062}
     1063
     1064.sidebar-area .widget_search .wp-block-search__inside-wrapper {
     1065  content: "";
     1066  display: table;
     1067  clear: both;
     1068}
     1069
     1070.sidebar-area .widget_search label,
     1071.sidebar-area .sidebar-widget.widget_block .wp-block-heading {
     1072  position: relative;
     1073  font-size: 25px;
     1074  margin-left: 60px;
     1075  margin-bottom: 20px;
     1076  color: #000;
     1077}
     1078
     1079.sidebar-area .wp-block-search label {
     1080  display: inline;
     1081}
     1082
     1083.sidebar-area .widget_search label:before,
     1084.sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
     1085  position: absolute;
     1086  content: "";
     1087  width: 50px;
     1088  left: -60px;
     1089  height: 2px;
     1090  background: var(--primary-theme-color);
     1091  top: 0;
     1092  bottom: 0;
     1093  margin: auto;
     1094}
     1095
     1096.sidebar-area .widget_search label:after,
     1097.sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
     1098  position: absolute;
     1099  content: "";
     1100  width: 10px;
     1101  left: -60px;
     1102  height: 10px;
     1103  border-radius: 10px;
     1104  background: var(--primary-theme-color);
     1105  top: 0;
     1106  bottom: 0;
     1107  margin: auto;
     1108}
     1109
     1110.sidebar-area .wp-block-tag-cloud a,
     1111.footer-area .wp-block-tag-cloud a,
     1112.tag-cloud-link {
     1113  font-size: 15px !important;
     1114  color: #5b5b5b;
     1115  display: inline-block;
     1116  margin: 5px 0;
     1117  padding: 10px;
     1118  border-radius: 5px;
     1119  border: solid 1px #e4e7ee;
     1120}
     1121
     1122.footer-area .wp-block-tag-cloud a {
     1123  border: solid 1px #fff;
     1124  color: #fff;
     1125}
     1126
     1127.sidebar-area .wp-block-tag-cloud a:before,
     1128.footer-area .wp-block-tag-cloud a:before,
     1129.tag-cloud-link:before {
     1130  content: "#";
     1131}
     1132
     1133.sidebar-area .wp-block-tag-cloud a:hover,
     1134.footer-area .wp-block-tag-cloud a:hover,
     1135.tag-cloud-link:hover {
     1136  background: var(--primary-theme-color);
     1137  color: #fff;
     1138}
     1139
     1140.sidebar-area ol footer.wp-block-latest-comments__comment-meta {
     1141  float: none !important;
     1142}
     1143
     1144.sidebar-area ol.wp-block-latest-comments {
     1145  padding-left: 0px !important;
     1146  padding: 15px 30px 25px;
     1147  border-radius: 10px;
     1148  border: solid 1px #e4e7ee;
     1149}
     1150
     1151.footer-area .wp-block-heading {
     1152  font-size: 30px;
     1153  color: #fff;
     1154  margin-top: 30px;
     1155}
     1156
    9881157/* WOOCOMMERCE */
    9891158/* Cart */
    990 .wp-block-woocommerce-cart.alignwide{
     1159.wp-block-woocommerce-cart.alignwide {
    9911160  margin-right: auto;
    9921161  margin-left: auto;
    9931162}
     1163
    9941164.wp-block-woocommerce-checkout.alignwide {
    9951165  margin-right: auto;
    9961166  margin-left: auto;
    9971167}
    998 .wp-block-woocommerce-cart .wc-block-cart-items{
    999   border: 1px solid #dee2e6!important;
     1168
     1169.wp-block-woocommerce-cart .wc-block-cart-items {
     1170  border: 1px solid #dee2e6 !important;
    10001171  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10011172  padding: 10px;
    10021173}
     1174
    10031175.wp-block-woocommerce-cart-order-summary-block {
    1004   border: 1px solid #dee2e6!important;
     1176  border: 1px solid #dee2e6 !important;
    10051177  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10061178}
    1007 .wp-block-woocommerce-cart-order-summary-heading-block{
     1179
     1180.wp-block-woocommerce-cart-order-summary-heading-block {
    10081181  padding: 10px 20px !important;
    10091182  background: #f3f4f7 !important;
    10101183}
    1011 .wc-block-components-product-name{
     1184
     1185.wc-block-components-product-name {
    10121186  font-size: 20px;
    10131187  text-decoration: none !important;
    … …  
    10151189  color: #000 !important;
    10161190}
    1017 .wc-block-cart-items__header-image{
     1191
     1192.wc-block-cart-items__header-image {
    10181193  padding-left: 16px !important;
    10191194}
    1020 .wc-block-cart-items__header-total{
     1195
     1196.wc-block-cart-items__header-total {
    10211197  padding-right: 16px !important;
    10221198}
    1023 .wc-block-components-totals-coupon-link ,
     1199
     1200.wc-block-components-totals-coupon-link,
    10241201.wc-block-cart__submit-container a,
    10251202.wc-block-checkout__actions_row button,
    10261203.wc-block-components-totals-coupon__form button,
    10271204.wc-block-components-checkout-return-to-cart-button,
    1028 .wc-block-grid__product-add-to-cart a{
     1205.wc-block-grid__product-add-to-cart a {
    10291206  background: var(--primary-theme-color);
    10301207  color: #fff !important;
    … …  
    10361213  text-decoration: none !important;
    10371214}
    1038 .wc-block-cart__submit-container a{
     1215
     1216.wc-block-cart__submit-container a {
    10391217  margin-top: 20px;
    10401218}
     1219
    10411220.wc-block-components-totals-coupon-link:hover,
    10421221.wc-block-cart__submit-container:hover a,
    10431222.wc-block-checkout__actions_row button:hover,
    10441223.wc-block-components-checkout-return-to-cart-button:hover,
    1045 .wc-block-grid__product-add-to-cart a:hover{
     1224.wc-block-grid__product-add-to-cart a:hover {
    10461225  background: #121212;
    10471226}
     1227
    10481228.wc-block-components-totals-coupon {
    10491229  text-align: center;
    10501230}
    1051 .wc-block-cart-items__header-product{
     1231
     1232.wc-block-cart-items__header-product {
    10521233  background: #f3f4f7 !important;
    10531234}
    1054 .wc-block-cart-items__header th{
     1235
     1236.wc-block-cart-items__header th {
    10551237  padding: 10px 20px !important;
    10561238  font-size: 14px;
    10571239}
    1058 .wc-block-cart__totals-title{
     1240
     1241.wc-block-cart__totals-title {
    10591242  font-size: 14px !important;
    10601243  font-weight: 700 !important;
    10611244  text-align: center !important;
    10621245}
     1246
    10631247tr.wc-block-cart-items__row {
    10641248  padding: 15px 15px !important;
    10651249}
     1250
    10661251.wc-block-components-totals-item,
    1067 .wc-block-components-totals-item{
     1252.wc-block-components-totals-item {
    10681253  padding-left: 16px !important;
    10691254  padding-right: 16px !important;
    10701255}
    1071 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
     1256
     1257span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    10721258  display: block !important;
    10731259}
     1260
    10741261/* Cart */
    10751262.wc-block-grid__product-title {
    … …  
    10781265  text-decoration: none !important;
    10791266}
    1080 a.wc-block-grid__product-link{
     1267
     1268a.wc-block-grid__product-link {
    10811269  text-decoration: none !important;
    10821270}
    1083 .wc-block-grid__product-price{
     1271
     1272.wc-block-grid__product-price {
    10841273  color: var(--primary-theme-color) !important;
    10851274  font-size: 14px !important;
    10861275  font-weight: 500 !important;
    10871276}
    1088 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
     1277
     1278.wc-block-grid .wc-block-grid__product-onsale,
     1279.wc-block-grid__product-image .wc-block-grid__product-onsale {
    10891280  top: 10px !important;
    10901281  right: 10px !important;
    … …  
    10981289  color: #fff !important;
    10991290}
    1100 .wc-block-grid__products .wc-block-grid__product-image img{
     1291
     1292.wc-block-grid__products .wc-block-grid__product-image img {
    11011293  width: 100% !important;
    11021294}
     1295
    11031296/* CHECKOUT */
    1104 .wp-block-woocommerce-checkout-order-summary-block{
    1105   border: 1px solid #dee2e6!important;
     1297.wp-block-woocommerce-checkout-order-summary-block {
     1298  border: 1px solid #dee2e6 !important;
    11061299  padding: 10px;
    11071300  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    11081301}
     1302
    11091303/* MY ACCOUNT */
    11101304
    … …  
    11141308  margin-bottom: 0;
    11151309}
    1116 nav.woocommerce-MyAccount-navigation ul li{
     1310
     1311nav.woocommerce-MyAccount-navigation ul li {
    11171312  padding: 10px;
    11181313  margin-bottom: 15px;
    11191314  background: var(--primary-theme-color);
    11201315}
    1121 nav.woocommerce-MyAccount-navigation ul li:hover{
     1316
     1317nav.woocommerce-MyAccount-navigation ul li:hover {
    11221318  background: #121212;
    11231319}
    1124 nav.woocommerce-MyAccount-navigation ul li a{
     1320
     1321nav.woocommerce-MyAccount-navigation ul li a {
    11251322  text-decoration: none;
    11261323  color: #fff
    11271324}
     1325
    11281326/* MY ACCOUNT Address Button */
    1129 .woocommerce-Address-title a{
     1327.woocommerce-Address-title a {
    11301328  background: var(--primary-theme-color);
    11311329  color: #fff !important;
    … …  
    11361334  text-decoration: none !important;
    11371335}
    1138 header.woocommerce-Address-title.title{
     1336
     1337header.woocommerce-Address-title.title {
    11391338  display: inline-grid;
    11401339  margin-bottom: 20px;
    11411340}
     1341
    11421342/* CHECKOUT */
    1143 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{
     1343.woocommerce form .form-row label,
     1344.woocommerce form .form-row,
     1345span.woocommerce-input-wrapper,
     1346span.password-input {
    11441347  width: 100%;
    11451348}
     1349
    11461350/* BUTTONS */
    1147 .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce a.added_to_cart{
     1351.woocommerce #respond input#submit.alt,
     1352.woocommerce a.button.alt,
     1353.woocommerce button.button.alt,
     1354.woocommerce input.button.alt,
     1355.woocommerce #respond input#submit,
     1356.woocommerce a.button,
     1357.woocommerce button.button,
     1358.woocommerce input.button,
     1359.woocommerce a.added_to_cart {
    11481360  background: var(--primary-theme-color);
    11491361  color: #fff;
    11501362  line-height: unset;
    11511363}
    1152 .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce a.added_to_cart:hover{
     1364
     1365.woocommerce #respond input#submit.alt:hover,
     1366.woocommerce a.button.alt:hover,
     1367.woocommerce button.button.alt:hover,
     1368.woocommerce input.button.alt:hover,
     1369.woocommerce #respond input#submit:hover,
     1370.woocommerce a.button:hover,
     1371.woocommerce button.button:hover,
     1372.woocommerce input.button:hover,
     1373.woocommerce a.added_to_cart:hover {
    11531374  background: #121212;
    11541375  color: #fff;
    11551376}
    1156 .woocommerce a.added_to_cart{
     1377
     1378.woocommerce a.added_to_cart {
    11571379  padding: .618em 1em;
    11581380  font-weight: 700;
    … …  
    11601382  margin-top: 10px;
    11611383}
     1384
    11621385/* SHOP & SINGLE PRODUCT */
    11631386
    1164 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
     1387.woocommerce ul.products li.product .onsale,
     1388.woocommerce span.onsale {
    11651389  top: 10px;
    11661390  right: 10px;
    … …  
    11731397  min-height: 2em !important;
    11741398}
    1175 .woocommerce span.onsale{
     1399
     1400.woocommerce span.onsale {
    11761401  left: 10px;
    11771402  right: auto;
    11781403}
     1404
    11791405h2.woocommerce-loop-product__title {
    11801406  font-size: 18px !important;
    11811407}
    1182 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
     1408
     1409.woocommerce ul.products li.product .price,
     1410.woocommerce div.product p.price,
     1411.woocommerce div.product span.price {
    11831412  color: var(--primary-theme-color);
    11841413  display: block;
    … …  
    11861415  font-size: 18px;
    11871416}
    1188 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
     1417
     1418.woocommerce ul.products li.product .price ins,
     1419.woocommerce div.product p.price ins,
     1420.woocommerce div.product span.price ins {
    11891421  text-decoration: none;
    11901422}
    1191 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
     1423
     1424.woocommerce ul.products li.product,
     1425.woocommerce-page ul.products li.product {
    11921426  text-align: center;
    11931427}
     1428
    11941429.woocommerce .quantity .qty {
    11951430  width: 13em;
    11961431  padding: 8px;
    11971432}
     1433
    11981434.woocommerce ul.products li.product .star-rating {
    11991435  font-size: 12px;
    12001436  margin: 0 auto 8px;
    12011437}
    1202 .woocommerce ul.products li.product a img{
     1438
     1439.woocommerce ul.products li.product a img {
    12031440  margin-bottom: 0;
    12041441}
    1205 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
     1442
     1443.woocommerce .woocommerce-ordering select,
     1444.woocommerce form .form-row input.input-text,
     1445.woocommerce form .form-row textarea {
    12061446  padding: 12px;
    12071447  border: 1px solid #d3ced2;
    12081448  background: transparent;
    12091449}
    1210 .wp-block-button__link{
    1211         color: #fff !important;
    1212   background-color:var(--primary-theme-color) ;
     1450
     1451.wp-block-button__link {
     1452  color: #fff !important;
     1453  background-color: var(--primary-theme-color);
    12131454  margin-bottom: 5px;
    12141455}
    1215 .wp-block-button.is-style-outline .wp-block-button__link{
     1456
     1457.wp-block-button.is-style-outline .wp-block-button__link {
    12161458  border: 1px solid var(--primary-theme-color);
    12171459  color: #121212 !important;
    12181460}
    1219 .wp-block-button.is-style-squared .wp-block-button__link{
     1461
     1462.wp-block-button.is-style-squared .wp-block-button__link {
    12201463  border-radius: 0px !important;
    12211464}
     1465
    12221466/* shop page pagination  */
    12231467.woocommerce nav.woocommerce-pagination ul li span.current {
    … …  
    12281472  font-weight: bold;
    12291473}
     1474
    12301475.woocommerce nav.woocommerce-pagination ul li a {
    12311476  display: block;
    … …  
    12401485  border-radius: 10px;
    12411486}
    1242 .woocommerce nav.woocommerce-pagination ul li a:hover{
     1487
     1488.woocommerce nav.woocommerce-pagination ul li a:hover {
    12431489  background: var(--primary-theme-color);
    12441490  color: #121212;
    12451491}
    12461492
    1247 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
     1493.woocommerce nav.woocommerce-pagination ul,
     1494.woocommerce nav.woocommerce-pagination ul li {
    12481495  border: none;
    12491496  float: none;
    12501497  overflow: unset;
    12511498}
     1499
    12521500.woocommerce nav.woocommerce-pagination {
    12531501  text-align: center;
    12541502  margin-bottom: 20px;
    12551503}
     1504
    12561505/*  SINGLE POST */
    12571506.single-post-category span {
    … …  
    12591508  color: #5b5b5b;
    12601509}
    1261 .single-post-category .post-categories li ,.single-post-category ul{
    1262 display: inline-block;
    1263 padding-left: 0px;
    1264 }
    1265 .single-post-category .post-categories li a{
    1266 margin-right: 8px;
    1267 margin-bottom: 8px;
    1268 background-color:var(--primary-theme-color);
    1269 padding: 8px 10px;
    1270 color: #fff;
    1271 display: inline-block;
    1272 font-size: 13px;
    1273 font-weight: 500;
    1274 line-height: 1;
    1275 }
    1276 .single-post-category .post-categories li a:hover{
    1277 background: #000000;
    1278 }
     1510
     1511.single-post-category .post-categories li,
     1512.single-post-category ul {
     1513  display: inline-block;
     1514  padding-left: 0px;
     1515}
     1516
     1517.single-post-category .post-categories li a {
     1518  margin-right: 8px;
     1519  margin-bottom: 8px;
     1520  background-color: var(--primary-theme-color);
     1521  padding: 8px 10px;
     1522  color: #fff;
     1523  display: inline-block;
     1524  font-size: 13px;
     1525  font-weight: 500;
     1526  line-height: 1;
     1527}
     1528
     1529.single-post-category .post-categories li a:hover {
     1530  background: #000000;
     1531}
     1532
    12791533/*scroll-to-top*/
    12801534.scroll-up {
    … …  
    12841538  z-index: 999;
    12851539}
     1540
    12861541.scroll-up a {
    12871542  background: var(--primary-theme-color);
    1288   color:#ffffff;
    1289 }
     1543  color: #ffffff;
     1544}
     1545
    12901546.scroll-up a {
    12911547  display: block;
    … …  
    13011557  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    13021558}
    1303 .scroll-up i{
     1559
     1560.scroll-up i {
    13041561  line-height: 40px;
    13051562}
     1563
    13061564/*PRELOADER*/
    13071565
    … …  
    13171575  align-items: center;
    13181576}
     1577
    13191578.preloader {
    13201579  animation: move 0.5s ease infinite alternate;
    13211580}
     1581
    13221582.diamond {
    13231583  width: 60px;
    … …  
    13291589  align-items: center;
    13301590}
    1331 .diamond span{
     1591
     1592.diamond span {
    13321593  width: 60px;
    13331594  height: 60px;
    … …  
    13361597  left: 0;
    13371598}
    1338 .diamond span:nth-child(1){
     1599
     1600.diamond span:nth-child(1) {
    13391601  border: 10px solid var(--primary-theme-color);
    13401602  border-left-color: #000;
    … …  
    13421604  transform: rotateX(90deg) rotateZ(45deg);
    13431605}
    1344 .diamond span:nth-child(2){
     1606
     1607.diamond span:nth-child(2) {
    13451608  border: 6px solid var(--primary-theme-color);
    13461609  border-left-color: #000;
    … …  
    13481611  transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg);
    13491612}
    1350 .diamond span:last-child{
     1613
     1614.diamond span:last-child {
    13511615  border: 6px solid var(--primary-theme-color);
    13521616  border-left-color: #000;
    … …  
    13541618  transform: rotateZ(45deg);
    13551619}
    1356 @keyframes move{
    1357   0%{ transform: translateY(0) scaleY(0.9); }
    1358   100%{ transform: translateY(-70px) scaleY(1.1); }
    1359 }
    1360 @keyframes spin{
    1361   0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); }
    1362   100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); }
    1363 }
    1364 .result-search #searchform{
     1620
     1621@keyframes move {
     1622  0% {
     1623    transform: translateY(0) scaleY(0.9);
     1624  }
     1625
     1626  100% {
     1627    transform: translateY(-70px) scaleY(1.1);
     1628  }
     1629}
     1630
     1631@keyframes spin {
     1632  0% {
     1633    transform: translateY(-50%) rotateX(-15deg) rotateY(0deg);
     1634  }
     1635
     1636  100% {
     1637    transform: translateY(-50%) rotateX(-15deg) rotateY(180deg);
     1638  }
     1639}
     1640
     1641.result-search #searchform {
    13651642  display: table;
    13661643}
     1644
    13671645.not-found-content #searchform {
    13681646  display: inline-block;
    13691647}
    1370 .footer-copyright a,.footer-copyright p{
     1648
     1649.footer-copyright a,
     1650.footer-copyright p {
    13711651  color: #ffffff;
    13721652}
     1653
    13731654/* ===============================================
    13741655  Progress Bar
    … …  
    13811662  z-index: 99999;
    13821663}
     1664
    13831665#elemento-progress-bar.top {
    13841666  top: 0;
    13851667}
     1668
    13861669.admin-bar #elemento-progress-bar.top {
    13871670  top: 32px;
    13881671}
     1672
    13891673#elemento-progress-bar.bottom {
    13901674  bottom: 0;
    13911675}
     1676
     1677
     1678/* ===============================================
     1679   Sticky Copyright
     1680   =============================================== */
     1681
     1682.sticky-copyright.footer-copyright {
     1683  position: fixed;
     1684  bottom: 0;
     1685  left: 0;
     1686  width: 100%;
     1687  z-index: 999;
     1688  transition: bottom 0.4s;
     1689  box-shadow: 0px 0px 8px #000000;
     1690}
     1691
     1692
     1693/* ===============================================
     1694   Sticky Sidebar
     1695   =============================================== */
     1696
     1697.sidebar-sticky {
     1698  position: sticky;
     1699  top: 100px;
     1700  z-index: 999;
     1701}
     1702
    13921703/* ===============================================
    13931704   HOME PAGE CSS
    13941705   =============================================== */
    13951706/*service-section*/
    1396 .cyber-security-elementor-service-section .service-section .eael-entry-media{
    1397     background: #0E142A;
    1398     width: 15%;
    1399     margin: 25px 20px 4px 30px;
    1400     border-radius: 6px;
    1401 }
    1402 .cyber-security-elementor-service-section .service-section .eael-entry-thumbnail{
     1707.cyber-security-elementor-service-section .service-section .eael-entry-media {
     1708  background: #0E142A;
     1709  width: 15%;
     1710  margin: 25px 20px 4px 30px;
     1711  border-radius: 6px;
     1712}
     1713
     1714.cyber-security-elementor-service-section .service-section .eael-entry-thumbnail {
    14031715  padding: 8px;
    14041716}
     1717
    14051718.cyber-security-elementor-service-section .service-section .eael-grid-post .eael-entry-wrapper {
    14061719  padding: 20px 30px 30px 30px !important;
    14071720}
    1408 .cyber-security-elementor-service-section .service-section .eael-grid-post-holder{
     1721
     1722.cyber-security-elementor-service-section .service-section .eael-grid-post-holder {
    14091723  border-bottom: 4px solid #0B1021;
    14101724  border-right: 1px solid #0B1021;
    14111725}
    1412 .cyber-security-elementor-service-section .service-section .eael-grid-post-holder:hover{
    1413   background: linear-gradient(143deg, rgba(42,162,255,1) 5%, rgba(11,16,33,1) 40%);
     1726
     1727.cyber-security-elementor-service-section .service-section .eael-grid-post-holder:hover {
     1728  background: linear-gradient(143deg, rgba(42, 162, 255, 1) 5%, rgba(11, 16, 33, 1) 40%);
    14141729  border-bottom: 4px solid var(--primary-theme-color);
    14151730  border-right: 1px solid #0B1021;
    14161731}
    1417 .cyber-security-elementor-service-section .service-section .eael-post-elements-readmore-btn{
     1732
     1733.cyber-security-elementor-service-section .service-section .eael-post-elements-readmore-btn {
    14181734  position: relative;
    14191735}
    1420 .cyber-security-elementor-service-section .service-section .eael-post-elements-readmore-btn:after{
     1736
     1737.cyber-security-elementor-service-section .service-section .eael-post-elements-readmore-btn:after {
    14211738  content: "\f061";
    14221739  font-family: 'Font Awesome 5 Free';
    … …  
    14271744  margin-left: 8px;
    14281745}
    1429 .cyber-security-elementor-service-section .service-section .eael-grid-post-holder{
     1746
     1747.cyber-security-elementor-service-section .service-section .eael-grid-post-holder {
    14301748  height: 350px;
    14311749}
    1432 .service-heading p{
     1750
     1751.service-heading p {
    14331752  margin-bottom: 0px !important;
    14341753}
    1435 .cyber-security-elementor-banner-section .slider-text{
    1436  color:var(--primary-theme-color);
    1437 }
     1754
     1755.cyber-security-elementor-banner-section .slider-text {
     1756  color: var(--primary-theme-color);
     1757}
     1758
    14381759.cyber-security-elementor-banner-section .service-heading p,
    1439 .cyber-security-elementor-service-section .service-heading p{
    1440 font-size: 20px !important;
    1441 }
     1760.cyber-security-elementor-service-section .service-heading p {
     1761  font-size: 20px !important;
     1762}
     1763
    14421764.cyber-security-elementor-service-section .eael-entry-thumbnail {
    14431765  aspect-ratio: 1/1;
    14441766}
    1445 
    1446 /* Sticky Copyright */
    1447 
    1448 .sticky-copyright.footer-copyright{
    1449   position: fixed;
    1450   bottom:0;
    1451   left:0;
    1452   width: 100%;
    1453   z-index: 999;
    1454   transition: bottom 0.4s;
    1455   box-shadow: 0px 0px 8px #000000;
    1456 }
    1457 .close-sticky {
    1458   position: static;
    1459 }
Note: See TracChangeset for help on using the changeset viewer.