Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
a171116e by Jeff Balicki
Options

px to rem 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 017c80de
Expand all
Inline Side-by-side
Showing 30 changed files with 401 additions and 411 deletions
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.
...@@ -20707,10 +20707,6 @@ ...@@ -20707,10 +20707,6 @@
20707 $('#top-search').val(); 20707 $('#top-search').val();
20708 return false; 20708 return false;
20709 }); 20709 });
20710 $(document).on("sf:ajaxstart", ".searchandfilter", function (e) {
20711 console.log(e);
20712 console.log("ajax start");
20713 });
20714 $(document).on("click", "#search-wrapper:not(.news-search) .search-filter-reset", function (e) { 20710 $(document).on("click", "#search-wrapper:not(.news-search) .search-filter-reset", function (e) {
20715 e.preventDefault(); 20711 e.preventDefault();
20716 const searchParams = new URLSearchParams(window.location.search); 20712 const searchParams = new URLSearchParams(window.location.search);
...@@ -20754,10 +20750,10 @@ ...@@ -20754,10 +20750,10 @@
20754 $(document).on("click", '#advance-search-modal [name="_sf_submit"]', function (e) { 20750 $(document).on("click", '#advance-search-modal [name="_sf_submit"]', function (e) {
20755 $('#advance-search-modal .searchandfilter').hide(); 20751 $('#advance-search-modal .searchandfilter').hide();
20756 $('[data-sf-form-id="399"]').trigger("submit"); 20752 $('[data-sf-form-id="399"]').trigger("submit");
20757 //$('[data-sf-form-id="102"]').trigger("submit");
20758 $('.searching-loading').show(); 20753 $('.searching-loading').show();
20759 $('.overlay').show(); 20754 if ($(window).width() > 901) {
20760 //$('#full-width-page-wrapper #content').css('opacity', '0'); 20755 $('.overlay').show();
20756 }
20761 setTimeout(() => { 20757 setTimeout(() => {
20762 window.location.href = window.location.href; 20758 window.location.href = window.location.href;
20763 }, "3000"); 20759 }, "3000");
......
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.
...@@ -59,12 +59,7 @@ var Search = (function($) { ...@@ -59,12 +59,7 @@ var Search = (function($) {
59 return false; 59 return false;
60 }); 60 });
61 61
62 $(document).on("sf:ajaxstart", ".searchandfilter", function(e){ 62
63 console.log(e);
64 console.log("ajax start");
65 });
66
67
68 63
69 $(document).on("click", "#search-wrapper:not(.news-search) .search-filter-reset", function(e){ 64 $(document).on("click", "#search-wrapper:not(.news-search) .search-filter-reset", function(e){
70 e.preventDefault(); 65 e.preventDefault();
...@@ -114,10 +109,10 @@ var Search = (function($) { ...@@ -114,10 +109,10 @@ var Search = (function($) {
114 $(document).on("click", '#advance-search-modal [name="_sf_submit"]', function(e){ 109 $(document).on("click", '#advance-search-modal [name="_sf_submit"]', function(e){
115 $('#advance-search-modal .searchandfilter').hide(); 110 $('#advance-search-modal .searchandfilter').hide();
116 $('[data-sf-form-id="399"]').trigger("submit"); 111 $('[data-sf-form-id="399"]').trigger("submit");
117 //$('[data-sf-form-id="102"]').trigger("submit");
118 $('.searching-loading').show(); 112 $('.searching-loading').show();
119 $('.overlay').show(); 113 if($(window).width() > 901) {
120 //$('#full-width-page-wrapper #content').css('opacity', '0'); 114 $('.overlay').show();
115 };
121 setTimeout(() => { 116 setTimeout(() => {
122 window.location.href = window.location.href 117 window.location.href = window.location.href
123 }, "3000"); 118 }, "3000");
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 10
11 11
12 //This should be the default when it's closed as seen on page #49 12 //This should be the default when it's closed as seen on page #49
13 padding-bottom:10px; 13 padding-bottom:0.625rem;
14 14
15 &.is-open { 15 &.is-open {
16 //This was seen to be the correct spacing in page #49 in the accordion with the download cards 16 //This was seen to be the correct spacing in page #49 in the accordion with the download cards
......
...@@ -18,13 +18,13 @@ ...@@ -18,13 +18,13 @@
18 min-height: 15.625rem; 18 min-height: 15.625rem;
19 } 19 }
20 h2{ 20 h2{
21 padding-top: 32px; 21 padding-top: 2rem;
22 color: #fff; 22 color: #fff;
23 font-family: "PT Sans",sans-serif; 23 font-family: "PT Sans",sans-serif;
24 font-weight: 700; 24 font-weight: 700;
25 @media screen and (max-width: 48rem) { 25 @media screen and (max-width: 48rem) {
26 font-size: 22px; 26 font-size: 1.375rem;
27 line-height: 25px; 27 line-height: 1.5625rem;
28 } 28 }
29 29
30 } 30 }
...@@ -50,11 +50,11 @@ ...@@ -50,11 +50,11 @@
50 background-color: #EE0000; 50 background-color: #EE0000;
51 color: #fff; 51 color: #fff;
52 border: none; 52 border: none;
53 font-size: 14px; 53 font-size: 0.875rem;
54 font-weight: 500; 54 font-weight: 500;
55 margin: 24px 0 50px 0; 55 margin: 1.5rem 0 3.125rem 0;
56 padding: 8px 46px; 56 padding: 0.5rem 2.875rem;
57 line-height: 17px; 57 line-height: 1.0625rem;
58 text-decoration: none; 58 text-decoration: none;
59 text-transform: uppercase; 59 text-transform: uppercase;
60 display: inline-block; 60 display: inline-block;
...@@ -62,7 +62,7 @@ ...@@ -62,7 +62,7 @@
62 border-radius: 2.5rem !important; 62 border-radius: 2.5rem !important;
63 font-weight: bold; 63 font-weight: bold;
64 @media screen and (max-width: 48rem) { 64 @media screen and (max-width: 48rem) {
65 font-size: 16px; 65 font-size: 1rem;
66 66
67 } 67 }
68 } 68 }
......
...@@ -3,13 +3,13 @@ ...@@ -3,13 +3,13 @@
3 background-color: transparent !important; 3 background-color: transparent !important;
4 left: -5%; 4 left: -5%;
5 width: 110%; 5 width: 110%;
6 margin-top: 24px; 6 margin-top: 1.5rem;
7 margin-bottom: 24px; 7 margin-bottom: 1.5rem;
8 padding: 0rem 3.125rem; 8 padding: 0rem 3.125rem;
9 height: 280px; 9 height: 17.5rem;
10 @media only screen and (max-width:67.063rem) { 10 @media only screen and (max-width:67.063rem) {
11 left: 0%; 11 left: 0%;
12 width: calc(100vw - 24px); 12 width: calc(100vw - 1.5rem);
13 padding: 0rem 0rem; 13 padding: 0rem 0rem;
14 14
15 } 15 }
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 width: 99%; 29 width: 99%;
30 @media only screen and (max-width:67.063rem) { 30 @media only screen and (max-width:67.063rem) {
31 overflow: scroll; 31 overflow: scroll;
32 height: 300px; 32 height: 18.75rem;
33 width: 99%; 33 width: 99%;
34 margin-left: 0%; 34 margin-left: 0%;
35 } 35 }
...@@ -55,21 +55,21 @@ ...@@ -55,21 +55,21 @@
55 } 55 }
56 56
57 .promo-image { 57 .promo-image {
58 width: 340px; 58 width: 21.25rem;
59 height: 186px; 59 height: 11.625rem;
60 overflow: hidden; 60 overflow: hidden;
61 background-color: #F2F2F2; 61 background-color: #F2F2F2;
62 transition: all 0.5s ease-in-out; 62 transition: all 0.5s ease-in-out;
63 63
64 @media only screen and (max-width:1073px) { 64 @media only screen and (max-width:67.0625rem) {
65 min-height: 186px !important; 65 min-height: 11.625rem !important;
66 max-height: 186px !important; 66 max-height: 11.625rem !important;
67 max-width: 316px; 67 max-width: 19.75rem;
68 min-width: 316px; 68 min-width: 19.75rem;
69 } 69 }
70 @media only screen and (max-width: 500px) { 70 @media only screen and (max-width: 31.25rem) {
71 max-width: calc(85vw - 24px); 71 max-width: calc(85vw - 1.5rem);
72 min-width: calc(85vw - 24px); 72 min-width: calc(85vw - 1.5rem);
73 } 73 }
74 74
75 75
...@@ -95,15 +95,15 @@ ...@@ -95,15 +95,15 @@
95 } 95 }
96 96
97 .promo-text { 97 .promo-text {
98 margin-left: 0px; 98 margin-left: 0rem;
99 margin-top: 24px; 99 margin-top: 1.5rem;
100 text-align: left; 100 text-align: left;
101 font-size: 18px; 101 font-size: 1.125rem;
102 line-height: 23px; 102 line-height: 1.4375rem;
103 text-align: left; 103 text-align: left;
104 color: #000; 104 color: #000;
105 text-decoration: none; 105 text-decoration: none;
106 max-width: 335px; 106 max-width: 20.9375rem;
107 font-weight: bold; 107 font-weight: bold;
108 108
109 } 109 }
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
144 144
145 .pdf-carousel{ 145 .pdf-carousel{
146 .promo-image.pdf { 146 .promo-image.pdf {
147 width: 270px; 147 width: 16.875rem;
148 148
149 img { 149 img {
150 width: auto; 150 width: auto;
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
192 border: 0rem solid #EE0000; 192 border: 0rem solid #EE0000;
193 border-radius: 1.25rem; 193 border-radius: 1.25rem;
194 display: none; 194 display: none;
195 left: -15px !important; 195 left: -0.9375rem !important;
196 top: calc(50% - 2.1875rem) !important; 196 top: calc(50% - 2.1875rem) !important;
197 197
198 @media only screen and (max-width:67.063rem) { 198 @media only screen and (max-width:67.063rem) {
...@@ -209,7 +209,7 @@ ...@@ -209,7 +209,7 @@
209 display: inline-block; 209 display: inline-block;
210 position: absolute; 210 position: absolute;
211 top: 0.5rem; 211 top: 0.5rem;
212 left: 11px; 212 left: 0.6875rem;
213 213
214 @media only screen and (max-width:67.063rem) { 214 @media only screen and (max-width:67.063rem) {
215 display: none; 215 display: none;
...@@ -266,32 +266,32 @@ ...@@ -266,32 +266,32 @@
266 display: block; 266 display: block;
267 height: 100%; 267 height: 100%;
268 max-height: 100%; 268 max-height: 100%;
269 @media only screen and (max-width:1073px) { 269 @media only screen and (max-width:67.0625rem) {
270 min-height: 186px !important; 270 min-height: 11.625rem !important;
271 max-height: 186px !important; 271 max-height: 11.625rem !important;
272 max-width: 340px; 272 max-width: 21.25rem;
273 min-width: 340px; 273 min-width: 21.25rem;
274 margin-right: 0px; 274 margin-right: 0rem;
275 } 275 }
276 @media only screen and (max-width: 500px) { 276 @media only screen and (max-width: 31.25rem) {
277 max-width: 85vw; 277 max-width: 85vw;
278 min-width: 85vw; 278 min-width: 85vw;
279 margin-right: 0px; 279 margin-right: 0rem;
280 } 280 }
281 281
282 282
283 } 283 }
284 .pdf-carousel{ 284 .pdf-carousel{
285 .swiper-slide { 285 .swiper-slide {
286 width: 270px !important; 286 width: 16.875rem !important;
287 @media only screen and (max-width:67.063rem) { 287 @media only screen and (max-width:67.063rem) {
288 width: auto !important; 288 width: auto !important;
289 margin-right: 24px; 289 margin-right: 1.5rem;
290 } 290 }
291 } 291 }
292 } 292 }
293 .swiper-slide:last-of-type { 293 .swiper-slide:last-of-type {
294 //padding-right: 50px !important; 294 //padding-right: 3.125rem !important;
295 } 295 }
296 296
297 .swiper-wrapper { 297 .swiper-wrapper {
...@@ -341,36 +341,36 @@ ...@@ -341,36 +341,36 @@
341 .promo-image.video:after { 341 .promo-image.video:after {
342 content: ""; 342 content: "";
343 position: absolute; 343 position: absolute;
344 width: 66px; 344 width: 4.125rem;
345 height: 66px; 345 height: 4.125rem;
346 left: 50%; 346 left: 50%;
347 top: 50%; 347 top: 50%;
348 transform: translate(-50%, -50%); 348 transform: translate(-50%, -50%);
349 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65.928" height="65.928" viewBox="0 0 65.928 65.928"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="65.928" height="65.928" fill="%23fff"/></clipPath></defs><g id="Group_1994" data-name="Group 1994" opacity="0.6"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M112.886,81.243,91.2,94.52V67.966Z" transform="translate(-66.167 -48.109)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M32.964,65.928A32.964,32.964,0,1,1,65.929,32.964,33,33,0,0,1,32.964,65.928m0-57.886A24.922,24.922,0,1,0,57.887,32.964,24.95,24.95,0,0,0,32.964,8.042" fill="%23fff"/></g></g></g></g></svg>'); 349 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="65.928" height="65.928" viewBox="0 0 65.928 65.928"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="65.928" height="65.928" fill="%23fff"/></clipPath></defs><g id="Group_1994" data-name="Group 1994" opacity="0.6"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M112.886,81.243,91.2,94.52V67.966Z" transform="translate(-66.167 -48.109)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M32.964,65.928A32.964,32.964,0,1,1,65.929,32.964,33,33,0,0,1,32.964,65.928m0-57.886A24.922,24.922,0,1,0,57.887,32.964,24.95,24.95,0,0,0,32.964,8.042" fill="%23fff"/></g></g></g></g></svg>');
350 } 350 }
351 .featured-carousel{ 351 .featured-carousel{
352 height: 400px; 352 height: 25rem;
353 } 353 }
354 .carousel:has(.featured-carousel){ 354 .carousel:has(.featured-carousel){
355 height: 400px; 355 height: 25rem;
356 .promo-text{ 356 .promo-text{
357 h2 { 357 h2 {
358 font-size:18px; 358 font-size:1.125rem;
359 line-height:23px; 359 line-height:1.4375rem;
360 text-align: left; 360 text-align: left;
361 } 361 }
362 362
363 p { 363 p {
364 font-size: 16px; 364 font-size: 1rem;
365 line-height: 21px; 365 line-height: 1.3125rem;
366 text-align: left; 366 text-align: left;
367 font-weight: normal; 367 font-weight: normal;
368 } 368 }
369 369
370 } 370 }
371 .understrap-read-more-link{ 371 .understrap-read-more-link{
372 font-size: 14px; 372 font-size: 0.875rem;
373 line-height: 21px; 373 line-height: 1.3125rem;
374 text-align: left; 374 text-align: left;
375 } 375 }
376 } 376 }
......
...@@ -78,18 +78,18 @@ select { ...@@ -78,18 +78,18 @@ select {
78 // Optional styles 78 // Optional styles
79 // remove for transparency 79 // remove for transparency
80 background-color: #fff; 80 background-color: #fff;
81 border:1px solid #BEBEBE; 81 border:0.0625rem solid #BEBEBE;
82 82
83 } 83 }
84 84
85 // Interim solution until :focus-within has better support 85 // Interim solution until :focus-within has better support
86 select:focus + .focus { 86 select:focus + .focus {
87 position: absolute; 87 position: absolute;
88 top: -1px; 88 top: -0.0625rem;
89 left: -1px; 89 left: -0.0625rem;
90 right: -1px; 90 right: -0.0625rem;
91 bottom: -1px; 91 bottom: -0.0625rem;
92 border: 2px solid var(--select-focus); 92 border: 0.125rem solid var(--select-focus);
93 border-radius: inherit; 93 border-radius: inherit;
94 } 94 }
95 95
......
...@@ -38,40 +38,40 @@ h1 { ...@@ -38,40 +38,40 @@ h1 {
38 line-height: 3.25rem; 38 line-height: 3.25rem;
39 margin-bottom: 1.5rem; 39 margin-bottom: 1.5rem;
40 @media only screen and (max-width: 48.875rem) { 40 @media only screen and (max-width: 48.875rem) {
41 font-size: 35px; 41 font-size: 2.1875rem;
42 line-height: 40px; 42 line-height: 2.5rem;
43 color: #000; 43 color: #000;
44 } 44 }
45 } 45 }
46 h2{ 46 h2{
47 font-size: 28px; 47 font-size: 1.75rem;
48 line-height: 35px; 48 line-height: 2.1875rem;
49 color:#000; 49 color:#000;
50 margin-top: 32px; 50 margin-top: 2rem;
51 @media only screen and (max-width: 48.875rem) { 51 @media only screen and (max-width: 48.875rem) {
52 font-size: 29px; 52 font-size: 1.8125rem;
53 line-height: 36px; 53 line-height: 2.25rem;
54 } 54 }
55 } 55 }
56 h3 { 56 h3 {
57 font-size: 22px; 57 font-size: 1.375rem;
58 line-height: 28px; 58 line-height: 1.75rem;
59 text-transform: uppercase; 59 text-transform: uppercase;
60 color:#000; 60 color:#000;
61 } 61 }
62 h4 { 62 h4 {
63 font-size: 18px; 63 font-size: 1.125rem;
64 line-height: 23px; 64 line-height: 1.4375rem;
65 color:#000; 65 color:#000;
66 } 66 }
67 h5 { 67 h5 {
68 font-size: 16px; 68 font-size: 1rem;
69 line-height: 22px; 69 line-height: 1.375rem;
70 color:#000; 70 color:#000;
71 } 71 }
72 h1+p{ 72 h1+p{
73 font-size: 16px; 73 font-size: 1rem;
74 line-height: 21px; 74 line-height: 1.3125rem;
75 font-weight: bold; 75 font-weight: bold;
76 color:#000; 76 color:#000;
77 } 77 }
...@@ -288,17 +288,17 @@ blockquote{ ...@@ -288,17 +288,17 @@ blockquote{
288 background-color: #fff; 288 background-color: #fff;
289 transition: 0s ease-in-out; 289 transition: 0s ease-in-out;
290 color: #000000; 290 color: #000000;
291 bottom: 40px; 291 bottom: 2.5rem;
292 @media only screen and (max-width: 48.875rem) { 292 @media only screen and (max-width: 48.875rem) {
293 padding: 0.625rem 1.25rem; 293 padding: 0.625rem 1.25rem;
294 } 294 }
295 span{ 295 span{
296 display: block; 296 display: block;
297 margin-right: 20px; 297 margin-right: 1.25rem;
298 font-size: 1rem; 298 font-size: 1rem;
299 line-height: 1.875rem; 299 line-height: 1.875rem;
300 font-weight: bold; 300 font-weight: bold;
301 right: 0px; 301 right: 0rem;
302 } 302 }
303 &:after{ 303 &:after{
304 content: ""; 304 content: "";
...@@ -311,13 +311,13 @@ blockquote{ ...@@ -311,13 +311,13 @@ blockquote{
311 margin-left: 0.625rem; 311 margin-left: 0.625rem;
312 top: 0.25rem; 312 top: 0.25rem;
313 position: absolute; 313 position: absolute;
314 right: 10px; 314 right: 0.625rem;
315 top: 15px; 315 top: 0.9375rem;
316 margin-left: 10px; 316 margin-left: 0.625rem;
317 } 317 }
318 .badge_content{ 318 .badge_content{
319 width: 0px; 319 width: 0rem;
320 height: 0px; 320 height: 0rem;
321 overflow: hidden; 321 overflow: hidden;
322 transition: 1s ease-in-out; 322 transition: 1s ease-in-out;
323 max-width: 16.875rem; 323 max-width: 16.875rem;
...@@ -346,8 +346,8 @@ blockquote{ ...@@ -346,8 +346,8 @@ blockquote{
346 } 346 }
347 347
348 .badge_content{ 348 .badge_content{
349 width: 300px; 349 width: 18.75rem;
350 height: 100px; 350 height: 6.25rem;
351 overflow: hidden; 351 overflow: hidden;
352 } 352 }
353 353
...@@ -399,8 +399,8 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) { ...@@ -399,8 +399,8 @@ table:not(.ui-datepicker-calendar):not(#relevant-resources) {
399 a[target=_blank]{ 399 a[target=_blank]{
400 &:after { 400 &:after {
401 content: ""; 401 content: "";
402 width: 12px; 402 width: 0.75rem;
403 height: 12px; 403 height: 0.75rem;
404 background-repeat: no-repeat; 404 background-repeat: no-repeat;
405 background-size: contain; 405 background-size: contain;
406 background-image: url('data:image/svg+xml,<svg id="Group_1310" data-name="Group 1310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.758" height="17.741" viewBox="0 0 17.758 17.741"><defs><clipPath id="clip-path"><rect id="Rectangle_151" data-name="Rectangle 151" width="17.758" height="17.741"/></clipPath></defs><path id="Path_1277" data-name="Path 1277" d="M0,0V17.741H17.757V8.281H15.586v7.3H2.189V2.135H9.3V0Z" transform="translate(0 0)"/><g id="Group_1023" data-name="Group 1023" transform="translate(0 0)"><g id="Group_1022" data-name="Group 1022" clip-path="url(%23clip-path)"><path id="Path_1278" data-name="Path 1278" d="M17.986,11.548,16.363,9.931l7.791-7.756H21.989V.016h5.864V5.867H25.7V3.8l-7.717,7.748" transform="translate(-10.096 -0.01)"/></g></g></svg>'); 406 background-image: url('data:image/svg+xml,<svg id="Group_1310" data-name="Group 1310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.758" height="17.741" viewBox="0 0 17.758 17.741"><defs><clipPath id="clip-path"><rect id="Rectangle_151" data-name="Rectangle 151" width="17.758" height="17.741"/></clipPath></defs><path id="Path_1277" data-name="Path 1277" d="M0,0V17.741H17.757V8.281H15.586v7.3H2.189V2.135H9.3V0Z" transform="translate(0 0)"/><g id="Group_1023" data-name="Group 1023" transform="translate(0 0)"><g id="Group_1022" data-name="Group 1022" clip-path="url(%23clip-path)"><path id="Path_1278" data-name="Path 1278" d="M17.986,11.548,16.363,9.931l7.791-7.756H21.989V.016h5.864V5.867H25.7V3.8l-7.717,7.748" transform="translate(-10.096 -0.01)"/></g></g></svg>');
......
...@@ -36,16 +36,16 @@ ...@@ -36,16 +36,16 @@
36 li{ 36 li{
37 margin-bottom: 0rem; 37 margin-bottom: 0rem;
38 padding-bottom: 0rem; 38 padding-bottom: 0rem;
39 padding-left: 0px; 39 padding-left: 0rem;
40 display: inline-block; 40 display: inline-block;
41 padding-right: 0px; 41 padding-right: 0rem;
42 @media only screen and (max-width: 48.875rem) { 42 @media only screen and (max-width: 48.875rem) {
43 display: block; 43 display: block;
44 } 44 }
45 a{ 45 a{
46 color: #000; 46 color: #000;
47 font-size: 16px; 47 font-size: 1rem;
48 line-height:12px; 48 line-height:0.75rem;
49 font-weight: 400; 49 font-weight: 400;
50 50
51 text-decoration: none; 51 text-decoration: none;
...@@ -59,8 +59,8 @@ ...@@ -59,8 +59,8 @@
59 li::after{ 59 li::after{
60 content: "|"; 60 content: "|";
61 display: inline-block; 61 display: inline-block;
62 padding-left: 10px; 62 padding-left: 0.625rem;
63 padding-right: 10px; 63 padding-right: 0.625rem;
64 @media only screen and (max-width: 48.875rem) { 64 @media only screen and (max-width: 48.875rem) {
65 content: ""; 65 content: "";
66 } 66 }
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
72 72
73 .contact{ 73 .contact{
74 h2{ 74 h2{
75 margin-left: -12px; 75 margin-left: -0.75rem;
76 margin-bottom: 0px; 76 margin-bottom: 0rem;
77 } 77 }
78 } 78 }
...\ No newline at end of file ...\ No newline at end of file
......
1 1
2 input:not(.search-field):not(.sf-input-text):not(input[name=_sf_submit]):not(.wpcf7-submit):not(.top-go), optgroup, select, textarea { 2 input:not(.search-field):not(.sf-input-text):not(input[name=_sf_submit]):not(.wpcf7-submit):not(.top-go), optgroup, select, textarea {
3 border:0.0625rem solid #707070 !important; 3 border:0.0625rem solid #707070 !important;
4 border-radius: 0px; 4 border-radius: 0rem;
5 5
6 } 6 }
7 .wpcf7-textarea{ 7 .wpcf7-textarea{
8 border-radius: 0px !important; 8 border-radius: 0rem !important;
9 } 9 }
10 button, input, optgroup, select, textarea{ 10 button, input, optgroup, select, textarea{
11 border-radius: 0; 11 border-radius: 0;
...@@ -254,11 +254,11 @@ button, input, optgroup, select, textarea{ ...@@ -254,11 +254,11 @@ button, input, optgroup, select, textarea{
254 font-weight: 700; 254 font-weight: 700;
255 border-radius: 1.5625rem !important; 255 border-radius: 1.5625rem !important;
256 background-color: #e00 !important; 256 background-color: #e00 !important;
257 margin-right: 0px; 257 margin-right: 0rem;
258 float: right; 258 float: right;
259 border: 0px solid transparent !important; 259 border: 0rem solid transparent !important;
260 @media screen and (max-width: 48rem) { 260 @media screen and (max-width: 48rem) {
261 margin-right: -15px; 261 margin-right: -0.9375rem;
262 } 262 }
263 &:hover { 263 &:hover {
264 background:#669999 !important; 264 background:#669999 !important;
...@@ -463,7 +463,7 @@ background-size: 75%; ...@@ -463,7 +463,7 @@ background-size: 75%;
463 background-repeat: no-repeat; 463 background-repeat: no-repeat;
464 transform: scale(0); 464 transform: scale(0);
465 transform-origin: bottom left; 465 transform-origin: bottom left;
466 font-size: 20px !important; 466 font-size: 1.25rem !important;
467 // transition: 120ms transform ease-in-out; 467 // transition: 120ms transform ease-in-out;
468 } 468 }
469 469
...@@ -658,7 +658,7 @@ select { ...@@ -658,7 +658,7 @@ select {
658 width: 1rem; 658 width: 1rem;
659 height: 0.5rem; 659 height: 0.5rem;
660 position: absolute; 660 position: absolute;
661 right: 5px; 661 right: 0.3125rem;
662 } 662 }
663 &:hover { 663 &:hover {
664 &:after { 664 &:after {
...@@ -672,41 +672,41 @@ select { ...@@ -672,41 +672,41 @@ select {
672 max-width: unset !important; 672 max-width: unset !important;
673 } 673 }
674 .wpcf7 .wpcf7-form p { 674 .wpcf7 .wpcf7-form p {
675 margin-bottom: 5px !important; 675 margin-bottom: 0.3125rem !important;
676 padding-left: 0px; 676 padding-left: 0rem;
677 padding-right: 0px; 677 padding-right: 0rem;
678 } 678 }
679 679
680 .wpcf7 .wpcf7-form label { 680 .wpcf7 .wpcf7-form label {
681 width: 100%; 681 width: 100%;
682 margin-bottom: 2px; 682 margin-bottom: 0.125rem;
683 margin-top: 5px; 683 margin-top: 0.3125rem;
684 } 684 }
685 685
686 .wpcf7 form.sent .wpcf7-response-output{ 686 .wpcf7 form.sent .wpcf7-response-output{
687 border-color:transparent; 687 border-color:transparent;
688 color: #e00; 688 color: #e00;
689 margin-left: -30px; 689 margin-left: -1.875rem;
690 margin-top: 0px; 690 margin-top: 0rem;
691 @media(max-width: 48rem) { 691 @media(max-width: 48rem) {
692 margin-top: 10px; 692 margin-top: 0.625rem;
693 padding-left: 0; 693 padding-left: 0;
694 margin-left: -15px; 694 margin-left: -0.9375rem;
695 } 695 }
696 } 696 }
697 .wpcf7{ 697 .wpcf7{
698 @media(max-width: 48rem) { 698 @media(max-width: 48rem) {
699 height: 400px; 699 height: 25rem;
700 } 700 }
701 } 701 }
702 702
703 input[type="radio"] { 703 input[type="radio"] {
704 display: inline-flex; 704 display: inline-flex;
705 place-content: center; 705 place-content: center;
706 width: 28px; 706 width: 1.75rem;
707 height: 28px; 707 height: 1.75rem;
708 position: relative; 708 position: relative;
709 border: 3px solid #fff !important; 709 border: 0.1875rem solid #fff !important;
710 border-radius: 50%; 710 border-radius: 50%;
711 accent-color: #999999; 711 accent-color: #999999;
712 background: #F0F0F0; 712 background: #F0F0F0;
...@@ -714,15 +714,15 @@ input[type="radio"] { ...@@ -714,15 +714,15 @@ input[type="radio"] {
714 714
715 input[type="radio"]::before { 715 input[type="radio"]::before {
716 content: ""; 716 content: "";
717 width: 18px; 717 width: 1.125rem;
718 height: 18px; 718 height: 1.125rem;
719 border-radius: 50%; 719 border-radius: 50%;
720 transform: scale(0); 720 transform: scale(0);
721 transition: 120ms transform ease-in-out; 721 transition: 120ms transform ease-in-out;
722 top:5px; 722 top:0.3125rem;
723 position: absolute; 723 position: absolute;
724 box-shadow: inset 1em 1em #EE0000; 724 box-shadow: inset 1em 1em #EE0000;
725 outline: 3px solid #fff; 725 outline: 0.1875rem solid #fff;
726 } 726 }
727 727
728 input[type="radio"]:checked::before { 728 input[type="radio"]:checked::before {
......
...@@ -2,12 +2,12 @@ ...@@ -2,12 +2,12 @@
2 position: relative; 2 position: relative;
3 height: 100%; 3 height: 100%;
4 overflow: hidden; 4 overflow: hidden;
5 min-height: 480px; 5 min-height: 30rem;
6 background-repeat: no-repeat; 6 background-repeat: no-repeat;
7 background-size: cover; 7 background-size: cover;
8 background-position: center; 8 background-position: center;
9 @media only screen and (max-width: 48.875rem) { 9 @media only screen and (max-width: 48.875rem) {
10 min-height: 260px; 10 min-height: 16.25rem;
11 } 11 }
12 12
13 img{ 13 img{
...@@ -18,22 +18,22 @@ ...@@ -18,22 +18,22 @@
18 color: #fff; 18 color: #fff;
19 margin: auto; 19 margin: auto;
20 display: flex; 20 display: flex;
21 font-size: 50px; 21 font-size: 3.125rem;
22 line-height:55px ; 22 line-height:3.4375rem ;
23 margin-bottom: 20px; 23 margin-bottom: 1.25rem;
24 width: 100%; 24 width: 100%;
25 max-width: 550px; 25 max-width: 34.375rem;
26 font-weight: bold; 26 font-weight: bold;
27 text-align: left; 27 text-align: left;
28 margin-left: 0px; 28 margin-left: 0rem;
29 margin-top: 0px; 29 margin-top: 0rem;
30 @media only screen and (max-width: 48.875rem) { 30 @media only screen and (max-width: 48.875rem) {
31 font-size: 1.125rem; 31 font-size: 1.125rem;
32 line-height:1.375rem ; 32 line-height:1.375rem ;
33 } 33 }
34 } 34 }
35 h1:lang(fr-FR){ 35 h1:lang(fr-FR){
36 max-width: 580px; 36 max-width: 36.25rem;
37 } 37 }
38 38
39 } 39 }
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
52 background:transparent; 52 background:transparent;
53 } 53 }
54 .container{ 54 .container{
55 @media screen and (max-width: 1067px) { 55 @media screen and (max-width: 66.6875rem) {
56 margin: 0rem 1.875rem 0 1.875rem; 56 margin: 0rem 1.875rem 0 1.875rem;
57 } 57 }
58 @media screen and (max-width:48.875rem) { 58 @media screen and (max-width:48.875rem) {
...@@ -61,18 +61,18 @@ ...@@ -61,18 +61,18 @@
61 } 61 }
62 p{ 62 p{
63 color: #fff; 63 color: #fff;
64 font-size: 22px; 64 font-size: 1.375rem;
65 line-height: 28px; 65 line-height: 1.75rem;
66 text-align: left; 66 text-align: left;
67 max-width: 550px; 67 max-width: 34.375rem;
68 margin-bottom: 44px; 68 margin-bottom: 2.75rem;
69 } 69 }
70 p:lang(fr-FR){ 70 p:lang(fr-FR){
71 max-width: 580px; 71 max-width: 36.25rem;
72 } 72 }
73 73
74 .fx-style{ 74 .fx-style{
75 max-width: 1067px!important; 75 max-width: 66.6875rem!important;
76 margin: auto; 76 margin: auto;
77 display: flex; 77 display: flex;
78 flex-direction: column; 78 flex-direction: column;
...@@ -84,20 +84,20 @@ ...@@ -84,20 +84,20 @@
84 } 84 }
85 .header.page{ 85 .header.page{
86 h1{ 86 h1{
87 font-size: 40px; 87 font-size: 2.5rem;
88 line-height: 45px; 88 line-height: 2.8125rem;
89 89
90 } 90 }
91 p{ 91 p{
92 color: #fff; 92 color: #fff;
93 font-size: 18px; 93 font-size: 1.125rem;
94 line-height: 24px; 94 line-height: 1.5rem;
95 95
96 96
97 } 97 }
98 98
99 .breadcrumb{ 99 .breadcrumb{
100 border-radius: 4px; 100 border-radius: 0.25rem;
101 font-size: .75rem; 101 font-size: .75rem;
102 margin-bottom: 1.25rem; 102 margin-bottom: 1.25rem;
103 background-color: #000; 103 background-color: #000;
...@@ -105,8 +105,8 @@ ...@@ -105,8 +105,8 @@
105 width: fit-content; 105 width: fit-content;
106 display: block; 106 display: block;
107 position: relative; 107 position: relative;
108 padding: 0px 10px; 108 padding: 0rem 0.625rem;
109 margin-bottom: 15px; 109 margin-bottom: 0.9375rem;
110 a{ 110 a{
111 text-decoration: none; 111 text-decoration: none;
112 text-transform: none; 112 text-transform: none;
...@@ -194,31 +194,31 @@ ...@@ -194,31 +194,31 @@
194 background-color: #000; 194 background-color: #000;
195 margin-left: -50%; 195 margin-left: -50%;
196 margin-right: -50%; 196 margin-right: -50%;
197 padding-left: calc(50% - 5px); 197 padding-left: calc(50% - 0.3125rem);
198 padding-right:calc(50% - 5px); 198 padding-right:calc(50% - 0.3125rem);
199 padding-top: 31px; 199 padding-top: 1.9375rem;
200 padding-bottom: 20px; 200 padding-bottom: 1.25rem;
201 @media only screen and (max-width: 48.875rem) { 201 @media only screen and (max-width: 48.875rem) {
202 margin-left: -50px; 202 margin-left: -3.125rem;
203 margin-right: -50px; 203 margin-right: -3.125rem;
204 padding-left:50px ; 204 padding-left:3.125rem ;
205 padding-right:50px; 205 padding-right:3.125rem;
206 width: calc(100vw + 50px); 206 width: calc(100vw + 3.125rem);
207 } 207 }
208 .wp-block-columns{ 208 .wp-block-columns{
209 gap: 25px; 209 gap: 1.5625rem;
210 } 210 }
211 h2{ 211 h2{
212 color:#fff; 212 color:#fff;
213 font-size: 22px; 213 font-size: 1.375rem;
214 line-height: 28px; 214 line-height: 1.75rem;
215 margin-bottom: 24px; 215 margin-bottom: 1.5rem;
216 216
217 } 217 }
218 a{ 218 a{
219 color: #EE0000; 219 color: #EE0000;
220 font-size: 18px; 220 font-size: 1.125rem;
221 line-height: 22px; 221 line-height: 1.375rem;
222 } 222 }
223 a:hover{ 223 a:hover{
224 color:#669999; 224 color:#669999;
...@@ -227,10 +227,10 @@ ...@@ -227,10 +227,10 @@
227 } 227 }
228 p{ 228 p{
229 color: #fff; 229 color: #fff;
230 font-size: 16px; 230 font-size: 1rem;
231 line-height: 21px; 231 line-height: 1.3125rem;
232 } 232 }
233 p:has(a){ 233 p:has(a){
234 margin-bottom: 12px; 234 margin-bottom: 0.75rem;
235 } 235 }
236 } 236 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{ 1 .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
2 display: flex; 2 display: flex;
3 padding-top: 0px; 3 padding-top: 0rem;
4 //margin-top: -10px; 4 //margin-top: -0.625rem;
5 @media only screen and (max-width: 48.875rem) { 5 @media only screen and (max-width: 48.875rem) {
6 position: absolute; 6 position: absolute;
7 right: 0px; 7 right: 0rem;
8 top:-10px; 8 top:-0.625rem;
9 } 9 }
10 a{ 10 a{
11 color: #EE0000; 11 color: #EE0000;
12 font-weight: bold; 12 font-weight: bold;
13 font-size: 16px; 13 font-size: 1rem;
14 margin-right: 30px; 14 margin-right: 1.875rem;
15 padding: 0px 10px 6px; 15 padding: 0rem 0.625rem 0.375rem;
16 } 16 }
17 a:hover{ 17 a:hover{
18 color: #699!important; 18 color: #699!important;
19 } 19 }
20 .wpml-ls-link{ 20 .wpml-ls-link{
21 // padding: 0px; 21 // padding: 0rem;
22 } 22 }
23 } 23 }
24 24
25 .admin-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{ 25 .admin-bar .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal{
26 margin-top: -10px; 26 margin-top: -0.625rem;
27 @media only screen and (max-width: 48.875rem) { 27 @media only screen and (max-width: 48.875rem) {
28 margin-top: -7px; 28 margin-top: -0.4375rem;
29 } 29 }
30 } 30 }
...\ No newline at end of file ...\ No newline at end of file
......
1 .site-title{ 1 .site-title{
2 font-size: 26px; 2 font-size: 1.625rem;
3 line-height: 36px; 3 line-height: 2.25rem;
4 font-family: "PT Sans",sans-serif; 4 font-family: "PT Sans",sans-serif;
5 letter-spacing: 0rem; 5 letter-spacing: 0rem;
6 color: #000000; 6 color: #000000;
...@@ -10,11 +10,11 @@ ...@@ -10,11 +10,11 @@
10 flex-wrap: wrap; 10 flex-wrap: wrap;
11 border-left: 0.0625rem solid #999; 11 border-left: 0.0625rem solid #999;
12 padding-left: 1.6875rem; 12 padding-left: 1.6875rem;
13 margin-left: 30px; 13 margin-left: 1.875rem;
14 text-decoration: none; 14 text-decoration: none;
15 width: calc(100% - 127px); 15 width: calc(100% - 7.9375rem);
16 @media only screen and (max-width: 48.875rem) { 16 @media only screen and (max-width: 48.875rem) {
17 width: calc(85% - 127px); 17 width: calc(85% - 7.9375rem);
18 } 18 }
19 19
20 } 20 }
...@@ -29,21 +29,21 @@ ...@@ -29,21 +29,21 @@
29 position: relative; 29 position: relative;
30 width: 100%; 30 width: 100%;
31 .navbar-brand{ 31 .navbar-brand{
32 margin-right:10px ; 32 margin-right:0.625rem ;
33 width: 127px; 33 width: 7.9375rem;
34 height: 53px; 34 height: 3.3125rem;
35 // display: inline-block; 35 // display: inline-block;
36 @media only screen and (max-width: 48.875rem) { 36 @media only screen and (max-width: 48.875rem) {
37 margin-right:20px ; 37 margin-right:1.25rem ;
38 width: 119px; 38 width: 7.4375rem;
39 height: 60px; 39 height: 3.75rem;
40 } 40 }
41 } 41 }
42 } 42 }
43 #main-nav{ 43 #main-nav{
44 box-shadow: 0rem 0.1875rem 0.375rem #00000029; 44 box-shadow: 0rem 0.1875rem 0.375rem #00000029;
45 //z-index: 9999; 45 //z-index: 9999;
46 @media only screen and (max-width:1000px) { 46 @media only screen and (max-width:62.5rem) {
47 height: 90PX; 47 height: 90PX;
48 } 48 }
49 } 49 }
...@@ -51,12 +51,12 @@ ...@@ -51,12 +51,12 @@
51 flex-direction: column; 51 flex-direction: column;
52 align-items: flex-start; 52 align-items: flex-start;
53 margin-bottom: 0.625rem; 53 margin-bottom: 0.625rem;
54 @media screen and (max-width: 1067px) { 54 @media screen and (max-width: 66.6875rem) {
55 margin: 0rem 1.875rem 0.625rem 1.875rem; 55 margin: 0rem 1.875rem 0.625rem 1.875rem;
56 } 56 }
57 @media only screen and (max-width: 62.5rem) { 57 @media only screen and (max-width: 62.5rem) {
58 height: 90px; 58 height: 5.625rem;
59 padding-top:0px; 59 padding-top:0rem;
60 margin-bottom: 0rem; 60 margin-bottom: 0rem;
61 margin: 0rem; 61 margin: 0rem;
62 62
...@@ -66,15 +66,15 @@ ...@@ -66,15 +66,15 @@
66 66
67 @media only screen and (max-width: 62.5rem) { 67 @media only screen and (max-width: 62.5rem) {
68 .branding{ 68 .branding{
69 margin-top: 6px; 69 margin-top: 0.375rem;
70 padding-left: 15px; 70 padding-left: 0.9375rem;
71 } 71 }
72 .site-title{ 72 .site-title{
73 font-size: 1.25rem; 73 font-size: 1.25rem;
74 line-height: 1.5rem; 74 line-height: 1.5rem;
75 margin-left: 0rem; 75 margin-left: 0rem;
76 padding-left: 1.2rem; 76 padding-left: 1.2rem;
77 height: 33px; 77 height: 2.0625rem;
78 align-self: end; 78 align-self: end;
79 79
80 } 80 }
...@@ -106,7 +106,7 @@ ...@@ -106,7 +106,7 @@
106 z-index: 99; 106 z-index: 99;
107 top: 0rem; 107 top: 0rem;
108 @media only screen and (max-width: 48.875rem) { 108 @media only screen and (max-width: 48.875rem) {
109 height: 90px; 109 height: 5.625rem;
110 } 110 }
111 } 111 }
112 112
......
...@@ -641,8 +641,8 @@ ...@@ -641,8 +641,8 @@
641 } 641 }
642 @media only screen and (max-width: 62.5rem) { 642 @media only screen and (max-width: 62.5rem) {
643 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { 643 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
644 padding:0px 0px 14px 28px; 644 padding:0rem 0rem 0.875rem 1.75rem;
645 margin-top: 0px !important; 645 margin-top: 0rem !important;
646 } 646 }
647 } 647 }
648 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { 648 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
......
1 @media only screen and (min-width: 62.5rem) { 1 @media only screen and (min-width: 62.5rem) {
2 #main-nav{ 2 #main-nav{
3 padding-bottom: 1px; 3 padding-bottom: 0.0625rem;
4 } 4 }
5 #mega-menu-wrap-primary{ 5 #mega-menu-wrap-primary{
6 width: 100%; 6 width: 100%;
...@@ -16,14 +16,14 @@ ...@@ -16,14 +16,14 @@
16 width: 19%; 16 width: 19%;
17 color:#fff; 17 color:#fff;
18 background-color: #EE0000; 18 background-color: #EE0000;
19 border-radius: 20px; 19 border-radius: 1.25rem;
20 text-align: center; 20 text-align: center;
21 height: 32px; 21 height: 2rem;
22 margin-top: 0rem; 22 margin-top: 0rem;
23 font-size: 1.125rem; 23 font-size: 1.125rem;
24 position: relative; 24 position: relative;
25 font-family: "PT Sans",sans-serif; 25 font-family: "PT Sans",sans-serif;
26 box-shadow: 0px 3px 6px #0000003D; 26 box-shadow: 0rem 0.1875rem 0.375rem #0000003D;
27 27
28 } 28 }
29 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ 29 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
...@@ -31,9 +31,9 @@ ...@@ -31,9 +31,9 @@
31 text-align: center; 31 text-align: center;
32 font-family: "PT Sans",sans-serif; 32 font-family: "PT Sans",sans-serif;
33 font-weight: bold !important; 33 font-weight: bold !important;
34 font-size: 14px; 34 font-size: 0.875rem;
35 height: 32px; 35 height: 2rem;
36 line-height: 31px; 36 line-height: 1.9375rem;
37 } 37 }
38 38
39 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{ 39 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
...@@ -43,8 +43,8 @@ ...@@ -43,8 +43,8 @@
43 position: absolute; 43 position: absolute;
44 background-size: contain; 44 background-size: contain;
45 background-repeat: no-repeat; 45 background-repeat: no-repeat;
46 margin-left: -20px; 46 margin-left: -1.25rem;
47 margin-top: 12px; 47 margin-top: 0.75rem;
48 display: inline-block; 48 display: inline-block;
49 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>'); 49 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1491" data-name="Path 1491" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z" transform="translate(0 0)" fill="%23fff"/></svg>');
50 } 50 }
...@@ -54,17 +54,17 @@ ...@@ -54,17 +54,17 @@
54 54
55 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{ 55 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
56 background-color: #669999; 56 background-color: #669999;
57 border-radius: 16px 16px 0rem 0rem; 57 border-radius: 1rem 1rem 0rem 0rem;
58 height: 60px; 58 height: 3.75rem;
59 margin-top: 0rem; 59 margin-top: 0rem;
60 margin-bottom: -1.25rem; 60 margin-bottom: -1.25rem;
61 } 61 }
62 62
63 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ 63 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
64 margin-top: 3px; 64 margin-top: 0.1875rem;
65 padding: 1.25rem 1.75rem 1.25rem 1.25rem; 65 padding: 1.25rem 1.75rem 1.25rem 1.25rem;
66 background-color: #f0f0f0; 66 background-color: #f0f0f0;
67 border-radius: 20px; 67 border-radius: 1.25rem;
68 } 68 }
69 69
70 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{ 70 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(2) > ul.mega-sub-menu{
...@@ -111,45 +111,45 @@ ...@@ -111,45 +111,45 @@
111 color:#000; 111 color:#000;
112 text-decoration: none; 112 text-decoration: none;
113 white-space: break-spaces; 113 white-space: break-spaces;
114 font-size: 18px !important; 114 font-size: 1.125rem !important;
115 line-height: 24px !important; 115 line-height: 1.5rem !important;
116 font-weight: 400; 116 font-weight: 400;
117 font-family: "PT Sans",sans-serif; 117 font-family: "PT Sans",sans-serif;
118 font-weight:bold 118 font-weight:bold
119 } 119 }
120 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description{ 120 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description{
121 margin-top: 3px !important; 121 margin-top: 0.1875rem !important;
122 } 122 }
123 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title, 123 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title,
124 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title, 124 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title,
125 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-menu-title { 125 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-menu-title {
126 font-size: 18px !important; 126 font-size: 1.125rem !important;
127 line-height: 24px !important; 127 line-height: 1.5rem !important;
128 128
129 } 129 }
130 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-title { 130 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-title {
131 text-decoration: underline; 131 text-decoration: underline;
132 font-weight:bold; 132 font-weight:bold;
133 color:#000; 133 color:#000;
134 font-size: 18px !important; 134 font-size: 1.125rem !important;
135 line-height: 24px !important; 135 line-height: 1.5rem !important;
136 } 136 }
137 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-description { 137 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover .mega-menu-description {
138 color:#000; 138 color:#000;
139 margin-top: 3px; 139 margin-top: 0.1875rem;
140 } 140 }
141 141
142 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link { 142 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.break-here > a.mega-menu-link {
143 font-size:18px; 143 font-size:1.125rem;
144 line-height: 21px; 144 line-height: 1.3125rem;
145 font-family: "PT Sans",sans-serif; 145 font-family: "PT Sans",sans-serif;
146 text-transform: uppercase; 146 text-transform: uppercase;
147 } 147 }
148 148
149 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{ 149 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
150 font-style: normal; 150 font-style: normal;
151 font-size: 16px; 151 font-size: 1rem;
152 line-height: 21px; 152 line-height: 1.3125rem;
153 font-family: "PT Sans",sans-serif; 153 font-family: "PT Sans",sans-serif;
154 } 154 }
155 .list-wrapper2, 155 .list-wrapper2,
...@@ -186,12 +186,12 @@ ...@@ -186,12 +186,12 @@
186 padding: 0rem 2.125rem; 186 padding: 0rem 2.125rem;
187 margin: auto; 187 margin: auto;
188 left: calc(-100% - 2.125rem); 188 left: calc(-100% - 2.125rem);
189 top:1px; 189 top:0.0625rem;
190 margin-top: 0.625rem; 190 margin-top: 0.625rem;
191 min-height: 100vh; 191 min-height: 100vh;
192 background-color: #F0F0F0; 192 background-color: #F0F0F0;
193 position: relative; 193 position: relative;
194 box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 194 box-shadow: inset 0rem 0.125rem 0.125rem 0rem rgba(0, 0, 0, 0.3);
195 //overflow: hidden !important; 195 //overflow: hidden !important;
196 196
197 } 197 }
...@@ -210,13 +210,13 @@ ...@@ -210,13 +210,13 @@
210 display: inline-block; 210 display: inline-block;
211 position: absolute; 211 position: absolute;
212 top: 1.1rem; 212 top: 1.1rem;
213 right: 20px; 213 right: 1.25rem;
214 transform: rotate(90deg); 214 transform: rotate(90deg);
215 215
216 } 216 }
217 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after{ 217 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after{
218 transform: rotate(-90deg); 218 transform: rotate(-90deg);
219 top: 6px; 219 top: 0.375rem;
220 } 220 }
221 221
222 222
...@@ -264,7 +264,7 @@ ...@@ -264,7 +264,7 @@
264 margin: 0.625rem auto 0rem auto; 264 margin: 0.625rem auto 0rem auto;
265 color:#fff; 265 color:#fff;
266 background-color: #EE0000; 266 background-color: #EE0000;
267 border-radius: 20px; 267 border-radius: 1.25rem;
268 text-align: left; 268 text-align: left;
269 height: 2.5rem; 269 height: 2.5rem;
270 margin-top: 0rem; 270 margin-top: 0rem;
...@@ -312,8 +312,8 @@ ...@@ -312,8 +312,8 @@
312 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{ 312 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
313 background-color: #EE0000; 313 background-color: #EE0000;
314 border-radius: 50%; 314 border-radius: 50%;
315 width: 35px; 315 width: 2.1875rem;
316 height: 35px; 316 height: 2.1875rem;
317 margin-right: 0.9375rem; 317 margin-right: 0.9375rem;
318 } 318 }
319 319
...@@ -431,8 +431,8 @@ ...@@ -431,8 +431,8 @@
431 margin: 0rem 0 0 0.3813rem; 431 margin: 0rem 0 0 0.3813rem;
432 line-height: 2.5rem; 432 line-height: 2.5rem;
433 @media only screen and (max-width: 62.5rem) { 433 @media only screen and (max-width: 62.5rem) {
434 line-height: 35px; 434 line-height: 2.1875rem;
435 font-size: 23px; 435 font-size: 1.4375rem;
436 } 436 }
437 437
438 } 438 }
...@@ -443,27 +443,27 @@ ...@@ -443,27 +443,27 @@
443 443
444 @media only screen and (max-width: 48.875rem) { 444 @media only screen and (max-width: 48.875rem) {
445 .mega-menu-title{ 445 .mega-menu-title{
446 font-size: 18px !important; 446 font-size: 1.125rem !important;
447 } 447 }
448 .mega-menu-description{ 448 .mega-menu-description{
449 font-size: 16px !important; 449 font-size: 1rem !important;
450 } 450 }
451 .break-here{ 451 .break-here{
452 .mega-menu-title{ 452 .mega-menu-title{
453 font-size: 20px !important; 453 font-size: 1.25rem !important;
454 text-transform: uppercase; 454 text-transform: uppercase;
455 } 455 }
456 } 456 }
457 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{ 457 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
458 padding: 0px 15px; 458 padding: 0rem 0.9375rem;
459 } 459 }
460 } 460 }
461 461
462 @media only screen and (max-width: 1000px){ 462 @media only screen and (max-width: 62.5rem){
463 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { 463 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
464 display: block; 464 display: block;
465 margin-bottom: 10px !important; 465 margin-bottom: 0.625rem !important;
466 padding-top: 0px !important; 466 padding-top: 0rem !important;
467 } 467 }
468 } 468 }
469 .admin-bar{ 469 .admin-bar{
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
4 .entry-content{ 4 .entry-content{
5 position: relative; 5 position: relative;
6 @media only screen and (max-width:67.063rem) { 6 @media only screen and (max-width:67.063rem) {
7 width: calc(100vw - 48px); 7 width: calc(100vw - 3rem);
8 } 8 }
9 9
10 } 10 }
...@@ -42,15 +42,15 @@ ...@@ -42,15 +42,15 @@
42 position: relative; 42 position: relative;
43 height: 100%; 43 height: 100%;
44 overflow: hidden; 44 overflow: hidden;
45 min-height: 480px; 45 min-height: 30rem;
46 background-repeat: no-repeat; 46 background-repeat: no-repeat;
47 background-size: cover; 47 background-size: cover;
48 background-position: center; 48 background-position: center;
49 @media screen and (max-width:48.875rem) { 49 @media screen and (max-width:48.875rem) {
50 min-height: 260px; 50 min-height: 16.25rem;
51 } 51 }
52 .container{ 52 .container{
53 @media screen and (max-width: 1067px) { 53 @media screen and (max-width: 66.6875rem) {
54 margin: 0rem 1.875rem 0 1.875rem; 54 margin: 0rem 1.875rem 0 1.875rem;
55 } 55 }
56 @media screen and (max-width:48.875rem) { 56 @media screen and (max-width:48.875rem) {
...@@ -63,10 +63,10 @@ ...@@ -63,10 +63,10 @@
63 .search-box:hover, 63 .search-box:hover,
64 .search-box:focus-within{ 64 .search-box:focus-within{
65 width: 100%; 65 width: 100%;
66 height: 90px; 66 height: 5.625rem;
67 max-width: 1066px; 67 max-width: 66.625rem;
68 position: absolute; 68 position: absolute;
69 right: 0px; 69 right: 0rem;
70 70
71 @media only screen and (max-width: 48.875rem) { 71 @media only screen and (max-width: 48.875rem) {
72 width: 95%; 72 width: 95%;
...@@ -104,18 +104,18 @@ ...@@ -104,18 +104,18 @@
104 .search-box{ 104 .search-box{
105 opacity: 0; 105 opacity: 0;
106 background-color: #fff; 106 background-color: #fff;
107 border-radius:10px; 107 border-radius:0.625rem;
108 max-width:1067px; 108 max-width:66.6875rem;
109 margin: auto; 109 margin: auto;
110 position: absolute; 110 position: absolute;
111 top:0px; 111 top:0rem;
112 box-shadow: -2px 7px 7px 0 rgba(0,0,0,.25); 112 box-shadow: -0.125rem 0.4375rem 0.4375rem 0 rgba(0,0,0,.25);
113 transition: 0.5s ease-in-out; 113 transition: 0.5s ease-in-out;
114 height: 56px; 114 height: 3.5rem;
115 width: 56px; 115 width: 3.5rem;
116 right: 0px; 116 right: 0rem;
117 overflow: hidden; 117 overflow: hidden;
118 @media screen and (max-width: 1067px) { 118 @media screen and (max-width: 66.6875rem) {
119 padding: 0rem 0.625rem ; 119 padding: 0rem 0.625rem ;
120 max-width: 90%; 120 max-width: 90%;
121 right: 2.5%; 121 right: 2.5%;
...@@ -123,35 +123,35 @@ ...@@ -123,35 +123,35 @@
123 } 123 }
124 124
125 .search-button{ 125 .search-button{
126 height: 40px; 126 height: 2.5rem;
127 width: 40px; 127 width: 2.5rem;
128 text-indent: -624.9375rem; 128 text-indent: -624.9375rem;
129 position: absolute; 129 position: absolute;
130 right: 0rem; 130 right: 0rem;
131 top: 0px; 131 top: 0rem;
132 opacity: 1; 132 opacity: 1;
133 background-color: #fff; 133 background-color: #fff;
134 border-radius: 10px; 134 border-radius: 0.625rem;
135 &:after { 135 &:after {
136 content: ""; 136 content: "";
137 position: absolute; 137 position: absolute;
138 left: 0rem; 138 left: 0rem;
139 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); 139 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34.157' height='34.157' viewBox='0 0 34.157 34.157'%3E%3Cg id='Group_1039' data-name='Group 1039' transform='translate(-919.807 -2612.691)'%3E%3Cline id='Line_1' data-name='Line 1' x2='14.277' y2='14.277' transform='translate(938.626 2631.511)' fill='none' stroke='%23000' stroke-width='3'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(919.807 2612.691)' fill='%23fff' stroke='%23000' stroke-width='3'%3E%3Ccircle cx='13.235' cy='13.235' r='13.235' stroke='none'/%3E%3Ccircle cx='13.235' cy='13.235' r='11.735' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
140 background-size: contain; 140 background-size: contain;
141 width: 33px; 141 width: 2.0625rem;
142 height:33px; 142 height:2.0625rem;
143 top: 13px; 143 top: 0.8125rem;
144 left: -4px; 144 left: -0.25rem;
145 } 145 }
146 } 146 }
147 147
148 #search-box-content{ 148 #search-box-content{
149 opacity: 0; 149 opacity: 0;
150 position: relative; 150 position: relative;
151 width: 0px; 151 width: 0rem;
152 transition: 0.5s ease-in-out; 152 transition: 0.5s ease-in-out;
153 position: absolute; 153 position: absolute;
154 right: 0px; 154 right: 0rem;
155 p{display: none;} 155 p{display: none;}
156 } 156 }
157 #search-box-content.show{ 157 #search-box-content.show{
...@@ -173,9 +173,9 @@ ...@@ -173,9 +173,9 @@
173 } 173 }
174 .searchandfilter{ 174 .searchandfilter{
175 width: calc(100% - 6.25rem); 175 width: calc(100% - 6.25rem);
176 margin-top: -5px; 176 margin-top: -0.3125rem;
177 @media only screen and (max-width: 48.875rem) { 177 @media only screen and (max-width: 48.875rem) {
178 width: calc(100% - 40px); 178 width: calc(100% - 2.5rem);
179 padding-left: 2.5rem; 179 padding-left: 2.5rem;
180 } 180 }
181 display: inline-block; 181 display: inline-block;
...@@ -258,7 +258,7 @@ ...@@ -258,7 +258,7 @@
258 #full-width-page-wrapper{ 258 #full-width-page-wrapper{
259 margin: 0.625rem 1.875rem 0 1.875rem; 259 margin: 0.625rem 1.875rem 0 1.875rem;
260 min-height: 30vh; 260 min-height: 30vh;
261 padding-bottom: 0px; 261 padding-bottom: 0rem;
262 @media(max-width: 48rem) { 262 @media(max-width: 48rem) {
263 // margin: 2.5rem 2.5rem 0 2.5rem; 263 // margin: 2.5rem 2.5rem 0 2.5rem;
264 } 264 }
...@@ -277,8 +277,8 @@ padding-bottom: 0px; ...@@ -277,8 +277,8 @@ padding-bottom: 0px;
277 } 277 }
278 278
279 h1{ 279 h1{
280 font-size: 36px; 280 font-size: 2.25rem;
281 line-height: 40px; 281 line-height: 2.5rem;
282 font-weight: bold; 282 font-weight: bold;
283 } 283 }
284 .entry-content p:first-child { 284 .entry-content p:first-child {
...@@ -346,8 +346,8 @@ h1{ ...@@ -346,8 +346,8 @@ h1{
346 346
347 } 347 }
348 .toggle{ 348 .toggle{
349 width:30px; 349 width:1.875rem;
350 height:30px; 350 height:1.875rem;
351 position: absolute; 351 position: absolute;
352 display: inline-block; 352 display: inline-block;
353 } 353 }
...@@ -485,10 +485,10 @@ h1{ ...@@ -485,10 +485,10 @@ h1{
485 } 485 }
486 .header_text.mobile{ 486 .header_text.mobile{
487 display: none; 487 display: none;
488 margin-bottom: 24px; 488 margin-bottom: 1.5rem;
489 p{ 489 p{
490 font-size: 18px; 490 font-size: 1.125rem;
491 line-height: 24px; 491 line-height: 1.5rem;
492 color: #000; 492 color: #000;
493 } 493 }
494 @media only screen and (max-width: 48.875rem) { 494 @media only screen and (max-width: 48.875rem) {
......
...@@ -4,8 +4,8 @@ ...@@ -4,8 +4,8 @@
4 // width: 100vw !important; 4 // width: 100vw !important;
5 overflow-y:scroll !important; 5 overflow-y:scroll !important;
6 .site{ 6 .site{
7 margin-top: 0px !important; 7 margin-top: 0rem !important;
8 padding-top: 170px !important; 8 padding-top: 10.625rem !important;
9 } 9 }
10 #advance-search-modal { 10 #advance-search-modal {
11 z-index: 999; 11 z-index: 999;
...@@ -36,10 +36,10 @@ ...@@ -36,10 +36,10 @@
36 36
37 } 37 }
38 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{ 38 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
39 width:20px; 39 width:1.25rem;
40 box-shadow:none !important; 40 box-shadow:none !important;
41 position: absolute; 41 position: absolute;
42 padding-left: 5px !important; 42 padding-left: 0.3125rem !important;
43 //right: -16.875rem!important; 43 //right: -16.875rem!important;
44 44
45 } 45 }
...@@ -60,17 +60,17 @@ ...@@ -60,17 +60,17 @@
60 60
61 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg { 61 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
62 max-width: inherit; 62 max-width: inherit;
63 border: 1px #000 solid; 63 border: 0.0625rem #000 solid;
64 border-radius: 50%; 64 border-radius: 50%;
65 padding: 0.1875rem; 65 padding: 0.1875rem;
66 height:20px; 66 height:1.25rem;
67 width:20px; 67 width:1.25rem;
68 } 68 }
69 69
70 .pojo-a11y-toolbar-open{ 70 .pojo-a11y-toolbar-open{
71 z-index: 99999; 71 z-index: 99999;
72 .pojo-a11y-toolbar-toggle svg { 72 .pojo-a11y-toolbar-toggle svg {
73 border: 1px #669999 solid !important; 73 border: 0.0625rem #669999 solid !important;
74 color: #669999; 74 color: #669999;
75 } 75 }
76 .pojo-a11y-toolbar-toggle a{ 76 .pojo-a11y-toolbar-toggle a{
...@@ -112,7 +112,7 @@ ...@@ -112,7 +112,7 @@
112 .pojo-a11y-toolbar-toggle-link:hover{ 112 .pojo-a11y-toolbar-toggle-link:hover{
113 color: #669999 !important; 113 color: #669999 !important;
114 svg { 114 svg {
115 border: 1px #669999 solid !important; 115 border: 0.0625rem #669999 solid !important;
116 } 116 }
117 117
118 } 118 }
...@@ -124,15 +124,15 @@ ...@@ -124,15 +124,15 @@
124 content: ""; 124 content: "";
125 display: block; 125 display: block;
126 width: 90%; 126 width: 90%;
127 height: 1px; 127 height: 0.0625rem;
128 background-color: #ccc; 128 background-color: #ccc;
129 margin: auto; 129 margin: auto;
130 130
131 } 131 }
132 #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle{ 132 #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle{
133 right: 40px !important; 133 right: 2.5rem !important;
134 @media screen and (max-width: 1067px) { 134 @media screen and (max-width: 66.6875rem) {
135 right: 45px !important; 135 right: 2.8125rem !important;
136 } 136 }
137 } 137 }
138 .pojo-a11y-toolbar-open{ 138 .pojo-a11y-toolbar-open{
...@@ -140,11 +140,11 @@ ...@@ -140,11 +140,11 @@
140 content: ""; 140 content: "";
141 display: block; 141 display: block;
142 position: relative; 142 position: relative;
143 margin-top: 6px; 143 margin-top: 0.375rem;
144 margin-bottom: 10px; 144 margin-bottom: 0.625rem;
145 margin-left: 4px; 145 margin-left: 0.25rem;
146 width: 13px; 146 width: 0.8125rem;
147 height: 7px; 147 height: 0.4375rem;
148 background-repeat: no-repeat; 148 background-repeat: no-repeat;
149 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1502" data-name="Path 1502" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z"/></svg>'); 149 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.742" height="7.726" viewBox="0 0 12.742 7.726"><path id="Path_1502" data-name="Path 1502" d="M6.383,4.709c.442-.447.875-.89,1.313-1.328Q9.274,1.8,10.855.231a.708.708,0,0,1,1.047,0c.2.206.405.407.608.61a.694.694,0,0,1,0,1.038L9.667,4.721,6.913,7.48a.768.768,0,0,1-.515.246.734.734,0,0,1-.567-.245Q4.769,6.415,3.706,5.349L.812,2.454c-.2-.2-.395-.393-.591-.591A.69.69,0,0,1,.228.844l.6-.6a.708.708,0,0,1,1.062,0L4.456,2.792,6.311,4.64Z"/></svg>');
150 @media screen and (max-width: 62.5rem){ 150 @media screen and (max-width: 62.5rem){
......
...@@ -3,10 +3,10 @@ ...@@ -3,10 +3,10 @@
3 flex-direction: row-reverse; 3 flex-direction: row-reverse;
4 flex-wrap: wrap; 4 flex-wrap: wrap;
5 justify-content: left; 5 justify-content: left;
6 margin:24px 0; 6 margin:1.5rem 0;
7 @media only screen and (max-width:67.063rem) { 7 @media only screen and (max-width:67.063rem) {
8 display: block; 8 display: block;
9 width: calc(100vw - 48px); 9 width: calc(100vw - 3rem);
10 } 10 }
11 .post-list-left-col { 11 .post-list-left-col {
12 flex-basis: 50%; 12 flex-basis: 50%;
...@@ -27,14 +27,14 @@ ...@@ -27,14 +27,14 @@
27 list-style: none; 27 list-style: none;
28 padding:0; 28 padding:0;
29 margin:0; 29 margin:0;
30 gap: 24px; 30 gap: 1.5rem;
31 @media only screen and (max-width: 67.063rem) { 31 @media only screen and (max-width: 67.063rem) {
32 flex-direction: row; 32 flex-direction: row;
33 padding-left: 0px !important; 33 padding-left: 0rem !important;
34 gap: 0px; 34 gap: 0rem;
35 } 35 }
36 .article-card { 36 .article-card {
37 min-height: 117px; 37 min-height: 7.3125rem;
38 // max-height: 8.438rem; 38 // max-height: 8.438rem;
39 & > a { 39 & > a {
40 display: flex; 40 display: flex;
...@@ -62,8 +62,8 @@ ...@@ -62,8 +62,8 @@
62 } 62 }
63 63
64 .scale-wrapper { 64 .scale-wrapper {
65 min-height: 291px; 65 min-height: 18.1875rem;
66 max-height: 291px; 66 max-height: 18.1875rem;
67 overflow: hidden; 67 overflow: hidden;
68 position: relative; 68 position: relative;
69 display: flex; 69 display: flex;
...@@ -86,16 +86,16 @@ ...@@ -86,16 +86,16 @@
86 86
87 } 87 }
88 .news-title{ 88 .news-title{
89 margin-bottom: 10px; 89 margin-bottom: 0.625rem;
90 font-size: 22px; 90 font-size: 1.375rem;
91 line-height: 28px; 91 line-height: 1.75rem;
92 92
93 } 93 }
94 .published{ 94 .published{
95 margin-top: 14px; 95 margin-top: 0.875rem;
96 } 96 }
97 p{ 97 p{
98 font-size: 16px; 98 font-size: 1rem;
99 } 99 }
100 } 100 }
101 &.sm { 101 &.sm {
...@@ -146,7 +146,7 @@ ...@@ -146,7 +146,7 @@
146 //max-width: 31rem; 146 //max-width: 31rem;
147 // min-width: 31rem; 147 // min-width: 31rem;
148 min-height: 8.438rem; 148 min-height: 8.438rem;
149 margin-right: 24px; 149 margin-right: 1.5rem;
150 a { 150 a {
151 color:white; 151 color:white;
152 gap: 1.625rem; 152 gap: 1.625rem;
...@@ -157,8 +157,8 @@ ...@@ -157,8 +157,8 @@
157 157
158 .news-title { 158 .news-title {
159 text-decoration: underline; 159 text-decoration: underline;
160 // font-size: 18px; 160 // font-size: 1.125rem;
161 //line-height: 23px; 161 //line-height: 1.4375rem;
162 } 162 }
163 .anchor-dots { 163 .anchor-dots {
164 background-image: url(../img/more-hover.svg); 164 background-image: url(../img/more-hover.svg);
...@@ -176,8 +176,8 @@ ...@@ -176,8 +176,8 @@
176 .content { 176 .content {
177 min-height: 8.25rem; 177 min-height: 8.25rem;
178 padding-top:1rem; 178 padding-top:1rem;
179 font-size: 22px; 179 font-size: 1.375rem;
180 line-height: 28px; 180 line-height: 1.75rem;
181 } 181 }
182 } 182 }
183 183
...@@ -194,8 +194,8 @@ ...@@ -194,8 +194,8 @@
194 p{ 194 p{
195 display: block; 195 display: block;
196 word-break: break-word; 196 word-break: break-word;
197 font-size: 14px; 197 font-size: 0.9rem;
198 line-height: 16px; 198 line-height: 1rem;
199 } 199 }
200 p:hover{ 200 p:hover{
201 text-decoration: none !important; 201 text-decoration: none !important;
...@@ -205,21 +205,20 @@ ...@@ -205,21 +205,20 @@
205 color:#000000; 205 color:#000000;
206 font-weight: bold; 206 font-weight: bold;
207 margin:0; 207 margin:0;
208 font-size: 22px; 208 font-size: 1.375rem;
209 margin-bottom:0px; 209 margin-bottom:0rem;
210 line-height: 28px !important; 210 line-height: 1.75rem;
211 max-height: 5rem; 211
212 overflow: hidden;
213 width: 100%; 212 width: 100%;
214 } 213 }
215 .author-name, .author-title, .author_company, .published { 214 .author-name, .author-title, .author_company, .published {
216 font-size:16px; 215 font-size:0.9rem;
217 line-height: 21px; 216 line-height: 1rem;
218 border:0; 217 border:0;
219 font-weight: normal; 218 font-weight: normal;
220 display: inline-block; 219 display: inline-block;
221 text-decoration: none !important; 220 text-decoration: none !important;
222 margin-top: 10px; 221 margin-top: 0.625rem;
223 } 222 }
224 .author-name { 223 .author-name {
225 font-size:0.875rem; 224 font-size:0.875rem;
...@@ -249,10 +248,10 @@ ...@@ -249,10 +248,10 @@
249 .image:not(.large) { 248 .image:not(.large) {
250 @media only screen and (min-width: 67.063rem) { 249 @media only screen and (min-width: 67.063rem) {
251 flex-basis: 40%; 250 flex-basis: 40%;
252 min-width: 214px; 251 min-width: 13.375rem;
253 max-width: 214px; 252 max-width: 13.375rem;
254 min-height: 117px; 253 min-height: 7.3125rem;
255 max-height: 117px; 254 max-height: 7.3125rem;
256 } 255 }
257 object-fit: cover; 256 object-fit: cover;
258 overflow: hidden; 257 overflow: hidden;
...@@ -280,11 +279,10 @@ ...@@ -280,11 +279,10 @@
280 color:#000000; 279 color:#000000;
281 font-weight: bold; 280 font-weight: bold;
282 margin:0; 281 margin:0;
283 font-size: 18px; 282 font-size: 1.125rem;
284 margin-bottom:10px; 283 margin-bottom:0.625rem;
285 line-height: 23px !important; 284 line-height: 1.4375rem;
286 max-height: 5rem; 285
287 overflow: hidden;
288 width: 100%; 286 width: 100%;
289 } 287 }
290 } 288 }
...@@ -312,20 +310,20 @@ ...@@ -312,20 +310,20 @@
312 } 310 }
313 311
314 .load-more-link-out{ 312 .load-more-link-out{
315 border-radius: 40px; 313 border-radius: 2.5rem;
316 //padding: 8px 20px; 314 //padding: 0.5rem 1.25rem;
317 background: #EE0000; 315 background: #EE0000;
318 text-transform: uppercase; 316 text-transform: uppercase;
319 font-size: 14px; 317 font-size: 0.875rem;
320 line-height: 19px; 318 line-height: 1.1875rem;
321 color: #fff; 319 color: #fff;
322 font-weight: bold; 320 font-weight: bold;
323 margin: auto; 321 margin: auto;
324 display: block; 322 display: block;
325 width: 290px; 323 width: 18.125rem;
326 text-align: center; 324 text-align: center;
327 @media only screen and (max-width: 67.063rem) { 325 @media only screen and (max-width: 67.063rem) {
328 margin-top: 30px; 326 margin-top: 1.875rem;
329 } 327 }
330 } 328 }
331 .load-more-link-out:hover{ 329 .load-more-link-out:hover{
...@@ -339,7 +337,7 @@ ...@@ -339,7 +337,7 @@
339 display: none; 337 display: none;
340 } 338 }
341 339
342 @media only screen and (max-width: 1073px) { 340 @media only screen and (max-width: 67.0625rem) {
343 .post-list-right-col, 341 .post-list-right-col,
344 .post-list-left-col{ 342 .post-list-left-col{
345 display: none !important; 343 display: none !important;
...@@ -356,20 +354,21 @@ ...@@ -356,20 +354,21 @@
356 width: 100vw; 354 width: 100vw;
357 ul{ 355 ul{
358 flex-wrap: nowrap; 356 flex-wrap: nowrap;
359 width: 1500px; 357 width: 93.75rem;
358 margin-bottom: 20px;
360 } 359 }
361 .sm, 360 .sm,
362 .lg{ 361 .lg{
363 max-width: 340px; 362 max-width: 21.25rem;
364 min-width: 340px; 363 min-width: 21.25rem;
365 .image{ 364 .image{
366 position: relative; 365 position: relative;
367 min-height: 186px; 366 min-height: 11.625rem;
368 max-height: 186px; 367 max-height: 11.625rem;
369 } 368 }
370 .scale-wrapper{ 369 .scale-wrapper{
371 min-height: 186px !important; 370 min-height: 11.625rem !important;
372 max-height: 186px !important; 371 max-height: 11.625rem !important;
373 overflow: hidden; 372 overflow: hidden;
374 position: relative; 373 position: relative;
375 374
...@@ -382,32 +381,32 @@ ...@@ -382,32 +381,32 @@
382 height: 100%; 381 height: 100%;
383 } 382 }
384 .news-title{ 383 .news-title{
385 margin-bottom: 10px; 384 margin-bottom: 0.625rem;
386 font-size: 18px !important; 385 font-size: 1.125rem !important;
387 line-height: 23px !important; 386 line-height: 1.4375rem !important;
388 387
389 } 388 }
390 .published{ 389 .published{
391 margin-top: 14px; 390 margin-top: 0.875rem;
392 } 391 }
393 p{ 392 p{
394 font-size: 14px !important; 393 font-size: 1rem !important;
395 } 394 }
396 395
397 } 396 }
398 } 397 }
399 } 398 }
400 @media only screen and (max-width: 500px) { 399 @media only screen and (max-width: 31.25rem) {
401 400
402 .mobile-article-list{ 401 .mobile-article-list{
403 pointer-events: auto; 402 pointer-events: auto;
404 position: relative; 403 position: relative;
405 overflow: scroll; 404 overflow: scroll;
406 width: 100vw; 405 width: 100vw;
407 margin-bottom: 24px; 406 margin-bottom: 1.5rem;
408 ul{ 407 ul{
409 flex-wrap: nowrap; 408 flex-wrap: nowrap;
410 width: 1500px; 409 width: 93.75rem;
411 } 410 }
412 .sm, 411 .sm,
413 .lg{ 412 .lg{
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
14 } 14 }
15 a{ 15 a{
16 display: block; 16 display: block;
17 margin-top: 20px; 17 margin-top: 1.25rem;
18 color: #fff; 18 color: #fff;
19 font-weight: bold; 19 font-weight: bold;
20 text-decoration: none; 20 text-decoration: none;
...@@ -38,8 +38,8 @@ ...@@ -38,8 +38,8 @@
38 } 38 }
39 p{ 39 p{
40 font-weight: normal !important; 40 font-weight: normal !important;
41 font-size: 16px; 41 font-size: 1rem;
42 line-height: 20px; 42 line-height: 1.25rem;
43 color: #fff !important; 43 color: #fff !important;
44 } 44 }
45 } 45 }
......
1 .news-search{ 1 .news-search{
2 margin-top: 0px !important; 2 margin-top: 0rem !important;
3 @media only screen and (max-width: 48.875rem) { 3 @media only screen and (max-width: 48.875rem) {
4 margin-top: 20px !important; 4 margin-top: 1.25rem !important;
5 } 5 }
6 6
7 7
8 h1{ 8 h1{
9 font-size: 40px; 9 font-size: 2.5rem;
10 line-height: 45px; 10 line-height: 2.8125rem;
11 font-weight: bold !important; 11 font-weight: bold !important;
12 margin-bottom: 50px; 12 margin-bottom: 3.125rem;
13 } 13 }
14 14
15 .breadcrumb{ 15 .breadcrumb{
...@@ -29,21 +29,21 @@ ...@@ -29,21 +29,21 @@
29 29
30 30
31 h4{ 31 h4{
32 font-size: 22px !important; 32 font-size: 1.375rem !important;
33 line-height: 28px !important; 33 line-height: 1.75rem !important;
34 font-weight: bold !important; 34 font-weight: bold !important;
35 padding-top: 0px; 35 padding-top: 0rem;
36 margin-top: 0px; 36 margin-top: 0rem;
37 display: block; 37 display: block;
38 38
39 } 39 }
40 label{ 40 label{
41 font-size: 16px !important; 41 font-size: 1rem !important;
42 list-style: 24px !important; 42 list-style: 1.5rem !important;
43 font-weight: 400 !important; 43 font-weight: 400 !important;
44 text-transform: uppercase !important; 44 text-transform: uppercase !important;
45 padding-left: 10px; 45 padding-left: 0.625rem;
46 top: -8px; 46 top: -0.5rem;
47 position: relative; 47 position: relative;
48 48
49 } 49 }
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 justify-content: flex-end; 57 justify-content: flex-end;
58 58
59 li{ 59 li{
60 margin-right: 20px; 60 margin-right: 1.25rem;
61 } 61 }
62 62
63 } 63 }
...@@ -65,11 +65,11 @@ ...@@ -65,11 +65,11 @@
65 } 65 }
66 66
67 h4{ 67 h4{
68 font-size: 22px !important; 68 font-size: 1.375rem !important;
69 line-height: 28px !important; 69 line-height: 1.75rem !important;
70 font-weight: bold !important; 70 font-weight: bold !important;
71 padding-top: 0px; 71 padding-top: 0rem;
72 margin-top: 0px; 72 margin-top: 0rem;
73 display: block; 73 display: block;
74 74
75 } 75 }
......
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 } 18 }
19 #search-wrapper { 19 #search-wrapper {
20 .page-title{ 20 .page-title{
21 font-size:24px; 21 font-size:1.5rem;
22 font-weight: bold !important; 22 font-weight: bold !important;
23 } 23 }
24 margin-top: 1rem; 24 margin-top: 1rem;
...@@ -36,19 +36,19 @@ ...@@ -36,19 +36,19 @@
36 margin: 0rem 0.625rem; 36 margin: 0rem 0.625rem;
37 } 37 }
38 &>article { 38 &>article {
39 padding: 24px 0; 39 padding: 1.5rem 0;
40 border-top: 0.0625rem solid #bebebe; 40 border-top: 0.0625rem solid #bebebe;
41 display: flex; 41 display: flex;
42 42
43 .photo { 43 .photo {
44 max-width: 160px; 44 max-width: 10rem;
45 max-height: 92px; 45 max-height: 5.75rem;
46 min-width: 160px; 46 min-width: 10rem;
47 min-height: 92px; 47 min-height: 5.75rem;
48 border: 1px solid #bebebe; 48 border: 0.0625rem solid #bebebe;
49 @media screen and (max-width: 59.375rem) { 49 @media screen and (max-width: 59.375rem) {
50 max-width: 100%; 50 max-width: 100%;
51 max-height: 200px; 51 max-height: 12.5rem;
52 max-width: 100%; 52 max-width: 100%;
53 min-height: unset; 53 min-height: unset;
54 } 54 }
...@@ -73,14 +73,14 @@ ...@@ -73,14 +73,14 @@
73 } 73 }
74 h2 { 74 h2 {
75 text-decoration: none; 75 text-decoration: none;
76 font-size: 16px; 76 font-size: 1rem;
77 font-weight: bold; 77 font-weight: bold;
78 } 78 }
79 79
80 &:hover { 80 &:hover {
81 h2 { 81 h2 {
82 text-decoration: underline; 82 text-decoration: underline;
83 font-size: 16px; 83 font-size: 1rem;
84 } 84 }
85 } 85 }
86 } 86 }
...@@ -153,8 +153,8 @@ ...@@ -153,8 +153,8 @@
153 h2.HTML{ 153 h2.HTML{
154 &:before { 154 &:before {
155 content:''; 155 content:'';
156 width: 17px; 156 width: 1.0625rem;
157 height: 17px; 157 height: 1.0625rem;
158 background-repeat: no-repeat; 158 background-repeat: no-repeat;
159 background-size: contain; 159 background-size: contain;
160 background-image: url('data:image/svg+xml,<svg id="Group_1310" data-name="Group 1310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.758" height="17.741" viewBox="0 0 17.758 17.741"><defs><clipPath id="clip-path"><rect id="Rectangle_151" data-name="Rectangle 151" width="17.758" height="17.741"/></clipPath></defs><path id="Path_1277" data-name="Path 1277" d="M0,0V17.741H17.757V8.281H15.586v7.3H2.189V2.135H9.3V0Z" transform="translate(0 0)"/><g id="Group_1023" data-name="Group 1023" transform="translate(0 0)"><g id="Group_1022" data-name="Group 1022" clip-path="url(%23clip-path)"><path id="Path_1278" data-name="Path 1278" d="M17.986,11.548,16.363,9.931l7.791-7.756H21.989V.016h5.864V5.867H25.7V3.8l-7.717,7.748" transform="translate(-10.096 -0.01)"/></g></g></svg>'); 160 background-image: url('data:image/svg+xml,<svg id="Group_1310" data-name="Group 1310" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.758" height="17.741" viewBox="0 0 17.758 17.741"><defs><clipPath id="clip-path"><rect id="Rectangle_151" data-name="Rectangle 151" width="17.758" height="17.741"/></clipPath></defs><path id="Path_1277" data-name="Path 1277" d="M0,0V17.741H17.757V8.281H15.586v7.3H2.189V2.135H9.3V0Z" transform="translate(0 0)"/><g id="Group_1023" data-name="Group 1023" transform="translate(0 0)"><g id="Group_1022" data-name="Group 1022" clip-path="url(%23clip-path)"><path id="Path_1278" data-name="Path 1278" d="M17.986,11.548,16.363,9.931l7.791-7.756H21.989V.016h5.864V5.867H25.7V3.8l-7.717,7.748" transform="translate(-10.096 -0.01)"/></g></g></svg>');
...@@ -173,7 +173,7 @@ ...@@ -173,7 +173,7 @@
173 173
174 h2.entry-title { 174 h2.entry-title {
175 margin-top: 0; 175 margin-top: 0;
176 font-size: 16px; 176 font-size: 1rem;
177 font-family: "PT Sans", sans-serif; 177 font-family: "PT Sans", sans-serif;
178 font-weight: bold; 178 font-weight: bold;
179 179
...@@ -201,8 +201,8 @@ ...@@ -201,8 +201,8 @@
201 } 201 }
202 .document-format-mov .photo:after{ 202 .document-format-mov .photo:after{
203 content: ""; 203 content: "";
204 width: 41px; 204 width: 2.5625rem;
205 height: 41px; 205 height: 2.5625rem;
206 margin: 15% 35%; 206 margin: 15% 35%;
207 background-repeat: no-repeat; 207 background-repeat: no-repeat;
208 background-size: contain; 208 background-size: contain;
...@@ -213,9 +213,9 @@ ...@@ -213,9 +213,9 @@
213 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>'); 213 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><defs><clipPath id="clip-path"><rect id="Rectangle_250" data-name="Rectangle 250" width="41.519" height="41.519" fill="%23fff"/></clipPath></defs><g id="Group_1915" data-name="Group 1915" opacity="0.5"><g id="Group_1914" data-name="Group 1914"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1515" data-name="Group 1515" clip-path="url(%23clip-path)"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
214 @media screen and (max-width: 59.375rem) { 214 @media screen and (max-width: 59.375rem) {
215 margin-top: 15%; 215 margin-top: 15%;
216 margin-left: calc(50% - 40px); 216 margin-left: calc(50% - 2.5rem);
217 width: 80px; 217 width: 5rem;
218 height: 80px; 218 height: 5rem;
219 } 219 }
220 } 220 }
221 221
...@@ -228,7 +228,7 @@ ...@@ -228,7 +228,7 @@
228 position: absolute; 228 position: absolute;
229 top: 0rem; 229 top: 0rem;
230 left:0rem; 230 left:0rem;
231 box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4); 231 box-shadow:inset 12.5rem 12.5rem 12.5rem rgb(68 68 68 / 0.4);
232 } 232 }
233 233
234 .attachment a:hover .photo:before{ 234 .attachment a:hover .photo:before{
...@@ -239,13 +239,13 @@ ...@@ -239,13 +239,13 @@
239 position: absolute; 239 position: absolute;
240 top: 0rem; 240 top: 0rem;
241 left:0rem; 241 left:0rem;
242 box-shadow:inset 200px 200px 200px rgb(68 68 68 / 0.4); 242 box-shadow:inset 12.5rem 12.5rem 12.5rem rgb(68 68 68 / 0.4);
243 } 243 }
244 244
245 .document-format-mov a:hover .photo:after{ 245 .document-format-mov a:hover .photo:after{
246 content: ""; 246 content: "";
247 width: 41px; 247 width: 2.5625rem;
248 height: 41px; 248 height: 2.5625rem;
249 margin: 15% 35%; 249 margin: 15% 35%;
250 background-repeat: no-repeat; 250 background-repeat: no-repeat;
251 background-size: contain; 251 background-size: contain;
...@@ -257,9 +257,9 @@ ...@@ -257,9 +257,9 @@
257 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>'); 257 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41.519" height="41.519" viewBox="0 0 41.519 41.519"><g id="Group_1941" data-name="Group 1941" transform="translate(-3.878 -3.878)"><g id="Group_1914" data-name="Group 1914" transform="translate(3.878 3.878)"><path id="Path_1401" data-name="Path 1401" d="M104.855,76.327,91.2,84.688V67.966Z" transform="translate(-75.434 -55.461)" fill="%23fff"/><g id="Group_1516" data-name="Group 1516"><g id="Group_1939" data-name="Group 1939"><path id="Path_1402" data-name="Path 1402" d="M20.76,41.519a20.76,20.76,0,1,1,20.76-20.76,20.783,20.783,0,0,1-20.76,20.76m0-36.455a15.7,15.7,0,1,0,15.7,15.7,15.713,15.713,0,0,0-15.7-15.7" fill="%23fff"/></g></g></g></g></svg>');
258 @media screen and (max-width: 59.375rem) { 258 @media screen and (max-width: 59.375rem) {
259 margin-top: 15%; 259 margin-top: 15%;
260 margin-left: calc(50% - 40px); 260 margin-left: calc(50% - 2.5rem);
261 width: 80px; 261 width: 5rem;
262 height: 80px; 262 height: 5rem;
263 } 263 }
264 } 264 }
265 265
...@@ -268,7 +268,7 @@ ...@@ -268,7 +268,7 @@
268 justify-content: center; 268 justify-content: center;
269 margin-top: 1rem; 269 margin-top: 1rem;
270 border-top: .0625rem solid #4D4D4D; 270 border-top: .0625rem solid #4D4D4D;
271 padding-top: 20px; 271 padding-top: 1.25rem;
272 .page-item { 272 .page-item {
273 border: 0; 273 border: 0;
274 display: flex; 274 display: flex;
...@@ -323,10 +323,10 @@ ...@@ -323,10 +323,10 @@
323 } 323 }
324 } 324 }
325 .modal-header{ 325 .modal-header{
326 border-top-right-radius:10px !important; 326 border-top-right-radius:0.625rem !important;
327 border-top-left-radius:10px !important; 327 border-top-left-radius:0.625rem !important;
328 } 328 }
329 .modal-body{ 329 .modal-body{
330 border-bottom-right-radius:10px !important; 330 border-bottom-right-radius:0.625rem !important;
331 border-bottom-left-radius:10px !important; 331 border-bottom-left-radius:0.625rem !important;
332 } 332 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,5 +2,5 @@ ...@@ -2,5 +2,5 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.53 5 Version: 1.0.54
6 */ 6 */
...\ No newline at end of file ...\ No newline at end of file
......