Opening subsubnav now allows subnav to be clicked

Previously the subsubnav div would not allow the subnav
to be clicked anymore. Using point-events css style.
Also made subsubnav fully transparent.

diff --git a/styles.css b/styles.css
index 008834b..ebaa3ad 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -430,17 +430,18 @@ nav.top-bar .top-bar-section > ul > li .dropdown li:last-child a {
   border-bottom: none;
 }
 .top-bar-section .left li .dropdown li .dropdown {
-    background-color: rgba(255,255,255,0.5);
+    background-color: rgba(255,255,255,0);
     left: auto;
     border: none;
+    pointer-events: none;
 }
 .top-bar-section .left li .dropdown li .dropdown li {
-/*    opacity: 1.0 !important;*/
     border: 1px solid #b1b3b6 !important;
     border-radius: 6px;
     border-color: -moz-use-text-color #b1b3b6 #b1b3b6;
     border-style: none solid solid;
     border-width: medium 1px 1px;
+    pointer-events: auto;
 }
 nav.top-bar .toggle-topbar.menu-icon > a {
   font-size: 20px;
@@ -715,8 +716,11 @@ aside.right-off-canvas-menu ul.off-canvas-list li > ul.open {
   color: #f27225;
   text-decoration: underline;
 }
+html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths body div.off-canvas-wrap div.inner-wrap div#interior.container div.inner-container div#main.row.collapse div.row div.small-12.columns ul#videoGallery.small-block-grid-1.medium-block-grid-3.large-block-grid-4 li.vThumb div.imgBorderMe a.various.fancybox.iframe.vidimg {
+    text-decoration: none !important;
+}
 #main a:hover {
-  color: #25c2e6;
+    color: #25c2e6;
 }
 ul#paragraphLinks li {
     font-size: 14px;
@@ -724,170 +728,158 @@ ul#paragraphLinks li {
 }
 /* Homepage Video */
 #home_video_wrapper {
-/*     float: left;*/
-/*     width: 32.7%;*/
-/*     margin: 0 0 14px 3%;*/
-       overflow: hidden;
-        text-align: center !important;
+    overflow: hidden;
+    text-align: center !important;
 }
 #home_video_wrapper .hBox {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       position: relative;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    position: relative;
 }
 #home_video_wrapper .hBox a.various {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       /*height: 250px;*/
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    /*height: 250px;*/
 }
 #home_video_wrapper .hBox a.various img {
-        width: 55%
-/*     display: block;
-        text-align: center !important;
-       margin: -10% 0;
-       margin: 0;*/
+    width: 55%
 }
 #home_video_wrapper .hBox a.various .video_link_txt {
-       display: block;
-       position: absolute;
-       top: 0;
-       left: 0;
-       width: 100%;
-       overflow: hidden;
-       background: #000;
-       padding: 10px;
-       margin: 0;
-       color: #959595;
-       font-size: 11px;
-       line-height: 13px;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    background: #000;
+    padding: 10px;
+    margin: 0;
+    color: #959595;
+    font-size: 11px;
+    line-height: 13px;
 }
 #home_video_wrapper .hBox a.various:hover .video_link_txt {
-       color: #FFF;
+    color: #FFF;
 }
 #home_video_wrapper .hBox a.various .vidoverlay {
-       display: block;
-       position: absolute;
-       width: 20%;
-       height: 22.70531400966184%;
-       left: 40%;
-       top: 38.64734299516908%;
-/*     background: url(assets/play.png) 50% 50% no-repeat;*/
-       background-size: 100%;
+    display: block;
+    position: absolute;
+    width: 20%;
+    height: 22.70531400966184%;
+    left: 40%;
+    top: 38.64734299516908%;
+    background-size: 100%;
 }
 #home_video_wrapper .hBox a.various:hover .vidoverlay {
 /*     background: url(assets/play_over.png) 50% 50% no-repeat;*/
-       background-size: 100%;
+    background-size: 100%;
 }
 #home_video_wrapper .hBox a.video_link_main {
-       display: block;
-       position: absolute;
-       bottom: 0;
-       left: 0;
-       width: 100%;
-       overflow: hidden;
-       background: #000;
-       padding: 10px;
-       margin: 0;
-       color: #959595;
-       font-size: 11px;
-       line-height: 13px;
-       text-align: right;
-       text-decoration: none;
+    display: block;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    overflow: hidden;
+    background: #000;
+    padding: 10px;
+    margin: 0;
+    color: #959595;
+    font-size: 11px;
+    line-height: 13px;
+    text-align: right;
+    text-decoration: none;
 }
 #home_video_wrapper .hBox a.video_link_main:hover {
-       color: #FFF;
+    color: #FFF;
 }
 #home_video_wrapper p {
     margin-top: 5px;
 }
 .fancybox-inner {
-       overflow: hidden !important;
+    overflow: hidden !important;
 }
 
 /* Video Gallery */
 #video_wrapper {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       clear: both;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    clear: both;
 }
 #video_wrapper h2 {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       clear: both;
-       margin: 0 0 16px 5px;
-       padding: 0;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    clear: both;
+    margin: 0 0 16px 5px;
+    padding: 0;
 }
 ul#videoGallery {
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       margin: 0;
-       padding: 0;
-       list-style-type: none;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    margin: 0 !important;
+    padding: 0;
+    list-style-type: none;
 }
 ul#videoGallery li {
-       display: block;
-       float: left;
-/*     width: 22%;*/
-        margin-bottom: 20px;
-/*     margin: 0 1.5% 24px 1.5%;*/
-/*        padding: 0 1.0% 20px 1.0%;*/
-       padding: 0;
-       background: #FDFDFF;
-       -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
-       -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.05);
-       box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.05);
+    display: block;
+    float: left;
+    margin-bottom: 20px;
+    background: #FDFDFF;
+    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
+    -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.05);
+    box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.05);
 }
 .vthumb {
-       padding: 5px;
+    padding: 5px;
 }
 ul#videoGallery li a {
-       position: relative;
-       z-index: 10;
-       display: block;
-       width: 100%;
-       overflow: hidden;
-       padding: 10px;
+    position: relative;
+    z-index: 10;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+    padding: 10px;
 }
 ul#videoGallery li a img {
-       display: block;
-       width: 100%;
+    display: block;
+    width: 100%;
 }
 ul#videoGallery li a span.vTitle {
-       display: block;
-       position: relative;
-       width: 100%;
-       padding: 5px 30px 0 0;
-       color: #A9ABA9;
-       font-size: 12px;
-       min-height: 27px;
+    display: block;
+    position: relative;
+    width: 100%;
+    padding: 5px 30px 0 0;
+    color: #313331;
+    font-size: 12px;
+    min-height: 27px;
 }
 ul#videoGallery li a:hover span.vTitle {
-       color: #3FAC46;
+    color: #3FAC46;
 }
 
 #home_video_wrapper a {
-        margin: 5px 0 5px 0;
-        font-size: 14px;
+    margin: 5px 0 5px 0;
+    font-size: 14px;
 }
 
 .play {
-       display: block;
-       position: absolute;
-       z-index: 11;
-       width: 25px;
-       height: 27px;
-       right: 0;
-       top: 5px;
-       background: url(assets/video_overlay.png)0 0 no-repeat;
+    display: block;
+    position: absolute;
+    z-index: 11;
+    width: 25px;
+    height: 27px;
+    right: 0;
+    top: 5px;
+    background: url(assets/video_overlay.png)0 0 no-repeat;
 /*     background-size: contain;*/
 }
 li:hover .play {
-       background-position: 0 -27px;
+    background-position: 0 -27px;
 }
 
 /**/