Featured visible in small, remove outline on focus

Featured image is now visible in small. The dotted outline around
a:focus elements is now removed. Images with alignleft now allow
text to wrap even in small.

diff --git a/functions.php b/functions.php
index 3b8a0a7..af3001c 100755 (executable)
--- a/functions.php
+++ b/functions.php
@@ -613,4 +613,4 @@ if (!function_exists('glm_get_clientinfo_option')) {
             ? $settings[$name]
             : null;
     }
-}
+}
\ No newline at end of file

diff --git a/style.css b/style.css
index 69ed42f..c6d58fc 100755 (executable)
--- a/style.css
+++ b/style.css
@@ -228,7 +228,7 @@ button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
-       outline: 1px dotted ButtonText;
+       outline: 0;
 }
 
 fieldset {
@@ -1166,7 +1166,7 @@ a {
 }
 
 a:focus {
-       outline: thin dotted;
+       outline: 0;
 }
 
 a:hover,
@@ -1440,7 +1440,7 @@ a:hover .nav-title,
 }
 
 .menu-toggle:focus {
-       outline: thin solid;
+       outline: 0;
 }
 
 .menu-toggle .icon {
@@ -1482,7 +1482,7 @@ a:hover .nav-title,
 }
 
 .dropdown-toggle:focus {
-       outline: thin dotted;
+       outline: 0;
 }
 
 .dropdown-toggle.toggled-on .icon {
@@ -1598,6 +1598,7 @@ a:hover .nav-title,
 }
 .top-nav-left {
     float: left;
+    min-height: 70px;
 }
 .top-nav-left > img {
     max-height: 65px;
@@ -1721,7 +1722,7 @@ a:hover .nav-title,
     .home .has-header-video .custom-header-media video,
     .home .has-header-video .custom-header-media iframe {
         position: fixed;
-        height: auto;
+        height: 30vh;
         left: 50%;
         /* margin-top: 140px; */
     }
@@ -1976,7 +1977,7 @@ body:not(.title-tagline-hidden) .site-branding-text {
     .has-header-video.twentyseventeen-front-page .custom-header,
     .has-header-image.home.blog .custom-header,
     .has-header-video.home.blog .custom-header {
-        height: auto;
+        height: 30vh;
     }
 }
 
@@ -2051,6 +2052,9 @@ body:not(.title-tagline-hidden) .site-branding-text {
 .admin-bar .wp-custom-header-video-button {
        top: 62px;
 }
+.page-nav-container li {
+    outline: 0 !important;
+}
 
 .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
        bottom: 0;
@@ -2112,7 +2116,6 @@ body:not(.has-header-image):not(.has-header-video) .custom-header-media {
 @media (max-width: 767px) {
     .twentyseventeen-front-page .site-content {
         padding: 0;
-        margin-top: 248px;
     }
 }
 
@@ -3233,12 +3236,14 @@ video {
        max-width: 100%; /* Adhere to container width. */
 }
 
-img.alignleft,
+img.alignleft {
+    float: left;
+    margin-right: 1.5em;
+}
 img.alignright {
-       float: none;
-       margin: 0;
+    float: right;
+    margin-left: 1.5em;
 }
-
 .page-content .wp-smiley,
 .entry-content .wp-smiley,
 .comment-content .wp-smiley {
@@ -3800,7 +3805,7 @@ object {
                bottom: 0;
                display: none;
                left: 0;
-               height: auto;
+               height: 30vh;
                padding-top: 0;
                position: absolute;
                width: 100%;
@@ -4119,10 +4124,6 @@ object {
                top: 0.7em;
        }
 
-       .menu-scroll-down:focus {
-               outline: thin dotted;
-       }
-
        .menu-scroll-down .icon {
                height: 18px;
                width: 18px;