WordPress.org
Get WordPress

Make WordPress Themes

Changeset 299557


Ignore:
Timestamp:
11/21/2025 05:36:10 AM (3 days ago)
Author:
themedropbox
Message:

New version of Web Agency Elementor - 0.5.1

Location:
web-agency-elementor/0.5.1
Files:
11 edited
1 copied

Legend:

Unmodified
Added
Removed

  • web-agency-elementor/0.5.1/archive.php

    r295622 r299557  
    131131        </div>
    132132        <div class="col-lg-4 col-md-4">
    133           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     133          <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     134            <?php echo esc_attr( get_theme_mod('web_agency_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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     169          <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     170            <?php echo esc_attr( get_theme_mod('web_agency_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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     177          <div class="sidebar-area sidebar-three <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     178            <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    176179            <?php
    177180              dynamic_sidebar('sidebar-3');

  • web-agency-elementor/0.5.1/assets/js/script.js

    r295622 r299557  
    241241  }
    242242});
     243
     244/* ===============================================
     245   sticky sidebar
     246============================================= */
     247
     248window.addEventListener('scroll', function () {
     249  var web_agency_elementor_sidebar = document.querySelector('.sidebar-sticky');
     250  if (!web_agency_elementor_sidebar) return;
     251
     252  var web_agency_elementor_scrollTop = window.scrollY || document.documentElement.scrollTop;
     253  var web_agency_elementor_windowHeight = window.innerHeight;
     254  var web_agency_elementor_documentHeight = document.documentElement.scrollHeight;
     255
     256  var web_agency_elementor_isBottom = web_agency_elementor_scrollTop + web_agency_elementor_windowHeight >= web_agency_elementor_documentHeight - 100;
     257
     258  if (web_agency_elementor_scrollTop >= 100 && !web_agency_elementor_isBottom) {
     259    web_agency_elementor_sidebar.classList.add('sidebar-fixed');
     260  } else {
     261    web_agency_elementor_sidebar.classList.remove('sidebar-fixed');
     262  }
     263});

  • web-agency-elementor/0.5.1/includes/customizer.php

    r295622 r299557  
    476476        'section'     => 'web_agency_elementor_additional_setting',
    477477        'default'     => true,
     478        'priority'    => 10,
     479    ] );
     480
     481    Kirki::add_field( 'theme_config_id', [
     482        'type'        => 'custom',
     483        'tab'      => 'general',
     484        'settings'    => 'web_agency_elementor_enable_sidebar_sticky_heading',
     485        'section'     => 'web_agency_elementor_additional_setting',
     486            'default'         => '<h3 style="color: #2271b1; padding:10px; background:#fff; margin:0; border-left: solid 5px #2271b1; ">' . __( 'Sticky Sidebar', 'web-agency-elementor' ) . '</h3>',
     487        'priority'    => 10,
     488    ] );
     489
     490    Kirki::add_field( 'theme_config_id', [
     491        'type'        => 'toggle',
     492        'tab'      => 'general',
     493        'settings'    => 'web_agency_elementor_enable_sticky_sidebar',
     494        'label'       => esc_html__( 'Enable or Disable Sticky Sidebar', 'web-agency-elementor' ),
     495        'section'     => 'web_agency_elementor_additional_setting',
     496        'default'     => false,
    478497        'priority'    => 10,
    479498    ] );

  • web-agency-elementor/0.5.1/index.php

    r295622 r299557  
    131131        </div>
    132132        <div class="col-lg-4 col-md-4">
    133           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     133          <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     134            <?php echo esc_attr( get_theme_mod('web_agency_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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     169          <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     170            <?php echo esc_attr( get_theme_mod('web_agency_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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     177          <div class="sidebar-area sidebar-three <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     178            <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    176179            <?php
    177180              dynamic_sidebar('sidebar-3');

  • web-agency-elementor/0.5.1/page.php

    r295622 r299557  
    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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     53            <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     54              <?php echo esc_attr( get_theme_mod('web_agency_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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     100            <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     101             <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    100102              <?php
    101103                dynamic_sidebar('sidebar-2');

  • web-agency-elementor/0.5.1/readme.txt

    r295622 r299557  
    22Contributors: wpelemento
    33Requires at least: 5.0
    4 Stable tag: 0.5
     4Stable tag: 0.5.1
    55Requires PHP: 5.6
    66Tested up to: 6.8
    … …  
    6464
    6565== Changelog ==
     66
     67= November-20-2025 :: 0.5.1
     68
     69* Added sticky sidebar.
     70* Remove unwanted css.
     71* Fixed minor errors.
    6672
    6773= October-29-2025 :: 0.5

  • web-agency-elementor/0.5.1/search.php

    r295622 r299557  
    131131        </div>
    132132        <div class="col-lg-4 col-md-4">
    133           <div class="sidebar-area <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     133          <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     134            <?php echo esc_attr( get_theme_mod('web_agency_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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     169          <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     170            <?php echo esc_attr( get_theme_mod('web_agency_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('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     177          <div class="sidebar-area sidebar-three <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     178            <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    176179            <?php
    177180              dynamic_sidebar('sidebar-3');

  • web-agency-elementor/0.5.1/sidebar.php

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

  • web-agency-elementor/0.5.1/style.css

    r295622 r299557  
    66Author URI: https://www.wpelemento.com/
    77Requires at least: 5.0
    8 Version: 0.5
     8Version: 0.5.1
    99Requires PHP: 5.6
    1010Tested up to: 6.8
    … …  
    2424
    2525.screen-reader-text {
    26     border: 0;
    27     clip: rect(1px, 1px, 1px, 1px);
    28     clip-path: inset(50%);
    29     height: 1px;
    30     margin: -1px;
    31     overflow: hidden;
    32     padding: 0;
    33     position: absolute !important;
    34     width: 1px;
    35     word-wrap: normal !important;
    36     -webkit-transition: none;
    37     -moz-transition: none;
    38     -o-transition: none;
    39     transition: none;
    40 }
     26  border: 0;
     27  clip: rect(1px, 1px, 1px, 1px);
     28  clip-path: inset(50%);
     29  height: 1px;
     30  margin: -1px;
     31  overflow: hidden;
     32  padding: 0;
     33  position: absolute !important;
     34  width: 1px;
     35  word-wrap: normal !important;
     36  -webkit-transition: none;
     37  -moz-transition: none;
     38  -o-transition: none;
     39  transition: none;
     40}
     41
    4142.screen-reader-text:focus {
    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 }
     43  background-color: #f1f1f1;
     44  border-radius: 3px;
     45  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     46  clip: auto !important;
     47  clip-path: none;
     48  color: #21759b;
     49  display: block;
     50  font-size: 14px;
     51  font-weight: 600;
     52  height: auto;
     53  left: 5px;
     54  line-height: normal;
     55  padding: 15px 23px 14px;
     56  text-decoration: none;
     57  top: 5px;
     58  width: auto;
     59  z-index: 100000;
     60}
     61
    6062#content[tabindex="-1"]:focus {
    61     outline: 0;
    62 }
     63  outline: 0;
     64}
     65
    6366body {
    64     font-family: 'Poppins', sans-serif;
     67  font-family: 'Poppins', sans-serif;
    6568  color: #6b6b87;
    66   margin:0;
     69  margin: 0;
    6770  background: #fff;
    6871}
    69 h1,h2,h3,h4,h5,h6{
    70     font-weight: bold;
    71     color: #1a1b29;
    72 }
     72
     73h1,
     74h2,
     75h3,
     76h4,
     77h5,
     78h6 {
     79  font-weight: bold;
     80  color: #1a1b29;
     81}
     82
    7383a {
    74   color:#1a1b29;
     84  color: #1a1b29;
    7585  -webkit-transition: color .1s linear;
    7686  -moz-transition: color .1s linear;
    … …  
    7989  text-decoration: none;
    8090}
     91
    8192a:hover,
    8293a:focus {
    83   color:var(--primary-theme-color);
     94  color: var(--primary-theme-color);
    8495  text-decoration: none;
    8596}
     97
    8698.alignwide {
    87   margin-left  : -80px;
    88   margin-right : -80px;
    89 }
     99  margin-left: -80px;
     100  margin-right: -80px;
     101}
     102
    90103.alignfull {
    91   margin-left  : calc( -100vw / 2 + 100% / 2 );
    92   margin-right : calc( -100vw / 2 + 100% / 2 );
    93   max-width    : 100vw;
    94 }
     104  margin-left: calc(-100vw / 2 + 100% / 2);
     105  margin-right: calc(-100vw / 2 + 100% / 2);
     106  max-width: 100vw;
     107}
     108
    95109.alignfull img {
    96110  width: 100vw;
    97111}
    98 .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 {
     112
     113.post-single a,
     114.page-single a,
     115.sidebar-area .textwidget a,
     116.comment-content a,
     117.woocommerce-product-details__short-description a,
     118#tab-description a,
     119.extra-home-content a {
    99120  text-decoration: underline;
    100   color:var(--primary-theme-color);
     121  color: var(--primary-theme-color);
    101122}
    102123
    … …  
    113134  border-radius: 30px;
    114135}
    115 .head-btn a:hover{
    116   background: var(--primary-theme-color);
    117   color: #fff;
    118 }
     136
     137.head-btn a:hover {
     138  background: var(--primary-theme-color);
     139  color: #fff;
     140}
     141
    119142.header {
    120143  position: absolute;
    … …  
    122145  z-index: 9999;
    123146}
    124 .page-template-frontpage .logo p,.page-template-frontpage .logo a,.page-template-frontpage #main-menu ul li a{
    125     color: #1a1b29;
    126 }
    127 .page-template-frontpage .head-btn a{
    128     background: #1a1b29;
    129     color: #fff;
    130 }
     147
     148.page-template-frontpage .logo p,
     149.page-template-frontpage .logo a,
     150.page-template-frontpage #main-menu ul li a {
     151  color: #1a1b29;
     152}
     153
     154.page-template-frontpage .head-btn a {
     155  background: #1a1b29;
     156  color: #fff;
     157}
     158
    131159/* ===============================================
    132160  FOOTER SOCIAL ICONS
    133161============================================= */
    134 .footer-links{
     162.footer-links {
    135163  text-align: left;
    136164  padding: 6px 0px;
    137165}
    138 .footer-links i{
     166
     167.footer-links i {
    139168  color: #000;
    140169  background: #fff;
    … …  
    142171  border-radius: 3px;
    143172}
    144 .footer-links i:hover{
     173
     174.footer-links i:hover {
    145175  color: var(--primary-theme-color);
    146176}
     177
    147178/* ===============================================
    148179   HEADER IMAGE
    149180   ============================================= */
    150181
    151 .header-image-box{
    152     position: relative;
    153     height: 350px;
     182.header-image-box {
     183  position: relative;
     184  height: 350px;
    154185  display: flex;
    155186  align-items: center;
    156187  background-position: center;
    157188}
     189
    158190.header-image-box:before {
    159191  position: absolute;
    … …  
    167199  z-index: 1;
    168200}
    169 .header-image-box h1,.headerimgbox-meta span,.crumb-box a,.crumb-box, .header-image-box p{
     201
     202.header-image-box h1,
     203.headerimgbox-meta span,
     204.crumb-box a,
     205.crumb-box,
     206.header-image-box p {
    170207  position: relative;
    171208  z-index: 1;
    172209  color: #fff;
    173210}
    174 .header-image-box h1{
    175     font-size: 65px;
    176 }
    177 .header-image-box h1 , .post-title a{
     211
     212.header-image-box h1 {
     213  font-size: 65px;
     214}
     215
     216.header-image-box h1,
     217.post-title a {
    178218  word-wrap: break-word;
    179219}
     220
    180221/* ===============================================
    181222   LOGO BOX
    … …  
    193234  font-weight: bold;
    194235}
     236
    195237.logo p {
    196238  display: block;
    … …  
    205247
    206248#main-menu {
    207     display:block;
    208     position:relative;
    209     float:left;
    210     margin:0 auto;
    211     width:100%
    212 }
     249  display: block;
     250  position: relative;
     251  float: left;
     252  margin: 0 auto;
     253  width: 100%
     254}
     255
    213256#main-menu ul {
    214     margin:0;
     257  margin: 0;
    215258  padding: 0;
    216     display:block;
    217 }
     259  display: block;
     260}
     261
    218262#main-menu ul li {
    219     position:relative;
    220     display:block;
    221     float:left;
    222     text-align:left;
    223 }
     263  position: relative;
     264  display: block;
     265  float: left;
     266  text-align: left;
     267}
     268
    224269#main-menu ul li a {
    225270  display: block;
    … …  
    230275  font-weight: bold;
    231276}
     277
    232278#main-menu a:hover,
    233279#main-menu ul li a:hover,
    234 #main-menu li:hover > a,
     280#main-menu li:hover>a,
    235281#main-menu a:focus,
    236282#main-menu ul li a:focus,
    237 #main-menu li.focus > a,
    238 #main-menu li:focus > a,
    239 #main-menu ul li.current-menu-item > a,
    240 #main-menu ul li.current_page_item > a,
    241 #main-menu ul li.current-menu-parent > a,
    242 #main-menu ul li.current_page_ancestor > a,
    243 #main-menu ul li.current-menu-ancestor > a {
    244     color:var(--primary-theme-color);
    245 }
    246 #main-menu ul.children ,
     283#main-menu li.focus>a,
     284#main-menu li:focus>a,
     285#main-menu ul li.current-menu-item>a,
     286#main-menu ul li.current_page_item>a,
     287#main-menu ul li.current-menu-parent>a,
     288#main-menu ul li.current_page_ancestor>a,
     289#main-menu ul li.current-menu-ancestor>a {
     290  color: var(--primary-theme-color);
     291}
     292
     293#main-menu ul.children,
    247294#main-menu ul.sub-menu {
    248     opacity:0;
    249     position: absolute;
    250     top: 35px;
    251     left: -9999em;
    252     background:#f5f9ff;
    253     z-index:10001;
    254     width:213px;
    255     padding-left:0;
    256     -webkit-transition: opacity 0.3s ease 0s;
    257     -moz-transition: opacity 0.3s ease 0s;
    258     -o-transition: opacity 0.3s ease 0s;
    259     transition: opacity 0.3s ease 0s;
    260 }
    261 #main-menu ul.children li ,
     295  opacity: 0;
     296  position: absolute;
     297  top: 35px;
     298  left: -9999em;
     299  background: #f5f9ff;
     300  z-index: 10001;
     301  width: 213px;
     302  padding-left: 0;
     303  -webkit-transition: opacity 0.3s ease 0s;
     304  -moz-transition: opacity 0.3s ease 0s;
     305  -o-transition: opacity 0.3s ease 0s;
     306  transition: opacity 0.3s ease 0s;
     307}
     308
     309#main-menu ul.children li,
    262310#main-menu ul.sub-menu li {
    263     position:relative;
    264     margin:0;
    265     line-height:1.2em;
    266     text-transform:none;
    267     width:213px;
    268     min-height: inherit;
    269     margin:0;
    270 }
    271 #main-menu li li:hover > ul,
    272 #main-menu li li:focus > ul,
    273 #main-menu li li.focus > ul {
    274     top:0px;
    275     left: -100%;
    276 }
    277 #main-menu ul.children li a ,
     311  position: relative;
     312  margin: 0;
     313  line-height: 1.2em;
     314  text-transform: none;
     315  width: 213px;
     316  min-height: inherit;
     317  margin: 0;
     318}
     319
     320#main-menu li li:hover>ul,
     321#main-menu li li:focus>ul,
     322#main-menu li li.focus>ul {
     323  top: 0px;
     324  left: -100%;
     325}
     326
     327#main-menu ul.children li a,
    278328#main-menu ul.sub-menu li a {
    279     text-decoration:none;
    280     text-align:left;
    281     display:block;
    282     padding:10px 15px;
    283     margin:0;
    284     border:none;
    285     line-height:inherit;
    286     color: #1a1b29;
    287     border-bottom: solid 1px #e4e7ee;
    288 }
     329  text-decoration: none;
     330  text-align: left;
     331  display: block;
     332  padding: 10px 15px;
     333  margin: 0;
     334  border: none;
     335  line-height: inherit;
     336  color: #1a1b29;
     337  border-bottom: solid 1px #e4e7ee;
     338}
     339
    289340#main-menu ul.children li a:hover,
    290 #main-menu ul.sub-menu li a:hover{
    291     background: var(--primary-theme-color);
    292     color: #fff;
    293 }
     341#main-menu ul.sub-menu li a:hover {
     342  background: var(--primary-theme-color);
     343  color: #fff;
     344}
     345
    294346#main-menu ul.children li ul:before,
    295347#main-menu ul.sub-menu li ul:before,
    … …  
    297349.dropdown-toggle,
    298350button.close-menu {
    299     display:none;
    300 }
    301 #main-menu li:hover > ul,
    302 #main-menu li:focus > ul,
    303 #main-menu li.focus > ul {
    304     opacity:1;
    305     left: 0;
    306 }
     351  display: none;
     352}
     353
     354#main-menu li:hover>ul,
     355#main-menu li:focus>ul,
     356#main-menu li.focus>ul {
     357  opacity: 1;
     358  left: 0;
     359}
     360
    307361/* ===============================================
    308362  Menu dropdown css
    309363 ============================================= */
    310  #main-menu ul li.menu-item-has-children:after {
     364#main-menu ul li.menu-item-has-children:after {
    311365  content: '';
    312366  position: absolute;
    … …  
    317371  display: inline-block;
    318372  padding: 3px;
    319   -webkit-transform: translate(0,-50%) rotate(45deg);
    320   transform: translate(0,-50%) rotate(45deg);
    321 }
    322 .page-template-frontpage #main-menu ul li.menu-item-has-children:after{
     373  -webkit-transform: translate(0, -50%) rotate(45deg);
     374  transform: translate(0, -50%) rotate(45deg);
     375}
     376
     377.page-template-frontpage #main-menu ul li.menu-item-has-children:after {
    323378  border-color: #000;
    324379}
    325 #main-menu ul li.menu-item-has-children{
     380
     381#main-menu ul li.menu-item-has-children {
    326382  padding-right: 15px;
    327383}
     384
    328385#main-menu ul.sub-menu li.menu-item-has-children:after {
    329386  right: 30px;
    330387}
    331 img.custom-logo{
     388
     389img.custom-logo {
    332390  max-width: 100%;
    333391}
     392
    334393/* ===============================================
    335394   POST BOX
    336395   ============================================= */
    337396
    338 .sticky .post-content-box{
    339     background: #f2f8ff;
    340 }
     397.sticky .post-content-box {
     398  background: #f2f8ff;
     399}
     400
    341401.post-box {
    342402  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    … …  
    344404  text-align: center;
    345405}
     406
    346407h3.post-title {
    347408  font-size: 25px;
    348409}
    349 .post-content p{
    350     color: #6b6b87;
    351 }
    352 .post-meta,.crumb-box a:hover{
    353     color: #ad7c21;
    354 }
     410
     411.post-content p {
     412  color: #6b6b87;
     413}
     414
     415.post-meta,
     416.crumb-box a:hover {
     417  color: #ad7c21;
     418}
     419
    355420pre {
    356     display: block;
    357     padding: 9.5px;
    358     margin: 0 0 10px;
    359     font-size: 13px;
    360     line-height: 1.42857143;
    361     color: #1a1b29;
    362     white-space: break-spaces;
    363     background-color: #f5f5f5;
    364     border: 1px solid #ccc;
    365     border-radius: 4px;
    366 }
     421  display: block;
     422  padding: 9.5px;
     423  margin: 0 0 10px;
     424  font-size: 13px;
     425  line-height: 1.42857143;
     426  color: #1a1b29;
     427  white-space: break-spaces;
     428  background-color: #f5f5f5;
     429  border: 1px solid #ccc;
     430  border-radius: 4px;
     431}
     432
    367433.post-content img,
    368434.post-thumbnail img,
    … …  
    370436.post-content object,
    371437.post-content embed {
    372     max-width: 100%;
    373 }
     438  max-width: 100%;
     439}
     440
    374441.post-content img,
    375442.post-thumbnail img {
    376     max-height:100%;
    377     height:auto;
    378 }
     443  max-height: 100%;
     444  height: auto;
     445}
     446
    379447.post-content:after {
    380448  content: "";
    … …  
    382450  clear: both;
    383451}
    384 #content,footer {
     452
     453#content,
     454footer {
    385455  float: left;
    386456  width: 100%;
    387457}
     458
    388459.box {
    389460  background-color: rgb(26 27 41 / 80%);
    … …  
    392463  position: relative;
    393464}
    394 .post-box:hover:before{
     465
     466.post-box:hover:before {
    395467  opacity: 1;
    396468  transform: translateX(0);
    397469}
    398 .box img{
     470
     471.box img {
    399472  width: 100%;
    400473  height: auto;
    … …  
    402475  transition: all 0.5s ease;
    403476}
    404 .post-box:hover img{
     477
     478.post-box:hover img {
    405479  opacity: 0.2;
    406480  transform: translateX(20px) scale(1.15);
    407481}
    408 .box .box-content{
    409     opacity: 0;
     482
     483.box .box-content {
     484  opacity: 0;
    410485  transform: scale(0);
    411486  position: absolute;
    … …  
    418493  transition: all 0.5s ease;
    419494}
    420 .post-box:hover .box-content{
     495
     496.post-box:hover .box-content {
    421497  opacity: 1;
    422498  transform: scale(1);
    423499}
     500
    424501p.slider-button a {
    425   background-image: linear-gradient(to right, var(--secondary-theme-color) , var(--primary-theme-color));
     502  background-image: linear-gradient(to right, var(--secondary-theme-color), var(--primary-theme-color));
    426503  color: #fff;
    427504  padding: 15px 20px;
    … …  
    429506  font-weight: bold;
    430507}
     508
    431509p.slider-button a:hover {
    432510  background: var(--primary-theme-color);
    433511  color: #fff;
    434512}
     513
    435514.post-info span,
    436515.post-info a {
    … …  
    440519  display: inline-block;
    441520}
     521
    442522.post-info a:hover,
    443523.entry-date:hover a,
    444 .entry-author:hover a
    445  {
     524.entry-author:hover a {
    446525  color: var(--primary-theme-color);
    447526}
     527
    448528.post-info i {
    449529  color: var(--primary-theme-color);
    450530  font-size: 12px;
    451531}
    452   /* Edit link  */
    453   .link-edit{
    454     display: inline-block;
    455     margin-left: 10px;
    456   }
    457   .post-info{
    458     display:inline-block;
    459   }
    460   .link-edit::before {
    461       content: "\f044";
    462       color: var(--primary-theme-color);
    463   }
    464   .link-edit::before {
    465       display: inline-block;
    466       font-family: 'Font Awesome 6 Free';
    467       height: 15px;
    468       margin-right: 8px;
    469   }
    470   .post-edit-link{
    471     color: #000 !important;
    472   }
     532
     533/* Edit link  */
     534.link-edit {
     535  display: inline-block;
     536  margin-left: 10px;
     537}
     538
     539.post-info {
     540  display: inline-block;
     541}
     542
     543.link-edit::before {
     544  content: "\f044";
     545  color: var(--primary-theme-color);
     546}
     547
     548.link-edit::before {
     549  display: inline-block;
     550  font-family: 'Font Awesome 6 Free';
     551  height: 15px;
     552  margin-right: 8px;
     553}
     554
     555.post-edit-link {
     556  color: #000 !important;
     557}
     558
    473559/* ===============================================
    474560   Pagination
    … …  
    477563.pagination,
    478564.web-agency-elementor-pagination {
    479     margin:25px 0;
    480 }
     565  margin: 25px 0;
     566}
     567
    481568.pagination .nav-links a,
    482569.pagination .nav-links span.current,
    483570.web-agency-elementor-pagination a span,
    484571.web-agency-elementor-pagination span.current {
    485     display:inline-block;
    486     text-decoration: none;
    487     padding:10px 12px;
    488     font-size:14px;
    489     font-weight: bold;
    490     color:#333;
    491     text-align:center;
    492     cursor:pointer;
    493     background:#f3f4f7;
    494 }
     572  display: inline-block;
     573  text-decoration: none;
     574  padding: 10px 12px;
     575  font-size: 14px;
     576  font-weight: bold;
     577  color: #333;
     578  text-align: center;
     579  cursor: pointer;
     580  background: #f3f4f7;
     581}
     582
    495583.pagination .nav-links a:hover,
    496584.pagination .nav-links a:focus,
    … …  
    501589.web-agency-elementor-pagination a span:hover,
    502590.web-agency-elementor-pagination a span:focus {
    503     background: var(--primary-theme-color);
    504     color: #fff;
     591  background: var(--primary-theme-color);
     592  color: #fff;
    505593}
    506594
    … …  
    508596## Comments
    509597--------------------------------------------------------------*/
    510 .comment-reply a:focus{
    511   color: #fff;
    512 }
     598.comment-reply a:focus {
     599  color: #fff;
     600}
     601
    513602.comment-respond input#submit:hover,
    514 .comment-reply a:hover{
    515     background: var(--primary-theme-color);
    516     color: #fff;
    517 }
    518 .comment-form-url input,nav.navigation.pagination{
     603.comment-reply a:hover {
     604  background: var(--primary-theme-color);
     605  color: #fff;
     606}
     607
     608.comment-form-url input,
     609nav.navigation.pagination {
    519610  width: 100%;
    520611}
     612
    521613.comment-respond input#submit {
    522   background-image: linear-gradient(to right, var(--secondary-theme-color) , var(--primary-theme-color));
     614  background-image: linear-gradient(to right, var(--secondary-theme-color), var(--primary-theme-color));
    523615  border: none;
    524616  color: #fff;
    … …  
    526618  font-weight: 600;
    527619}
     620
    528621.comment-content a {
    529622  word-wrap: break-word;
    530623}
     624
    531625.bypostauthor {
    532626  display: block;
    533627}
     628
    534629.comments-title {
    535630  font-size: 1.125rem;
    536631}
     632
    537633.comment-body .pull-left {
    538634  padding-right: 0.625rem;
    539635}
     636
    540637.comment-list {
    541638  padding-left: 0;
    542639  border-bottom: 1px solid #00000047;
    543640}
     641
    544642.comment-list .comment {
    545643  display: block;
    546644}
     645
    547646.comment-list .pingback {
    548647  border-top: 1px solid rgba(0, 0, 0, 0.125);
    549648  padding: 0.563rem 0;
    550649}
     650
    551651.comment-list .pingback a {
    552652  margin-left: 5px;
    553653  margin-right: 5px;
    554654}
     655
    555656.comment-content.card-block {
    556657  padding: 15px;
    557658}
     659
    558660.comment-reply a {
    559661  padding: 10px;
    … …  
    570672  padding: 0 0 0 20px;
    571673}
     674
    572675.sidebar-area .textwidget img,
    573 .footer-area .textwidget img{
     676.footer-area .textwidget img {
    574677  width: 100%;
    575678  height: auto;
    576679}
     680
    577681.sidebar-area .sidebar-widget {
    578     margin-bottom: 25px;
    579 }
     682  margin-bottom: 25px;
     683}
     684
    580685.sidebar-area a,
    581686.sidebar-area p,
    … …  
    587692.sidebar-area th,
    588693.sidebar-area .textwidget {
    589     line-height:1.9em;
    590     font-weight: normal;
    591 }
    592 .sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
     694  line-height: 1.9em;
     695  font-weight: normal;
     696}
     697
     698.sidebar-area ul,
     699#calendar_wrap,
     700.sidebar-area .textwidget,
     701.tagcloud {
    593702  list-style: none;
    594703  margin: 0;
    595704}
     705
    596706.sidebar-area ul {
    597707  padding: 15px 30px 25px;
    … …  
    599709  border: solid 1px #e4e7ee;
    600710}
     711
    601712.sidebar-area li a,
    602713.sidebar-area li {
    … …  
    604715  color: #6b6b87;
    605716}
    606 .sidebar-area li a:hover, .sidebar-area li:hover{
     717
     718.sidebar-area li a:hover,
     719.sidebar-area li:hover {
    607720  color: var(--primary-theme-color);
    608721}
     722
    609723.sidebar-area li {
    610724  padding: 14px 10px;
    611725  border-bottom: solid 1px #e4e7ee;
    612726}
     727
    613728.sidebar-area h4.title {
    614     position: relative;
     729  position: relative;
    615730  font-size: 25px;
    616731  margin-left: 60px;
    617732  margin-bottom: 20px;
    618733}
     734
    619735.sidebar-area h4.title:before {
    620     position: absolute;
     736  position: absolute;
    621737  content: "";
    622738  width: 50px;
    … …  
    628744  margin: auto;
    629745}
     746
    630747.sidebar-area h4.title:after {
    631748  position: absolute;
    … …  
    640757  margin: auto;
    641758}
     759
    642760.sidebar-area .tagcloud a,
    643761.footer-area .tagcloud a {
    … …  
    650768  border: solid 1px #e4e7ee;
    651769}
     770
    652771.sidebar-area .wp-block-group__inner-container h2 {
    653772  color: #000000 !important;
    654773  font-size: 20px;
    655774}
    656 .footer-area .tagcloud a{
    657     border: solid 1px #fff;
    658     color: #fff;
    659 }
     775
     776.footer-area .tagcloud a {
     777  border: solid 1px #fff;
     778  color: #fff;
     779}
     780
    660781.sidebar-area .tagcloud a:before,
    661 .footer-area .tagcloud a:before  {
     782.footer-area .tagcloud a:before {
    662783  content: "#";
    663784}
     785
    664786.sidebar-area .tagcloud a:hover,
    665 .footer-area .tagcloud a:hover{
    666     background: var(--primary-theme-color);
    667     color: #fff;
    668 }
     787.footer-area .tagcloud a:hover {
     788  background: var(--primary-theme-color);
     789  color: #fff;
     790}
     791
    669792.sidebar-area select,
    670793.footer-area select,
    671 .sidebar-area textarea, #comments textarea,
    672 .sidebar-area input[type="text"], #comments input[type="text"],
     794.sidebar-area textarea,
     795#comments textarea,
     796.sidebar-area input[type="text"],
     797#comments input[type="text"],
    673798.sidebar-area input[type="password"],
    674799.sidebar-area input[type="datetime"],
    … …  
    686811.sidebar-area .uneditable-input,
    687812#comments input[type="email"],
    688 #comments input[type="url"]{
    689     -webkit-border-radius: 0;
    690     -moz-border-radius: 0;
    691     border-radius: 0;
    692     width:100%;
    693     padding: 5px 2%;
    694     border: solid 1px #e4e7ee;
    695 }
     813#comments input[type="url"] {
     814  -webkit-border-radius: 0;
     815  -moz-border-radius: 0;
     816  border-radius: 0;
     817  width: 100%;
     818  padding: 5px 2%;
     819  border: solid 1px #e4e7ee;
     820}
     821
    696822#wp-calendar th,
    697 #wp-calendar
    698 #today,
    699 #wp-calendar
    700 #today a {
    701     background:#f3f4f7;
    702     color:#434343 !important;
    703 }
     823#wp-calendar #today,
     824#wp-calendar #today a {
     825  background: #f3f4f7;
     826  color: #434343 !important;
     827}
     828
    704829#wp-calendar a:hover {
    705     border:none;
    706 }
     830  border: none;
     831}
     832
    707833#wp-calendar {
    708     background: #fff;
    709     width:100%;
    710 }
     834  background: #fff;
     835  width: 100%;
     836}
     837
    711838#wp-calendar caption {
    712     font-size: 14px;
    713     text-transform:uppercase;
    714     margin:0 0 10px 0;
    715     text-align:left;
    716 }
     839  font-size: 14px;
     840  text-transform: uppercase;
     841  margin: 0 0 10px 0;
     842  text-align: left;
     843}
     844
    717845#wp-calendar th,
    718846#wp-calendar td {
    719     text-align: center;
    720     font-size: 14px;
    721     color:#434343 !important;
    722     padding:3px 6px;
    723 }
     847  text-align: center;
     848  font-size: 14px;
     849  color: #434343 !important;
     850  padding: 3px 6px;
     851}
     852
    724853#wp-calendar td a {
    725     display:block;
    726     text-align: center;
    727     font-size: 14px;
    728     color:#434343 !important;
    729     text-decoration:underline
    730 }
     854  display: block;
     855  text-align: center;
     856  font-size: 14px;
     857  color: #434343 !important;
     858  text-decoration: underline
     859}
     860
    731861#wp-calendar td#prev a,
    732 #wp-calendar td#prev a{
    733     text-decoration:none;
    734     text-align:left;
    735 }
    736 #wp-calendar th{
    737     font-weight:bold
    738 }
     862#wp-calendar td#prev a {
     863  text-decoration: none;
     864  text-align: left;
     865}
     866
     867#wp-calendar th {
     868  font-weight: bold
     869}
     870
    739871tr:nth-child(2n+2) {
    740     background-color: #f3f4f7;
    741 }
     872  background-color: #f3f4f7;
     873}
     874
    742875.searchform label {
    743     display: block;
    744 }
     876  display: block;
     877}
     878
    745879.searchform input[type=text] {
    746880  width: calc(100% - 110px);
    … …  
    751885  border: none;
    752886}
     887
    753888#searchform {
    754889  border: solid 1px #e4e7ee;
    755890  border-radius: 30px;
    756891}
     892
    757893.searchform input[type=submit] {
    758894  background: var(--primary-theme-color);
    … …  
    770906  margin: 4px auto;
    771907  cursor: pointer;
    772     -webkit-transition: color .3s ease, background-color .3s ease;
    773     -moz-transition: color .3s ease, background-color .3s ease;
    774     -o-transition: color .3s ease, background-color .3s ease;
    775     transition: color .3s ease, background-color .3s ease;
    776 }
    777 .searchform input[type=submit]:hover ,
     908  -webkit-transition: color .3s ease, background-color .3s ease;
     909  -moz-transition: color .3s ease, background-color .3s ease;
     910  -o-transition: color .3s ease, background-color .3s ease;
     911  transition: color .3s ease, background-color .3s ease;
     912}
     913
     914.searchform input[type=submit]:hover,
    778915.searchform input[type=submit]:focus {
    779     background: var(--primary-theme-color);
    780     text-decoration:none
    781 }
     916  background: var(--primary-theme-color);
     917  text-decoration: none
     918}
     919
    782920.searchform:after {
    783921  content: "";
    … …  
    785923  clear: both;
    786924}
    787 .footer-widget, .footer-copyright{
    788     background: #1a1b29;
    789 }
     925
     926.footer-widget,
     927.footer-copyright {
     928  background: #1a1b29;
     929}
     930
    790931footer a,
    791932footer p,
    … …  
    797938footer .sidebar-area th,
    798939footer .sidebar-area .title,
    799 footer .sidebar-area .textwidget,.footer-area li,
     940footer .sidebar-area .textwidget,
     941.footer-area li,
    800942.footer-area input[type=text],
    801 .wp-block-group__inner-container h2  {
    802     color: #fff;
    803 }
     943.wp-block-group__inner-container h2 {
     944  color: #fff;
     945}
     946
    804947.footer-area ul {
    805948  padding: 0;
    806949  list-style: none;
    807950}
     951
    808952.footer-area h4.title {
    809     font-size: 30px;
     953  font-size: 30px;
    810954  color: #fff;
    811955  margin-top: 30px;
    812956}
     957
    813958.footer-area li {
    814     padding: 8px 0;
    815 }
     959  padding: 8px 0;
     960}
     961
    816962img.size-auto,
    817963img.size-full,
    … …  
    822968img.aligncenter,
    823969.attachment img {
    824     max-width:100%;
    825     height:auto;
    826 }
     970  max-width: 100%;
     971  height: auto;
     972}
     973
    827974.alignleft,
    828975img.alignleft {
    829     display:inline;
    830     float:left;
    831     margin-right:24px;
    832     margin-top:4px;
    833 }
     976  display: inline;
     977  float: left;
     978  margin-right: 24px;
     979  margin-top: 4px;
     980}
     981
    834982.alignright,
    835983img.alignright {
    836     display:inline;
    837     float:right;
    838     margin-left:24px;
    839     margin-top:4px;
    840 }
     984  display: inline;
     985  float: right;
     986  margin-left: 24px;
     987  margin-top: 4px;
     988}
     989
    841990div.aligncenter,
    842991img.aligncenter {
    843     display: block;
    844     margin-left: auto !important;
    845     margin-right: auto !important;
    846     float:none;
    847 }
     992  display: block;
     993  margin-left: auto !important;
     994  margin-right: auto !important;
     995  float: none;
     996}
     997
    848998img.alignleft,
    849999img.alignright,
    8501000img.aligncenter {
    851     margin-bottom:12px;
    852 }
     1001  margin-bottom: 12px;
     1002}
     1003
    8531004.wp-caption {
    854     line-height:18px;
    855     margin-bottom:25px;
    856     max-width:100% !important;
    857     padding:4px;
    858     text-align:center;
    859 }
     1005  line-height: 18px;
     1006  margin-bottom: 25px;
     1007  max-width: 100% !important;
     1008  padding: 4px;
     1009  text-align: center;
     1010}
     1011
    8601012.wp-caption img {
    861     margin:5px 5px 0;
    862     width:96%;
    863     height:100%
    864 }
     1013  margin: 5px 5px 0;
     1014  width: 96%;
     1015  height: 100%
     1016}
     1017
    8651018.wp-caption p.wp-caption-text {
    866     color:#888;
    867     font-size:12px;
    868     margin:5px;
    869 }
    870 .sticky {
    871 }
    872 
    873 .gallery-caption {
    874 }
    875 
    876 .bypostauthor {
    877 }
     1019  color: #888;
     1020  font-size: 12px;
     1021  margin: 5px;
     1022}
     1023
     1024.sticky {}
     1025
     1026.gallery-caption {}
     1027
     1028.bypostauthor {}
     1029
    8781030/* ===============================================
    8791031    BLOCK CSS
    8801032  =============================================== */
    8811033
    882    .widget_search .wp-block-search__inside-wrapper {
    883     border: solid 1px #e4e7ee;
    884     border-radius: 30px;
    885   }
    886    .widget_search .wp-block-search__inside-wrapper .wp-block-search__input{
    887     width: calc(100% - 110px);
    888     margin: 0;
    889     padding: 12px;
    890     float: left;
    891     background-color: transparent;
    892     border: none;
    893   }
    894    .widget_search button.wp-block-search__button.wp-element-button{
    895     background: var(--primary-theme-color);
    896     border: none;
    897     color: #fff;
    898     font-size: 14px;
    899     font-weight: 600;
    900     text-align: center;
    901     position: relative;
    902     float: left;
    903     border-radius: 30px;
    904     text-shadow: none;
    905     padding: 10px 0;
    906     width: 105px;
    907     margin: 4px auto;
    908     cursor: pointer;
    909     -webkit-transition: color .3s ease, background-color .3s ease;
    910     -moz-transition: color .3s ease, background-color .3s ease;
    911     -o-transition: color .3s ease, background-color .3s ease;
    912     transition: color .3s ease, background-color .3s ease;
    913   }
    914    .widget_search button.wp-block-search__button:hover,
    915    .widget_search button.wp-block-search__button:focus{
    916     background: var(--primary-theme-color);
    917     text-decoration:none;
    918   }
    919    .widget_search .wp-block-search__inside-wrapper {
    920     content: "";
    921     display: table;
    922     clear: both;
    923   }
    924   .sidebar-area .wp-block-search label{
    925     display: inline;
    926   }
    927   .sidebar-area .widget_search label ,
    928   .sidebar-area .sidebar-widget.widget_block .wp-block-heading{
    929     position: relative;
    930     font-size: 25px;
    931     margin-left: 60px;
    932     margin-bottom: 20px;
    933     color: #000;
    934   }
    935   .sidebar-area .widget_search label:before,
    936   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
    937     position: absolute;
    938     content: "";
    939     width: 50px;
    940     left: -60px;
    941     height: 2px;
    942     background: var(--primary-theme-color);
    943     top: 0;
    944     bottom: 0;
    945     margin: auto;
    946   }
    947   .sidebar-area .widget_search label:after,
    948   .sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
    949     position: absolute;
    950     content: "";
    951     width: 10px;
    952     left: -60px;
    953     height: 10px;
    954     border-radius: 10px;
    955     background: var(--primary-theme-color);
    956     top: 0;
    957     bottom: 0;
    958     margin: auto;
    959   }
    960   .sidebar-area .wp-block-tag-cloud a,
    961   .footer-area .wp-block-tag-cloud a ,.tag-cloud-link{
    962     font-size: 15px !important;
    963     color: #5b5b5b;
    964     display: inline-block;
    965     margin: 5px 0;
    966     padding: 7px;
    967     border-radius: 5px;
    968     border: solid 1px #e4e7ee;
    969   }
    970   .footer-area .wp-block-tag-cloud a{
    971     border: solid 1px #fff;
    972     color: #fff;
    973   }
    974   .sidebar-area .wp-block-tag-cloud a:before,
    975   .footer-area .wp-block-tag-cloud a:before ,.tag-cloud-link:before {
    976     content: "#";
    977   }
    978   .sidebar-area .wp-block-tag-cloud a:hover,
    979   .footer-area .wp-block-tag-cloud a:hover,.tag-cloud-link:hover{
    980     background: var(--primary-theme-color);
    981     color: #fff;
    982   }
    983   .sidebar-area ol footer.wp-block-latest-comments__comment-meta{
    984     float: none !important;
    985   }
    986   .sidebar-area  ol.wp-block-latest-comments{
    987     padding-left: 0px !important;
    988     padding: 15px 30px 25px;
    989     border-radius: 10px;
    990     border: solid 1px #e4e7ee;
    991   }
    992   .footer-area .wp-block-heading ,
    993   .footer-area .widget_search label{
    994     font-size: 30px;
    995     color: #fff;
    996     margin-top: 30px;
    997   }
     1034.widget_search .wp-block-search__inside-wrapper {
     1035  border: solid 1px #e4e7ee;
     1036  border-radius: 30px;
     1037}
     1038
     1039.widget_search .wp-block-search__inside-wrapper .wp-block-search__input {
     1040  width: calc(100% - 110px);
     1041  margin: 0;
     1042  padding: 12px;
     1043  float: left;
     1044  background-color: transparent;
     1045  border: none;
     1046}
     1047
     1048.widget_search button.wp-block-search__button.wp-element-button {
     1049  background: var(--primary-theme-color);
     1050  border: none;
     1051  color: #fff;
     1052  font-size: 14px;
     1053  font-weight: 600;
     1054  text-align: center;
     1055  position: relative;
     1056  float: left;
     1057  border-radius: 30px;
     1058  text-shadow: none;
     1059  padding: 10px 0;
     1060  width: 105px;
     1061  margin: 4px auto;
     1062  cursor: pointer;
     1063  -webkit-transition: color .3s ease, background-color .3s ease;
     1064  -moz-transition: color .3s ease, background-color .3s ease;
     1065  -o-transition: color .3s ease, background-color .3s ease;
     1066  transition: color .3s ease, background-color .3s ease;
     1067}
     1068
     1069.widget_search button.wp-block-search__button:hover,
     1070.widget_search button.wp-block-search__button:focus {
     1071  background: var(--primary-theme-color);
     1072  text-decoration: none;
     1073}
     1074
     1075.widget_search .wp-block-search__inside-wrapper {
     1076  content: "";
     1077  display: table;
     1078  clear: both;
     1079}
     1080
     1081.sidebar-area .wp-block-search label {
     1082  display: inline;
     1083}
     1084
     1085.sidebar-area .widget_search label,
     1086.sidebar-area .sidebar-widget.widget_block .wp-block-heading {
     1087  position: relative;
     1088  font-size: 25px;
     1089  margin-left: 60px;
     1090  margin-bottom: 20px;
     1091  color: #000;
     1092}
     1093
     1094.sidebar-area .widget_search label:before,
     1095.sidebar-area .sidebar-widget.widget_block .wp-block-heading:before {
     1096  position: absolute;
     1097  content: "";
     1098  width: 50px;
     1099  left: -60px;
     1100  height: 2px;
     1101  background: var(--primary-theme-color);
     1102  top: 0;
     1103  bottom: 0;
     1104  margin: auto;
     1105}
     1106
     1107.sidebar-area .widget_search label:after,
     1108.sidebar-area .sidebar-widget.widget_block .wp-block-heading:after {
     1109  position: absolute;
     1110  content: "";
     1111  width: 10px;
     1112  left: -60px;
     1113  height: 10px;
     1114  border-radius: 10px;
     1115  background: var(--primary-theme-color);
     1116  top: 0;
     1117  bottom: 0;
     1118  margin: auto;
     1119}
     1120
     1121.sidebar-area .wp-block-tag-cloud a,
     1122.footer-area .wp-block-tag-cloud a,
     1123.tag-cloud-link {
     1124  font-size: 15px !important;
     1125  color: #5b5b5b;
     1126  display: inline-block;
     1127  margin: 5px 0;
     1128  padding: 7px;
     1129  border-radius: 5px;
     1130  border: solid 1px #e4e7ee;
     1131}
     1132
     1133.footer-area .wp-block-tag-cloud a {
     1134  border: solid 1px #fff;
     1135  color: #fff;
     1136}
     1137
     1138.sidebar-area .wp-block-tag-cloud a:before,
     1139.footer-area .wp-block-tag-cloud a:before,
     1140.tag-cloud-link:before {
     1141  content: "#";
     1142}
     1143
     1144.sidebar-area .wp-block-tag-cloud a:hover,
     1145.footer-area .wp-block-tag-cloud a:hover,
     1146.tag-cloud-link:hover {
     1147  background: var(--primary-theme-color);
     1148  color: #fff;
     1149}
     1150
     1151.sidebar-area ol footer.wp-block-latest-comments__comment-meta {
     1152  float: none !important;
     1153}
     1154
     1155.sidebar-area ol.wp-block-latest-comments {
     1156  padding-left: 0px !important;
     1157  padding: 15px 30px 25px;
     1158  border-radius: 10px;
     1159  border: solid 1px #e4e7ee;
     1160}
     1161
     1162.footer-area .wp-block-heading,
     1163.footer-area .widget_search label {
     1164  font-size: 30px;
     1165  color: #fff;
     1166  margin-top: 30px;
     1167}
    9981168
    9991169/* WOOCOMMERCE */
    1000 .wp-block-woocommerce-cart.alignwide{
     1170.wp-block-woocommerce-cart.alignwide {
    10011171  margin-right: auto;
    10021172  margin-left: auto;
    10031173}
     1174
    10041175.wp-block-woocommerce-checkout.alignwide {
    10051176  margin-right: auto;
    10061177  margin-left: auto;
    10071178}
    1008 .wp-block-woocommerce-cart .wc-block-cart-items{
    1009   border: 1px solid #dee2e6!important;
     1179
     1180.wp-block-woocommerce-cart .wc-block-cart-items {
     1181  border: 1px solid #dee2e6 !important;
    10101182  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10111183  padding: 10px;
    10121184}
     1185
    10131186.wp-block-woocommerce-cart-order-summary-block {
    1014   border: 1px solid #dee2e6!important;
     1187  border: 1px solid #dee2e6 !important;
    10151188  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    10161189}
    1017 .wp-block-woocommerce-cart-order-summary-heading-block{
     1190
     1191.wp-block-woocommerce-cart-order-summary-heading-block {
    10181192  padding: 10px 20px !important;
    10191193  background: #f3f4f7 !important;
    10201194}
    1021 .wc-block-components-product-name{
     1195
     1196.wc-block-components-product-name {
    10221197  font-size: 20px;
    10231198  text-decoration: none !important;
    … …  
    10251200  color: #000 !important;
    10261201}
    1027 .wc-block-cart-items__header-image{
     1202
     1203.wc-block-cart-items__header-image {
    10281204  padding-left: 16px !important;
    10291205}
    1030 .wc-block-cart-items__header-total{
     1206
     1207.wc-block-cart-items__header-total {
    10311208  padding-right: 16px !important;
    10321209}
    1033 .wc-block-components-totals-coupon-link ,
     1210
     1211.wc-block-components-totals-coupon-link,
    10341212.wc-block-cart__submit-container a,
    10351213.wc-block-checkout__actions_row button,
    10361214.wc-block-components-totals-coupon__form button,
    10371215.wc-block-components-checkout-return-to-cart-button,
    1038 .wc-block-grid__product-add-to-cart a{
    1039   background-image: linear-gradient(to right, var(--secondary-theme-color) , var(--primary-theme-color));
     1216.wc-block-grid__product-add-to-cart a {
     1217  background-image: linear-gradient(to right, var(--secondary-theme-color), var(--primary-theme-color));
    10401218  color: #fff !important;
    10411219  line-height: unset;
    … …  
    10461224  text-decoration: none !important;
    10471225}
    1048 .wc-block-cart__submit-container a{
     1226
     1227.wc-block-cart__submit-container a {
    10491228  margin-top: 20px;
    10501229}
     1230
    10511231.wc-block-components-totals-coupon-link:hover,
    10521232.wc-block-cart__submit-container:hover a,
    10531233.wc-block-checkout__actions_row button:hover,
    10541234.wc-block-components-checkout-return-to-cart-button:hover,
    1055 .wc-block-grid__product-add-to-cart a:hover{
    1056   background: var(--primary-theme-color);
    1057   color: #fff;
    1058 }
     1235.wc-block-grid__product-add-to-cart a:hover {
     1236  background: var(--primary-theme-color);
     1237  color: #fff;
     1238}
     1239
    10591240.wc-block-components-totals-coupon {
    10601241  text-align: center;
    10611242}
    1062 .wc-block-cart-items__header-product{
     1243
     1244.wc-block-cart-items__header-product {
    10631245  background: #f3f4f7 !important;
    10641246}
    1065 .wc-block-cart-items__header th{
     1247
     1248.wc-block-cart-items__header th {
    10661249  padding: 10px 20px !important;
    10671250  font-size: 14px;
    10681251}
    1069 .wc-block-cart__totals-title{
     1252
     1253.wc-block-cart__totals-title {
    10701254  font-size: 14px !important;
    10711255  font-weight: 700 !important;
    10721256  text-align: center !important;
    10731257}
     1258
    10741259tr.wc-block-cart-items__row {
    10751260  padding: 15px 15px !important;
    10761261}
     1262
    10771263.wc-block-components-totals-item,
    1078 .wc-block-components-totals-item{
     1264.wc-block-components-totals-item {
    10791265  padding-left: 16px !important;
    10801266  padding-right: 16px !important;
    10811267}
    1082 span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
     1268
     1269span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    10831270  display: block !important;
    10841271}
     1272
    10851273/* Cart */
    10861274.wc-block-grid__product-title {
    … …  
    10891277  text-decoration: none !important;
    10901278}
    1091 a.wc-block-grid__product-link{
     1279
     1280a.wc-block-grid__product-link {
    10921281  text-decoration: none !important;
    10931282}
    1094 .wc-block-grid__product-price{
     1283
     1284.wc-block-grid__product-price {
    10951285  color: var(--primary-theme-color) !important;
    10961286  font-size: 14px !important;
    10971287  font-weight: 500 !important;
    10981288}
    1099 .wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale {
     1289
     1290.wc-block-grid .wc-block-grid__product-onsale,
     1291.wc-block-grid__product-image .wc-block-grid__product-onsale {
    11001292  top: 10px !important;
    11011293  right: 10px !important;
    … …  
    11091301  color: #fff !important;
    11101302}
     1303
    11111304/* CHECKOUT */
    1112 .wp-block-woocommerce-checkout-order-summary-block{
    1113   border: 1px solid #dee2e6!important;
     1305.wp-block-woocommerce-checkout-order-summary-block {
     1306  border: 1px solid #dee2e6 !important;
    11141307  padding: 10px;
    11151308  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 9%);
    11161309}
    1117 .wc-block-components-checkout-place-order-button{
     1310
     1311.wc-block-components-checkout-place-order-button {
    11181312  border: 0px !important;
    11191313}
    … …  
    11261320  margin-bottom: 0;
    11271321}
    1128 nav.woocommerce-MyAccount-navigation ul li{
     1322
     1323nav.woocommerce-MyAccount-navigation ul li {
    11291324  padding: 10px;
    11301325  margin-bottom: 15px;
    1131   background-image: linear-gradient(to right, var(--secondary-theme-color) , var(--primary-theme-color));
    1132 }
    1133 nav.woocommerce-MyAccount-navigation ul li:hover{
    1134   background: var(--primary-theme-color);
    1135 }
    1136 nav.woocommerce-MyAccount-navigation ul li a{
     1326  background-image: linear-gradient(to right, var(--secondary-theme-color), var(--primary-theme-color));
     1327}
     1328
     1329nav.woocommerce-MyAccount-navigation ul li:hover {
     1330  background: var(--primary-theme-color);
     1331}
     1332
     1333nav.woocommerce-MyAccount-navigation ul li a {
    11371334  text-decoration: none;
    11381335  color: #fff
    11391336}
     1337
    11401338/* MY ACCOUNT Address Button */
    1141 .woocommerce-Address-title a{
     1339.woocommerce-Address-title a {
    11421340  background: var(--primary-theme-color);
    11431341  color: #fff !important;
    … …  
    11481346  text-decoration: none !important;
    11491347}
    1150 header.woocommerce-Address-title.title{
     1348
     1349header.woocommerce-Address-title.title {
    11511350  display: inline-grid;
    11521351  margin-bottom: 20px;
    11531352}
     1353
    11541354/* CHECKOUT */
    11551355
    1156 .woocommerce form .form-row label,.woocommerce form .form-row,span.woocommerce-input-wrapper,span.password-input{
     1356.woocommerce form .form-row label,
     1357.woocommerce form .form-row,
     1358span.woocommerce-input-wrapper,
     1359span.password-input {
    11571360  width: 100%;
    11581361}
    … …  
    11601363/* BUTTONS */
    11611364
    1162 .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{
    1163   background-image: linear-gradient(to right, var(--secondary-theme-color) , var(--primary-theme-color));
     1365.woocommerce #respond input#submit.alt,
     1366.woocommerce a.button.alt,
     1367.woocommerce button.button.alt,
     1368.woocommerce input.button.alt,
     1369.woocommerce #respond input#submit,
     1370.woocommerce a.button,
     1371.woocommerce button.button,
     1372.woocommerce input.button,
     1373.woocommerce a.added_to_cart {
     1374  background-image: linear-gradient(to right, var(--secondary-theme-color), var(--primary-theme-color));
    11641375  color: #fff;
    11651376  line-height: unset;
    11661377}
    1167 .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{
    1168   background: var(--primary-theme-color);
    1169   color: #fff;
    1170 }
    1171 .woocommerce a.added_to_cart{
     1378
     1379.woocommerce #respond input#submit.alt:hover,
     1380.woocommerce a.button.alt:hover,
     1381.woocommerce button.button.alt:hover,
     1382.woocommerce input.button.alt:hover,
     1383.woocommerce #respond input#submit:hover,
     1384.woocommerce a.button:hover,
     1385.woocommerce button.button:hover,
     1386.woocommerce input.button:hover,
     1387.woocommerce a.added_to_cart:hover {
     1388  background: var(--primary-theme-color);
     1389  color: #fff;
     1390}
     1391
     1392.woocommerce a.added_to_cart {
    11721393  padding: .618em 1em;
    11731394  font-weight: 700;
    … …  
    11771398
    11781399/* SQUARE AND OUTLINE BUTTONS */
    1179 .wp-block-button__link{
    1180     color: #121212 !important;
    1181   background-color:var(--primary-theme-color);
     1400.wp-block-button__link {
     1401  color: #121212 !important;
     1402  background-color: var(--primary-theme-color);
    11821403  margin-bottom: 5px;
    11831404}
    1184 .wp-block-button.is-style-outline .wp-block-button__link{
     1405
     1406.wp-block-button.is-style-outline .wp-block-button__link {
    11851407  border: 1px solid var(--primary-theme-color);
    11861408  color: #121212 !important;
    11871409}
    1188 .wp-block-button.is-style-squared .wp-block-button__link{
     1410
     1411.wp-block-button.is-style-squared .wp-block-button__link {
    11891412  border-radius: 0px !important;
    11901413}
     1414
    11911415.post-content {
    11921416  word-wrap: break-word;
    … …  
    11951419/* SHOP & SINGLE PRODUCT */
    11961420
    1197 .woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
     1421.woocommerce ul.products li.product .onsale,
     1422.woocommerce span.onsale {
    11981423  top: 10px;
    11991424  right: 10px;
    … …  
    12061431  min-height: 2em !important;
    12071432}
    1208 .woocommerce span.onsale{
     1433
     1434.woocommerce span.onsale {
    12091435  left: 10px;
    12101436  right: auto;
    12111437}
     1438
    12121439h2.woocommerce-loop-product__title {
    12131440  font-size: 18px !important;
    12141441}
    1215 .woocommerce ul.products li.product .price,.woocommerce div.product p.price, .woocommerce div.product span.price {
     1442
     1443.woocommerce ul.products li.product .price,
     1444.woocommerce div.product p.price,
     1445.woocommerce div.product span.price {
    12161446  color: var(--primary-theme-color);
    12171447  display: block;
    … …  
    12191449  font-size: 18px;
    12201450}
    1221 .woocommerce ul.products li.product .price ins,.woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
     1451
     1452.woocommerce ul.products li.product .price ins,
     1453.woocommerce div.product p.price ins,
     1454.woocommerce div.product span.price ins {
    12221455  text-decoration: none;
    12231456}
    1224 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
     1457
     1458.woocommerce ul.products li.product,
     1459.woocommerce-page ul.products li.product {
    12251460  text-align: center;
    12261461}
     1462
    12271463.woocommerce .quantity .qty {
    12281464  width: 13em;
    12291465  padding: 8px;
    12301466}
     1467
    12311468.woocommerce ul.products li.product .star-rating {
    12321469  font-size: 12px;
    12331470  margin: 0 auto 8px;
    12341471}
    1235 .woocommerce ul.products li.product a img{
     1472
     1473.woocommerce ul.products li.product a img {
    12361474  margin-bottom: 0;
    12371475}
    1238 .woocommerce .woocommerce-ordering select,.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
     1476
     1477.woocommerce .woocommerce-ordering select,
     1478.woocommerce form .form-row input.input-text,
     1479.woocommerce form .form-row textarea {
    12391480  padding: 12px;
    12401481  border: 1px solid #d3ced2;
    12411482  background: transparent;
    12421483}
     1484
    12431485/* shop page pagination  */
    12441486.woocommerce nav.woocommerce-pagination ul li span.current {
    … …  
    12491491  font-weight: bold;
    12501492}
     1493
    12511494.woocommerce nav.woocommerce-pagination ul li a {
    12521495  display: block;
    … …  
    12611504  border-radius: 10px;
    12621505}
    1263 .woocommerce nav.woocommerce-pagination ul li a:hover{
     1506
     1507.woocommerce nav.woocommerce-pagination ul li a:hover {
    12641508  background: var(--primary-theme-color);
    12651509  color: #121212;
    12661510}
    12671511
    1268 .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
     1512.woocommerce nav.woocommerce-pagination ul,
     1513.woocommerce nav.woocommerce-pagination ul li {
    12691514  border: none;
    12701515  float: none;
    12711516  overflow: unset;
    12721517}
     1518
    12731519.woocommerce nav.woocommerce-pagination {
    12741520  text-align: center;
    12751521  margin-bottom: 20px;
    12761522}
     1523
    12771524/*  SINGLE POST */
    12781525.single-post-category span {
    … …  
    12801527  color: #5b5b5b;
    12811528}
    1282 .single-post-category .post-categories li ,.single-post-category ul{
    1283 display: inline-block;
    1284 padding-left: 0px;
    1285 }
    1286 .single-post-category .post-categories li a{
    1287 margin-right: 8px;
    1288 margin-bottom: 8px;
    1289 background-color:var(--primary-theme-color);
    1290 padding: 8px 10px;
    1291 color: #000;
    1292 display: inline-block;
    1293 font-size: 13px;
    1294 font-weight: 500;
    1295 line-height: 1;
    1296 }
    1297 .single-post-category .post-categories li a:hover{
    1298 background: #000000;
    1299 color: #fff;
    1300 }
     1529
     1530.single-post-category .post-categories li,
     1531.single-post-category ul {
     1532  display: inline-block;
     1533  padding-left: 0px;
     1534}
     1535
     1536.single-post-category .post-categories li a {
     1537  margin-right: 8px;
     1538  margin-bottom: 8px;
     1539  background-color: var(--primary-theme-color);
     1540  padding: 8px 10px;
     1541  color: #000;
     1542  display: inline-block;
     1543  font-size: 13px;
     1544  font-weight: 500;
     1545  line-height: 1;
     1546}
     1547
     1548.single-post-category .post-categories li a:hover {
     1549  background: #000000;
     1550  color: #fff;
     1551}
     1552
    13011553/*PRELOADER*/
    13021554
    … …  
    13121564  align-items: center;
    13131565}
     1566
    13141567.preloader {
    13151568  animation: move 0.5s ease infinite alternate;
    13161569}
     1570
    13171571.diamond {
    13181572  width: 60px;
    … …  
    13241578  align-items: center;
    13251579}
    1326 .diamond span{
     1580
     1581.diamond span {
    13271582  width: 60px;
    13281583  height: 60px;
    … …  
    13311586  left: 0;
    13321587}
    1333 .diamond span:nth-child(1){
     1588
     1589.diamond span:nth-child(1) {
    13341590  border: 10px solid #ff8a57;
    13351591  border-left-color: #ffb23c;
    … …  
    13371593  transform: rotateX(90deg) rotateZ(45deg);
    13381594}
    1339 .diamond span:nth-child(2){
     1595
     1596.diamond span:nth-child(2) {
    13401597  border: 6px solid #ff8a57;
    13411598  border-left-color: #ffb23c;
    … …  
    13431600  transform: rotateX(90deg) rotateY(90deg) rotateZ(45deg);
    13441601}
    1345 .diamond span:last-child{
     1602
     1603.diamond span:last-child {
    13461604  border: 6px solid #ff8a57;
    13471605  border-left-color: #ffb23c;
    … …  
    13491607  transform: rotateZ(45deg);
    13501608}
    1351 @keyframes move{
    1352   0%{ transform: translateY(0) scaleY(0.9); }
    1353   100%{ transform: translateY(-70px) scaleY(1.1); }
    1354 }
    1355 @keyframes spin{
    1356   0%{ transform: translateY(-50%) rotateX(-15deg) rotateY(0deg); }
    1357   100%{ transform: translateY(-50%) rotateX(-15deg) rotateY(180deg); }
     1609
     1610@keyframes move {
     1611  0% {
     1612    transform: translateY(0) scaleY(0.9);
     1613  }
     1614
     1615  100% {
     1616    transform: translateY(-70px) scaleY(1.1);
     1617  }
     1618}
     1619
     1620@keyframes spin {
     1621  0% {
     1622    transform: translateY(-50%) rotateX(-15deg) rotateY(0deg);
     1623  }
     1624
     1625  100% {
     1626    transform: translateY(-50%) rotateX(-15deg) rotateY(180deg);
     1627  }
    13581628}
    13591629
    … …  
    13661636  z-index: 999;
    13671637}
     1638
    13681639.scroll-up a {
    1369 background: #ff8a57;
    1370 color:#ffffff;
    1371 }
    1372 .scroll-up a:hover{
    1373 background: #ff8a57;
    1374 color:#fff;
    1375 }
     1640  background: #ff8a57;
     1641  color: #ffffff;
     1642}
     1643
     1644.scroll-up a:hover {
     1645  background: #ff8a57;
     1646  color: #fff;
     1647}
     1648
    13761649.scroll-up a {
    13771650  display: block;
    … …  
    13871660  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    13881661}
    1389 .result-search #searchform{
     1662
     1663.result-search #searchform {
    13901664  display: table;
    13911665}
     1666
    13921667.not-found-content #searchform {
    13931668  display: inline-block;
    13941669}
    1395 .scroll-up i{
     1670
     1671.scroll-up i {
    13961672  line-height: 40px;
    13971673}
     1674
    13981675/* ===============================================
    13991676  Progress Bar
    … …  
    14061683  z-index: 99999;
    14071684}
     1685
    14081686#elemento-progress-bar.top {
    14091687  top: 0;
    14101688}
     1689
    14111690.admin-bar #elemento-progress-bar.top {
    14121691  top: 32px;
    14131692}
     1693
    14141694#elemento-progress-bar.bottom {
    14151695  bottom: 0;
    … …  
    14201700   =============================================== */
    14211701/*banner-section*/
    1422 .web-agency-elementor-banner-section{
    1423     width: auto;
    1424     height: auto;
    1425 }
    1426 .web-agency-elementor-banner-section .web-agency-elementor-banner-text-section{
    1427     position: relative;
    1428 }
    1429 .web-agency-elementor-banner-section .button1,.web-agency-elementor-banner-section .button2{
    1430     display: inline-block !important;
     1702.web-agency-elementor-banner-section {
     1703  width: auto;
     1704  height: auto;
     1705}
     1706
     1707.web-agency-elementor-banner-section .web-agency-elementor-banner-text-section {
     1708  position: relative;
     1709}
     1710
     1711.web-agency-elementor-banner-section .button1,
     1712.web-agency-elementor-banner-section .button2 {
     1713  display: inline-block !important;
    14311714  width: auto !important;
    14321715}
    1433 .web-agency-elementor-banner-section .button2{
     1716
     1717.web-agency-elementor-banner-section .button2 {
    14341718  margin-left: 12%;
    14351719}
     1720
    14361721.web-agency-elementor-banner-image-section .elementor-widget-wrap.elementor-element-populated {
    14371722  padding: 0px !important;
    14381723}
     1724
    14391725.web-agency-elementor-banner-image-section {
    14401726  position: relative;
    14411727}
     1728
    14421729.social-icone-section .elementor-social-icons-wrapper.elementor-grid {
    14431730  width: 346px;
    14441731  height: 70px;
    14451732  border-radius: 34px;
    1446   background-color: rgba(255,255,255,0);
    1447   background-image: linear-gradient(
    1448   -55deg, rgba(255,255,255,2.8) 0%, rgba(255,255,255,0) 100%);
     1733  background-color: rgba(255, 255, 255, 0);
     1734  background-image: linear-gradient(-55deg, rgba(255, 255, 255, 2.8) 0%, rgba(255, 255, 255, 0) 100%);
    14491735  bottom: 12px;
    14501736  padding: 20px;
    … …  
    14521738  right: 15%;
    14531739}
    1454 .new-glover-heading > div{
    1455     -webkit-background-clip: text;
    1456     -webkit-text-fill-color: transparent;
    1457     animation: background-move 2s infinite;
    1458 }
    1459 @keyframes background-move{
    1460     0% {
    1461         background-position: left;
    1462     }
    1463     100% {
    1464         background-position: right;
    1465     }
    1466 }
     1740
     1741.new-glover-heading>div {
     1742  -webkit-background-clip: text;
     1743  -webkit-text-fill-color: transparent;
     1744  animation: background-move 2s infinite;
     1745}
     1746
     1747@keyframes background-move {
     1748  0% {
     1749    background-position: left;
     1750  }
     1751
     1752  100% {
     1753    background-position: right;
     1754  }
     1755}
     1756
    14671757/*----projects section-----------*/
    1468 .web-agency-elementor-projects-text-section h5{
    1469   color:#fff;
    1470 }
    1471 .web-agency-elementor-projects-image-section{
     1758.web-agency-elementor-projects-text-section h5 {
     1759  color: #fff;
     1760}
     1761
     1762.web-agency-elementor-projects-image-section {
    14721763  position: relative;
    14731764}
    1474 .web-agency-elementor-projects-image-section .web-agency-elementor-projects-text-section p{
    1475     margin: 0px;
    1476 }
    1477 .web-agency-elementor-projects-image-section img{
     1765
     1766.web-agency-elementor-projects-image-section .web-agency-elementor-projects-text-section p {
     1767  margin: 0px;
     1768}
     1769
     1770.web-agency-elementor-projects-image-section img {
    14781771  border-radius: 10px !important;
    14791772}
    1480 .web-agency-elementor-projects-image-section .web-agency-elementor-projects-text-section{
     1773
     1774.web-agency-elementor-projects-image-section .web-agency-elementor-projects-text-section {
    14811775  width: auto !important;
    1482   background-image: linear-gradient(
    1483   180deg, #ff8a57 0%, #ffb23c 100%);
     1776  background-image: linear-gradient(180deg, #ff8a57 0%, #ffb23c 100%);
    14841777  border-radius: 5px;
    14851778  padding: 15px;
    1486   margin: 0 18px!important;
     1779  margin: 0 18px !important;
    14871780  position: absolute;
    14881781  bottom: 20%;
    … …  
    14911784  right: 35px;
    14921785}
    1493 .footer-copyright a,.footer-copyright p{
     1786
     1787.footer-copyright a,
     1788.footer-copyright p {
    14941789  color: #ffffff;
    14951790}
    1496 .footer-copyright a:hover{
    1497   color:var(--primary-theme-color);
    1498 }
    1499 .web-agency-elementor-projects-text-section p{
     1791
     1792.footer-copyright a:hover {
     1793  color: var(--primary-theme-color);
     1794}
     1795
     1796.web-agency-elementor-projects-text-section p {
    15001797  word-wrap: break-word;
    15011798}
    1502 .web-agency-elementor-projects-text-section p{
     1799
     1800.web-agency-elementor-projects-text-section p {
    15031801  word-wrap: break-word;
    15041802}
    15051803
    1506 /* Sticky Copyright */
    1507 
    1508 .sticky-copyright.footer-copyright{
     1804/* ===============================================
     1805   Sticky Copyright
     1806============================================= */
     1807
     1808.sticky-copyright.footer-copyright {
    15091809  position: fixed;
    1510   bottom:0;
    1511   left:0;
     1810  bottom: 0;
     1811  left: 0;
    15121812  width: 100%;
    15131813  z-index: 999;
    … …  
    15151815  box-shadow: 0px 0px 8px #000000;
    15161816}
    1517 .close-sticky {
    1518   position: static;
    1519 }
     1817
     1818/* ===============================================
     1819   Sticky Sidebar
     1820============================================= */
     1821
     1822.sidebar-sticky {
     1823  position: sticky;
     1824  top: 100px;
     1825  z-index: 999;
     1826}

  • web-agency-elementor/0.5.1/templates/left-sidebar.php

    r295622 r299557  
    2222    <div class="row">
    2323      <div class="col-lg-4 col-md-4">
    24         <div class="sidebar-area <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     24        <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     25          <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    2526          <?php
    2627            dynamic_sidebar('sidebar-2');

  • web-agency-elementor/0.5.1/templates/right-sidebar.php

    r295622 r299557  
    4040      </div>
    4141      <div class="col-lg-4 col-md-4">
    42         <div class="sidebar-area <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
     42        <div class="sidebar-area <?php if( get_theme_mod('web_agency_elementor_enable_sticky_sidebar', false) == 1) { ?> sidebar-sticky <?php } else { ?> close-sticky <?php } ?>
     43          <?php echo esc_attr( get_theme_mod('web_agency_elementor_enable_sidebar_animation', true) ? 'zoomInRight wow' : '' ); ?>">
    4344          <?php
    4445            dynamic_sidebar('sidebar-2');
Note: See TracChangeset for help on using the changeset viewer.