Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
0870d31c by Jeff Balicki
Options

fixes 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 6562b107
Inline Side-by-side
Showing 12 changed files with 326 additions and 10 deletions
...@@ -15390,6 +15390,8 @@ body { ...@@ -15390,6 +15390,8 @@ body {
15390 } 15390 }
15391 .site { 15391 .site {
15392 margin-top: 170px; 15392 margin-top: 170px;
15393 max-width: 100%;
15394 overflow-x: hidden;
15393 } 15395 }
15394 @media only screen and (max-width: 1000px) { 15396 @media only screen and (max-width: 1000px) {
15395 .site { 15397 .site {
...@@ -16098,6 +16100,7 @@ a.skip-link:focus { ...@@ -16098,6 +16100,7 @@ a.skip-link:focus {
16098 .entry-content h1, .entry-content .h1 { 16100 .entry-content h1, .entry-content .h1 {
16099 font-size: 45px; 16101 font-size: 45px;
16100 line-height: 52px; 16102 line-height: 52px;
16103 margin-bottom: 24px;
16101 } 16104 }
16102 .entry-content h2, .entry-content .h2 { 16105 .entry-content h2, .entry-content .h2 {
16103 font-size: 35px; 16106 font-size: 35px;
...@@ -16250,6 +16253,102 @@ a.skip-link:focus { ...@@ -16250,6 +16253,102 @@ a.skip-link:focus {
16250 margin-bottom: 0px; 16253 margin-bottom: 0px;
16251 } 16254 }
16252 16255
16256 .badge {
16257 position: absolute;
16258 right: 0%;
16259 top: -50px;
16260 box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2392156863);
16261 border-radius: 20px;
16262 width: auto;
16263 text-align: left;
16264 z-index: 999;
16265 padding: 10px 20px;
16266 background-color: #fff;
16267 }
16268 @media only screen and (max-width: 782px) {
16269 .badge {
16270 padding: 10px 20px;
16271 }
16272 }
16273 .badge .badge-title {
16274 color: #000000;
16275 font-size: 16px;
16276 line-height: 30px;
16277 font-weight: bold;
16278 position: relative;
16279 display: inline-block;
16280 }
16281 @media only screen and (max-width: 782px) {
16282 .badge .badge-title {
16283 font-size: 0px;
16284 line-height: 0px;
16285 }
16286 }
16287 .badge .badge-title:after {
16288 content: "";
16289 display: inline-block;
16290 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="clip-path"><rect id="Rectangle_249" data-name="Rectangle 249" width="4.525" height="13.303" fill="%23fff"/></clipPath></defs><g id="Group_1856" data-name="Group 1856" transform="translate(-1152 -683)"><circle id="Ellipse_2" data-name="Ellipse 2" cx="10" cy="10" r="10" transform="translate(1152 683)" fill="%234d4d4d"/><g id="Group_1855" data-name="Group 1855" transform="translate(1160.196 686.107)"><g id="Group_1854" data-name="Group 1854" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1493" data-name="Path 1493" d="M.308,5.032V4.579q.271-.109.615-.226t.706-.208q.362-.09.688-.154A3.073,3.073,0,0,1,2.9,3.928l.326.217-1.7,8.036H2.86v.471a3.262,3.262,0,0,1-.887.471,2.948,2.948,0,0,1-1,.181,1.009,1.009,0,0,1-.751-.235A.76.76,0,0,1,0,12.525a4.52,4.52,0,0,1,.054-.706q.054-.344.145-.76L1.466,5.213ZM1.774,1.014a.968.968,0,0,1,.29-.742A1.066,1.066,0,0,1,2.824,0a1.118,1.118,0,0,1,.8.271.968.968,0,0,1,.29.742.889.889,0,0,1-.29.706,1.168,1.168,0,0,1-.8.253,1.113,1.113,0,0,1-.76-.253.889.889,0,0,1-.29-.706" transform="translate(0 0)" fill="%23fff"/></g></g></g></svg>');
16291 background-repeat: no-repeat;
16292 background-size: contain;
16293 width: 20px;
16294 height: 20px;
16295 margin-left: 10px;
16296 top: 4px;
16297 position: relative;
16298 }
16299 @media only screen and (max-width: 782px) {
16300 .badge .badge-title:after {
16301 margin-left: 0px;
16302 top: 2px;
16303 }
16304 }
16305 .badge p {
16306 font-size: 14px;
16307 line-height: 18px;
16308 font-weight: normal;
16309 color: #000000;
16310 display: none;
16311 text-align: left;
16312 word-wrap: break-word;
16313 word-wrap: break-word;
16314 white-space: pre-line;
16315 }
16316
16317 .badge:hover {
16318 width: auto;
16319 height: auto;
16320 overflow: hidden;
16321 }
16322 @media only screen and (max-width: 782px) {
16323 .badge:hover {
16324 padding: 10px 20px;
16325 }
16326 }
16327 .badge:hover .badge-title {
16328 display: block;
16329 }
16330 @media only screen and (max-width: 782px) {
16331 .badge:hover .badge-title {
16332 font-size: 16px;
16333 line-height: 30px;
16334 }
16335 }
16336 .badge:hover .badge-title:after {
16337 float: right;
16338 }
16339 @media only screen and (max-width: 782px) {
16340 .badge:hover .badge-title:after {
16341 margin-left: 10px;
16342 top: 4px;
16343 }
16344 }
16345 .badge:hover p {
16346 max-width: 270px;
16347 width: auto;
16348 height: auto;
16349 display: block;
16350 }
16351
16253 .sh1 { 16352 .sh1 {
16254 font-weight: 700; 16353 font-weight: 700;
16255 line-height: 24px !important; 16354 line-height: 24px !important;
...@@ -16604,6 +16703,25 @@ ul.sf_date_field .sf-datepicker { ...@@ -16604,6 +16703,25 @@ ul.sf_date_field .sf-datepicker {
16604 } 16703 }
16605 } 16704 }
16606 16705
16706 .advance-search-button:hover:after {
16707 position: absolute;
16708 left: 0px;
16709 top: -10px;
16710 content: "";
16711 display: inline-block;
16712 height: 40px;
16713 width: 40px;
16714 background-size: contain;
16715 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23669999" stroke-width="3"/></g></svg>');
16716 }
16717 @media screen and (max-width: 768px) {
16718 .advance-search-button:hover:after {
16719 top: -5px;
16720 height: 30px;
16721 width: 30px;
16722 }
16723 }
16724
16607 .modal-backdrop { 16725 .modal-backdrop {
16608 background-color: #fff; 16726 background-color: #fff;
16609 opacity: 0.7; 16727 opacity: 0.7;
...@@ -16847,6 +16965,12 @@ ul.sf_date_field .sf-datepicker { ...@@ -16847,6 +16965,12 @@ ul.sf_date_field .sf-datepicker {
16847 z-index: 6; 16965 z-index: 6;
16848 } 16966 }
16849 16967
16968 #advance-search-modal .sf-field-taxonomy-mlo-category,
16969 #advance-search-modal .sf-field-post-meta-file_type {
16970 width: 33%;
16971 display: inline-block !important;
16972 }
16973
16850 .search-results .search-field { 16974 .search-results .search-field {
16851 border: 0; 16975 border: 0;
16852 border-bottom: 1px solid #707070; 16976 border-bottom: 1px solid #707070;
...@@ -17218,6 +17342,15 @@ ul.sf_date_field .sf-datepicker { ...@@ -17218,6 +17342,15 @@ ul.sf_date_field .sf-datepicker {
17218 color: white; 17342 color: white;
17219 } 17343 }
17220 17344
17345 #main {
17346 position: relative;
17347 z-index: 9;
17348 }
17349 #main .entry-content {
17350 position: relative;
17351 z-index: 9;
17352 }
17353
17221 #content:not(.search-content) { 17354 #content:not(.search-content) {
17222 display: flex; 17355 display: flex;
17223 } 17356 }
...@@ -17381,11 +17514,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -17381,11 +17514,11 @@ ul.sf_date_field .sf-datepicker {
17381 } 17514 }
17382 17515
17383 #page-wrapper { 17516 #page-wrapper {
17384 margin-top: 34px; 17517 margin: 10px 40px 0 40px;
17385 margin: 34px 40px 0 40px;
17386 } 17518 }
17387 #page-wrapper .breadcrumb { 17519 #page-wrapper .breadcrumb {
17388 margin-bottom: 0px; 17520 font-size: 12px;
17521 margin-bottom: 20px;
17389 } 17522 }
17390 #page-wrapper .breadcrumb a { 17523 #page-wrapper .breadcrumb a {
17391 text-decoration: none; 17524 text-decoration: none;
...@@ -17412,7 +17545,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -17412,7 +17545,7 @@ ul.sf_date_field .sf-datepicker {
17412 17545
17413 .side-menu { 17546 .side-menu {
17414 list-style: none; 17547 list-style: none;
17415 margin-top: 14px; 17548 margin-top: 0px;
17416 padding-left: 15px; 17549 padding-left: 15px;
17417 } 17550 }
17418 .side-menu li { 17551 .side-menu li {
...@@ -17765,6 +17898,9 @@ ul.sf_date_field .sf-datepicker { ...@@ -17765,6 +17898,9 @@ ul.sf_date_field .sf-datepicker {
17765 display: none; 17898 display: none;
17766 border-radius: 0px 0px 10px 10px; 17899 border-radius: 0px 0px 10px 10px;
17767 } 17900 }
17901 .pojo-a11y-toolbar-overlay svg {
17902 border: 0px #669999 solid !important;
17903 }
17768 17904
17769 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg { 17905 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
17770 max-width: inherit; 17906 max-width: inherit;
...@@ -17812,6 +17948,13 @@ ul.sf_date_field .sf-datepicker { ...@@ -17812,6 +17948,13 @@ ul.sf_date_field .sf-datepicker {
17812 text-decoration: underline; 17948 text-decoration: underline;
17813 } 17949 }
17814 17950
17951 .pojo-a11y-toolbar-toggle-link:hover {
17952 color: #669999 !important;
17953 }
17954 .pojo-a11y-toolbar-toggle-link:hover svg {
17955 border: 2px #669999 solid !important;
17956 }
17957
17815 #gt_float_wrapper { 17958 #gt_float_wrapper {
17816 right: 0px !important; 17959 right: 0px !important;
17817 } 17960 }
...@@ -17862,6 +18005,14 @@ ul.sf_date_field .sf-datepicker { ...@@ -17862,6 +18005,14 @@ ul.sf_date_field .sf-datepicker {
17862 text-decoration: underline; 18005 text-decoration: underline;
17863 } 18006 }
17864 18007
18008 .gt-current-lang:hover .gt-lang-code {
18009 color: #669999 !important;
18010 }
18011
18012 .gt-current-lang:has(.gt_arrow_rotate) .gt-lang-code {
18013 color: #669999 !important;
18014 }
18015
17865 body.pojo-a11y-light-background.donation-amounts .container input:checked + .amount + .checked-fill:after, body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link).donation-amounts .container input:checked + .amount + .checked-fill:after { 18016 body.pojo-a11y-light-background.donation-amounts .container input:checked + .amount + .checked-fill:after, body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link).donation-amounts .container input:checked + .amount + .checked-fill:after {
17866 border-top: 0.6em solid black !important; 18017 border-top: 0.6em solid black !important;
17867 } 18018 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
7 7
8 // Exit if accessed directly. 8 // Exit if accessed directly.
9 defined( 'ABSPATH' ) || exit; 9 defined( 'ABSPATH' ) || exit;
10 $badge = get_field('badge');
10 11
11 ?> 12 ?>
12 13
...@@ -19,6 +20,11 @@ defined( 'ABSPATH' ) || exit; ...@@ -19,6 +20,11 @@ defined( 'ABSPATH' ) || exit;
19 20
20 21
21 <div class="entry-content"> 22 <div class="entry-content">
23 <?php if($badge){
24 $badge_content = get_field('badge_content');
25 echo "<div class='badge'><div class='badge-title'>".$badge_content['badge_label']."</div><p>".$badge_content['badge_text']."</p></div>";
26
27 }?>
22 28
23 <?php 29 <?php
24 the_content(); 30 the_content();
...@@ -26,7 +32,7 @@ defined( 'ABSPATH' ) || exit; ...@@ -26,7 +32,7 @@ defined( 'ABSPATH' ) || exit;
26 ?> 32 ?>
27 33
28 </div><!-- .entry-content --> 34 </div><!-- .entry-content -->
29 35
30 <footer class="entry-footer"> 36 <footer class="entry-footer">
31 37
32 <?php understrap_edit_post_link(); ?> 38 <?php understrap_edit_post_link(); ?>
......
...@@ -33,6 +33,7 @@ if ($thumbnail_image && isset($thumbnail_image[0])) { ...@@ -33,6 +33,7 @@ if ($thumbnail_image && isset($thumbnail_image[0])) {
33 33
34 34
35 35
36
36 ?> 37 ?>
37 <?php if ( has_post_thumbnail() ) { ?> 38 <?php if ( has_post_thumbnail() ) { ?>
38 <header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')"> 39 <header class="entry-header page" style=" background-image: url('<?php echo $url;?> ')">
...@@ -57,7 +58,8 @@ if ($thumbnail_image && isset($thumbnail_image[0])) { ...@@ -57,7 +58,8 @@ if ($thumbnail_image && isset($thumbnail_image[0])) {
57 </div> 58 </div>
58 <main class="col-sm-12 col-md-9 content-area site-main site-main" id="main"> 59 <main class="col-sm-12 col-md-9 content-area site-main site-main" id="main">
59 60
60 <div class="breadcrumb"><?php get_breadcrumb(); ?></div> 61 <div class="breadcrumb"><?php get_breadcrumb(); ?></div>
62
61 <?php 63 <?php
62 while ( have_posts() ) { 64 while ( have_posts() ) {
63 the_post(); 65 the_post();
......
...@@ -29,6 +29,7 @@ h1, h2, h3, h4, h5, h6 { ...@@ -29,6 +29,7 @@ h1, h2, h3, h4, h5, h6 {
29 h1 { 29 h1 {
30 font-size: 45px; 30 font-size: 45px;
31 line-height: 52px; 31 line-height: 52px;
32 margin-bottom: 24px;
32 } 33 }
33 h2{ 34 h2{
34 font-size: 35px; 35 font-size: 35px;
...@@ -195,3 +196,92 @@ blockquote{ ...@@ -195,3 +196,92 @@ blockquote{
195 } 196 }
196 197
197 198
199
200
201 .badge{
202 position: absolute;
203 right: 0%;
204 top: -50px;
205 box-shadow: 0px 3px 6px #0000003D;
206 border-radius: 20px;
207 width: auto;
208 text-align: left;
209 z-index: 999;
210 padding: 10px 20px;
211 background-color: #fff;
212 @media only screen and (max-width: 782px) {
213 padding: 10px 20px;
214 }
215 .badge-title{
216 color: #000000;
217 font-size: 16px;
218 line-height: 30px;
219 font-weight: bold;
220 position: relative;
221 display: inline-block;
222 @media only screen and (max-width: 782px) {
223 font-size: 0px;
224 line-height: 0px;
225 }
226 &:after{
227 content: "";
228 display: inline-block;
229 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="clip-path"><rect id="Rectangle_249" data-name="Rectangle 249" width="4.525" height="13.303" fill="%23fff"/></clipPath></defs><g id="Group_1856" data-name="Group 1856" transform="translate(-1152 -683)"><circle id="Ellipse_2" data-name="Ellipse 2" cx="10" cy="10" r="10" transform="translate(1152 683)" fill="%234d4d4d"/><g id="Group_1855" data-name="Group 1855" transform="translate(1160.196 686.107)"><g id="Group_1854" data-name="Group 1854" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_1493" data-name="Path 1493" d="M.308,5.032V4.579q.271-.109.615-.226t.706-.208q.362-.09.688-.154A3.073,3.073,0,0,1,2.9,3.928l.326.217-1.7,8.036H2.86v.471a3.262,3.262,0,0,1-.887.471,2.948,2.948,0,0,1-1,.181,1.009,1.009,0,0,1-.751-.235A.76.76,0,0,1,0,12.525a4.52,4.52,0,0,1,.054-.706q.054-.344.145-.76L1.466,5.213ZM1.774,1.014a.968.968,0,0,1,.29-.742A1.066,1.066,0,0,1,2.824,0a1.118,1.118,0,0,1,.8.271.968.968,0,0,1,.29.742.889.889,0,0,1-.29.706,1.168,1.168,0,0,1-.8.253,1.113,1.113,0,0,1-.76-.253.889.889,0,0,1-.29-.706" transform="translate(0 0)" fill="%23fff"/></g></g></g></svg>');
230 background-repeat: no-repeat;
231 background-size: contain;
232 width: 20px;
233 height: 20px;
234 margin-left: 10px;
235 top: 4px;
236 position: relative;
237 @media only screen and (max-width: 782px) {
238 margin-left: 0px;
239 top: 2px;
240 }
241 }
242 }
243 p{
244 font-size: 14px;
245 line-height: 18px;
246 font-weight: normal;
247 color: #000000;
248 display: none;
249 text-align: left;
250 word-wrap: break-word;
251 word-wrap: break-word;
252 white-space: pre-line;
253
254 }
255
256 }
257 .badge:hover{
258 width: auto;
259 height: auto;
260 overflow: hidden;
261 @media only screen and (max-width: 782px) {
262 padding: 10px 20px;
263 }
264 .badge-title{
265 display:block;
266 @media only screen and (max-width: 782px) {
267 font-size:16px;
268 line-height: 30px;
269 }
270 &:after{
271 float: right;
272 @media only screen and (max-width: 782px) {
273 margin-left: 10px;
274 top: 4px;
275 }
276 }
277 }
278 p{
279 max-width: 270px;
280 width: auto;
281 height: auto;
282 display: block;
283
284
285
286 }
287 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -50,4 +50,14 @@ ...@@ -50,4 +50,14 @@
50 background-color: #fff !important; 50 background-color: #fff !important;
51 color: black !important; 51 color: black !important;
52 text-decoration: underline; 52 text-decoration: underline;
53 }
54 .gt-current-lang:hover{
55 .gt-lang-code{
56 color: #669999 !important;
57 }
58 }
59 .gt-current-lang:has(.gt_arrow_rotate){
60 .gt-lang-code{
61 color: #669999 !important;
62 }
53 } 63 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -53,8 +53,11 @@ ...@@ -53,8 +53,11 @@
53 } 53 }
54 .site{ 54 .site{
55 margin-top: 170px; 55 margin-top: 170px;
56 max-width: 100%;
57 overflow-x: hidden;
56 @media only screen and (max-width: 1000px) { 58 @media only screen and (max-width: 1000px) {
57 margin-top: 80px; 59 margin-top: 80px;
60
58 } 61 }
59 } 62 }
60 #wrapper-navbar { 63 #wrapper-navbar {
......
1 #main{
2 position: relative;
3 z-index: 9;
4 .entry-content{
5 position: relative;
6 z-index: 9;
7 }
8 }
9
10
11
1 #content:not(.search-content){ 12 #content:not(.search-content){
2 display: flex; 13 display: flex;
3 } 14 }
...@@ -171,9 +182,13 @@ ...@@ -171,9 +182,13 @@
171 } 182 }
172 } 183 }
173 #page-wrapper{ 184 #page-wrapper{
174 margin-top: 34px; 185 margin: 10px 40px 0 40px;
175 margin: 34px 40px 0 40px; 186 @media(max-width: 768px) {
187 // margin: 40px 40px 0 40px;
188 }
176 .breadcrumb{ 189 .breadcrumb{
190 font-size: 12px;
191 margin-bottom: 20px;
177 a{ 192 a{
178 text-decoration: none; 193 text-decoration: none;
179 text-transform: capitalize; 194 text-transform: capitalize;
...@@ -181,7 +196,7 @@ margin: 34px 40px 0 40px; ...@@ -181,7 +196,7 @@ margin: 34px 40px 0 40px;
181 span{ 196 span{
182 margin: 0px 10px; 197 margin: 0px 10px;
183 } 198 }
184 margin-bottom: 0px; 199
185 200
186 } 201 }
187 h1{ 202 h1{
...@@ -202,7 +217,7 @@ h1+p { ...@@ -202,7 +217,7 @@ h1+p {
202 217
203 .side-menu{ 218 .side-menu{
204 list-style: none; 219 list-style: none;
205 margin-top: 14px; 220 margin-top: 0px;
206 padding-left: 15px; 221 padding-left: 15px;
207 222
208 li{ 223 li{
...@@ -290,6 +305,7 @@ h1+p { ...@@ -290,6 +305,7 @@ h1+p {
290 } 305 }
291 #main{ 306 #main{
292 width: 100%; 307 width: 100%;
308
293 } 309 }
294 } 310 }
295 311
......
...@@ -26,6 +26,9 @@ ...@@ -26,6 +26,9 @@
26 right: 0px; 26 right: 0px;
27 display: none; 27 display: none;
28 border-radius: 0px 0px 10px 10px; 28 border-radius: 0px 0px 10px 10px;
29 svg{
30 border: 0px #669999 solid !important;
31 }
29 32
30 33
31 } 34 }
...@@ -82,3 +85,10 @@ ...@@ -82,3 +85,10 @@
82 } 85 }
83 } 86 }
84 87
88 .pojo-a11y-toolbar-toggle-link:hover{
89 color: #669999 !important;
90 svg {
91 border: 2px #669999 solid !important;
92 }
93
94 }
......
...@@ -386,6 +386,25 @@ ul.sf_date_field { ...@@ -386,6 +386,25 @@ ul.sf_date_field {
386 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>'); 386 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>');
387 } 387 }
388 388
389 .advance-search-button:hover{
390 &:after {
391 position: absolute;
392 left: 0px;
393 top: -10px;
394 content: "";
395 display: inline-block;
396 height: 40px;
397 width: 40px;
398 @media screen and (max-width: 768px) {
399 top: -5px;
400 height: 30px;
401 width: 30px;
402 }
403 background-size: contain;
404 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23669999" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23669999" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23669999" stroke-width="3"/></g></svg>');
405 }
406 }
407
389 .modal-backdrop { 408 .modal-backdrop {
390 background-color: #fff; 409 background-color: #fff;
391 opacity: 0.7; 410 opacity: 0.7;
...@@ -646,4 +665,13 @@ ul.sf_date_field { ...@@ -646,4 +665,13 @@ ul.sf_date_field {
646 665
647 .modal-backdrop{ 666 .modal-backdrop{
648 z-index: 6; 667 z-index: 6;
668 }
669
670 #advance-search-modal{
671
672 .sf-field-taxonomy-mlo-category,
673 .sf-field-post-meta-file_type{
674 width: 33%;
675 display: inline-block !important;
676 }
649 } 677 }
...\ No newline at end of file ...\ No newline at end of file
......