add files

template-parts/critical-styles/styles-search.php

@@ -0,0 +1,116 @@
+<!--[critical-styles/styles-search]-->
+
+<style>
+    .highlight {
+        background:#ffcc00;
+        font-weight:bold;
+    }
+    .search .search__title {
+        font-size: 1.125rem;
+        line-height: 1.30;
+        margin: 0 0 0.625rem;
+    }
+    .search .searchform input[type="search"] {
+        position: relative;
+        opacity: 1.0;
+        width: 100%;
+    }
+    .search .searchform {
+        position: relative;
+    }
+    .searchform__btn {
+        position: absolute;
+        right: 0;
+    }
+    .main .searchform__btn,
+    .site-main .searchform__btn {
+        float: right;
+    }
+    input[type="text"],
+    input[type="search"] {
+        background: #fff;
+        width: 100%;
+        font-size: 0.75rem;
+        color:#505258;
+        border: solid #C0C0C0;
+        border-width: 1px 0;
+        padding: 0.3125rem 0;
+        height: 2rem;
+    }
+    .searchform {
+        position: relative;
+    }
+    .searchform input[type="search"] {
+        position: relative;
+        opacity: 1.0;
+        width: 100%;
+    }
+    .searchform .search__filter select {
+        max-width: 120px;
+    }
+    .search__body,
+    .search__body p {
+        margin: 0 0 0.75rem;
+    }
+    .searchform__btn {
+        background: transparent;
+        position: absolute;
+        right: 0;
+        border: 0 none;
+        padding: 0.3125rem;
+        cursor: pointer;
+        width: 1.875rem;
+        line-height: 2.3125rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        z-index: 2;
+    }
+    .search__filter {
+        display: flex;
+        margin: 0.75rem 0 1.25rem;
+    }
+    .search__filter__rubric,
+    .search__filter__time {
+        background: rgba(255, 255, 255, 0.01);
+        margin-right: 20px;
+        padding-left: 0;
+        border-radius: 0;
+        border: 0 none;
+        height: auto;
+        line-height: 1.1;
+    }
+    .search__filter__rubric .option,
+    .search__filter__time .option {
+        min-height: 32px;
+        line-height: 22px;
+        padding: 5px 10px;
+        border-radius: 0;
+        transform-origin: top left;
+        box-shadow: 0 0 0 1px rgba(192, 192, 192, 0.5);
+    }
+    .search__filter__rubric:after,
+    .search__filter__time:after {
+        border-bottom-width: 1px;
+        border-right-width: 1px;
+        border-bottom-color: #000;
+        border-right-color: #000;
+        margin-top: -8px;
+        width: 10px;
+        height: 10px;
+    }
+    @media (min-width: 768px) {
+        .search .searchform input[type="search"] {
+            font-size: 24px;
+            min-height: 50px;
+        }
+        .search .searchform__btn {
+            width: 50px;
+            height: 50px;
+            padding: 13px;
+        }
+    }
+
+</style>
+
+<!--[/critical-styles/styles-search]-->