Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
10ed1d22 by Jeff Balicki
Options

text size 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 8a3c64fb
Expand all
Inline Side-by-side
Showing 24 changed files with 406 additions and 399 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.
This diff could not be displayed because it is too large.
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 padding-bottom:1.563rem; 18 padding-bottom:1.563rem;
19 } 19 }
20 20
21 border-bottom:#BEBEBE solid 1px; 21 border-bottom:#BEBEBE solid 0.0625rem;
22 22
23 //This was seen to be the correct spacing in page #49 in the accordion with the download cards 23 //This was seen to be the correct spacing in page #49 in the accordion with the download cards
24 & > h1, h2, h3, h4, h5 { 24 & > h1, h2, h3, h4, h5 {
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
32 } 32 }
33 } 33 }
34 &.first-accordion { 34 &.first-accordion {
35 border-top: #bebebe solid 1px; 35 border-top: #bebebe solid 0.0625rem;
36 } 36 }
37 37
38 &.job-app-accordion { 38 &.job-app-accordion {
...@@ -46,9 +46,9 @@ ...@@ -46,9 +46,9 @@
46 text-transform: uppercase; 46 text-transform: uppercase;
47 margin-top:1.563rem !important; 47 margin-top:1.563rem !important;
48 &:after { 48 &:after {
49 width: 19px; 49 width: 1.1875rem;
50 height: 12px; 50 height: 0.75rem;
51 left:-30px; 51 left:-1.875rem;
52 } 52 }
53 } 53 }
54 } 54 }
...@@ -86,10 +86,10 @@ ...@@ -86,10 +86,10 @@
86 font-weight: 300; 86 font-weight: 300;
87 position: absolute; 87 position: absolute;
88 right: unset; 88 right: unset;
89 left: -40px; 89 left: -2.5rem;
90 top: 50%; 90 top: 50%;
91 width: 25px; 91 width: 1.5625rem;
92 height: 15px; 92 height: 0.9375rem;
93 background-image:url("./../img/down-arrow.png") ; 93 background-image:url("./../img/down-arrow.png") ;
94 background-size: contain; 94 background-size: contain;
95 background-repeat: no-repeat; 95 background-repeat: no-repeat;
...@@ -101,8 +101,8 @@ ...@@ -101,8 +101,8 @@
101 } 101 }
102 102
103 .c-accordion__title{ 103 .c-accordion__title{
104 font-size: 20px !important; 104 font-size: 1.25rem !important;
105 line-height: 25px !important; 105 line-height: 1.5625rem !important;
106 } 106 }
107 107
108 .c-accordion__title.js-accordion-controller{ 108 .c-accordion__title.js-accordion-controller{
......
1 .call-out-block{ 1 .call-out-block{
2 background-size: cover; 2 background-size: cover;
3 min-height: 300px; 3 min-height: 18.75rem;
4 position: relative; 4 position: relative;
5 overflow: hidden; 5 overflow: hidden;
6 text-align: center; 6 text-align: center;
...@@ -10,18 +10,18 @@ ...@@ -10,18 +10,18 @@
10 color:#fff; 10 color:#fff;
11 margin-left:-50%; 11 margin-left:-50%;
12 margin-right:-50%; 12 margin-right:-50%;
13 margin-bottom: -25px; 13 margin-bottom: -1.5625rem;
14 margin-top: 25px; 14 margin-top: 1.5625rem;
15 padding-left:50%; 15 padding-left:50%;
16 padding-right:50%; 16 padding-right:50%;
17 background-color: #000; 17 background-color: #000;
18 box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3); 18 box-shadow: inset 0 0 0 125rem rgba(0, 0, 0, 0.3);
19 @media screen and (max-width: 768px) { 19 @media screen and (max-width: 48rem) {
20 min-height: 250px; 20 min-height: 15.625rem;
21 } 21 }
22 h2{ 22 h2{
23 @media screen and (max-width: 768px) { 23 @media screen and (max-width: 48rem) {
24 font-size: 24px; 24 font-size: 1.5rem;
25 } 25 }
26 26
27 } 27 }
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
30 .side-menu-page{ 30 .side-menu-page{
31 .call-out-block{ 31 .call-out-block{
32 margin-left:-75%; 32 margin-left:-75%;
33 @media(max-width: 1000px) { 33 @media(max-width: 62.5rem) {
34 padding-left:75%; 34 padding-left:75%;
35 } 35 }
36 } 36 }
...@@ -47,20 +47,20 @@ ...@@ -47,20 +47,20 @@
47 background-color: #EE0000; 47 background-color: #EE0000;
48 color: #fff; 48 color: #fff;
49 border: none; 49 border: none;
50 font-size: 19px; 50 font-size: 1.1875rem;
51 font-weight: 500; 51 font-weight: 500;
52 margin: 10px 0 0px 0; 52 margin: 0.625rem 0 0rem 0;
53 padding: 15px 60px; 53 padding: 0.9375rem 3.75rem;
54 line-height: 26px; 54 line-height: 1.625rem;
55 text-decoration: none; 55 text-decoration: none;
56 text-transform: uppercase; 56 text-transform: uppercase;
57 display: inline-block; 57 display: inline-block;
58 width: unset; 58 width: unset;
59 border-radius: 40px !important; 59 border-radius: 2.5rem !important;
60 60
61 @media screen and (max-width: 768px) { 61 @media screen and (max-width: 48rem) {
62 font-size: 16px; 62 font-size: 1rem;
63 padding: 15px 30px; 63 padding: 0.9375rem 1.875rem;
64 } 64 }
65 } 65 }
66 66
......
1 .swiper-pagination-bullet { 1 .swiper-pagination-bullet {
2 background: #fff !important; 2 background: #fff !important;
3 border: 2px solid #2c2c2c !important; 3 border: 0.125rem solid #2c2c2c !important;
4 height: 10px !important; 4 height: 0.625rem !important;
5 width: 10px !important; 5 width: 0.625rem !important;
6 border-radius: 0% !important; 6 border-radius: 0% !important;
7 background-color: #666666 !important; 7 background-color: #666666 !important;
8 border: 1px solid #666666 !important; 8 border: 0.0625rem solid #666666 !important;
9 opacity: 0.25 !important; 9 opacity: 0.25 !important;
10 } 10 }
11 .swiper-pagination-bullet-active { 11 .swiper-pagination-bullet-active {
...@@ -13,35 +13,35 @@ ...@@ -13,35 +13,35 @@
13 } 13 }
14 14
15 .swiper-pagination{ 15 .swiper-pagination{
16 bottom: -40px !important; 16 bottom: -2.5rem !important;
17 } 17 }
18 // carousel css 18 // carousel css
19 .carousel:not(.is-admin) { 19 .carousel:not(.is-admin) {
20 background-color: transparent !important; 20 background-color: transparent !important;
21 left: -20px; 21 left: -1.25rem;
22 width: 100vw; 22 width: 100vw;
23 margin-top: 30px; 23 margin-top: 1.875rem;
24 margin-bottom: 30px; 24 margin-bottom: 1.875rem;
25 padding: 0px 50px; 25 padding: 0rem 3.125rem;
26 26
27 } 27 }
28 28
29 .carousel-items { 29 .carousel-items {
30 text-align: center; 30 text-align: center;
31 font-size: 18px; 31 font-size: 1.125rem;
32 background: #fff; 32 background: #fff;
33 display: flex; 33 display: flex;
34 justify-content: center; 34 justify-content: center;
35 align-items: center; 35 align-items: center;
36 max-width: 1200px; 36 max-width: 75rem;
37 margin: 0 auto; 37 margin: 0 auto;
38 overflow: hidden; 38 overflow: hidden;
39 39
40 } 40 }
41 .carousel-content{ 41 .carousel-content{
42 padding: 0px 50px; 42 padding: 0rem 3.125rem;
43 @media only screen and (max-width: 782px) { 43 @media only screen and (max-width: 48.875rem) {
44 padding: 0px 10px; 44 padding: 0rem 0.625rem;
45 } 45 }
46 } 46 }
47 .promo-image{ 47 .promo-image{
...@@ -51,20 +51,20 @@ padding: 0px 50px; ...@@ -51,20 +51,20 @@ padding: 0px 50px;
51 } 51 }
52 .promo-carousel{ 52 .promo-carousel{
53 h2{ 53 h2{
54 font-size: 24px; 54 font-size: 1.5rem;
55 line-height: 30px; 55 line-height: 1.875rem;
56 text-align: left; 56 text-align: left;
57 } 57 }
58 p{ 58 p{
59 font-size: 16px; 59 font-size: 1rem;
60 line-height: 24px; 60 line-height: 1.5rem;
61 text-align: left; 61 text-align: left;
62 } 62 }
63 .promo-text{ 63 .promo-text{
64 margin-left: 20px; 64 margin-left: 1.25rem;
65 @media only screen and (max-width: 1000px) { 65 @media only screen and (max-width: 62.5rem) {
66 margin-left: 0px; 66 margin-left: 0rem;
67 margin-top: 20px; 67 margin-top: 1.25rem;
68 } 68 }
69 } 69 }
70 } 70 }
...@@ -75,7 +75,7 @@ padding: 0px 50px; ...@@ -75,7 +75,7 @@ padding: 0px 50px;
75 } 75 }
76 76
77 .carousel-items.slick-initialized.slick-slider { 77 .carousel-items.slick-initialized.slick-slider {
78 margin-right: 15px; //for the scroll bar 78 margin-right: 0.9375rem; //for the scroll bar
79 } 79 }
80 80
81 81
...@@ -83,23 +83,23 @@ padding: 0px 50px; ...@@ -83,23 +83,23 @@ padding: 0px 50px;
83 .swiper-button-prev{ 83 .swiper-button-prev{
84 background-color: #EE0000; 84 background-color: #EE0000;
85 85
86 width:35px !important; 86 width:2.1875rem !important;
87 height:35px !important; 87 height:2.1875rem !important;
88 border: 0px solid #EE0000; 88 border: 0rem solid #EE0000;
89 border-radius: 0px 20px 20px 0px; 89 border-radius: 0rem 1.25rem 1.25rem 0rem;
90 display: none; 90 display: none;
91 91
92 &:after{ 92 &:after{
93 content:"" !important; 93 content:"" !important;
94 width: 11px; 94 width: 0.6875rem;
95 height: 18px; 95 height: 1.125rem;
96 background-repeat: no-repeat; 96 background-repeat: no-repeat;
97 background-size: contain; 97 background-size: contain;
98 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>'); 98 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
99 display: inline-block; 99 display: inline-block;
100 position: absolute; 100 position: absolute;
101 top: 8px; 101 top: 0.5rem;
102 left: 13px; 102 left: 0.8125rem;
103 } 103 }
104 104
105 } 105 }
...@@ -107,28 +107,28 @@ padding: 0px 50px; ...@@ -107,28 +107,28 @@ padding: 0px 50px;
107 .swiper-button-next{ 107 .swiper-button-next{
108 background-color: #EE0000; 108 background-color: #EE0000;
109 109
110 right: 0px !important; 110 right: 0rem !important;
111 @media only screen and (max-width:400px) { 111 @media only screen and (max-width:25rem) {
112 right: -10px !important; 112 right: -0.625rem !important;
113 } 113 }
114 width:35px !important; 114 width:2.1875rem !important;
115 height:35px !important; 115 height:2.1875rem !important;
116 border: 0px solid #EE0000; 116 border: 0rem solid #EE0000;
117 border-radius: 20px 0px 0px 20px; 117 border-radius: 1.25rem 0rem 0rem 1.25rem;
118 display: none; 118 display: none;
119 119
120 &:after{ 120 &:after{
121 content:"" !important; 121 content:"" !important;
122 width: 11px; 122 width: 0.6875rem;
123 height: 18px; 123 height: 1.125rem;
124 background-repeat: no-repeat; 124 background-repeat: no-repeat;
125 background-size: contain; 125 background-size: contain;
126 transform: rotate(180deg); 126 transform: rotate(180deg);
127 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>'); 127 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
128 display: inline-block; 128 display: inline-block;
129 position: absolute; 129 position: absolute;
130 top: 8px; 130 top: 0.5rem;
131 left: 13px; 131 left: 0.8125rem;
132 } 132 }
133 133
134 } 134 }
......
...@@ -2,7 +2,7 @@ body{ ...@@ -2,7 +2,7 @@ body{
2 font-family: "PT Sans",sans-serif; 2 font-family: "PT Sans",sans-serif;
3 } 3 }
4 4
5 5 @import "mega_menu";
6 @import "menu"; 6 @import "menu";
7 @import "header"; 7 @import "header";
8 @import "custom_select"; 8 @import "custom_select";
...@@ -15,9 +15,9 @@ body{ ...@@ -15,9 +15,9 @@ body{
15 @import "footer"; 15 @import "footer";
16 @import "accordion"; 16 @import "accordion";
17 @import "call_out"; 17 @import "call_out";
18 @import "pojo_a11";
19 @import "g_translate"; 18 @import "g_translate";
20 @import "text_size_increased";
21 @import "promo_area"; 19 @import "promo_area";
22 @import "project_lead"; 20 @import "project_lead";
23 @import "carousel"; 21 @import "carousel";
22 @import "pojo_a11";
23 @import "text_size_increased";
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -19,44 +19,44 @@ a.skip-link { ...@@ -19,44 +19,44 @@ a.skip-link {
19 } 19 }
20 20
21 p{ 21 p{
22 font-size: 16px; 22 font-size: 1rem;
23 line-height: 20px; 23 line-height: 1.25rem;
24 } 24 }
25 25
26 .entry-content{ 26 .entry-content{
27 h1, h2, h3, h4, h5, h6 { 27 h1, h2, h3, h4, h5, h6 {
28 font-family: "PT Sans",sans-serif; 28 font-family: "PT Sans",sans-serif;
29 font-weight: 700; 29 font-weight: 700;
30 margin: 0 0 10px; 30 margin: 0 0 0.625rem;
31 padding: 0; 31 padding: 0;
32 } 32 }
33 33
34 h1 { 34 h1 {
35 font-size: 45px; 35 font-size: 2.8125rem;
36 line-height: 52px; 36 line-height: 3.25rem;
37 margin-bottom: 24px; 37 margin-bottom: 1.5rem;
38 } 38 }
39 h2{ 39 h2{
40 font-size: 35px; 40 font-size: 2.1875rem;
41 line-height: 42px; 41 line-height: 2.625rem;
42 } 42 }
43 h3 { 43 h3 {
44 font-size: 24px; 44 font-size: 1.5rem;
45 line-height: 30px; 45 line-height: 1.875rem;
46 } 46 }
47 h4 { 47 h4 {
48 font-size: 20px; 48 font-size: 1.25rem;
49 line-height: 25px; 49 line-height: 1.5625rem;
50 } 50 }
51 51
52 ul:not(.side-menu):not(.children){ 52 ul:not(.side-menu):not(.children){
53 li{ 53 li{
54 color: #4D4D4D; 54 color: #4D4D4D;
55 margin-bottom: 8px; 55 margin-bottom: 0.5rem;
56 padding: 3px 0 2px 10px; 56 padding: 0.1875rem 0 0.125rem 0.625rem;
57 ul:not(.side-menu):not(.children){ 57 ul:not(.side-menu):not(.children){
58 list-style: none; 58 list-style: none;
59 margin-top: 8px; 59 margin-top: 0.5rem;
60 li:before{ 60 li:before{
61 content: "-"; 61 content: "-";
62 color: #4D4D4D; 62 color: #4D4D4D;
...@@ -72,8 +72,8 @@ ul:not(.side-menu):not(.children){ ...@@ -72,8 +72,8 @@ ul:not(.side-menu):not(.children){
72 ol{ 72 ol{
73 li{ 73 li{
74 color: #4D4D4D; 74 color: #4D4D4D;
75 margin-bottom: 8px; 75 margin-bottom: 0.5rem;
76 padding: 3px 0 2px 10px; 76 padding: 0.1875rem 0 0.125rem 0.625rem;
77 77
78 } 78 }
79 } 79 }
...@@ -81,73 +81,73 @@ ol{ ...@@ -81,73 +81,73 @@ ol{
81 .wp-block-pullquote{ 81 .wp-block-pullquote{
82 82
83 padding: 2em 0; 83 padding: 2em 0;
84 margin-bottom:80px; 84 margin-bottom:5rem;
85 85
86 } 86 }
87 blockquote{ 87 blockquote{
88 border-left: 1px solid #EE0000; 88 border-left: 0.0625rem solid #EE0000;
89 border-right: 1px solid #EE0000; 89 border-right: 0.0625rem solid #EE0000;
90 margin: 0 70px 80px 70px; 90 margin: 0 4.375rem 5rem 4.375rem;
91 @media only screen and (max-width: 782px) { 91 @media only screen and (max-width: 48.875rem) {
92 margin: 0 20px; 92 margin: 0 1.25rem;
93 } 93 }
94 position: relative; 94 position: relative;
95 95
96 p{ 96 p{
97 font-size: 20px; 97 font-size: 1.25rem;
98 line-height: 26px; 98 line-height: 1.625rem;
99 font-style: italic; 99 font-style: italic;
100 margin: 0 0 20px; 100 margin: 0 0 1.25rem;
101 padding: 0px 25px ; 101 padding: 0rem 1.5625rem ;
102 color: #4D4D4D; 102 color: #4D4D4D;
103 text-align: left; 103 text-align: left;
104 margin-bottom: -20px; 104 margin-bottom: -1.25rem;
105 &::before{ 105 &::before{
106 content: "“"; 106 content: "“";
107 display: block; 107 display: block;
108 position: absolute; 108 position: absolute;
109 top: 0px; 109 top: 0rem;
110 padding-top: 10px; 110 padding-top: 0.625rem;
111 left: -20px; 111 left: -1.25rem;
112 font-size: 80px; 112 font-size: 5rem;
113 line-height: 55px; 113 line-height: 3.4375rem;
114 color: #e00; 114 color: #e00;
115 height: 30px; 115 height: 1.875rem;
116 width: 30px; 116 width: 1.875rem;
117 background-color: #fff; 117 background-color: #fff;
118 } 118 }
119 &::after{ 119 &::after{
120 content: "”"; 120 content: "”";
121 display: block; 121 display: block;
122 position: absolute; 122 position: absolute;
123 bottom: 0px; 123 bottom: 0rem;
124 right: -7px; 124 right: -0.4375rem;
125 font-size: 80px; 125 font-size: 5rem;
126 line-height: 55px; 126 line-height: 3.4375rem;
127 padding-top: 10px; 127 padding-top: 0.625rem;
128 color: #e00; 128 color: #e00;
129 height: 20px; 129 height: 1.25rem;
130 background-color: #fff; 130 background-color: #fff;
131 131
132 } 132 }
133 } 133 }
134 cite{ 134 cite{
135 font-size: 16px; 135 font-size: 1rem;
136 line-height: 20px; 136 line-height: 1.25rem;
137 display: block; 137 display: block;
138 color: #4D4D4D; 138 color: #4D4D4D;
139 font-weight: bold; 139 font-weight: bold;
140 font-style: normal; 140 font-style: normal;
141 text-align: right; 141 text-align: right;
142 position: absolute; 142 position: absolute;
143 right: 30px; 143 right: 1.875rem;
144 bottom: -40px; 144 bottom: -2.5rem;
145 @media only screen and (max-width: 782px) { 145 @media only screen and (max-width: 48.875rem) {
146 max-width: 50%; 146 max-width: 50%;
147 bottom: -80px; 147 bottom: -5rem;
148 } 148 }
149 @media only screen and (max-width: 400px) { 149 @media only screen and (max-width: 25rem) {
150 bottom: -80px; 150 bottom: -5rem;
151 max-width: 70%; 151 max-width: 70%;
152 } 152 }
153 float: right; 153 float: right;
...@@ -160,7 +160,7 @@ blockquote{ ...@@ -160,7 +160,7 @@ blockquote{
160 overflow: hidden; 160 overflow: hidden;
161 .cap-wrapper { 161 .cap-wrapper {
162 position: relative; 162 position: relative;
163 max-height: 750px; 163 max-height: 46.875rem;
164 } 164 }
165 figcaption { 165 figcaption {
166 position: absolute; 166 position: absolute;
...@@ -176,7 +176,7 @@ blockquote{ ...@@ -176,7 +176,7 @@ blockquote{
176 padding: 1rem 2rem; 176 padding: 1rem 2rem;
177 font-size: .75rem; 177 font-size: .75rem;
178 max-width: 65%; 178 max-width: 65%;
179 @media only screen and (max-width: 782px) { 179 @media only screen and (max-width: 48.875rem) {
180 max-width: 100%; 180 max-width: 100%;
181 background: rgba(0,0,0,1); 181 background: rgba(0,0,0,1);
182 } 182 }
...@@ -204,7 +204,7 @@ blockquote{ ...@@ -204,7 +204,7 @@ blockquote{
204 } 204 }
205 } 205 }
206 figure.wp-block-image img{ 206 figure.wp-block-image img{
207 margin-bottom: 0px; 207 margin-bottom: 0rem;
208 } 208 }
209 } 209 }
210 210
...@@ -214,27 +214,27 @@ blockquote{ ...@@ -214,27 +214,27 @@ blockquote{
214 .badge{ 214 .badge{
215 position: absolute; 215 position: absolute;
216 right: 0%; 216 right: 0%;
217 top: -50px; 217 top: -3.125rem;
218 box-shadow: 0px 3px 6px #0000003D; 218 box-shadow: 0rem 0.1875rem 0.375rem #0000003D;
219 border-radius: 20px; 219 border-radius: 1.25rem;
220 width: auto; 220 width: auto;
221 text-align: left; 221 text-align: left;
222 z-index: 99; 222 z-index: 99;
223 padding: 10px 20px; 223 padding: 0.625rem 1.25rem;
224 background-color: #fff; 224 background-color: #fff;
225 @media only screen and (max-width: 782px) { 225 @media only screen and (max-width: 48.875rem) {
226 padding: 10px 20px; 226 padding: 0.625rem 1.25rem;
227 } 227 }
228 .badge-title{ 228 .badge-title{
229 color: #000000; 229 color: #000000;
230 font-size: 16px; 230 font-size: 1rem;
231 line-height: 30px; 231 line-height: 1.875rem;
232 font-weight: bold; 232 font-weight: bold;
233 position: relative; 233 position: relative;
234 display: inline-block; 234 display: inline-block;
235 @media only screen and (max-width: 782px) { 235 @media only screen and (max-width: 48.875rem) {
236 font-size: 0px; 236 font-size: 0rem;
237 line-height: 0px; 237 line-height: 0rem;
238 } 238 }
239 &:after{ 239 &:after{
240 content: ""; 240 content: "";
...@@ -242,20 +242,20 @@ blockquote{ ...@@ -242,20 +242,20 @@ blockquote{
242 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>'); 242 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>');
243 background-repeat: no-repeat; 243 background-repeat: no-repeat;
244 background-size: contain; 244 background-size: contain;
245 width: 20px; 245 width: 1.25rem;
246 height: 20px; 246 height: 1.25rem;
247 margin-left: 10px; 247 margin-left: 0.625rem;
248 top: 4px; 248 top: 0.25rem;
249 position: relative; 249 position: relative;
250 @media only screen and (max-width: 782px) { 250 @media only screen and (max-width: 48.875rem) {
251 margin-left: 0px; 251 margin-left: 0rem;
252 top: 2px; 252 top: 0.125rem;
253 } 253 }
254 } 254 }
255 } 255 }
256 p{ 256 p{
257 font-size: 14px; 257 font-size: 0.875rem;
258 line-height: 18px; 258 line-height: 1.125rem;
259 font-weight: normal; 259 font-weight: normal;
260 color: #000000; 260 color: #000000;
261 display: none; 261 display: none;
...@@ -271,25 +271,25 @@ blockquote{ ...@@ -271,25 +271,25 @@ blockquote{
271 width: auto; 271 width: auto;
272 height: auto; 272 height: auto;
273 overflow: hidden; 273 overflow: hidden;
274 @media only screen and (max-width: 782px) { 274 @media only screen and (max-width: 48.875rem) {
275 padding: 10px 20px; 275 padding: 0.625rem 1.25rem;
276 } 276 }
277 .badge-title{ 277 .badge-title{
278 display:block; 278 display:block;
279 @media only screen and (max-width: 782px) { 279 @media only screen and (max-width: 48.875rem) {
280 font-size:16px; 280 font-size:1rem;
281 line-height: 30px; 281 line-height: 1.875rem;
282 } 282 }
283 &:after{ 283 &:after{
284 float: right; 284 float: right;
285 @media only screen and (max-width: 782px) { 285 @media only screen and (max-width: 48.875rem) {
286 margin-left: 10px; 286 margin-left: 0.625rem;
287 top: 4px; 287 top: 0.25rem;
288 } 288 }
289 } 289 }
290 } 290 }
291 p{ 291 p{
292 max-width: 270px; 292 max-width: 16.875rem;
293 width: auto; 293 width: auto;
294 height: auto; 294 height: auto;
295 display: block; 295 display: block;
...@@ -302,8 +302,8 @@ blockquote{ ...@@ -302,8 +302,8 @@ blockquote{
302 302
303 303
304 table { 304 table {
305 margin: 40px 0px; 305 margin: 2.5rem 0rem;
306 border: 4px solid #fff!important; 306 border: 0.25rem solid #fff!important;
307 background-color: #EAEDF1 !important; 307 background-color: #EAEDF1 !important;
308 width: 100%; 308 width: 100%;
309 text-align: left; 309 text-align: left;
...@@ -311,29 +311,29 @@ table { ...@@ -311,29 +311,29 @@ table {
311 overflow-x: scroll; 311 overflow-x: scroll;
312 } 312 }
313 table td, table th { 313 table td, table th {
314 border: 4px solid #FFFFFF !important; 314 border: 0.25rem solid #FFFFFF !important;
315 padding: 7px 7px; 315 padding: 0.4375rem 0.4375rem;
316 316
317 } 317 }
318 table tbody td { 318 table tbody td {
319 font-size: 16px; 319 font-size: 1rem;
320 line-height: 20px; 320 line-height: 1.25rem;
321 padding: 10px 15px !important; 321 padding: 0.625rem 0.9375rem !important;
322 } 322 }
323 table tr:nth-child(even) { 323 table tr:nth-child(even) {
324 background: #FFFFFF !important; 324 background: #FFFFFF !important;
325 } 325 }
326 table thead { 326 table thead {
327 background: #FFFFFF !important; 327 background: #FFFFFF !important;
328 border: 4px solid #fff!important; 328 border: 0.25rem solid #fff!important;
329 } 329 }
330 table thead th { 330 table thead th {
331 font-size: 16px; 331 font-size: 1rem;
332 line-height: 20px; 332 line-height: 1.25rem;
333 font-weight: bold; 333 font-weight: bold;
334 color: #000000; 334 color: #000000;
335 border: 4px solid #fff!important; 335 border: 0.25rem solid #fff!important;
336 padding: 10px 15px !important; 336 padding: 0.625rem 0.9375rem !important;
337 } 337 }
338 table thead th:first-child { 338 table thead th:first-child {
339 border-left: none; 339 border-left: none;
......
1 #wrapper-footer{ 1 #wrapper-footer{
2 background-color: #F0F0F0; 2 background-color: #F0F0F0;
3 padding: 33px 40px; 3 padding: 2.0625rem 2.5rem;
4 .appArea{ 4 .appArea{
5 h2{ 5 h2{
6 margin-left: -15px; 6 margin-left: -0.9375rem;
7 } 7 }
8 } 8 }
9 .site-info-menu{ 9 .site-info-menu{
10 padding-left: 0px; 10 padding-left: 0rem;
11 margin-left: 0px; 11 margin-left: 0rem;
12 } 12 }
13 } 13 }
14 14
15 15
16 .chw-title{ 16 .chw-title{
17 font-size: 20px; 17 font-size: 1.25rem;
18 font-weight: bold; 18 font-weight: bold;
19 margin-bottom: 10px; 19 margin-bottom: 0.625rem;
20 text-transform: uppercase; 20 text-transform: uppercase;
21 text-align: left; 21 text-align: left;
22 } 22 }
23 .chw-widget h2{ 23 .chw-widget h2{
24 font-size: 20px; 24 font-size: 1.25rem;
25 font-weight: bold; 25 font-weight: bold;
26 margin-bottom: 10px; 26 margin-bottom: 0.625rem;
27 text-transform: uppercase; 27 text-transform: uppercase;
28 text-align: left; 28 text-align: left;
29 29
...@@ -31,16 +31,16 @@ ...@@ -31,16 +31,16 @@
31 31
32 #menu-footer{ 32 #menu-footer{
33 list-style: none; 33 list-style: none;
34 margin-left: 0px; 34 margin-left: 0rem;
35 padding-left: 0px; 35 padding-left: 0rem;
36 li{ 36 li{
37 margin-bottom: 0px; 37 margin-bottom: 0rem;
38 padding-bottom: 0px; 38 padding-bottom: 0rem;
39 padding-left: 0px; 39 padding-left: 0rem;
40 a{ 40 a{
41 color: #000; 41 color: #000;
42 font-size: 16px; 42 font-size: 1rem;
43 line-height: 22px; 43 line-height: 1.375rem;
44 font-weight: 400; 44 font-weight: 400;
45 text-decoration: none; 45 text-decoration: none;
46 &:hover{ 46 &:hover{
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 position: relative; 2 position: relative;
3 height: 100%; 3 height: 100%;
4 overflow: hidden; 4 overflow: hidden;
5 min-height: 600px; 5 min-height: 37.5rem;
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;
...@@ -16,26 +16,26 @@ ...@@ -16,26 +16,26 @@
16 margin: auto; 16 margin: auto;
17 text-align: center; 17 text-align: center;
18 display: flex; 18 display: flex;
19 font-size: 32px; 19 font-size: 2rem;
20 line-height:36px ; 20 line-height:2.25rem ;
21 margin-bottom: 40px; 21 margin-bottom: 2.5rem;
22 width: 100%; 22 width: 100%;
23 max-width: 720px; 23 max-width: 45rem;
24 font-weight: bold; 24 font-weight: bold;
25 @media only screen and (max-width: 782px) { 25 @media only screen and (max-width: 48.875rem) {
26 font-size: 18px; 26 font-size: 1.125rem;
27 line-height:22px ; 27 line-height:1.375rem ;
28 } 28 }
29 } 29 }
30 30
31 .content-container{ 31 .content-container{
32 position: absolute; 32 position: absolute;
33 bottom: 0px; 33 bottom: 0rem;
34 width: 100%; 34 width: 100%;
35 display: flex; 35 display: flex;
36 flex-direction: column; 36 flex-direction: column;
37 height: 90%; 37 height: 90%;
38 max-height: 600px; 38 max-height: 37.5rem;
39 justify-content: center; 39 justify-content: center;
40 .fx-style{ 40 .fx-style{
41 display: flex; 41 display: flex;
...@@ -47,47 +47,47 @@ ...@@ -47,47 +47,47 @@
47 .search-box{ 47 .search-box{
48 background-color: #fff; 48 background-color: #fff;
49 border-radius: 1.25rem ; 49 border-radius: 1.25rem ;
50 max-width: 720px; 50 max-width: 45rem;
51 margin: auto; 51 margin: auto;
52 padding: 42px 50px ; 52 padding: 2.625rem 3.125rem ;
53 @media only screen and (max-width: 782px) { 53 @media only screen and (max-width: 48.875rem) {
54 padding: 28px 48px ; 54 padding: 1.75rem 3rem ;
55 } 55 }
56 56
57 h4{ 57 h4{
58 font-size: 45px !important; 58 font-size: 2.8125rem !important;
59 line-height: 53px; 59 line-height: 3.3125rem;
60 text-align: center; 60 text-align: center;
61 font-weight: lighter; 61 font-weight: lighter;
62 font-family: "PT Sans",sans-serif; 62 font-family: "PT Sans",sans-serif;
63 @media only screen and (max-width: 782px) { 63 @media only screen and (max-width: 48.875rem) {
64 font-size: 35px !important; 64 font-size: 2.1875rem !important;
65 line-height: 40px; 65 line-height: 2.5rem;
66 } 66 }
67 } 67 }
68 .searchandfilter{ 68 .searchandfilter{
69 width: calc(100% - 50px); 69 width: calc(100% - 3.125rem);
70 @media only screen and (max-width: 782px) { 70 @media only screen and (max-width: 48.875rem) {
71 width: calc(100% - 35px); 71 width: calc(100% - 2.1875rem);
72 } 72 }
73 display: inline-block; 73 display: inline-block;
74 } 74 }
75 75
76 .searchandfilter ul{ 76 .searchandfilter ul{
77 padding-left: 0px; 77 padding-left: 0rem;
78 } 78 }
79 .searchandfilter h4{ 79 .searchandfilter h4{
80 font-size: 45px !important; 80 font-size: 2.8125rem !important;
81 line-height: 53px; 81 line-height: 3.3125rem;
82 text-align: center; 82 text-align: center;
83 font-weight: lighter; 83 font-weight: lighter;
84 font-family: "PT Sans",sans-serif; 84 font-family: "PT Sans",sans-serif;
85 } 85 }
86 .sf-field-search{ 86 .sf-field-search{
87 display: inline-block; 87 display: inline-block;
88 width: calc(100% - 60px); 88 width: calc(100% - 3.75rem);
89 @media screen and (max-width: 900px) { 89 @media screen and (max-width: 56.25rem) {
90 width: calc(100% - 56px); 90 width: calc(100% - 3.5rem);
91 } 91 }
92 label{ 92 label{
93 width: 90%; 93 width: 90%;
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
95 display: inline-block !important; 95 display: inline-block !important;
96 margin: auto; 96 margin: auto;
97 margin-left: 10%; 97 margin-left: 10%;
98 @media screen and (max-width: 900px) { 98 @media screen and (max-width: 56.25rem) {
99 width: 100%; 99 width: 100%;
100 margin-left: 5%; 100 margin-left: 5%;
101 } 101 }
...@@ -114,7 +114,7 @@ ...@@ -114,7 +114,7 @@
114 input[name="_sf_search[]"]{ 114 input[name="_sf_search[]"]{
115 width: 100%; 115 width: 100%;
116 border: 0; 116 border: 0;
117 border-bottom: 1px solid #707070; 117 border-bottom: 0.0625rem solid #707070;
118 border-radius: 0; 118 border-radius: 0;
119 font-size: 1.75rem; 119 font-size: 1.75rem;
120 font-weight: 400; 120 font-weight: 400;
...@@ -127,14 +127,14 @@ ...@@ -127,14 +127,14 @@
127 127
128 .sf-field-submit{ 128 .sf-field-submit{
129 display: inline-block !important; 129 display: inline-block !important;
130 @media screen and (max-width: 900px) { 130 @media screen and (max-width: 56.25rem) {
131 margin-left:0px; 131 margin-left:0rem;
132 } 132 }
133 input[name="_sf_submit"]{ 133 input[name="_sf_submit"]{
134 border-radius: 50%; 134 border-radius: 50%;
135 padding: 0; 135 padding: 0;
136 height: 40px; 136 height: 2.5rem;
137 width:40px; 137 width:2.5rem;
138 margin-top: -0.6rem; 138 margin-top: -0.6rem;
139 margin-left: 1rem; 139 margin-left: 1rem;
140 font-size: 1.125rem; 140 font-size: 1.125rem;
...@@ -146,9 +146,9 @@ ...@@ -146,9 +146,9 @@
146 text-transform: uppercase; 146 text-transform: uppercase;
147 transition: none; 147 transition: none;
148 display: inline-block !important; 148 display: inline-block !important;
149 @media screen and (max-width: 900px) { 149 @media screen and (max-width: 56.25rem) {
150 height: 40px; 150 height: 2.5rem;
151 width:40px; 151 width:2.5rem;
152 152
153 } 153 }
154 &:hover { 154 &:hover {
...@@ -182,7 +182,7 @@ ...@@ -182,7 +182,7 @@
182 182
183 .side-caption { 183 .side-caption {
184 max-width: 30%; 184 max-width: 30%;
185 @media screen and (max-width: 768px) { 185 @media screen and (max-width: 48rem) {
186 max-width: 100%; 186 max-width: 100%;
187 } 187 }
188 } 188 }
...@@ -199,13 +199,13 @@ ...@@ -199,13 +199,13 @@
199 199
200 .image-side-caption { 200 .image-side-caption {
201 background: rgba(0,0,0,0.7); 201 background: rgba(0,0,0,0.7);
202 @media screen and (max-width: 768px) { 202 @media screen and (max-width: 48rem) {
203 background: rgba(0,0,0,1); 203 background: rgba(0,0,0,1);
204 } 204 }
205 display: block; 205 display: block;
206 color:white; 206 color:white;
207 padding: 1rem 2rem; 207 padding: 1rem 2rem;
208 font-size:14px; 208 font-size:0.875rem;
209 // max-width: 30%; // need to get rid of this for job profiles 209 // max-width: 30%; // need to get rid of this for job profiles
210 margin-top:0; 210 margin-top:0;
211 .cap, .copyright { 211 .cap, .copyright {
......
1 #gt_float_wrapper{ 1 #gt_float_wrapper{
2 right: 0px !important; 2 right: 0rem !important;
3 @media screen and (max-width: 1000px){ 3 @media screen and (max-width: 62.5rem){
4 top: 0px !important; 4 top: 0rem !important;
5 } 5 }
6 .gt_float_switcher{ 6 .gt_float_switcher{
7 box-shadow: none !important; 7 box-shadow: none !important;
8 border-radius: 0px 0px 10px 10px; 8 border-radius: 0rem 0rem 0.625rem 0.625rem;
9 } 9 }
10 .gt_float_switcher .gt_options.gt-open{ 10 .gt_float_switcher .gt_options.gt-open{
11 max-height: unset !important; 11 max-height: unset !important;
12 border-radius: 0px 0px 10px 10px; 12 border-radius: 0rem 0rem 0.625rem 0.625rem;
13 13
14 } 14 }
15 .gt-current-lang{ 15 .gt-current-lang{
...@@ -22,8 +22,8 @@ ...@@ -22,8 +22,8 @@
22 } 22 }
23 23
24 .nturl{ 24 .nturl{
25 font-size: 16px; 25 font-size: 1rem;
26 line-height: 18px; 26 line-height: 1.125rem;
27 img{ 27 img{
28 display: none; 28 display: none;
29 } 29 }
...@@ -36,14 +36,14 @@ ...@@ -36,14 +36,14 @@
36 } 36 }
37 .gt_options{ 37 .gt_options{
38 background-color: #fff !important; 38 background-color: #fff !important;
39 padding: 10px 0; 39 padding: 0.625rem 0;
40 40
41 41
42 } 42 }
43 43
44 .admin-bar{ 44 .admin-bar{
45 #gt_float_wrapper{ 45 #gt_float_wrapper{
46 top: 40px !important; 46 top: 2.5rem !important;
47 } 47 }
48 } 48 }
49 .gt_float_switcher .gt_options a{ 49 .gt_float_switcher .gt_options a{
......
...@@ -18,54 +18,54 @@ ...@@ -18,54 +18,54 @@
18 18
19 .branding{ 19 .branding{
20 display: flex; 20 display: flex;
21 margin-bottom: 0px; 21 margin-bottom: 0rem;
22 margin-top: 15px; 22 margin-top: 0.9375rem;
23 } 23 }
24 #main-nav{ 24 #main-nav{
25 box-shadow: 0px 3px 6px #00000029; 25 box-shadow: 0rem 0.1875rem 0.375rem #00000029;
26 //z-index: 9999; 26 //z-index: 9999;
27 } 27 }
28 #main-nav .container{ 28 #main-nav .container{
29 flex-direction: column; 29 flex-direction: column;
30 align-items: flex-start; 30 align-items: flex-start;
31 margin-bottom: 10px; 31 margin-bottom: 0.625rem;
32 @media only screen and (max-width: 1000px) { 32 @media only screen and (max-width: 62.5rem) {
33 height: 90px; 33 height: 5.625rem;
34 padding-top: 25px; 34 padding-top: 1.5625rem;
35 margin-bottom: 0px; 35 margin-bottom: 0rem;
36 36
37 } 37 }
38 } 38 }
39 39
40 40
41 @media only screen and (max-width: 1000px) { 41 @media only screen and (max-width: 62.5rem) {
42 .branding{ 42 .branding{
43 margin-top: 0px; 43 margin-top: 0rem;
44 } 44 }
45 .site-title{ 45 .site-title{
46 font-size: 20px; 46 font-size: 1.25rem;
47 line-height: 24px; 47 line-height: 1.5rem;
48 margin-left: 0px; 48 margin-left: 0rem;
49 49
50 } 50 }
51 .navbar-brand{ 51 .navbar-brand{
52 width:130px; 52 width:8.125rem;
53 } 53 }
54 } 54 }
55 @media only screen and (max-width: 400px) { 55 @media only screen and (max-width: 25rem) {
56 .site-title{ 56 .site-title{
57 font-size: 18px; 57 font-size: 1.125rem;
58 line-height: 24px; 58 line-height: 1.5rem;
59 margin-left: 0px; 59 margin-left: 0rem;
60 padding-left: 15px; 60 padding-left: 0.9375rem;
61 } 61 }
62 } 62 }
63 .site{ 63 .site{
64 margin-top: 170px; 64 margin-top: 10.625rem;
65 max-width: 100%; 65 max-width: 100%;
66 overflow-x: hidden; 66 overflow-x: hidden;
67 @media only screen and (max-width: 1000px) { 67 @media only screen and (max-width: 62.5rem) {
68 margin-top: 80px; 68 margin-top: 5rem;
69 69
70 } 70 }
71 } 71 }
...@@ -74,17 +74,17 @@ ...@@ -74,17 +74,17 @@
74 width: 100%; 74 width: 100%;
75 background-color: #fff; 75 background-color: #fff;
76 z-index: 999; 76 z-index: 999;
77 top: 0px; 77 top: 0rem;
78 } 78 }
79 79
80 .admin-bar #wrapper-navbar { 80 .admin-bar #wrapper-navbar {
81 top: 32px; 81 top: 2rem;
82 } 82 }
83 83
84 @media only screen and (max-width: 782px) { 84 @media only screen and (max-width: 48.875rem) {
85 85
86 .admin-bar #wrapper-navbar { 86 .admin-bar #wrapper-navbar {
87 top: 46px; 87 top: 2.875rem;
88 } 88 }
89 89
90 } 90 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -12,15 +12,15 @@ ...@@ -12,15 +12,15 @@
12 12
13 .side-menu-page{ 13 .side-menu-page{
14 #page-sidebar{ 14 #page-sidebar{
15 min-width: 320px; 15 min-width: 20rem;
16 @media screen and (max-width: 1000px){ 16 @media screen and (max-width: 62.5rem){
17 min-width: 320px; 17 min-width: 20rem;
18 width:100%; 18 width:100%;
19 } 19 }
20 } 20 }
21 #main{ 21 #main{
22 width: calc(100% - 340px); 22 width: calc(100% - 21.25rem);
23 @media screen and (max-width: 1000px){ 23 @media screen and (max-width: 62.5rem){
24 width:100%; 24 width:100%;
25 } 25 }
26 } 26 }
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
35 position: relative; 35 position: relative;
36 height: 100%; 36 height: 100%;
37 overflow: hidden; 37 overflow: hidden;
38 min-height: 600px; 38 min-height: 37.5rem;
39 background-repeat: no-repeat; 39 background-repeat: no-repeat;
40 background-size: cover; 40 background-size: cover;
41 background-position: center; 41 background-position: center;
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
56 } 56 }
57 57
58 .advance-search-button{ 58 .advance-search-button{
59 @media only screen and (max-width: 782px) { 59 @media only screen and (max-width: 48.875rem) {
60 display: none; 60 display: none;
61 } 61 }
62 62
...@@ -69,32 +69,32 @@ ...@@ -69,32 +69,32 @@
69 border-radius: 1.25rem ; 69 border-radius: 1.25rem ;
70 max-width: 90%; 70 max-width: 90%;
71 margin: auto; 71 margin: auto;
72 margin-top: 40px; 72 margin-top: 2.5rem;
73 padding: 0px 100px ; 73 padding: 0rem 6.25rem ;
74 position: relative; 74 position: relative;
75 @media only screen and (max-width: 782px) { 75 @media only screen and (max-width: 48.875rem) {
76 padding: 0px 10px ; 76 padding: 0rem 0.625rem ;
77 } 77 }
78 78
79 .search-button{ 79 .search-button{
80 height: 64px; 80 height: 4rem;
81 width: 64px; 81 width: 4rem;
82 text-indent: -9999px; 82 text-indent: -624.9375rem;
83 position: absolute; 83 position: absolute;
84 right: 0px; 84 right: 0rem;
85 top: 20px; 85 top: 1.25rem;
86 background-color: #fff; 86 background-color: #fff;
87 border-radius: 10px; 87 border-radius: 0.625rem;
88 &:after { 88 &:after {
89 content: ""; 89 content: "";
90 position: absolute; 90 position: absolute;
91 left: 0rem; 91 left: 0rem;
92 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"); 92 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");
93 background-size: contain; 93 background-size: contain;
94 width: 36px; 94 width: 2.25rem;
95 height:36px; 95 height:2.25rem;
96 top: 13px; 96 top: 0.8125rem;
97 left: 12px; 97 left: 0.75rem;
98 } 98 }
99 } 99 }
100 100
...@@ -109,39 +109,39 @@ ...@@ -109,39 +109,39 @@
109 109
110 110
111 h4{ 111 h4{
112 font-size: 45px !important; 112 font-size: 2.8125rem !important;
113 line-height: 53px; 113 line-height: 3.3125rem;
114 text-align: center; 114 text-align: center;
115 font-weight: lighter; 115 font-weight: lighter;
116 font-family: "PT Sans",sans-serif; 116 font-family: "PT Sans",sans-serif;
117 @media only screen and (max-width: 782px) { 117 @media only screen and (max-width: 48.875rem) {
118 font-size: 35px !important; 118 font-size: 2.1875rem !important;
119 line-height: 40px; 119 line-height: 2.5rem;
120 } 120 }
121 } 121 }
122 .searchandfilter{ 122 .searchandfilter{
123 width: calc(100% - 100px); 123 width: calc(100% - 6.25rem);
124 @media only screen and (max-width: 782px) { 124 @media only screen and (max-width: 48.875rem) {
125 width: calc(100% - 0px); 125 width: calc(100% - 0rem);
126 padding-left: 40px; 126 padding-left: 2.5rem;
127 } 127 }
128 display: inline-block; 128 display: inline-block;
129 } 129 }
130 130
131 .searchandfilter ul{ 131 .searchandfilter ul{
132 padding-left: 0px; 132 padding-left: 0rem;
133 } 133 }
134 .searchandfilter h4{ 134 .searchandfilter h4{
135 font-size: 45px !important; 135 font-size: 2.8125rem !important;
136 line-height: 53px; 136 line-height: 3.3125rem;
137 text-align: center; 137 text-align: center;
138 font-weight: lighter; 138 font-weight: lighter;
139 font-family: "PT Sans",sans-serif; 139 font-family: "PT Sans",sans-serif;
140 } 140 }
141 .sf-field-search{ 141 .sf-field-search{
142 display: inline-block; 142 display: inline-block;
143 width: calc(100% - 80px); 143 width: calc(100% - 5rem);
144 padding: 18px 0 27px 0; 144 padding: 1.125rem 0 1.6875rem 0;
145 label{ 145 label{
146 width: 90%; 146 width: 90%;
147 position: relative; 147 position: relative;
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
163 input[name="_sf_search[]"]{ 163 input[name="_sf_search[]"]{
164 width: 100%; 164 width: 100%;
165 border: 0; 165 border: 0;
166 border-bottom: 1px solid #707070; 166 border-bottom: 0.0625rem solid #707070;
167 border-radius: 0; 167 border-radius: 0;
168 font-size: 1.75rem; 168 font-size: 1.75rem;
169 font-weight: 400; 169 font-weight: 400;
...@@ -179,8 +179,8 @@ ...@@ -179,8 +179,8 @@
179 input[name="_sf_submit"]{ 179 input[name="_sf_submit"]{
180 border-radius: 50%; 180 border-radius: 50%;
181 padding: 0; 181 padding: 0;
182 height:40px; 182 height:2.5rem;
183 width: 40px; 183 width: 2.5rem;
184 margin-top: -0.6rem; 184 margin-top: -0.6rem;
185 margin-left: 1rem; 185 margin-left: 1rem;
186 font-size: 1.125rem; 186 font-size: 1.125rem;
...@@ -199,30 +199,30 @@ ...@@ -199,30 +199,30 @@
199 } 199 }
200 } 200 }
201 .advance-search-button{ 201 .advance-search-button{
202 right: 10px; 202 right: 0.625rem;
203 } 203 }
204 } 204 }
205 #page-wrapper{ 205 #page-wrapper{
206 margin: 10px 30px 0 30px; 206 margin: 0.625rem 1.875rem 0 1.875rem;
207 @media(max-width: 768px) { 207 @media(max-width: 48rem) {
208 // margin: 40px 40px 0 40px; 208 // margin: 2.5rem 2.5rem 0 2.5rem;
209 } 209 }
210 .breadcrumb{ 210 .breadcrumb{
211 font-size: 12px; 211 font-size: 0.75rem;
212 margin-bottom: 20px; 212 margin-bottom: 1.25rem;
213 a{ 213 a{
214 text-decoration: none; 214 text-decoration: none;
215 text-transform: capitalize; 215 text-transform: capitalize;
216 } 216 }
217 span{ 217 span{
218 margin: 0px 10px; 218 margin: 0rem 0.625rem;
219 } 219 }
220 220
221 221
222 } 222 }
223 h1{ 223 h1{
224 font-size: 45px; 224 font-size: 2.8125rem;
225 line-height: 52px; 225 line-height: 3.25rem;
226 font-weight: bold; 226 font-weight: bold;
227 } 227 }
228 h1+p { 228 h1+p {
...@@ -231,23 +231,23 @@ h1+p { ...@@ -231,23 +231,23 @@ h1+p {
231 } 231 }
232 .top_parent{ 232 .top_parent{
233 font-weight: bold; 233 font-weight: bold;
234 font-size: 20px; 234 font-size: 1.25rem;
235 line-height: 25px; 235 line-height: 1.5625rem;
236 text-decoration: none; 236 text-decoration: none;
237 } 237 }
238 238
239 .side-menu{ 239 .side-menu{
240 list-style: none; 240 list-style: none;
241 margin-top: 0px; 241 margin-top: 0rem;
242 padding-left: 15px; 242 padding-left: 0.9375rem;
243 243
244 li{ 244 li{
245 margin-bottom: 14px; 245 margin-bottom: 0.875rem;
246 246
247 a{ 247 a{
248 text-decoration: none; 248 text-decoration: none;
249 font-size: 20px; 249 font-size: 1.25rem;
250 line-height: 25px; 250 line-height: 1.5625rem;
251 } 251 }
252 a:hover{ 252 a:hover{
253 text-decoration: underline; 253 text-decoration: underline;
...@@ -255,11 +255,11 @@ h1+p { ...@@ -255,11 +255,11 @@ h1+p {
255 &:before{ 255 &:before{
256 content: ""; 256 content: "";
257 position: absolute; 257 position: absolute;
258 left: -15px; 258 left: -0.9375rem;
259 top: 8px; 259 top: 0.5rem;
260 border-radius: 50%; 260 border-radius: 50%;
261 width: 9px; 261 width: 0.5625rem;
262 height: 9px; 262 height: 0.5625rem;
263 background: #EE0000 0% 0% no-repeat padding-box; 263 background: #EE0000 0% 0% no-repeat padding-box;
264 } 264 }
265 265
...@@ -273,16 +273,16 @@ h1+p { ...@@ -273,16 +273,16 @@ h1+p {
273 &:after{ 273 &:after{
274 position: absolute; 274 position: absolute;
275 content: ""; 275 content: "";
276 width: 14px; 276 width: 0.875rem;
277 height: 9px; 277 height: 0.5625rem;
278 top: 10px; 278 top: 0.625rem;
279 margin-left: 10px; 279 margin-left: 0.625rem;
280 transform: rotateX(180deg); 280 transform: rotateX(180deg);
281 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14.462" height="8.769" viewBox="0 0 14.462 8.769"><path id="Path_1387" data-name="Path 1387" d="M18.55,187.453c.5.507.993,1.01,1.49,1.508q1.791,1.789,3.585,3.575a.8.8,0,0,0,1.188,0c.227-.234.46-.462.691-.692a.787.787,0,0,0,0-1.179l-3.223-3.224q-1.563-1.565-3.125-3.131a.872.872,0,0,0-.585-.279.833.833,0,0,0-.643.278q-1.206,1.21-2.413,2.42l-3.285,3.286c-.224.224-.448.446-.67.671a.783.783,0,0,0,.008,1.157l.685.684a.8.8,0,0,0,1.206,0l2.908-2.9,2.106-2.1Z" transform="translate(-11.305 -184.028)"/></svg>'); 281 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14.462" height="8.769" viewBox="0 0 14.462 8.769"><path id="Path_1387" data-name="Path 1387" d="M18.55,187.453c.5.507.993,1.01,1.49,1.508q1.791,1.789,3.585,3.575a.8.8,0,0,0,1.188,0c.227-.234.46-.462.691-.692a.787.787,0,0,0,0-1.179l-3.223-3.224q-1.563-1.565-3.125-3.131a.872.872,0,0,0-.585-.279.833.833,0,0,0-.643.278q-1.206,1.21-2.413,2.42l-3.285,3.286c-.224.224-.448.446-.67.671a.783.783,0,0,0,.008,1.157l.685.684a.8.8,0,0,0,1.206,0l2.908-2.9,2.106-2.1Z" transform="translate(-11.305 -184.028)"/></svg>');
282 } 282 }
283 } 283 }
284 .children{ 284 .children{
285 padding-left: 20px; 285 padding-left: 1.25rem;
286 display: none; 286 display: none;
287 } 287 }
288 .children:has(.current_page_item){ 288 .children:has(.current_page_item){
...@@ -296,8 +296,8 @@ h1+p { ...@@ -296,8 +296,8 @@ h1+p {
296 } 296 }
297 ul{ 297 ul{
298 list-style: none; 298 list-style: none;
299 margin-top: 14px; 299 margin-top: 0.875rem;
300 padding-left: 15px; 300 padding-left: 0.9375rem;
301 li{ 301 li{
302 302
303 } 303 }
...@@ -320,7 +320,7 @@ h1+p { ...@@ -320,7 +320,7 @@ h1+p {
320 } 320 }
321 321
322 322
323 @media only screen and (max-width: 1000px) { 323 @media only screen and (max-width: 62.5rem) {
324 #page-sidebar{ 324 #page-sidebar{
325 display: none; 325 display: none;
326 } 326 }
...@@ -333,9 +333,9 @@ h1+p { ...@@ -333,9 +333,9 @@ h1+p {
333 333
334 .pi { 334 .pi {
335 335
336 min-height:150px; 336 min-height:9.375rem;
337 @media(min-width: 1024px) { 337 @media(min-width: 64rem) {
338 min-height:200px; 338 min-height:12.5rem;
339 text-align: center; 339 text-align: center;
340 justify-content: center; 340 justify-content: center;
341 width: 100%; 341 width: 100%;
...@@ -351,21 +351,21 @@ h1+p { ...@@ -351,21 +351,21 @@ h1+p {
351 margin:0; 351 margin:0;
352 } 352 }
353 svg { 353 svg {
354 height:200px; 354 height:12.5rem;
355 overflow: visible; 355 overflow: visible;
356 } 356 }
357 svg:lang(en) { 357 svg:lang(en) {
358 height:300px; 358 height:18.75rem;
359 } 359 }
360 @media(max-width: 768px) { 360 @media(max-width: 48rem) {
361 h3 { 361 h3 {
362 text-align:center; 362 text-align:center;
363 } 363 }
364 svg { 364 svg {
365 height:200px; 365 height:12.5rem;
366 } 366 }
367 svg:lang(en) { 367 svg:lang(en) {
368 height:200px; 368 height:12.5rem;
369 } 369 }
370 } 370 }
371 } 371 }
...\ No newline at end of file ...\ No newline at end of file
......
1
2
3
4
5
1 .pojo-a11y-grayscale{ 6 .pojo-a11y-grayscale{
2 position: absolute !important; 7 position: absolute !important;
3 width: 100vw !important; 8 width: 100vw !important;
...@@ -5,34 +10,34 @@ ...@@ -5,34 +10,34 @@
5 10
6 #pojo-a11y-toolbar{ 11 #pojo-a11y-toolbar{
7 position: absolute; 12 position: absolute;
8 top: 20px; 13 top: 1.25rem;
9 @media screen and (max-width: 1000px){ 14 @media screen and (max-width: 62.5rem){
10 top: 0px; 15 top: 0rem;
11 } 16 }
12 17
13 } 18 }
14 #pojo-a11y-toolbar.pojo-a11y-toolbar-right{ 19 #pojo-a11y-toolbar.pojo-a11y-toolbar-right{
15 right: 0px !important; 20 right: 0rem !important;
16 } 21 }
17 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{ 22 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{
18 23
19 } 24 }
20 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{ 25 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
21 width: 200px; 26 width: 12.5rem;
22 box-shadow:none !important; 27 box-shadow:none !important;
23 position: absolute; 28 position: absolute;
24 right: -270px!important; 29 right: -16.875rem!important;
25 30
26 } 31 }
27 32
28 .pojo-a11y-toolbar-overlay { 33 .pojo-a11y-toolbar-overlay {
29 position: absolute; 34 position: absolute;
30 top: 50px; 35 top: 3.125rem;
31 right: 0px; 36 right: 0rem;
32 display: none; 37 display: none;
33 border-radius: 0px 0px 10px 10px; 38 border-radius: 0rem 0rem 0.625rem 0.625rem;
34 svg{ 39 svg{
35 border: 0px #669999 solid !important; 40 border: 0rem #669999 solid !important;
36 } 41 }
37 42
38 43
...@@ -41,17 +46,17 @@ ...@@ -41,17 +46,17 @@
41 46
42 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg { 47 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
43 max-width: inherit; 48 max-width: inherit;
44 border: 2px #000 solid; 49 border: 0.125rem #000 solid;
45 border-radius: 50%; 50 border-radius: 50%;
46 padding: 3px; 51 padding: 0.1875rem;
47 height: 28px; 52 height: 1.75rem;
48 width: 28px; 53 width: 1.75rem;
49 } 54 }
50 55
51 .pojo-a11y-toolbar-open{ 56 .pojo-a11y-toolbar-open{
52 z-index: 99999; 57 z-index: 99999;
53 .pojo-a11y-toolbar-toggle svg { 58 .pojo-a11y-toolbar-toggle svg {
54 border: 2px #669999 solid !important; 59 border: 0.125rem #669999 solid !important;
55 color: #669999; 60 color: #669999;
56 } 61 }
57 .pojo-a11y-toolbar-toggle a{ 62 .pojo-a11y-toolbar-toggle a{
...@@ -60,8 +65,8 @@ ...@@ -60,8 +65,8 @@
60 } 65 }
61 .pojo-a11y-toolbar-overlay { 66 .pojo-a11y-toolbar-overlay {
62 position: absolute; 67 position: absolute;
63 top: 50px; 68 top: 3.125rem;
64 right: 0px; 69 right: 0rem;
65 display:block; 70 display:block;
66 71
67 } 72 }
...@@ -72,16 +77,16 @@ ...@@ -72,16 +77,16 @@
72 77
73 [lang="zh-CN"]{ 78 [lang="zh-CN"]{
74 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{ 79 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
75 right: -240px!important; 80 right: -15rem!important;
76 } 81 }
77 } 82 }
78 .pojo-a11y-toolbar-text{ 83 .pojo-a11y-toolbar-text{
79 font-size: 16px; 84 font-size: 1rem;
80 } 85 }
81 86
82 .admin-bar{ 87 .admin-bar{
83 #pojo-a11y-toolbar{ 88 #pojo-a11y-toolbar{
84 top: 40px !important; 89 top: 2.5rem !important;
85 } 90 }
86 } 91 }
87 92
...@@ -94,10 +99,12 @@ ...@@ -94,10 +99,12 @@
94 .pojo-a11y-toolbar-toggle-link:hover{ 99 .pojo-a11y-toolbar-toggle-link:hover{
95 color: #669999 !important; 100 color: #669999 !important;
96 svg { 101 svg {
97 border: 2px #669999 solid !important; 102 border: 0.125rem #669999 solid !important;
98 } 103 }
99 104
100 } 105 }
101 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{ 106 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{
102 text-decoration: none; 107 text-decoration: none;
103 }
...\ No newline at end of file ...\ No newline at end of file
108 }
109
110
......
1 .project-lead{ 1 .project-lead{
2 width: 100%; 2 width: 100%;
3 display: flex; 3 display: flex;
4 min-height: 200px; 4 min-height: 12.5rem;
5 background-color: #F0F0F0; 5 background-color: #F0F0F0;
6 color: #000; 6 color: #000;
7 flex-direction: row; 7 flex-direction: row;
8 border-radius: 10px; 8 border-radius: 0.625rem;
9 margin:40px 0px; 9 margin:2.5rem 0rem;
10 padding: 20px; 10 padding: 1.25rem;
11 overflow: hidden; 11 overflow: hidden;
12 @media screen and (max-width: 900px) { 12 @media screen and (max-width: 56.25rem) {
13 flex-direction: column; 13 flex-direction: column;
14 border-radius: 20px; 14 border-radius: 1.25rem;
15 } 15 }
16 .image{ 16 .image{
17 display: flex; 17 display: flex;
18 flex-wrap: wrap; 18 flex-wrap: wrap;
19 img{ 19 img{
20 height: 200px; 20 height: 12.5rem;
21 } 21 }
22 22
23 } 23 }
...@@ -27,24 +27,24 @@ ...@@ -27,24 +27,24 @@
27 display: flex; 27 display: flex;
28 flex-direction: column; 28 flex-direction: column;
29 justify-content: flex-start; 29 justify-content: flex-start;
30 padding-left: 20px; 30 padding-left: 1.25rem;
31 @media screen and (max-width: 900px) { 31 @media screen and (max-width: 56.25rem) {
32 width: 100%; 32 width: 100%;
33 padding-left: 0px; 33 padding-left: 0rem;
34 padding-top: 20px; 34 padding-top: 1.25rem;
35 } 35 }
36 h2{ 36 h2{
37 font-size: 25px; 37 font-size: 1.5625rem;
38 line-height: 30px; 38 line-height: 1.875rem;
39 font-weight: 700; 39 font-weight: 700;
40 margin-bottom: 20px; 40 margin-bottom: 1.25rem;
41 @media screen and (max-width: 900px) { 41 @media screen and (max-width: 56.25rem) {
42 font-size: 24px; 42 font-size: 1.5rem;
43 } 43 }
44 } 44 }
45 p{ 45 p{
46 font-size: 16px; 46 font-size: 1rem;
47 line-height: 20px; 47 line-height: 1.25rem;
48 } 48 }
49 } 49 }
50 50
......
1 .promo-area{ 1 .promo-area{
2 width: 100%; 2 width: 100%;
3 display: flex; 3 display: flex;
4 min-height: 250px; 4 min-height: 15.625rem;
5 background-color: #000; 5 background-color: #000;
6 color: #fff; 6 color: #fff;
7 flex-direction: row; 7 flex-direction: row;
8 border-radius: 10px; 8 border-radius: 0.625rem;
9 margin:40px 0px; 9 margin:2.5rem 0rem;
10 overflow: hidden; 10 overflow: hidden;
11 @media screen and (max-width: 900px) { 11 @media screen and (max-width: 56.25rem) {
12 flex-direction: column-reverse; 12 flex-direction: column-reverse;
13 border-radius: 20px; 13 border-radius: 1.25rem;
14 } 14 }
15 15
16 .content{ 16 .content{
...@@ -18,8 +18,8 @@ ...@@ -18,8 +18,8 @@
18 display: flex; 18 display: flex;
19 flex-direction: column; 19 flex-direction: column;
20 justify-content: flex-start; 20 justify-content: flex-start;
21 padding: 30px; 21 padding: 1.875rem;
22 @media screen and (max-width: 900px) { 22 @media screen and (max-width: 56.25rem) {
23 width: 100%; 23 width: 100%;
24 } 24 }
25 } 25 }
...@@ -27,12 +27,12 @@ ...@@ -27,12 +27,12 @@
27 background-size: cover; 27 background-size: cover;
28 width: 50%; 28 width: 50%;
29 overflow: hidden; 29 overflow: hidden;
30 border-radius: 0px 0px 20px 20px; 30 border-radius: 0rem 0rem 1.25rem 1.25rem;
31 position: relative; 31 position: relative;
32 @media screen and (max-width: 900px) { 32 @media screen and (max-width: 56.25rem) {
33 width: 100%; 33 width: 100%;
34 min-height: 300px; 34 min-height: 18.75rem;
35 border-radius: 20px 20px 0px 0px; 35 border-radius: 1.25rem 1.25rem 0rem 0rem;
36 } 36 }
37 .side-caption { 37 .side-caption {
38 max-width: 100%; 38 max-width: 100%;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 .search-results { 2 .search-results {
3 .search-field { 3 .search-field {
4 border: 0; 4 border: 0;
5 border-bottom: 1px solid #707070; 5 border-bottom: 0.0625rem solid #707070;
6 border-radius: 0; 6 border-radius: 0;
7 } 7 }
8 8
...@@ -18,20 +18,20 @@ ...@@ -18,20 +18,20 @@
18 margin-top: 1rem; 18 margin-top: 1rem;
19 padding-top: 3rem; 19 padding-top: 3rem;
20 display: flex; 20 display: flex;
21 @media screen and (max-width: 950px) { 21 @media screen and (max-width: 59.375rem) {
22 margin-top: 2rem; 22 margin-top: 2rem;
23 padding: 0rem 40px; 23 padding: 0rem 2.5rem;
24 } 24 }
25 25
26 #main { 26 #main {
27 display: flex; 27 display: flex;
28 flex-direction: column; 28 flex-direction: column;
29 @media screen and (max-width: 950px) { 29 @media screen and (max-width: 59.375rem) {
30 margin: 0px 10px; 30 margin: 0rem 0.625rem;
31 } 31 }
32 &>article { 32 &>article {
33 padding: 2rem 0; 33 padding: 2rem 0;
34 border-top: 1px solid #bebebe; 34 border-top: 0.0625rem solid #bebebe;
35 display: flex; 35 display: flex;
36 36
37 .photo { 37 .photo {
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 text-decoration: none; 55 text-decoration: none;
56 flex-direction: row; 56 flex-direction: row;
57 word-break: break-all; 57 word-break: break-all;
58 @media screen and (max-width: 950px) { 58 @media screen and (max-width: 59.375rem) {
59 flex-direction: column; 59 flex-direction: column;
60 } 60 }
61 61
...@@ -75,9 +75,9 @@ ...@@ -75,9 +75,9 @@
75 background-size: contain; 75 background-size: contain;
76 display: inline-block; 76 display: inline-block;
77 position: relative; 77 position: relative;
78 top: 5px; 78 top: 0.3125rem;
79 left:-0.2rem; 79 left:-0.2rem;
80 margin-right: 5px; 80 margin-right: 0.3125rem;
81 } 81 }
82 } 82 }
83 } 83 }
...@@ -93,9 +93,9 @@ ...@@ -93,9 +93,9 @@
93 background-size: contain; 93 background-size: contain;
94 display: inline-block; 94 display: inline-block;
95 position: relative; 95 position: relative;
96 top: 5px; 96 top: 0.3125rem;
97 left:-0.2rem; 97 left:-0.2rem;
98 margin-right: 5px; 98 margin-right: 0.3125rem;
99 } 99 }
100 } 100 }
101 } 101 }
...@@ -111,9 +111,9 @@ ...@@ -111,9 +111,9 @@
111 background-image: url('data:image/svg+xml,<svg id="Group_1924" data-name="Group 1924" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.95" height="20.264" viewBox="0 0 17.95 20.264"><defs><clipPath id="clip-path"><rect id="Rectangle_269" data-name="Rectangle 269" width="17.95" height="20.264" fill="none"/></clipPath></defs><g id="Group_1924-2" data-name="Group 1924" clip-path="url(%23clip-path)"><path id="Path_1522" data-name="Path 1522" d="M17.95,8.4a1.085,1.085,0,0,0-.094-.492,1.112,1.112,0,0,0-1.014-.667c-.138-.006-.276,0-.414,0h-.093V5c0-.025,0-.051,0-.076a.56.56,0,0,0-.154-.4Q14.293,2.377,12.41.222c-.026-.03-.051-.06-.078-.088A.392.392,0,0,0,12.025,0H2.487a.909.909,0,0,0-.34.049.8.8,0,0,0-.51.729c0,.042,0,.084,0,.127V7.237c-.03,0-.052.006-.073.006-.132,0-.265,0-.4,0A1.134,1.134,0,0,0,.03,8.2a.628.628,0,0,1-.03.1v6.078a.824.824,0,0,1,.032.1,1.135,1.135,0,0,0,1.1.942c.138,0,.276,0,.414,0h.094v.113q0,1.946,0,3.891a.845.845,0,0,0,.048.306.791.791,0,0,0,.551.5c.032.009.063.022.094.033h13.3c.034-.011.068-.024.1-.033a.794.794,0,0,0,.593-.7c0-.053.006-.107.006-.16q0-1.916,0-3.832v-.115c.03,0,.055,0,.079,0h.414a1.132,1.132,0,0,0,1.11-.937,1.447,1.447,0,0,0,.011-.244q0-1.211,0-2.423,0-1.705,0-3.41M15.534,19.241H2.435V15.423h13.1ZM2.6,8.458H3.9l.852,1.594.189.56.181-.56.891-1.594H7.188L5.594,11.117,7.267,13.98H5.981l-.97-1.7L4.8,11.693l-.205.584-.978,1.7H2.438l1.7-2.809Zm8.725,4.56v.962H7.827V8.458H8.908v4.56Zm2.757-.931a2.045,2.045,0,0,0-.465-.288q-.28-.13-.607-.268a3.1,3.1,0,0,1-.607-.339,1.726,1.726,0,0,1-.465-.5,1.433,1.433,0,0,1-.185-.765,1.678,1.678,0,0,1,.134-.7,1.31,1.31,0,0,1,.383-.493,1.646,1.646,0,0,1,.588-.292,2.816,2.816,0,0,1,.757-.095,4.75,4.75,0,0,1,.907.083,2.308,2.308,0,0,1,.7.241l-.339.907a1.9,1.9,0,0,0-.521-.2,2.961,2.961,0,0,0-.749-.091.959.959,0,0,0-.58.15.476.476,0,0,0-.2.4.5.5,0,0,0,.185.394,2.138,2.138,0,0,0,.466.292q.28.134.607.276a3.263,3.263,0,0,1,.607.343,1.752,1.752,0,0,1,.465.5,1.366,1.366,0,0,1,.185.738,1.821,1.821,0,0,1-.146.761,1.444,1.444,0,0,1-.41.533,1.735,1.735,0,0,1-.639.316,3.122,3.122,0,0,1-.824.1,4.392,4.392,0,0,1-1.041-.111,3.18,3.18,0,0,1-.663-.221l.347-.923a2.123,2.123,0,0,0,.225.1,2.866,2.866,0,0,0,.312.1,3.571,3.571,0,0,0,.367.079,2.466,2.466,0,0,0,.4.032,1.389,1.389,0,0,0,.738-.162.543.543,0,0,0,.256-.493.514.514,0,0,0-.185-.41m1.449-4.848H2.437V.8h9.2V.9q0,1.941,0,3.883a.792.792,0,0,0,.005.126.4.4,0,0,0,.385.339c.031,0,.062,0,.093,0h3.407c.02.067.024,1.9,0,1.986" transform="translate(0 0.001)" fill="%231a1818"/></g></svg>'); 111 background-image: url('data:image/svg+xml,<svg id="Group_1924" data-name="Group 1924" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.95" height="20.264" viewBox="0 0 17.95 20.264"><defs><clipPath id="clip-path"><rect id="Rectangle_269" data-name="Rectangle 269" width="17.95" height="20.264" fill="none"/></clipPath></defs><g id="Group_1924-2" data-name="Group 1924" clip-path="url(%23clip-path)"><path id="Path_1522" data-name="Path 1522" d="M17.95,8.4a1.085,1.085,0,0,0-.094-.492,1.112,1.112,0,0,0-1.014-.667c-.138-.006-.276,0-.414,0h-.093V5c0-.025,0-.051,0-.076a.56.56,0,0,0-.154-.4Q14.293,2.377,12.41.222c-.026-.03-.051-.06-.078-.088A.392.392,0,0,0,12.025,0H2.487a.909.909,0,0,0-.34.049.8.8,0,0,0-.51.729c0,.042,0,.084,0,.127V7.237c-.03,0-.052.006-.073.006-.132,0-.265,0-.4,0A1.134,1.134,0,0,0,.03,8.2a.628.628,0,0,1-.03.1v6.078a.824.824,0,0,1,.032.1,1.135,1.135,0,0,0,1.1.942c.138,0,.276,0,.414,0h.094v.113q0,1.946,0,3.891a.845.845,0,0,0,.048.306.791.791,0,0,0,.551.5c.032.009.063.022.094.033h13.3c.034-.011.068-.024.1-.033a.794.794,0,0,0,.593-.7c0-.053.006-.107.006-.16q0-1.916,0-3.832v-.115c.03,0,.055,0,.079,0h.414a1.132,1.132,0,0,0,1.11-.937,1.447,1.447,0,0,0,.011-.244q0-1.211,0-2.423,0-1.705,0-3.41M15.534,19.241H2.435V15.423h13.1ZM2.6,8.458H3.9l.852,1.594.189.56.181-.56.891-1.594H7.188L5.594,11.117,7.267,13.98H5.981l-.97-1.7L4.8,11.693l-.205.584-.978,1.7H2.438l1.7-2.809Zm8.725,4.56v.962H7.827V8.458H8.908v4.56Zm2.757-.931a2.045,2.045,0,0,0-.465-.288q-.28-.13-.607-.268a3.1,3.1,0,0,1-.607-.339,1.726,1.726,0,0,1-.465-.5,1.433,1.433,0,0,1-.185-.765,1.678,1.678,0,0,1,.134-.7,1.31,1.31,0,0,1,.383-.493,1.646,1.646,0,0,1,.588-.292,2.816,2.816,0,0,1,.757-.095,4.75,4.75,0,0,1,.907.083,2.308,2.308,0,0,1,.7.241l-.339.907a1.9,1.9,0,0,0-.521-.2,2.961,2.961,0,0,0-.749-.091.959.959,0,0,0-.58.15.476.476,0,0,0-.2.4.5.5,0,0,0,.185.394,2.138,2.138,0,0,0,.466.292q.28.134.607.276a3.263,3.263,0,0,1,.607.343,1.752,1.752,0,0,1,.465.5,1.366,1.366,0,0,1,.185.738,1.821,1.821,0,0,1-.146.761,1.444,1.444,0,0,1-.41.533,1.735,1.735,0,0,1-.639.316,3.122,3.122,0,0,1-.824.1,4.392,4.392,0,0,1-1.041-.111,3.18,3.18,0,0,1-.663-.221l.347-.923a2.123,2.123,0,0,0,.225.1,2.866,2.866,0,0,0,.312.1,3.571,3.571,0,0,0,.367.079,2.466,2.466,0,0,0,.4.032,1.389,1.389,0,0,0,.738-.162.543.543,0,0,0,.256-.493.514.514,0,0,0-.185-.41m1.449-4.848H2.437V.8h9.2V.9q0,1.941,0,3.883a.792.792,0,0,0,.005.126.4.4,0,0,0,.385.339c.031,0,.062,0,.093,0h3.407c.02.067.024,1.9,0,1.986" transform="translate(0 0.001)" fill="%231a1818"/></g></svg>');
112 display: inline-block; 112 display: inline-block;
113 position: relative; 113 position: relative;
114 top: 5px; 114 top: 0.3125rem;
115 left:-0.2rem; 115 left:-0.2rem;
116 margin-right: 5px; 116 margin-right: 0.3125rem;
117 } 117 }
118 } 118 }
119 } 119 }
...@@ -124,14 +124,14 @@ ...@@ -124,14 +124,14 @@
124 } 124 }
125 125
126 h2.entry-title { 126 h2.entry-title {
127 margin-top: 0 !important; 127 margin-top: 0;
128 font-size: 1.25rem !important; 128 font-size: 1.25rem;
129 font-family: "PT Sans", sans-serif; 129 font-family: "PT Sans", sans-serif;
130 font-weight: bold; 130 font-weight: bold;
131 131
132 @media screen and (max-width: 768px) { 132 @media screen and (max-width: 48rem) {
133 font-size: 1rem !important; 133 font-size: 1rem ;
134 line-height: 1.25rem !important; 134 line-height: 1.25rem;
135 } 135 }
136 } 136 }
137 137
......
...@@ -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.21 5 Version: 1.0.22
6 */ 6 */
......