Shadow text.

[Jasper]

I have made a menu on my website with the use of teext-shadow.
But I only want to use this effect on a part of my menu.
Now I am trying to turn this effect off, but I can not get it to work propper. I hope you can help me a bit.

The part I do not want to use with text-shadow is the sub-menu and sub-sub-menu

Css

.menu_wrap ul li a {

    font-family: "Barlow Condensed", sans-serif;

    font-weight: 600;

    font-size: 17px; line-height:40px;

    color: #000;

    text-transform: uppercase;

    text-decoration: none;

    text-shadow:

-1px -1px 0 #c0c0c0,

1px -1px 0 #c0c0c0,

-1px 1px 0 #c0c0c0,

1px 1px 0 #c0c0c0;

}


.menu_wrap ul li ul.sub-menu {display: none;

text-shadow:

0px 0px 0 #c0c0c0,

0px 0px 0 #c0c0c0,

0px 0px 0 #c0c0c0,

0px 0px 0 #c0c0c0;

}

.menu_wrap ul li:hover ul.sub-menu {display: block; background-color: #f1f1f1;

text-shadow:

0px 0px 0 #c0c0c0,

0px 0px 0 #c0c0c0,

0px 0px 0 #c0c0c0,

0px 0px 0 #c0c0c0;}

<div class="container">
      <div class="menu_wrap">
        <div class="logo"><a href="index"><img src="images/logo.png" alt="logo"></a></div>
        <ul class="menu">
          <li <?php if($pagina=='index.php') {?>class="active"<?php } ?>><a href="index.php">Home</a></li>
          <li> <a href="#">Podia<img src="images/down-arrow.png" alt=""></a>
            <ul class="sub-menu">    
              <li <?php if($pagina=='podia') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'podia">Onze podia</a>';?></li>
              <li <?php if($pagina=='berekening') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'berekening">Uw eigen podium berekenen</a>';?></li>
              <li <?php if($pagina=='ronde-podia') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'ronde-podia">Ronde podia</a>';?></li>
              <li <?php if($pagina=='driehoek-podia') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'driehoek-podia">Driehoek podia</a>';?></li>
              <li <?php if($pagina=='rolstoel-ramp') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'rolstoel-ramps">Rolstoel ramps</a>';?></li>
              <li> <a href="#">Podium onderdelen <img src="images/down-arrow.png" alt=""></a>
                <ul class="sub-sub-menu">
                  <li <?php if($pagina=='podiumdelen') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'podiumdelen">Podiumdelen</a>';?></li>            
                  <li <?php if($pagina=='podium-poten') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'podium-poten">Podiumpoten</a>';?></li>            
                  <li <?php if($pagina=='podium-leuning') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'podium-leuning">Leuningen</a>';?></li>
                  <li <?php if($pagina=='podium-trappen') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'podium-trappen">Trappen</a>';?></li>
                  <li <?php if($pagina=='podium-rok') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'podium-rok">Afrok</a>';?></li>
                  <li <?php if($pagina=='podium-vloertegels') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'podium-vloertegels">Vloertegels</a>';?></li>
                  <li <?php if($pagina=='accessoires') {?>class="active"<?php } ?>><?php echo '<a href="'.$pagelink.'accessoires">Accessoires</a>';?></li>
                </ul>
              </li>
            </ul>
          </li>
         </ul>
       </div>
      </div>
    </div>