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
Inline Side-by-side
Showing 24 changed files with 2187 additions and 1244 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{
......
1 1
2 input:not(.search-field):not(.sf-input-text), optgroup, select, textarea { 2 input:not(.search-field):not(.sf-input-text), optgroup, select, textarea {
3 border:1px solid #707070 !important; 3 border:0.0625rem solid #707070 !important;
4 4
5 } 5 }
6 6
7 button, input, optgroup, select, textarea{ 7 button, input, optgroup, select, textarea{
8 border-radius: 0; 8 border-radius: 0;
9 border-style: solid; 9 border-style: solid;
10 border-width: 1px; 10 border-width: 0.0625rem;
11 } 11 }
12 12
13 .html-form { 13 .html-form {
...@@ -72,10 +72,10 @@ button, input, optgroup, select, textarea{ ...@@ -72,10 +72,10 @@ button, input, optgroup, select, textarea{
72 input, select { 72 input, select {
73 border:0; 73 border:0;
74 height: 2.188rem; 74 height: 2.188rem;
75 padding:0 12px; 75 padding:0 0.75rem;
76 background:white; 76 background:white;
77 margin-right: 20px; 77 margin-right: 1.25rem;
78 margin-bottom: 5px; 78 margin-bottom: 0.3125rem;
79 &[multiple="multiple"] { 79 &[multiple="multiple"] {
80 height: 5.5rem; 80 height: 5.5rem;
81 } 81 }
...@@ -88,7 +88,7 @@ button, input, optgroup, select, textarea{ ...@@ -88,7 +88,7 @@ button, input, optgroup, select, textarea{
88 display: block; 88 display: block;
89 background-repeat: no-repeat; 89 background-repeat: no-repeat;
90 background-position: center; 90 background-position: center;
91 background-size: 10px 16px; 91 background-size: 0.625rem 1rem;
92 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)'/%3E%3C/svg%3E")!important; 92 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.175' height='9.808' viewBox='0 0 16.175 9.808'%3E%3Cpath id='Path_1396' data-name='Path 1396' d='M19.409 190.005c.561-.568 1.11-1.13 1.667-1.686q2-2 4.01-4a.9.9 0 0 1 1.329 0c.254.261.515.516.772.774a.881.881 0 0 1-.005 1.318q-1.8 1.8-3.605 3.606-1.748 1.75-3.495 3.5a.975.975 0 0 1-.654.312.931.931 0 0 1-.719-.31q-1.349-1.354-2.7-2.706-1.836-1.838-3.674-3.675c-.25-.25-.5-.5-.75-.75A.876.876 0 0 1 11.6 185.1l.766-.766a.9.9 0 0 1 1.348 0l3.252 3.24 2.355 2.345C19.339 189.941 19.363 189.962 19.409 190.005Z' transform='translate(-11.305 -184.028)'/%3E%3C/svg%3E")!important;
93 pointer-events: none; 93 pointer-events: none;
94 } 94 }
...@@ -109,9 +109,9 @@ button, input, optgroup, select, textarea{ ...@@ -109,9 +109,9 @@ button, input, optgroup, select, textarea{
109 109
110 .appArea.responsive { 110 .appArea.responsive {
111 .row{ 111 .row{
112 padding-right: 10px; 112 padding-right: 0.625rem;
113 @media only screen and (max-width: 782px) { 113 @media only screen and (max-width: 48.875rem) {
114 padding-right: 0px; 114 padding-right: 0rem;
115 } 115 }
116 116
117 } 117 }
...@@ -192,7 +192,7 @@ button, input, optgroup, select, textarea{ ...@@ -192,7 +192,7 @@ button, input, optgroup, select, textarea{
192 //The newsletter signup on homepage 192 //The newsletter signup on homepage
193 #cons_info_component_container { 193 #cons_info_component_container {
194 max-width: 100%; 194 max-width: 100%;
195 width: 1068px; 195 width: 66.75rem;
196 } 196 }
197 197
198 .input-label { 198 .input-label {
...@@ -237,21 +237,21 @@ button, input, optgroup, select, textarea{ ...@@ -237,21 +237,21 @@ button, input, optgroup, select, textarea{
237 } 237 }
238 238
239 label { 239 label {
240 padding-left: 0px !important; 240 padding-left: 0rem !important;
241 } 241 }
242 242
243 input[type="submit"] { 243 input[type="submit"] {
244 margin-top: 10px; 244 margin-top: 0.625rem;
245 color:white !important; 245 color:white !important;
246 padding: 7px 30px 10px 30px!important; 246 padding: 0.4375rem 1.875rem 0.625rem 1.875rem!important;
247 width: auto !important; 247 width: auto !important;
248 font-size: 14px !important; 248 font-size: 0.875rem !important;
249 line-height: 19px; 249 line-height: 1.1875rem;
250 font-family: "PT Sans",sans-serif; 250 font-family: "PT Sans",sans-serif;
251 font-weight: 700; 251 font-weight: 700;
252 border-radius: 25px !important; 252 border-radius: 1.5625rem !important;
253 background-color: #e00 !important; 253 background-color: #e00 !important;
254 margin-right: 0px; 254 margin-right: 0rem;
255 &:hover { 255 &:hover {
256 background:#669999 !important; 256 background:#669999 !important;
257 } 257 }
...@@ -331,7 +331,7 @@ button, input, optgroup, select, textarea{ ...@@ -331,7 +331,7 @@ button, input, optgroup, select, textarea{
331 input { 331 input {
332 border-radius: 0 !important; 332 border-radius: 0 !important;
333 height:2.188rem !important; 333 height:2.188rem !important;
334 min-width: 200px; 334 min-width: 12.5rem;
335 335
336 } 336 }
337 label { 337 label {
...@@ -343,7 +343,7 @@ button, input, optgroup, select, textarea{ ...@@ -343,7 +343,7 @@ button, input, optgroup, select, textarea{
343 } 343 }
344 } 344 }
345 345
346 @media(max-width:1156px) { 346 @media(max-width:72.25rem) {
347 #cons_info_component_container { 347 #cons_info_component_container {
348 row-gap: 0; 348 row-gap: 0;
349 } 349 }
...@@ -472,7 +472,7 @@ transform-origin: bottom left; ...@@ -472,7 +472,7 @@ transform-origin: bottom left;
472 //transition: 120ms transform ease-in-out; 472 //transition: 120ms transform ease-in-out;
473 } 473 }
474 .sf-label-checkbox { 474 .sf-label-checkbox {
475 font-size: 16px !important; 475 font-size: 1rem !important;
476 color: #4d4d4d !important; 476 color: #4d4d4d !important;
477 font-weight: 300 !important; 477 font-weight: 300 !important;
478 } 478 }
...@@ -482,8 +482,8 @@ transform: scale(1); ...@@ -482,8 +482,8 @@ transform: scale(1);
482 } 482 }
483 483
484 input[type="checkbox"]:focus { 484 input[type="checkbox"]:focus {
485 outline: max(2px, 0.15em) solid currentColor; 485 outline: max(0.125rem, 0.15em) solid currentColor;
486 outline-offset: max(2px, 0.15em); 486 outline-offset: max(0.125rem, 0.15em);
487 } 487 }
488 488
489 489
...@@ -491,7 +491,7 @@ outline-offset: max(2px, 0.15em); ...@@ -491,7 +491,7 @@ outline-offset: max(2px, 0.15em);
491 491
492 .ui-datepicker { 492 .ui-datepicker {
493 padding: 0; 493 padding: 0;
494 border: 1px solid #ddd; 494 border: 0.0625rem solid #ddd;
495 -webkit-border-radius: 0; 495 -webkit-border-radius: 0;
496 -moz-border-radius: 0; 496 -moz-border-radius: 0;
497 border-radius: 0; 497 border-radius: 0;
...@@ -504,7 +504,7 @@ outline-offset: max(2px, 0.15em); ...@@ -504,7 +504,7 @@ outline-offset: max(2px, 0.15em);
504 border-radius: 0; 504 border-radius: 0;
505 } 505 }
506 .ui-datepicker table { 506 .ui-datepicker table {
507 font-size: 13px; 507 font-size: 0.8125rem;
508 margin: 0; 508 margin: 0;
509 } 509 }
510 .ui-datepicker .ui-datepicker-header { 510 .ui-datepicker .ui-datepicker-header {
...@@ -529,7 +529,7 @@ outline-offset: max(2px, 0.15em); ...@@ -529,7 +529,7 @@ outline-offset: max(2px, 0.15em);
529 margin-top: 0.4em; 529 margin-top: 0.4em;
530 margin-bottom: 0.3em; 530 margin-bottom: 0.3em;
531 color: #fff !important; 531 color: #fff !important;
532 font-size: 14px; 532 font-size: 0.875rem;
533 } 533 }
534 .ui-datepicker .ui-datepicker-title span { 534 .ui-datepicker .ui-datepicker-title span {
535 color: #fff !important; 535 color: #fff !important;
...@@ -546,28 +546,28 @@ outline-offset: max(2px, 0.15em); ...@@ -546,28 +546,28 @@ outline-offset: max(2px, 0.15em);
546 border: none; 546 border: none;
547 } 547 }
548 .ui-datepicker .ui-datepicker-prev-hover { 548 .ui-datepicker .ui-datepicker-prev-hover {
549 left: 2px; 549 left: 0.125rem;
550 } 550 }
551 .ui-datepicker .ui-datepicker-next-hover { 551 .ui-datepicker .ui-datepicker-next-hover {
552 right: 2px; 552 right: 0.125rem;
553 } 553 }
554 .ui-datepicker .ui-datepicker-next span, 554 .ui-datepicker .ui-datepicker-next span,
555 .ui-datepicker .ui-datepicker-prev span { 555 .ui-datepicker .ui-datepicker-prev span {
556 background-image: url("data:image/png;base64,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"); 556 background-image: url("data:image/png;base64,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");
557 background-position: -32px 0; 557 background-position: -2rem 0;
558 margin-top: 0; 558 margin-top: 0;
559 top: 0; 559 top: 0;
560 font-weight: normal; 560 font-weight: normal;
561 } 561 }
562 .ui-datepicker .ui-datepicker-prev span { 562 .ui-datepicker .ui-datepicker-prev span {
563 background-position: -96px 0; 563 background-position: -6rem 0;
564 } 564 }
565 .ui-datepicker th { 565 .ui-datepicker th {
566 padding: 0.75em 0; 566 padding: 0.75em 0;
567 color: #fff !important; 567 color: #fff !important;
568 font-weight: normal; 568 font-weight: normal;
569 border: none; 569 border: none;
570 border-top: 1px solid #333; 570 border-top: 0.0625rem solid #333;
571 } 571 }
572 .ui-datepicker td { 572 .ui-datepicker td {
573 background: #f1f1f1; 573 background: #f1f1f1;
...@@ -612,7 +612,7 @@ outline-offset: max(2px, 0.15em); ...@@ -612,7 +612,7 @@ outline-offset: max(2px, 0.15em);
612 612
613 613
614 select { 614 select {
615 border: 0px solid #707070 !important; 615 border: 0rem solid #707070 !important;
616 background-color: transparent; 616 background-color: transparent;
617 min-width: unset !important; 617 min-width: unset !important;
618 } 618 }
...@@ -628,7 +628,7 @@ select { ...@@ -628,7 +628,7 @@ select {
628 cursor: pointer; 628 cursor: pointer;
629 line-height: 1.1; 629 line-height: 1.1;
630 background-color: #fff; 630 background-color: #fff;
631 border: 1px solid #bebebe; 631 border: 0.0625rem solid #bebebe;
632 } 632 }
633 [data-sf-field-input-type="select"] label { 633 [data-sf-field-input-type="select"] label {
634 &:after { 634 &:after {
......
...@@ -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
......
1 /** Wednesday 26th July 2023 02:16:49 UTC (core) **/
2 /** THIS FILE IS AUTOMATICALLY GENERATED - DO NOT MAKE MANUAL EDITS! **/
3 /** Custom CSS should be added to Mega Menu > Menu Themes > Custom Styling **/
4
5 .mega-menu-last-modified-1690337809 { content: 'Wednesday 26th July 2023 02:16:49 UTC'; }
6
7 #mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
8 transition: none;
9 border-radius: 0;
10 box-shadow: none;
11 background: none;
12 border: 0;
13 bottom: auto;
14 box-sizing: border-box;
15 clip: auto;
16 color: #666;
17 display: block;
18 float: none;
19 font-family: inherit;
20 font-size: 0.875rem;
21 height: auto;
22 left: auto;
23 line-height: 1.7;
24 list-style-type: none;
25 margin: 0;
26 min-height: auto;
27 max-height: none;
28 min-width: auto;
29 max-width: none;
30 opacity: 1;
31 outline: none;
32 overflow: visible;
33 padding: 0;
34 position: relative;
35 pointer-events: auto;
36 right: auto;
37 text-align: left;
38 text-decoration: none;
39 text-indent: 0;
40 text-transform: none;
41 transform: none;
42 top: auto;
43 vertical-align: baseline;
44 visibility: inherit;
45 width: auto;
46 word-wrap: break-word;
47 white-space: normal;
48 }
49 #mega-menu-wrap-primary:before, #mega-menu-wrap-primary #mega-menu-primary:before, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:before, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:before, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:before, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge:before, #mega-menu-wrap-primary:after, #mega-menu-wrap-primary #mega-menu-primary:after, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column:after, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge:after {
50 display: none;
51 }
52 #mega-menu-wrap-primary {
53 border-radius: 0;
54 }
55 @media only screen and (min-width: 62.5625rem) {
56 #mega-menu-wrap-primary {
57 background: rgba(0, 0, 0, 0);
58 }
59 }
60 #mega-menu-wrap-primary.mega-keyboard-navigation .mega-menu-toggle:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block .mega-search input[type=text]:focus, #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary a:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary span:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary input:focus, #mega-menu-wrap-primary.mega-keyboard-navigation #mega-menu-primary li.mega-menu-item a.mega-menu-link:focus {
61 outline: 0.1875rem solid #109cde;
62 outline-offset: -0.1875rem;
63 }
64 #mega-menu-wrap-primary.mega-keyboard-navigation .mega-toggle-block button.mega-toggle-animated:focus {
65 outline-offset: 0.125rem;
66 }
67 #mega-menu-wrap-primary.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
68 background: #e00;
69 color: #fff;
70 font-weight: normal;
71 text-decoration: none;
72 border-color: #fff;
73 }
74 @media only screen and (max-width: 62.5rem) {
75 #mega-menu-wrap-primary.mega-keyboard-navigation > li.mega-menu-item > a.mega-menu-link:focus {
76 color: #fff;
77 background: #333;
78 }
79 }
80 #mega-menu-wrap-primary #mega-menu-primary {
81 visibility: visible;
82 text-align: center;
83 padding: 1.25rem 0rem 0rem 0rem;
84 }
85 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
86 cursor: pointer;
87 display: inline;
88 }
89 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group {
90 vertical-align: middle;
91 display: inline-block;
92 transition: none;
93 }
94 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
95 transition: none;
96 line-height: 1.5;
97 display: block;
98 }
99 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
100 font-style: italic;
101 font-size: 0.8em;
102 text-transform: none;
103 font-weight: normal;
104 }
105 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
106 display: flex;
107 align-items: center;
108 }
109 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link:before {
110 flex: 0 0 auto;
111 align-self: flex-start;
112 }
113 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-tabbed.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
114 display: block;
115 }
116 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link {
117 display: table-cell;
118 vertical-align: middle;
119 line-height: initial;
120 }
121 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
122 display: block;
123 margin: 0 0 0.375rem 0;
124 text-align: center;
125 }
126 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {
127 display: inline-block;
128 transition: none;
129 }
130 @media only screen and (max-width: 62.5rem) {
131 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-icon-top > a.mega-menu-link {
132 display: block;
133 line-height: 2.5rem;
134 }
135 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-icon-top > a.mega-menu-link:before {
136 display: inline-block;
137 margin: 0 0.375rem 0 0;
138 text-align: left;
139 }
140 }
141 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-right > a.mega-menu-link:before {
142 float: right;
143 margin: 0 0 0 0.375rem;
144 }
145 #mega-menu-wrap-primary #mega-menu-primary > li.mega-animating > ul.mega-sub-menu {
146 pointer-events: none;
147 }
148 #mega-menu-wrap-primary #mega-menu-primary li.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu li.mega-disable-link > a.mega-menu-link {
149 cursor: inherit;
150 }
151 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
152 cursor: pointer;
153 }
154 #mega-menu-wrap-primary #mega-menu-primary p {
155 margin-bottom: 0.625rem;
156 }
157 #mega-menu-wrap-primary #mega-menu-primary input, #mega-menu-wrap-primary #mega-menu-primary img {
158 max-width: 100%;
159 }
160 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
161 display: block;
162 visibility: hidden;
163 opacity: 1;
164 pointer-events: auto;
165 }
166 @media only screen and (max-width: 62.5rem) {
167 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu {
168 display: none;
169 visibility: visible;
170 opacity: 1;
171 }
172 #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 {
173 display: block;
174 }
175 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-hide-sub-menu-on-mobile > ul.mega-sub-menu {
176 display: none;
177 }
178 }
179 @media only screen and (min-width: 62.5625rem) {
180 #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
181 opacity: 0;
182 transition: opacity 200ms ease-in, visibility 200ms ease-in;
183 }
184 #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
185 opacity: 1;
186 }
187 #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
188 opacity: 0;
189 transform: translate(0, 0.625rem);
190 transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;
191 }
192 #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
193 opacity: 1;
194 transform: translate(0, 0);
195 }
196 #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
197 transform: translate(0, 0.625rem);
198 transition: transform 200ms ease-in, visibility 200ms ease-in;
199 }
200 #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="slide_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu {
201 transform: translate(0, 0);
202 }
203 }
204 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children > ul.mega-sub-menu {
205 display: none;
206 }
207 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu {
208 display: block;
209 }
210 #mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
211 visibility: visible;
212 }
213 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
214 visibility: inherit;
215 opacity: 1;
216 display: block;
217 }
218 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-1-columns > ul.mega-sub-menu > li.mega-menu-item {
219 float: left;
220 width: 100%;
221 }
222 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {
223 float: left;
224 width: 50%;
225 }
226 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-3-columns > ul.mega-sub-menu > li.mega-menu-item {
227 float: left;
228 width: 33.33333%;
229 }
230 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {
231 float: left;
232 width: 25%;
233 }
234 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-5-columns > ul.mega-sub-menu > li.mega-menu-item {
235 float: left;
236 width: 20%;
237 }
238 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-6-columns > ul.mega-sub-menu > li.mega-menu-item {
239 float: left;
240 width: 16.66667%;
241 }
242 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a[class^='dashicons']:before {
243 font-family: dashicons;
244 }
245 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
246 display: inline-block;
247 font: inherit;
248 font-family: dashicons;
249 position: static;
250 margin: 0 0.375rem 0 0rem;
251 vertical-align: top;
252 -webkit-font-smoothing: antialiased;
253 -moz-osx-font-smoothing: grayscale;
254 color: inherit;
255 background: transparent;
256 height: auto;
257 width: auto;
258 top: auto;
259 }
260 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text a.mega-menu-link:before {
261 margin: 0;
262 }
263 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-hide-text li.mega-menu-item a.mega-menu-link:before {
264 margin: 0 0.375rem 0 0;
265 }
266 #mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-left.mega-toggle-on > a.mega-menu-link {
267 border-radius: 1.5625rem 1.5625rem 0rem 0rem;
268 }
269 #mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right > ul.mega-sub-menu {
270 right: 0;
271 }
272 #mega-menu-wrap-primary #mega-menu-primary li.mega-align-bottom-right.mega-toggle-on > a.mega-menu-link {
273 border-radius: 1.5625rem 1.5625rem 0rem 0rem;
274 }
275 @media only screen and (min-width: 62.5625rem) {
276 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item {
277 position: static;
278 }
279 }
280 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
281 margin: 0 0rem 0 0;
282 display: inline-block;
283 height: auto;
284 vertical-align: middle;
285 }
286 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
287 float: right;
288 }
289 @media only screen and (min-width: 62.5625rem) {
290 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
291 margin: 0 0 0 0rem;
292 }
293 }
294 @media only screen and (min-width: 62.5625rem) {
295 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-float-left {
296 float: left;
297 }
298 }
299 @media only screen and (min-width: 62.5625rem) {
300 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
301 background: #e00;
302 color: #fff;
303 font-weight: normal;
304 text-decoration: none;
305 border-color: #fff;
306 }
307 }
308 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
309 background: #e00;
310 color: #fff;
311 font-weight: normal;
312 text-decoration: none;
313 border-color: #fff;
314 }
315 @media only screen and (max-width: 62.5rem) {
316 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
317 color: #fff;
318 background: #333;
319 }
320 }
321 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
322 background: #e00;
323 color: #fff;
324 font-weight: normal;
325 text-decoration: none;
326 border-color: #fff;
327 }
328 @media only screen and (max-width: 62.5rem) {
329 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
330 color: #fff;
331 background: #333;
332 }
333 }
334 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
335 line-height: 2.5rem;
336 height: 2.5rem;
337 padding: 0rem 0.625rem 0rem 0.625rem;
338 vertical-align: baseline;
339 width: auto;
340 display: block;
341 color: #fff;
342 text-transform: none;
343 text-decoration: none;
344 text-align: left;
345 background: #e00;
346 border: 0;
347 border-radius: 1.5625rem 1.5625rem 1.5625rem 1.5625rem;
348 font-family: inherit;
349 font-size: 0.875rem;
350 font-weight: normal;
351 outline: none;
352 }
353 @media only screen and (min-width: 62.5625rem) {
354 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link {
355 line-height: inherit;
356 display: table-cell;
357 vertical-align: middle;
358 }
359 }
360 @media only screen and (max-width: 62.5rem) {
361 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-multi-line > a.mega-menu-link br {
362 display: none;
363 }
364 }
365 @media only screen and (max-width: 62.5rem) {
366 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
367 display: list-item;
368 margin: 0;
369 clear: both;
370 border: 0;
371 }
372 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-right {
373 float: none;
374 }
375 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
376 border-radius: 0;
377 border: 0;
378 margin: 0;
379 line-height: 2.5rem;
380 height: 2.5rem;
381 padding: 0 0.625rem;
382 background: transparent;
383 text-align: left;
384 color: #fff;
385 font-size: 0.875rem;
386 }
387 }
388 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
389 width: 100%;
390 float: left;
391 }
392 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
393 float: left;
394 min-height: 0.0625rem;
395 }
396 @media only screen and (min-width: 62.5625rem) {
397 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-1 {
398 width: 100%;
399 }
400 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-2 {
401 width: 50%;
402 }
403 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-2 {
404 width: 100%;
405 }
406 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-3 {
407 width: 33.33333%;
408 }
409 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-3 {
410 width: 66.66667%;
411 }
412 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-3 {
413 width: 100%;
414 }
415 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 {
416 width: 25%;
417 }
418 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-4 {
419 width: 50%;
420 }
421 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-4 {
422 width: 75%;
423 }
424 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-4 {
425 width: 100%;
426 }
427 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-5 {
428 width: 20%;
429 }
430 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-5 {
431 width: 40%;
432 }
433 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-5 {
434 width: 60%;
435 }
436 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-5 {
437 width: 80%;
438 }
439 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-5 {
440 width: 100%;
441 }
442 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-6 {
443 width: 16.66667%;
444 }
445 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-6 {
446 width: 33.33333%;
447 }
448 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-6 {
449 width: 50%;
450 }
451 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-6 {
452 width: 66.66667%;
453 }
454 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-6 {
455 width: 83.33333%;
456 }
457 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-6 {
458 width: 100%;
459 }
460 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-7 {
461 width: 14.28571%;
462 }
463 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-7 {
464 width: 28.57143%;
465 }
466 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-7 {
467 width: 42.85714%;
468 }
469 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-7 {
470 width: 57.14286%;
471 }
472 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-7 {
473 width: 71.42857%;
474 }
475 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-7 {
476 width: 85.71429%;
477 }
478 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-7 {
479 width: 100%;
480 }
481 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-8 {
482 width: 12.5%;
483 }
484 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-8 {
485 width: 25%;
486 }
487 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-8 {
488 width: 37.5%;
489 }
490 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-8 {
491 width: 50%;
492 }
493 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-8 {
494 width: 62.5%;
495 }
496 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-8 {
497 width: 75%;
498 }
499 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-8 {
500 width: 87.5%;
501 }
502 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-8 {
503 width: 100%;
504 }
505 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-9 {
506 width: 11.11111%;
507 }
508 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-9 {
509 width: 22.22222%;
510 }
511 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-9 {
512 width: 33.33333%;
513 }
514 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-9 {
515 width: 44.44444%;
516 }
517 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-9 {
518 width: 55.55556%;
519 }
520 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-9 {
521 width: 66.66667%;
522 }
523 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-9 {
524 width: 77.77778%;
525 }
526 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-9 {
527 width: 88.88889%;
528 }
529 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-9 {
530 width: 100%;
531 }
532 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-10 {
533 width: 10%;
534 }
535 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-10 {
536 width: 20%;
537 }
538 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-10 {
539 width: 30%;
540 }
541 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-10 {
542 width: 40%;
543 }
544 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-10 {
545 width: 50%;
546 }
547 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-10 {
548 width: 60%;
549 }
550 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-10 {
551 width: 70%;
552 }
553 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-10 {
554 width: 80%;
555 }
556 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-10 {
557 width: 90%;
558 }
559 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-10 {
560 width: 100%;
561 }
562 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-11 {
563 width: 9.09091%;
564 }
565 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-11 {
566 width: 18.18182%;
567 }
568 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-11 {
569 width: 27.27273%;
570 }
571 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-11 {
572 width: 36.36364%;
573 }
574 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-11 {
575 width: 45.45455%;
576 }
577 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-11 {
578 width: 54.54545%;
579 }
580 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-11 {
581 width: 63.63636%;
582 }
583 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-11 {
584 width: 72.72727%;
585 }
586 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-11 {
587 width: 81.81818%;
588 }
589 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-11 {
590 width: 90.90909%;
591 }
592 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-11 {
593 width: 100%;
594 }
595 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-1-of-12 {
596 width: 8.33333%;
597 }
598 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
599 width: 16.66667%;
600 }
601 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
602 width: 25%;
603 }
604 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12 {
605 width: 33.33333%;
606 }
607 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-5-of-12 {
608 width: 41.66667%;
609 }
610 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
611 width: 50%;
612 }
613 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-7-of-12 {
614 width: 58.33333%;
615 }
616 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-8-of-12 {
617 width: 66.66667%;
618 }
619 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-9-of-12 {
620 width: 75%;
621 }
622 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-10-of-12 {
623 width: 83.33333%;
624 }
625 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-11-of-12 {
626 width: 91.66667%;
627 }
628 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-12-of-12 {
629 width: 100%;
630 }
631 }
632 @media only screen and (max-width: 62.5rem) {
633 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
634 width: 100%;
635 clear: both;
636 }
637 }
638 #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 {
639 padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
640 width: 100%;
641 }
642 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
643 z-index: 999;
644 border-radius: 0;
645 background: #f1f1f1;
646 border: 0;
647 padding: 0rem 0rem 0rem 0rem;
648 position: absolute;
649 width: 100%;
650 max-width: none;
651 left: 0;
652 }
653 @media only screen and (max-width: 62.5rem) {
654 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
655 float: left;
656 position: static;
657 width: 100%;
658 }
659 }
660 @media only screen and (min-width: 62.5625rem) {
661 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-1 {
662 width: 100%;
663 }
664 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-2 {
665 width: 50%;
666 }
667 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-2 {
668 width: 100%;
669 }
670 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-3 {
671 width: 33.33333%;
672 }
673 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-3 {
674 width: 66.66667%;
675 }
676 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-3 {
677 width: 100%;
678 }
679 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-4 {
680 width: 25%;
681 }
682 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-4 {
683 width: 50%;
684 }
685 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-4 {
686 width: 75%;
687 }
688 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-4 {
689 width: 100%;
690 }
691 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-5 {
692 width: 20%;
693 }
694 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-5 {
695 width: 40%;
696 }
697 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-5 {
698 width: 60%;
699 }
700 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-5 {
701 width: 80%;
702 }
703 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-5 {
704 width: 100%;
705 }
706 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-6 {
707 width: 16.66667%;
708 }
709 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-6 {
710 width: 33.33333%;
711 }
712 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-6 {
713 width: 50%;
714 }
715 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-6 {
716 width: 66.66667%;
717 }
718 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-6 {
719 width: 83.33333%;
720 }
721 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-6 {
722 width: 100%;
723 }
724 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-7 {
725 width: 14.28571%;
726 }
727 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-7 {
728 width: 28.57143%;
729 }
730 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-7 {
731 width: 42.85714%;
732 }
733 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-7 {
734 width: 57.14286%;
735 }
736 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-7 {
737 width: 71.42857%;
738 }
739 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-7 {
740 width: 85.71429%;
741 }
742 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-7 {
743 width: 100%;
744 }
745 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-8 {
746 width: 12.5%;
747 }
748 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-8 {
749 width: 25%;
750 }
751 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-8 {
752 width: 37.5%;
753 }
754 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-8 {
755 width: 50%;
756 }
757 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-8 {
758 width: 62.5%;
759 }
760 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-8 {
761 width: 75%;
762 }
763 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-8 {
764 width: 87.5%;
765 }
766 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-8 {
767 width: 100%;
768 }
769 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-9 {
770 width: 11.11111%;
771 }
772 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-9 {
773 width: 22.22222%;
774 }
775 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-9 {
776 width: 33.33333%;
777 }
778 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-9 {
779 width: 44.44444%;
780 }
781 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-9 {
782 width: 55.55556%;
783 }
784 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-9 {
785 width: 66.66667%;
786 }
787 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-9 {
788 width: 77.77778%;
789 }
790 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-9 {
791 width: 88.88889%;
792 }
793 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-9 {
794 width: 100%;
795 }
796 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-10 {
797 width: 10%;
798 }
799 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-10 {
800 width: 20%;
801 }
802 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-10 {
803 width: 30%;
804 }
805 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-10 {
806 width: 40%;
807 }
808 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-10 {
809 width: 50%;
810 }
811 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-10 {
812 width: 60%;
813 }
814 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-10 {
815 width: 70%;
816 }
817 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-10 {
818 width: 80%;
819 }
820 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-10 {
821 width: 90%;
822 }
823 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-10 {
824 width: 100%;
825 }
826 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-11 {
827 width: 9.09091%;
828 }
829 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-11 {
830 width: 18.18182%;
831 }
832 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-11 {
833 width: 27.27273%;
834 }
835 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-11 {
836 width: 36.36364%;
837 }
838 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-11 {
839 width: 45.45455%;
840 }
841 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-11 {
842 width: 54.54545%;
843 }
844 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-11 {
845 width: 63.63636%;
846 }
847 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-11 {
848 width: 72.72727%;
849 }
850 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-11 {
851 width: 81.81818%;
852 }
853 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-11 {
854 width: 90.90909%;
855 }
856 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-11 {
857 width: 100%;
858 }
859 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-1-of-12 {
860 width: 8.33333%;
861 }
862 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-2-of-12 {
863 width: 16.66667%;
864 }
865 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-3-of-12 {
866 width: 25%;
867 }
868 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-4-of-12 {
869 width: 33.33333%;
870 }
871 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-5-of-12 {
872 width: 41.66667%;
873 }
874 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-6-of-12 {
875 width: 50%;
876 }
877 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-7-of-12 {
878 width: 58.33333%;
879 }
880 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-8-of-12 {
881 width: 66.66667%;
882 }
883 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-9-of-12 {
884 width: 75%;
885 }
886 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-10-of-12 {
887 width: 83.33333%;
888 }
889 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-11-of-12 {
890 width: 91.66667%;
891 }
892 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-columns-12-of-12 {
893 width: 100%;
894 }
895 }
896 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .mega-description-group .mega-menu-description {
897 margin: 0.3125rem 0;
898 }
899 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu {
900 clear: both;
901 }
902 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
903 margin-left: 0.625rem;
904 }
905 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu {
906 margin-left: 0.625rem;
907 }
908 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #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 {
909 color: #666;
910 font-family: inherit;
911 font-size: 0.875rem;
912 display: block;
913 float: left;
914 clear: none;
915 padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
916 vertical-align: top;
917 }
918 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear, #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.mega-menu-clear {
919 clear: left;
920 }
921 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #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 h4.mega-block-title {
922 color: #555;
923 font-family: inherit;
924 font-size: 1rem;
925 text-transform: uppercase;
926 text-decoration: none;
927 font-weight: bold;
928 text-align: left;
929 margin: 0rem 0rem 0rem 0rem;
930 padding: 0rem 0rem 0.3125rem 0rem;
931 vertical-align: top;
932 display: block;
933 visibility: inherit;
934 border: 0;
935 }
936 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover, #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 h4.mega-block-title:hover {
937 border-color: rgba(0, 0, 0, 0);
938 }
939 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #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 {
940 /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items */
941 color: #555;
942 font-family: inherit;
943 font-size: 1rem;
944 text-transform: uppercase;
945 text-decoration: none;
946 font-weight: bold;
947 text-align: left;
948 margin: 0rem 0rem 0rem 0rem;
949 padding: 0rem 0rem 0rem 0rem;
950 vertical-align: top;
951 display: block;
952 border: 0;
953 }
954 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #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 {
955 border-color: rgba(0, 0, 0, 0);
956 }
957 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #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-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #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:focus {
958 /* Mega Menu > Menu Themes > Mega Menus > Second Level Menu Items (Hover) */
959 color: #555;
960 font-weight: bold;
961 text-decoration: none;
962 background: rgba(0, 0, 0, 0);
963 }
964 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover > span.mega-title-below, #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 > span.mega-title-below, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus > span.mega-title-below, #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:focus > span.mega-title-below {
965 text-decoration: none;
966 }
967 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #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 li.mega-menu-item > a.mega-menu-link {
968 /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items */
969 color: #666;
970 font-family: inherit;
971 font-size: 0.875rem;
972 text-transform: none;
973 text-decoration: none;
974 font-weight: normal;
975 text-align: left;
976 margin: 0rem 0rem 0rem 0rem;
977 padding: 0rem 0rem 0rem 0rem;
978 vertical-align: top;
979 display: block;
980 border: 0;
981 }
982 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #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 li.mega-menu-item > a.mega-menu-link:hover {
983 border-color: rgba(0, 0, 0, 0);
984 }
985 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link, #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 li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
986 display: flex;
987 }
988 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #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 li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #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 li.mega-menu-item > a.mega-menu-link:focus {
989 /* Mega Menu > Menu Themes > Mega Menus > Third Level Menu Items (Hover) */
990 color: #666;
991 font-weight: normal;
992 text-decoration: none;
993 background: rgba(0, 0, 0, 0);
994 }
995 @media only screen and (max-width: 62.5rem) {
996 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
997 border: 0;
998 padding: 0.625rem;
999 border-radius: 0;
1000 }
1001 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
1002 width: 100%;
1003 clear: both;
1004 }
1005 }
1006 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
1007 color: #666;
1008 font-family: inherit;
1009 font-size: 0.875rem;
1010 text-transform: none;
1011 text-decoration: none;
1012 font-weight: normal;
1013 margin: 0;
1014 border: 0;
1015 padding: 0rem 0rem 0rem 0rem;
1016 vertical-align: top;
1017 display: block;
1018 }
1019 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-no-headers > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus {
1020 color: #666;
1021 font-weight: normal;
1022 text-decoration: none;
1023 background: rgba(0, 0, 0, 0);
1024 }
1025 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
1026 z-index: 999;
1027 position: absolute;
1028 width: 15.625rem;
1029 max-width: none;
1030 padding: 0rem 0rem 0rem 0rem;
1031 border: 0;
1032 background: #f1f1f1;
1033 border-radius: 0;
1034 }
1035 @media only screen and (max-width: 62.5rem) {
1036 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
1037 float: left;
1038 position: static;
1039 width: 100%;
1040 padding: 0;
1041 border: 0;
1042 border-radius: 0;
1043 }
1044 }
1045 @media only screen and (max-width: 62.5rem) {
1046 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
1047 clear: both;
1048 }
1049 }
1050 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
1051 display: block;
1052 background: #f1f1f1;
1053 color: #666;
1054 font-family: inherit;
1055 font-size: 0.875rem;
1056 font-weight: normal;
1057 padding: 0rem 0.625rem 0rem 0.625rem;
1058 line-height: 2.1875rem;
1059 text-decoration: none;
1060 text-transform: none;
1061 vertical-align: baseline;
1062 }
1063 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
1064 border-top-left-radius: 0rem;
1065 border-top-right-radius: 0rem;
1066 }
1067 @media only screen and (max-width: 62.5rem) {
1068 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
1069 border-top-left-radius: 0;
1070 border-top-right-radius: 0;
1071 }
1072 }
1073 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
1074 border-bottom-right-radius: 0rem;
1075 border-bottom-left-radius: 0rem;
1076 }
1077 @media only screen and (max-width: 62.5rem) {
1078 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:last-child > a.mega-menu-link {
1079 border-bottom-right-radius: 0;
1080 border-bottom-left-radius: 0;
1081 }
1082 }
1083 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
1084 background: #ddd;
1085 font-weight: normal;
1086 text-decoration: none;
1087 color: #666;
1088 }
1089 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
1090 position: absolute;
1091 left: 100%;
1092 top: 0;
1093 }
1094 @media only screen and (max-width: 62.5rem) {
1095 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
1096 position: static;
1097 left: 0;
1098 width: 100%;
1099 }
1100 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu a.mega-menu-link {
1101 padding-left: 1.25rem;
1102 }
1103 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu ul.mega-sub-menu a.mega-menu-link {
1104 padding-left: 1.875rem;
1105 }
1106 }
1107 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
1108 display: inline-block;
1109 width: auto;
1110 background: transparent;
1111 position: relative;
1112 pointer-events: auto;
1113 left: auto;
1114 min-width: auto;
1115 font-size: inherit;
1116 padding: 0;
1117 margin: 0 0 0 0.375rem;
1118 height: auto;
1119 line-height: inherit;
1120 color: inherit;
1121 }
1122 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
1123 content: '\f347';
1124 font-family: dashicons;
1125 font-weight: normal;
1126 display: inline-block;
1127 margin: 0;
1128 vertical-align: top;
1129 -webkit-font-smoothing: antialiased;
1130 -moz-osx-font-smoothing: grayscale;
1131 transform: rotate(0);
1132 color: inherit;
1133 position: relative;
1134 background: transparent;
1135 height: auto;
1136 width: auto;
1137 right: auto;
1138 line-height: inherit;
1139 }
1140 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
1141 float: right;
1142 }
1143 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-collapse-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
1144 content: '\f343';
1145 }
1146 @media only screen and (max-width: 62.5rem) {
1147 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
1148 float: right;
1149 }
1150 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
1151 content: '\f343';
1152 }
1153 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-sub-menu-on-mobile > a.mega-menu-link > span.mega-indicator {
1154 display: none;
1155 }
1156 }
1157 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator {
1158 display: none;
1159 }
1160 @media only screen and (min-width: 62.5625rem) {
1161 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
1162 content: '\f139';
1163 }
1164 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link {
1165 text-align: right;
1166 }
1167 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator {
1168 float: left;
1169 }
1170 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
1171 content: '\f141';
1172 margin: 0 0.375rem 0 0;
1173 }
1174 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right li.mega-menu-item a.mega-menu-link:before {
1175 float: right;
1176 margin: 0 0 0 0.375rem;
1177 }
1178 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-align-bottom-right ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
1179 left: -100%;
1180 top: 0;
1181 }
1182 }
1183 #mega-menu-wrap-primary #mega-menu-primary li[class^='mega-lang-item'] > a.mega-menu-link > img {
1184 display: inline;
1185 }
1186 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link > img.wpml-ls-flag, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link > img.iclflag {
1187 display: inline;
1188 margin-right: 0.5rem;
1189 }
1190 @media only screen and (max-width: 62.5rem) {
1191 #mega-menu-wrap-primary #mega-menu-primary li.mega-hide-on-mobile, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-mobile, #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.mega-hide-on-mobile {
1192 display: none;
1193 }
1194 }
1195 @media only screen and (min-width: 62.5625rem) {
1196 #mega-menu-wrap-primary #mega-menu-primary li.mega-hide-on-desktop, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-hide-on-desktop, #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.mega-hide-on-desktop {
1197 display: none;
1198 }
1199 }
1200 @media only screen and (max-width: 62.5rem) {
1201 #mega-menu-wrap-primary:after {
1202 content: "";
1203 display: table;
1204 clear: both;
1205 }
1206 }
1207 #mega-menu-wrap-primary .mega-menu-toggle {
1208 display: none;
1209 z-index: 1;
1210 cursor: pointer;
1211 background: #fff;
1212 border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
1213 line-height: 2.5rem;
1214 height: 2.5rem;
1215 text-align: left;
1216 user-select: none;
1217 -webkit-tap-highlight-color: transparent;
1218 outline: none;
1219 white-space: nowrap;
1220 }
1221 #mega-menu-wrap-primary .mega-menu-toggle img {
1222 max-width: 100%;
1223 padding: 0;
1224 }
1225 @media only screen and (max-width: 62.5rem) {
1226 #mega-menu-wrap-primary .mega-menu-toggle {
1227 display: -webkit-box;
1228 display: -ms-flexbox;
1229 display: -webkit-flex;
1230 display: flex;
1231 }
1232 }
1233 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
1234 display: -webkit-box;
1235 display: -ms-flexbox;
1236 display: -webkit-flex;
1237 display: flex;
1238 -ms-flex-preferred-size: 33.33%;
1239 -webkit-flex-basis: 33.33%;
1240 flex-basis: 33.33%;
1241 }
1242 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left {
1243 -webkit-box-flex: 1;
1244 -ms-flex: 1;
1245 -webkit-flex: 1;
1246 flex: 1;
1247 -webkit-box-pack: start;
1248 -ms-flex-pack: start;
1249 -webkit-justify-content: flex-start;
1250 justify-content: flex-start;
1251 }
1252 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
1253 margin-left: 0.375rem;
1254 }
1255 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
1256 margin-right: 0.375rem;
1257 }
1258 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {
1259 -webkit-box-pack: center;
1260 -ms-flex-pack: center;
1261 -webkit-justify-content: center;
1262 justify-content: center;
1263 }
1264 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center .mega-toggle-block {
1265 margin-left: 0.1875rem;
1266 margin-right: 0.1875rem;
1267 }
1268 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
1269 -webkit-box-flex: 1;
1270 -ms-flex: 1;
1271 -webkit-flex: 1;
1272 flex: 1;
1273 -webkit-box-pack: end;
1274 -ms-flex-pack: end;
1275 -webkit-justify-content: flex-end;
1276 justify-content: flex-end;
1277 }
1278 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
1279 margin-right: 0.375rem;
1280 }
1281 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
1282 margin-left: 0.375rem;
1283 }
1284 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block {
1285 display: -webkit-box;
1286 display: -ms-flexbox;
1287 display: -webkit-flex;
1288 display: flex;
1289 height: 100%;
1290 outline: 0;
1291 -webkit-align-self: center;
1292 -ms-flex-item-align: center;
1293 align-self: center;
1294 -ms-flex-negative: 0;
1295 -webkit-flex-shrink: 0;
1296 flex-shrink: 0;
1297 }
1298 @media only screen and (max-width: 62.5rem) {
1299 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
1300 background: #fff;
1301 padding: 0rem 0rem 0rem 0rem;
1302 display: none;
1303 position: absolute;
1304 width: 100%;
1305 z-index: 9999999;
1306 }
1307 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
1308 display: block;
1309 }
1310 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
1311 position: fixed;
1312 display: block;
1313 width: 18.75rem;
1314 max-width: 90%;
1315 height: 100vh;
1316 max-height: 100vh;
1317 top: 0;
1318 box-sizing: border-box;
1319 transition: left 200ms ease-in-out, right 200ms ease-in-out;
1320 overflow: auto;
1321 z-index: 9999999999;
1322 overscroll-behavior: contain;
1323 }
1324 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
1325 left: -18.75rem;
1326 }
1327 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
1328 left: 0;
1329 }
1330 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
1331 position: fixed;
1332 width: 100%;
1333 height: 6249.9375rem;
1334 content: "";
1335 top: 0;
1336 left: 0;
1337 opacity: 0.5;
1338 background: black;
1339 cursor: pointer;
1340 z-index: 9999999998;
1341 }
1342 }
1343 html.mega-menu-primary-off-canvas-open {
1344 overflow: hidden;
1345 height: auto;
1346 }
1347 html.mega-menu-primary-off-canvas-open body {
1348 overflow: hidden;
1349 height: auto;
1350 }
1351 html.mega-menu-primary-off-canvas-open #wpadminbar {
1352 z-index: 0;
1353 }
1354 #mega-menu-wrap-primary .mega-menu-toggle {
1355 /** Push menu onto new line **/
1356 }
1357 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 {
1358 cursor: pointer;
1359 }
1360 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
1361 content: '\f333';
1362 font-family: 'dashicons';
1363 font-size: 1.5rem;
1364 color: #ddd;
1365 margin: 0 0 0 0.3125rem;
1366 }
1367 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-label {
1368 color: #ddd;
1369 font-size: 0.875rem;
1370 }
1371 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-label .mega-toggle-label-open {
1372 display: none;
1373 }
1374 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3 .mega-toggle-label .mega-toggle-label-closed {
1375 display: inline;
1376 }
1377 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after {
1378 content: '\f153';
1379 }
1380 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3 .mega-toggle-label-open {
1381 display: inline;
1382 }
1383 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3 .mega-toggle-label-closed {
1384 display: none;
1385 }
1386 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 {
1387 width: 100%;
1388 margin: 0;
1389 }
1390 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 {
1391 width: 100%;
1392 margin: 0;
1393 }
1394 #mega-menu-wrap-primary {
1395 clear: both;
1396 }
1397 .wp-block {}
...\ No newline at end of file ...\ No newline at end of file
1 @media only screen and (min-width: 1000px) { 1 @media only screen and (min-width: 62.5rem) {
2 2
3 #mega-menu-wrap-primary{ 3 #mega-menu-wrap-primary{
4 width: 100%; 4 width: 100%;
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 text-align: center; 18 text-align: center;
19 height: 2.5rem; 19 height: 2.5rem;
20 margin-top: 0rem; 20 margin-top: 0rem;
21 font-size: 18px; 21 font-size: 1.125rem;
22 position: relative; 22 position: relative;
23 font-family: "PT Sans",sans-serif; 23 font-family: "PT Sans",sans-serif;
24 24
...@@ -28,19 +28,19 @@ ...@@ -28,19 +28,19 @@
28 text-align: center; 28 text-align: center;
29 font-family: "PT Sans",sans-serif; 29 font-family: "PT Sans",sans-serif;
30 font-weight: bold !important; 30 font-weight: bold !important;
31 font-size: 18px; 31 font-size: 1.125rem;
32 height: 2.5rem; 32 height: 2.5rem;
33 } 33 }
34 34
35 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{ 35 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link:before{
36 content: ""; 36 content: "";
37 width: 13px; 37 width: 0.8125rem;
38 height: 0.4831rem; 38 height: 0.4831rem;
39 position: absolute; 39 position: absolute;
40 background-size: contain; 40 background-size: contain;
41 background-repeat: no-repeat; 41 background-repeat: no-repeat;
42 margin-left: -30px; 42 margin-left: -1.875rem;
43 margin-top: 15px; 43 margin-top: 0.9375rem;
44 display: inline-block; 44 display: inline-block;
45 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>'); 45 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>');
46 } 46 }
...@@ -57,8 +57,8 @@ ...@@ -57,8 +57,8 @@
57 } 57 }
58 58
59 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ 59 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
60 margin-top: 17px; 60 margin-top: 1.0625rem;
61 padding: 20px 28px 20px 20px; 61 padding: 1.25rem 1.75rem 1.25rem 1.25rem;
62 background-color: #f0f0f0; 62 background-color: #f0f0f0;
63 border-radius: 0rem 0rem 1.25rem 1.25rem; 63 border-radius: 0rem 0rem 1.25rem 1.25rem;
64 } 64 }
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
72 } 72 }
73 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{ 73 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu:nth-child(4) > ul.mega-sub-menu{
74 left: unset !important; 74 left: unset !important;
75 right: 0px !important; 75 right: 0rem !important;
76 } 76 }
77 77
78 .mega-menu-row .mega-sub-menu, 78 .mega-menu-row .mega-sub-menu,
...@@ -81,18 +81,18 @@ ...@@ -81,18 +81,18 @@
81 } 81 }
82 82
83 #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 { 83 #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 {
84 //width: 320px; 84 //width: 20rem;
85 //min-width: 320px; 85 //min-width: 20rem;
86 //max-width: 320px; 86 //max-width: 20rem;
87 margin: 0; 87 margin: 0;
88 padding: 0px 15px 18px 10px; 88 padding: 0rem 0.9375rem 1.125rem 0.625rem;
89 } 89 }
90 #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 { 90 #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 {
91 margin:0; 91 margin:0;
92 color:#000; 92 color:#000;
93 text-decoration: none; 93 text-decoration: none;
94 white-space: break-spaces; 94 white-space: break-spaces;
95 font-size: 18px; 95 font-size: 1.125rem;
96 font-weight: 400; 96 font-weight: 400;
97 font-family: "PT Sans",sans-serif; 97 font-family: "PT Sans",sans-serif;
98 font-weight:bold 98 font-weight:bold
...@@ -107,14 +107,14 @@ ...@@ -107,14 +107,14 @@
107 } 107 }
108 108
109 #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 { 109 #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 {
110 font-size:20px; 110 font-size:1.25rem;
111 font-family: "PT Sans",sans-serif; 111 font-family: "PT Sans",sans-serif;
112 } 112 }
113 113
114 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{ 114 #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{
115 font-style: normal; 115 font-style: normal;
116 font-size: 16px; 116 font-size: 1rem;
117 line-height: 20px; 117 line-height: 1.25rem;
118 font-family: "PT Sans",sans-serif; 118 font-family: "PT Sans",sans-serif;
119 } 119 }
120 .list-wrapper2, 120 .list-wrapper2,
...@@ -124,7 +124,7 @@ ...@@ -124,7 +124,7 @@
124 124
125 } 125 }
126 126
127 @media only screen and (max-width: 1000px) { 127 @media only screen and (max-width: 62.5rem) {
128 128
129 .mega-indicator{ 129 .mega-indicator{
130 display: none !important; 130 display: none !important;
...@@ -134,13 +134,13 @@ ...@@ -134,13 +134,13 @@
134 } 134 }
135 135
136 #mega-menu-primary{ 136 #mega-menu-primary{
137 padding-top: 20px !important; 137 padding-top: 1.25rem !important;
138 padding-bottom: 130px !important; 138 padding-bottom: 8.125rem !important;
139 139
140 height: calc(100vh - 80px) !important; 140 height: calc(100vh - 5rem) !important;
141 } 141 }
142 .admin-bar #mega-menu-primary{ 142 .admin-bar #mega-menu-primary{
143 margin-top: 10px !important; 143 margin-top: 0.625rem !important;
144 } 144 }
145 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{ 145 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
146 display: none !important; 146 display: none !important;
...@@ -148,10 +148,10 @@ ...@@ -148,10 +148,10 @@
148 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary { 148 #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
149 width: 100vw; 149 width: 100vw;
150 max-width:100vw; 150 max-width:100vw;
151 padding: 0px 34px; 151 padding: 0rem 2.125rem;
152 margin: auto; 152 margin: auto;
153 left: calc(-100% - 34px); 153 left: calc(-100% - 2.125rem);
154 margin-top: 10px; 154 margin-top: 0.625rem;
155 min-height: 100vh; 155 min-height: 100vh;
156 background-color: #F0F0F0; 156 background-color: #F0F0F0;
157 position: relative; 157 position: relative;
...@@ -160,50 +160,50 @@ ...@@ -160,50 +160,50 @@
160 } 160 }
161 161
162 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ 162 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
163 margin-top: 0px; 163 margin-top: 0rem;
164 } 164 }
165 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after , 165 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after ,
166 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after { 166 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
167 content:""; 167 content:"";
168 width: 20px; 168 width: 1.25rem;
169 height: 15px; 169 height: 0.9375rem;
170 background-repeat: no-repeat; 170 background-repeat: no-repeat;
171 background-size: contain; 171 background-size: contain;
172 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_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>'); 172 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_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
173 display: inline-block; 173 display: inline-block;
174 position: absolute; 174 position: absolute;
175 top: 12px; 175 top: 0.75rem;
176 right: 0px; 176 right: 0rem;
177 177
178 } 178 }
179 179
180 .back-one-level{ 180 .back-one-level{
181 background-color: #EE0000; 181 background-color: #EE0000;
182 position: fixed; 182 position: fixed;
183 left: 0px; 183 left: 0rem;
184 top: 130px; 184 top: 8.125rem;
185 width: 40px; 185 width: 2.5rem;
186 height: 41px; 186 height: 2.5625rem;
187 border: 0px solid #EE0000; 187 border: 0rem solid #EE0000;
188 border-radius: 0px 50% 50% 0px; 188 border-radius: 0rem 50% 50% 0rem;
189 display: none; 189 display: none;
190 190
191 span{ 191 span{
192 color: #fff; 192 color: #fff;
193 text-indent: -9999px; 193 text-indent: -624.9375rem;
194 display: block; 194 display: block;
195 } 195 }
196 &:before{ 196 &:before{
197 content:""; 197 content:"";
198 width: 11px; 198 width: 0.6875rem;
199 height: 18px; 199 height: 1.125rem;
200 background-repeat: no-repeat; 200 background-repeat: no-repeat;
201 background-size: contain; 201 background-size: contain;
202 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>'); 202 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>');
203 display: inline-block; 203 display: inline-block;
204 position: absolute; 204 position: absolute;
205 top: 10px; 205 top: 0.625rem;
206 left: 13px; 206 left: 0.8125rem;
207 } 207 }
208 208
209 } 209 }
...@@ -232,25 +232,25 @@ ...@@ -232,25 +232,25 @@
232 display: inline-block; 232 display: inline-block;
233 &:after{ 233 &:after{
234 content:""; 234 content:"";
235 width: 20px; 235 width: 1.25rem;
236 height: 22px; 236 height: 1.375rem;
237 background-repeat: no-repeat; 237 background-repeat: no-repeat;
238 background-size: contain; 238 background-size: contain;
239 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important; 239 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23000"/></svg>') !important;
240 display: inline-block; 240 display: inline-block;
241 position: relative; 241 position: relative;
242 top: 8px; 242 top: 0.5rem;
243 right: -10px; 243 right: -0.625rem;
244 } 244 }
245 245
246 } 246 }
247 } 247 }
248 248
249 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #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 li.mega-menu-item > a.mega-menu-link { 249 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #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 li.mega-menu-item > a.mega-menu-link {
250 margin-left: 20px; 250 margin-left: 1.25rem;
251 color: #555; 251 color: #555;
252 font-family: inherit; 252 font-family: inherit;
253 font-size: 14px; 253 font-size: 0.875rem;
254 text-transform: uppercase; 254 text-transform: uppercase;
255 text-decoration: none; 255 text-decoration: none;
256 font-weight: bold; 256 font-weight: bold;
...@@ -263,19 +263,19 @@ ...@@ -263,19 +263,19 @@
263 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link, 263 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
264 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{ 264 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
265 width: 100%; 265 width: 100%;
266 margin: 10px auto 0px auto; 266 margin: 0.625rem auto 0rem auto;
267 color:#fff; 267 color:#fff;
268 background-color: #EE0000; 268 background-color: #EE0000;
269 border-radius: 1.25rem; 269 border-radius: 1.25rem;
270 text-align: left; 270 text-align: left;
271 height: 2.5rem; 271 height: 2.5rem;
272 margin-top: 0rem; 272 margin-top: 0rem;
273 font-size: 18px; 273 font-size: 1.125rem;
274 position: relative; 274 position: relative;
275 font-family: "PT Sans",sans-serif; 275 font-family: "PT Sans",sans-serif;
276 font-weight: 700; 276 font-weight: 700;
277 padding-left: 40px; 277 padding-left: 2.5rem;
278 margin-bottom: 14px; 278 margin-bottom: 0.875rem;
279 } 279 }
280 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover, 280 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:hover,
281 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, 281 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
...@@ -288,8 +288,8 @@ ...@@ -288,8 +288,8 @@
288 background-color: #F0F0F0; 288 background-color: #F0F0F0;
289 width: 100% !important; 289 width: 100% !important;
290 height: auto; 290 height: auto;
291 padding: 0px 7% !important; 291 padding: 0rem 7% !important;
292 margin-bottom: 200px; 292 margin-bottom: 12.5rem;
293 float: none !important; 293 float: none !important;
294 294
295 } 295 }
...@@ -297,9 +297,9 @@ ...@@ -297,9 +297,9 @@
297 297
298 #mega-menu-wrap-primary{ 298 #mega-menu-wrap-primary{
299 width: 100%; 299 width: 100%;
300 height: 30px; 300 height: 1.875rem;
301 top: 55px; 301 top: 3.4375rem;
302 right: 0px; 302 right: 0rem;
303 position:absolute; 303 position:absolute;
304 background: transparent; 304 background: transparent;
305 } 305 }
...@@ -309,9 +309,9 @@ ...@@ -309,9 +309,9 @@
309 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{ 309 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
310 background-color: #EE0000; 310 background-color: #EE0000;
311 border-radius: 50%; 311 border-radius: 50%;
312 width: 40px; 312 width: 2.5rem;
313 height: 40px; 313 height: 2.5rem;
314 margin-right: 15px; 314 margin-right: 0.9375rem;
315 } 315 }
316 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child{ 316 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child{
317 background-color: #669999; 317 background-color: #669999;
...@@ -331,7 +331,7 @@ ...@@ -331,7 +331,7 @@
331 backface-visibility: hidden !important; 331 backface-visibility: hidden !important;
332 transition: transform 0.5s !important; 332 transition: transform 0.5s !important;
333 background-color: #F0F0F0; 333 background-color: #F0F0F0;
334 padding: 40px 40px 60px 40px; 334 padding: 2.5rem 2.5rem 3.75rem 2.5rem;
335 } 335 }
336 336
337 .list-wrapper2, 337 .list-wrapper2,
...@@ -346,7 +346,7 @@ ...@@ -346,7 +346,7 @@
346 backface-visibility: hidden !important; 346 backface-visibility: hidden !important;
347 transition: transform 0.5s !important; 347 transition: transform 0.5s !important;
348 background-color: #F0F0F0; 348 background-color: #F0F0F0;
349 padding: 20px 40px 50px 40px; 349 padding: 1.25rem 2.5rem 3.125rem 2.5rem;
350 max-width: 100%; 350 max-width: 100%;
351 overflow-y: scroll; 351 overflow-y: scroll;
352 overflow-x: hidden; 352 overflow-x: hidden;
...@@ -369,7 +369,7 @@ ...@@ -369,7 +369,7 @@
369 display: none; 369 display: none;
370 } 370 }
371 .mega-sub-menu .mega-menu-item{ 371 .mega-sub-menu .mega-menu-item{
372 margin-top: 14px !important; 372 margin-top: 0.875rem !important;
373 } 373 }
374 .mega-sub-menu .mega-current_page_item a .mega-menu-title, 374 .mega-sub-menu .mega-current_page_item a .mega-menu-title,
375 .mega-sub-menu .mega-menu-item a:hover .mega-menu-title, 375 .mega-sub-menu .mega-menu-item a:hover .mega-menu-title,
...@@ -381,49 +381,51 @@ ...@@ -381,49 +381,51 @@
381 .mega-menu-title{ 381 .mega-menu-title{
382 color: #000; 382 color: #000;
383 font-weight: bold; 383 font-weight: bold;
384 font-size:20px !important;; 384 font-size:1.25rem !important;;
385 line-height: 23px !important;; 385 line-height: 1.4375rem !important;;
386 margin-bottom: 5px; 386 margin-bottom: 0.3125rem;
387 } 387 }
388 .mega-menu-description{ 388 .mega-menu-description{
389 color: #000; 389 color: #000;
390 font-style: normal !important; 390 font-style: normal !important;
391 font-size:16px !important;; 391 font-size:1rem !important;;
392 line-height: 20px !important;; 392 line-height: 1.25rem !important;;
393 } 393 }
394 394
395 .list-wrapper3 .mega-sub-menu .mega-menu-item a{ 395 .list-wrapper3 .mega-sub-menu .mega-menu-item a{
396 color: #000 !important; 396 color: #000 !important;
397 font-style: normal !important; 397 font-style: normal !important;
398 font-size:16px !important;; 398 font-size:1rem !important;;
399 line-height: 20px !important;; 399 line-height: 1.25rem !important;;
400 400
401 } 401 }
402 .list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a{ 402 .list-wrapper3 .mega-sub-menu .mega-menu-item:first-of-type a{
403 color: #000 !important; 403 color: #000 !important;
404 font-weight: bold; 404 font-weight: bold;
405 font-size:20px !important;; 405 font-size:1.25rem !important;;
406 line-height: 23px !important; 406 line-height: 1.4375rem !important;
407 } 407 }
408 408
409 } 409 }
410 410
411 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{ 411 #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-3:after{
412 content: "\00d7"; 412 content: "\00d7";
413 font-size: 34px; 413 font-size: 2.125rem;
414 font-weight: bold; 414 font-weight: bold;
415 color: #fff; 415 color: #fff;
416 margin: 0 0 0 10px; 416 margin: 0 0 0 0.625rem;
417 line-height: 25px; 417 line-height: 1.5625rem;
418 } 418 }
419 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after { 419 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
420 content: "\f333"; 420 content: "\f333";
421 font-family: dashicons; 421 font-family: dashicons;
422 font-weight: 500; 422 font-weight: 500;
423 font-size: 27px; 423 font-size: 1.6875rem;
424 color: #fff; 424 color: #fff;
425 margin: 0px 0 0 6.1px; 425 margin: 0rem 0 0 0.3813rem;
426 line-height: 40px; 426 line-height: 2.5rem;
427 } 427 }
428 428
429
...\ No newline at end of file ...\ No newline at end of file
429 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a{
430 background-color: #669999 !important;
431 }
...\ 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 } 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%;
......
1 1
2 #search-sidebar{ 2 #search-sidebar{
3 min-width: 320px; 3 min-width: 20rem;
4 @media screen and (max-width: 768px){ 4 @media screen and (max-width: 48rem){
5 min-width: 320px; 5 min-width: 20rem;
6 width:100%; 6 width:100%;
7 } 7 }
8 } 8 }
9 .search-result{ 9 .search-result{
10 width: calc(100% - 340px); 10 width: calc(100% - 21.25rem);
11 @media screen and (max-width: 768px){ 11 @media screen and (max-width: 48rem){
12 width:100%; 12 width:100%;
13 } 13 }
14 } 14 }
...@@ -16,14 +16,14 @@ ...@@ -16,14 +16,14 @@
16 16
17 .sh1 { 17 .sh1 {
18 font-weight: 700; 18 font-weight: 700;
19 line-height: 24px !important; 19 line-height: 1.5rem !important;
20 font-size: 30px !important; 20 font-size: 1.875rem !important;
21 text-transform: none; 21 text-transform: none;
22 22
23 @media screen and (max-width: 768px) { 23 @media screen and (max-width: 48rem) {
24 font-size: 2.188rem !important; 24 font-size: 2.188rem !important;
25 line-height: 40px !important; 25 line-height: 2.5rem !important;
26 padding-bottom: 32px !important; 26 padding-bottom: 2rem !important;
27 } 27 }
28 } 28 }
29 29
...@@ -31,13 +31,13 @@ ...@@ -31,13 +31,13 @@
31 31
32 32
33 .searchandfilter { 33 .searchandfilter {
34 width: calc(100% - 50px); 34 width: calc(100% - 3.125rem);
35 display: inline-block; 35 display: inline-block;
36 } 36 }
37 37
38 .search-field { 38 .search-field {
39 border: 0; 39 border: 0;
40 border-bottom: 1px solid #707070; 40 border-bottom: 0.0625rem solid #707070;
41 border-radius: 0; 41 border-radius: 0;
42 } 42 }
43 43
...@@ -45,12 +45,12 @@ ...@@ -45,12 +45,12 @@
45 position: relative; 45 position: relative;
46 visibility: visible; 46 visibility: visible;
47 display: block; 47 display: block;
48 margin-bottom: 30px; 48 margin-bottom: 1.875rem;
49 padding-left: 36px; 49 padding-left: 2.25rem;
50 -webkit-appearance: none; 50 -webkit-appearance: none;
51 appearance: none; 51 appearance: none;
52 background-color: transparent; 52 background-color: transparent;
53 border: 1px solid #bebebe !important; 53 border: 0.0625rem solid #bebebe !important;
54 background-color: #f0f0f0; 54 background-color: #f0f0f0;
55 border-radius: 0; 55 border-radius: 0;
56 color: #000; 56 color: #000;
...@@ -61,11 +61,11 @@ ...@@ -61,11 +61,11 @@
61 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.933" height="17.634" viewBox="0 0 18.933 17.634"><path id="Path_1507" data-name="Path 1507" d="M-10822-8422.516h16.932l-7.086,7.086v8.548l-3.128-2.567v-5.98Z" transform="translate(10823.001 8423.516)" fill="none" stroke="%23000" stroke-linejoin="round" stroke-width="2"/></svg>'); 61 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.933" height="17.634" viewBox="0 0 18.933 17.634"><path id="Path_1507" data-name="Path 1507" d="M-10822-8422.516h16.932l-7.086,7.086v8.548l-3.128-2.567v-5.98Z" transform="translate(10823.001 8423.516)" fill="none" stroke="%23000" stroke-linejoin="round" stroke-width="2"/></svg>');
62 background-size: contain; 62 background-size: contain;
63 background-repeat: no-repeat; 63 background-repeat: no-repeat;
64 width: 16px; 64 width: 1rem;
65 height: 16px; 65 height: 1rem;
66 position: absolute; 66 position: absolute;
67 left: 10px; 67 left: 0.625rem;
68 top: 10px; 68 top: 0.625rem;
69 content: ""; 69 content: "";
70 display: block; 70 display: block;
71 } 71 }
...@@ -74,10 +74,10 @@ ...@@ -74,10 +74,10 @@
74 .btn.filter.apply-filters { 74 .btn.filter.apply-filters {
75 color: #fff; 75 color: #fff;
76 background-color: red; 76 background-color: red;
77 padding: 12px 45px 11px 45px; 77 padding: 0.75rem 2.8125rem 0.6875rem 2.8125rem;
78 margin: auto; 78 margin: auto;
79 margin-top: 28px; 79 margin-top: 1.75rem;
80 border-radius: 40px !important; 80 border-radius: 2.5rem !important;
81 &:after { 81 &:after {
82 display: none; 82 display: none;
83 } 83 }
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
88 color: #fff; 88 color: #fff;
89 } 89 }
90 90
91 @media screen and (min-width: 1000px) { 91 @media screen and (min-width: 62.5rem) {
92 .btn.filter { 92 .btn.filter {
93 visibility: hidden; 93 visibility: hidden;
94 display: none; 94 display: none;
...@@ -96,18 +96,18 @@ ...@@ -96,18 +96,18 @@
96 } 96 }
97 97
98 .search-form { 98 .search-form {
99 margin-left: 50px; 99 margin-left: 3.125rem;
100 } 100 }
101 101
102 #search-sidebar { 102 #search-sidebar {
103 flex-direction: column; 103 flex-direction: column;
104 margin-bottom: 50px; 104 margin-bottom: 3.125rem;
105 105
106 @media screen and (max-width: 950px) { 106 @media screen and (max-width: 59.375rem) {
107 width: 100%; 107 width: 100%;
108 } 108 }
109 109
110 // min-width: 320px; 110 // min-width: 20rem;
111 .sf-field-search { 111 .sf-field-search {
112 display: none !important; 112 display: none !important;
113 } 113 }
...@@ -122,7 +122,7 @@ ...@@ -122,7 +122,7 @@
122 .sf_date_field { 122 .sf_date_field {
123 li { 123 li {
124 .sf-date-prefix { 124 .sf-date-prefix {
125 @media screen and (max-width: 1450px) { 125 @media screen and (max-width: 90.625rem) {
126 display: block; 126 display: block;
127 } 127 }
128 } 128 }
...@@ -131,7 +131,7 @@ ...@@ -131,7 +131,7 @@
131 } 131 }
132 } 132 }
133 133
134 @media screen and (min-width: 1000px) { 134 @media screen and (min-width: 62.5rem) {
135 .collapse:not(.show) { 135 .collapse:not(.show) {
136 display: block; 136 display: block;
137 height: auto !important; 137 height: auto !important;
...@@ -148,31 +148,31 @@ ...@@ -148,31 +148,31 @@
148 148
149 .searchandfilter { 149 .searchandfilter {
150 ul { 150 ul {
151 padding-left: 0px; 151 padding-left: 0rem;
152 } 152 }
153 } 153 }
154 154
155 .searchandfilter .sf-date-prefix { 155 .searchandfilter .sf-date-prefix {
156 width: 50px; 156 width: 3.125rem;
157 } 157 }
158 158
159 .search-filter-reset { 159 .search-filter-reset {
160 -webkit-appearance: none; 160 -webkit-appearance: none;
161 appearance: none; 161 appearance: none;
162 background-color: transparent; 162 background-color: transparent;
163 border: 1px solid #bebebe !important; 163 border: 0.0625rem solid #bebebe !important;
164 width: 110px; 164 width: 6.875rem;
165 height: 30px; 165 height: 1.875rem;
166 display: inline-block; 166 display: inline-block;
167 font-size: 12px; 167 font-size: 0.75rem;
168 float: right; 168 float: right;
169 color: #000; 169 color: #000;
170 padding: 5px 14px; 170 padding: 0.3125rem 0.875rem;
171 text-decoration: none; 171 text-decoration: none;
172 margin-top: 2px; 172 margin-top: 0.125rem;
173 @media screen and (max-width: 1450px) { 173 @media screen and (max-width: 90.625rem) {
174 width: 40%; 174 width: 40%;
175 line-height: 20px; 175 line-height: 1.25rem;
176 overflow: hidden; 176 overflow: hidden;
177 text-align: center; 177 text-align: center;
178 } 178 }
...@@ -190,7 +190,7 @@ ...@@ -190,7 +190,7 @@
190 } 190 }
191 191
192 .searchandfilter h4 { 192 .searchandfilter h4 {
193 font-size: 16px !important; 193 font-size: 1rem !important;
194 color: #000 !important; 194 color: #000 !important;
195 font-weight: 700 !important; 195 font-weight: 700 !important;
196 } 196 }
...@@ -203,8 +203,8 @@ ...@@ -203,8 +203,8 @@
203 203
204 .sf-field-sort_order h4, 204 .sf-field-sort_order h4,
205 .sf-field-reset h4 { 205 .sf-field-reset h4 {
206 width: 110px; 206 width: 6.875rem;
207 font-size: 24px !important; 207 font-size: 1.5rem !important;
208 display: inline-block; 208 display: inline-block;
209 color: #000 !important; 209 color: #000 !important;
210 font-weight: 700 !important; 210 font-weight: 700 !important;
...@@ -214,17 +214,17 @@ ...@@ -214,17 +214,17 @@
214 } 214 }
215 215
216 .sf-field-search { 216 .sf-field-search {
217 width: calc(100% - 120px); 217 width: calc(100% - 7.5rem);
218 margin: 0 auto; 218 margin: 0 auto;
219 margin-bottom: 60px; 219 margin-bottom: 3.75rem;
220 position: relative; 220 position: relative;
221 flex-wrap: nowrap; 221 flex-wrap: nowrap;
222 display: inline-block !important; 222 display: inline-block !important;
223 margin-left: 50px; 223 margin-left: 3.125rem;
224 @media screen and (max-width: 900px) { 224 @media screen and (max-width: 56.25rem) {
225 margin-bottom: 30px; 225 margin-bottom: 1.875rem;
226 width: calc(100% - 80px); 226 width: calc(100% - 5rem);
227 margin-left: 20px; 227 margin-left: 1.25rem;
228 228
229 } 229 }
230 230
...@@ -241,11 +241,11 @@ ...@@ -241,11 +241,11 @@
241 width: 2.063rem; 241 width: 2.063rem;
242 height: 2.063rem; 242 height: 2.063rem;
243 top: 1.2rem; 243 top: 1.2rem;
244 @media screen and (max-width: 900px) { 244 @media screen and (max-width: 56.25rem) {
245 width: 20px; 245 width: 1.25rem;
246 height: 20px; 246 height: 1.25rem;
247 left: -25px; 247 left: -1.5625rem;
248 top: 25px; 248 top: 1.5625rem;
249 249
250 } 250 }
251 251
...@@ -255,16 +255,16 @@ ...@@ -255,16 +255,16 @@
255 input[name="_sf_search[]"] { 255 input[name="_sf_search[]"] {
256 width: 100%; 256 width: 100%;
257 border: 0; 257 border: 0;
258 border-bottom: 1px solid #707070; 258 border-bottom: 0.0625rem solid #707070;
259 border-radius: 0; 259 border-radius: 0;
260 font-size: 1.75rem; 260 font-size: 1.75rem;
261 font-weight: 400; 261 font-weight: 400;
262 line-height: 1.5; 262 line-height: 1.5;
263 color: #212529; 263 color: #212529;
264 padding: 0.375rem 0.75rem; 264 padding: 0.375rem 0.75rem;
265 @media screen and (max-width: 900px) { 265 @media screen and (max-width: 56.25rem) {
266 padding: 0; 266 padding: 0;
267 font-size: 24px; 267 font-size: 1.5rem;
268 } 268 }
269 } 269 }
270 } 270 }
...@@ -275,8 +275,8 @@ ...@@ -275,8 +275,8 @@
275 input[name="_sf_submit"] { 275 input[name="_sf_submit"] {
276 border-radius: 50% !important; 276 border-radius: 50% !important;
277 padding: 0; 277 padding: 0;
278 height: 40px; 278 height: 2.5rem;
279 width: 40px; 279 width: 2.5rem;
280 margin-top: -0.6rem; 280 margin-top: -0.6rem;
281 margin-left: 1rem; 281 margin-left: 1rem;
282 font-size: 1.125rem; 282 font-size: 1.125rem;
...@@ -289,9 +289,9 @@ ...@@ -289,9 +289,9 @@
289 transition: none; 289 transition: none;
290 display: inline-block !important; 290 display: inline-block !important;
291 291
292 @media screen and (max-width: 900px) { 292 @media screen and (max-width: 56.25rem) {
293 height: 40px; 293 height: 2.5rem;
294 width:40px; 294 width:2.5rem;
295 } 295 }
296 296
297 &:hover { 297 &:hover {
...@@ -301,9 +301,9 @@ ...@@ -301,9 +301,9 @@
301 } 301 }
302 302
303 ul.sf_date_field label::after { 303 ul.sf_date_field label::after {
304 height: 28px; 304 height: 1.75rem;
305 width: 28px; 305 width: 1.75rem;
306 background-size: 16px; 306 background-size: 1rem;
307 } 307 }
308 } 308 }
309 309
...@@ -331,12 +331,12 @@ ul.sf_date_field { ...@@ -331,12 +331,12 @@ ul.sf_date_field {
331 331
332 label::after { 332 label::after {
333 vertical-align: bottom; 333 vertical-align: bottom;
334 height: 36px; 334 height: 2.25rem;
335 width: 36px; 335 width: 2.25rem;
336 padding: 7px; 336 padding: 0.4375rem;
337 content: ''; 337 content: '';
338 display: block; 338 display: block;
339 background-size: 20px; 339 background-size: 1.25rem;
340 background-color: #000; 340 background-color: #000;
341 background-repeat: no-repeat; 341 background-repeat: no-repeat;
342 background-position: center; 342 background-position: center;
...@@ -349,16 +349,16 @@ ul.sf_date_field { ...@@ -349,16 +349,16 @@ ul.sf_date_field {
349 } 349 }
350 350
351 .sf-datepicker { 351 .sf-datepicker {
352 border: 1px solid #bebebe; 352 border: 0.0625rem solid #bebebe;
353 width: 90px; 353 width: 5.625rem;
354 } 354 }
355 } 355 }
356 356
357 .search-result { 357 .search-result {
358 padding-left: 0px; 358 padding-left: 0rem;
359 359
360 @media screen and (min-width: 768px) { 360 @media screen and (min-width: 48rem) {
361 padding-left: 45px; 361 padding-left: 2.8125rem;
362 } 362 }
363 } 363 }
364 364
...@@ -369,30 +369,30 @@ ul.sf_date_field { ...@@ -369,30 +369,30 @@ ul.sf_date_field {
369 369
370 .advance-search-button { 370 .advance-search-button {
371 position: relative; 371 position: relative;
372 height: 40px; 372 height: 2.5rem;
373 width: 40px; 373 width: 2.5rem;
374 text-indent: -9999px; 374 text-indent: -624.9375rem;
375 right:-10px ; 375 right:-0.625rem ;
376 display: inline-block; 376 display: inline-block;
377 @media screen and (max-width: 900px) { 377 @media screen and (max-width: 56.25rem) {
378 height: 30px; 378 height: 1.875rem;
379 width: 30px; 379 width: 1.875rem;
380 } 380 }
381 } 381 }
382 382
383 .advance-search-button::after { 383 .advance-search-button::after {
384 position: absolute; 384 position: absolute;
385 left: 0; 385 left: 0;
386 top: -5px; 386 top: -0.3125rem;
387 content: ""; 387 content: "";
388 display: inline-block; 388 display: inline-block;
389 height: 30px; 389 height: 1.875rem;
390 width: 30px; 390 width: 1.875rem;
391 background-size: contain; 391 background-size: contain;
392 @media screen and (max-width: 768px) { 392 @media screen and (max-width: 48rem) {
393 top: -5px; 393 top: -0.3125rem;
394 height: 30px; 394 height: 1.875rem;
395 width: 30px; 395 width: 1.875rem;
396 } 396 }
397 background-size: contain; 397 background-size: contain;
398 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>'); 398 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="26.954" height="27.484" viewBox="0 0 26.954 27.484"><g id="Group_722" data-name="Group 722" transform="translate(0 1.5)"><line id="Line_15" data-name="Line 15" x2="26.954" transform="translate(0 3.254)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_16" data-name="Line 16" x2="26.954" transform="translate(0 12.401)" fill="none" stroke="%23000" stroke-width="3"/><line id="Line_17" data-name="Line 17" x2="26.954" transform="translate(0 21.565)" fill="none" stroke="%23000" stroke-width="3"/><circle id="Ellipse_13" data-name="Ellipse 13" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_14" data-name="Ellipse 14" cx="3.188" cy="3.188" r="3.188" transform="translate(16.369 18.109)" fill="%23fff" stroke="%23000" stroke-width="3"/><circle id="Ellipse_15" data-name="Ellipse 15" cx="3.188" cy="3.188" r="3.188" transform="translate(4.054 9.022)" fill="%23fff" stroke="%23000" stroke-width="3"/></g></svg>');
...@@ -413,31 +413,31 @@ ul.sf_date_field { ...@@ -413,31 +413,31 @@ ul.sf_date_field {
413 z-index: 999; 413 z-index: 999;
414 position: fixed; 414 position: fixed;
415 margin-top: 1%; 415 margin-top: 1%;
416 @media screen and (max-width: 900px) { 416 @media screen and (max-width: 56.25rem) {
417 margin-top: 0px; 417 margin-top: 0rem;
418 418
419 } 419 }
420 @media screen and (max-width: 786px) { 420 @media screen and (max-width: 49.125rem) {
421 margin-top: 80px; 421 margin-top: 5rem;
422 z-index: 99; 422 z-index: 99;
423 } 423 }
424 @media screen and (min-height: 810px) { 424 @media screen and (min-height: 50.625rem) {
425 z-index: 99; 425 z-index: 99;
426 margin-top: 80px; 426 margin-top: 5rem;
427 } 427 }
428 428
429 .btn-close { 429 .btn-close {
430 opacity: 1; 430 opacity: 1;
431 @media screen and (max-width: 900px) { 431 @media screen and (max-width: 56.25rem) {
432 float: left; 432 float: left;
433 margin: unset; 433 margin: unset;
434 background-color: #e00; 434 background-color: #e00;
435 background-image: none; 435 background-image: none;
436 position: absolute; 436 position: absolute;
437 left: 0; 437 left: 0;
438 top: 40px; 438 top: 2.5rem;
439 width: 40px; 439 width: 2.5rem;
440 height: 41px; 440 height: 2.5625rem;
441 border: 0 solid #e00; 441 border: 0 solid #e00;
442 border-radius: 0 50% 50% 0; 442 border-radius: 0 50% 50% 0;
443 padding: 0; 443 padding: 0;
...@@ -445,31 +445,31 @@ ul.sf_date_field { ...@@ -445,31 +445,31 @@ ul.sf_date_field {
445 445
446 } 446 }
447 &:after{ 447 &:after{
448 @media screen and (max-width: 900px) { 448 @media screen and (max-width: 56.25rem) {
449 content:""; 449 content:"";
450 width: 11px; 450 width: 0.6875rem;
451 height: 18px; 451 height: 1.125rem;
452 background-repeat: no-repeat; 452 background-repeat: no-repeat;
453 background-size: contain; 453 background-size: contain;
454 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>'); 454 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>');
455 display: inline-block; 455 display: inline-block;
456 position: absolute; 456 position: absolute;
457 top: 12px; 457 top: 0.75rem;
458 left: 13px; 458 left: 0.8125rem;
459 } 459 }
460 } 460 }
461 } 461 }
462 .btn-close:active, 462 .btn-close:active,
463 .btn-close:hover { 463 .btn-close:hover {
464 opacity: 0.5; 464 opacity: 0.5;
465 @media screen and (max-width: 900px) { 465 @media screen and (max-width: 56.25rem) {
466 background-color: #669999; 466 background-color: #669999;
467 opacity: 1; 467 opacity: 1;
468 } 468 }
469 } 469 }
470 470
471 .modal-content { 471 .modal-content {
472 border: 0px solid #707070; 472 border: 0rem solid #707070;
473 } 473 }
474 474
475 .modal-header { 475 .modal-header {
...@@ -480,39 +480,39 @@ ul.sf_date_field { ...@@ -480,39 +480,39 @@ ul.sf_date_field {
480 .modal-header, 480 .modal-header,
481 .modal-body { 481 .modal-body {
482 background: #f0f0f0 0% 0% no-repeat padding-box; 482 background: #f0f0f0 0% 0% no-repeat padding-box;
483 border-top: 0px solid #707070; 483 border-top: 0rem solid #707070;
484 border-bottom: 0px solid #707070; 484 border-bottom: 0rem solid #707070;
485 } 485 }
486 486
487 .modal-body { 487 .modal-body {
488 padding: 0px 35px 35px 35px; 488 padding: 0rem 2.1875rem 2.1875rem 2.1875rem;
489 @media screen and (max-width: 900px) { 489 @media screen and (max-width: 56.25rem) {
490 padding: 5px 60px; 490 padding: 0.3125rem 3.75rem;
491 padding-bottom: 200px; 491 padding-bottom: 12.5rem;
492 } 492 }
493 } 493 }
494 494
495 .modal-dialog { 495 .modal-dialog {
496 width: 80%; 496 width: 80%;
497 max-width: 1066px; 497 max-width: 66.625rem;
498 498
499 @media screen and (max-width: 900px) { 499 @media screen and (max-width: 56.25rem) {
500 width: 100%; 500 width: 100%;
501 margin: 0px; 501 margin: 0rem;
502 height: 100vh; 502 height: 100vh;
503 padding-top: 80px; 503 padding-top: 5rem;
504 } 504 }
505 @media screen and (max-width: 768px) { 505 @media screen and (max-width: 48rem) {
506 padding-top: 0px; 506 padding-top: 0rem;
507 } 507 }
508 508
509 .searchandfilter { 509 .searchandfilter {
510 @media screen and (max-width: 900px) { 510 @media screen and (max-width: 56.25rem) {
511 width: 100%; 511 width: 100%;
512 } 512 }
513 h4 { 513 h4 {
514 font-size: 24px !important; 514 font-size: 1.5rem !important;
515 line-height: 30px; 515 line-height: 1.875rem;
516 text-align: left; 516 text-align: left;
517 font-weight: lighter; 517 font-weight: lighter;
518 font-family: "PT Sans", sans-serif; 518 font-family: "PT Sans", sans-serif;
...@@ -520,21 +520,21 @@ ul.sf_date_field { ...@@ -520,21 +520,21 @@ ul.sf_date_field {
520 } 520 }
521 521
522 .sf-field-search { 522 .sf-field-search {
523 margin-left: 0px; 523 margin-left: 0rem;
524 margin-bottom: 0px; 524 margin-bottom: 0rem;
525 @media screen and (max-width: 900px) { 525 @media screen and (max-width: 56.25rem) {
526 width: 90%; 526 width: 90%;
527 } 527 }
528 h4 { 528 h4 {
529 font-size: 45px !important; 529 font-size: 2.8125rem !important;
530 line-height: 57px; 530 line-height: 3.5625rem;
531 margin-top: -20px; 531 margin-top: -1.25rem;
532 font-weight: bold; 532 font-weight: bold;
533 display: block !important; 533 display: block !important;
534 @media screen and (max-width: 900px) { 534 @media screen and (max-width: 56.25rem) {
535 font-size: 35px !important; 535 font-size: 2.1875rem !important;
536 line-height: 40px; 536 line-height: 2.5rem;
537 margin-top: -10px; 537 margin-top: -0.625rem;
538 } 538 }
539 } 539 }
540 540
...@@ -543,16 +543,16 @@ ul.sf_date_field { ...@@ -543,16 +543,16 @@ ul.sf_date_field {
543 } 543 }
544 544
545 label { 545 label {
546 margin-left: 50px !important; 546 margin-left: 3.125rem !important;
547 width: 95% !important; 547 width: 95% !important;
548 position: relative; 548 position: relative;
549 @media screen and (max-width: 900px) { 549 @media screen and (max-width: 56.25rem) {
550 margin-left: 20px!important; 550 margin-left: 1.25rem!important;
551 } 551 }
552 width: 100%; 552 width: 100%;
553 &:after { 553 &:after {
554 @media screen and (max-width: 900px) { 554 @media screen and (max-width: 56.25rem) {
555 top: 10px; 555 top: 0.625rem;
556 } 556 }
557 } 557 }
558 558
...@@ -566,7 +566,7 @@ ul.sf_date_field { ...@@ -566,7 +566,7 @@ ul.sf_date_field {
566 .sf-field-reset, 566 .sf-field-reset,
567 .sf-field-submit { 567 .sf-field-submit {
568 display: inline-block; 568 display: inline-block;
569 @media screen and (max-width: 768px) { 569 @media screen and (max-width: 48rem) {
570 width: 100%; 570 width: 100%;
571 571
572 } 572 }
...@@ -575,16 +575,16 @@ ul.sf_date_field { ...@@ -575,16 +575,16 @@ ul.sf_date_field {
575 input[name="_sf_submit"] { 575 input[name="_sf_submit"] {
576 background: #ee0000 0% 0% no-repeat padding-box; 576 background: #ee0000 0% 0% no-repeat padding-box;
577 color: #fff; 577 color: #fff;
578 border-radius: 40px !important; 578 border-radius: 2.5rem !important;
579 height: 44px; 579 height: 2.75rem;
580 width: 182px; 580 width: 11.375rem;
581 @media screen and (max-width: 768px) { 581 @media screen and (max-width: 48rem) {
582 margin-top:35px; 582 margin-top:2.1875rem;
583 width: 100%; 583 width: 100%;
584 } 584 }
585 border: 0 !important; 585 border: 0 !important;
586 margin-right: 24px; 586 margin-right: 1.5rem;
587 margin-left: 0px; 587 margin-left: 0rem;
588 588
589 &:hover { 589 &:hover {
590 background: #669999; 590 background: #669999;
...@@ -594,11 +594,11 @@ ul.sf_date_field { ...@@ -594,11 +594,11 @@ ul.sf_date_field {
594 .search-filter-reset-custom { 594 .search-filter-reset-custom {
595 background: #000000 0% 0% no-repeat padding-box; 595 background: #000000 0% 0% no-repeat padding-box;
596 color: #fff; 596 color: #fff;
597 border-radius: 40px !important; 597 border-radius: 2.5rem !important;
598 ; 598 ;
599 height: 44px; 599 height: 2.75rem;
600 width: 182px; 600 width: 11.375rem;
601 @media screen and (max-width: 768px) { 601 @media screen and (max-width: 48rem) {
602 width: 100%; 602 width: 100%;
603 } 603 }
604 border: 0 !important; 604 border: 0 !important;
...@@ -614,29 +614,29 @@ ul.sf_date_field { ...@@ -614,29 +614,29 @@ ul.sf_date_field {
614 614
615 ul.sf_date_field { 615 ul.sf_date_field {
616 label::after { 616 label::after {
617 height: 36px; 617 height: 2.25rem;
618 width: 36px; 618 width: 2.25rem;
619 padding: 7px; 619 padding: 0.4375rem;
620 background-size: 20px; 620 background-size: 1.25rem;
621 } 621 }
622 } 622 }
623 623
624 .sf-datepicker { 624 .sf-datepicker {
625 width: 200px; 625 width: 12.5rem;
626 height: 36px; 626 height: 2.25rem;
627 } 627 }
628 628
629 .sf_date_field { 629 .sf_date_field {
630 max-width: 750px; 630 max-width: 46.875rem;
631 631
632 .sf-date-prefix { 632 .sf-date-prefix {
633 width: 50px !important; 633 width: 3.125rem !important;
634 } 634 }
635 } 635 }
636 } 636 }
637 } 637 }
638 } 638 }
639 @media screen and (max-width: 900px) { 639 @media screen and (max-width: 56.25rem) {
640 .modal.left .modal-dialog, 640 .modal.left .modal-dialog,
641 .modal.right .modal-dialog { 641 .modal.right .modal-dialog {
642 position: fixed; 642 position: fixed;
...@@ -657,7 +657,7 @@ ul.sf_date_field { ...@@ -657,7 +657,7 @@ ul.sf_date_field {
657 657
658 .modal.left .modal-body, 658 .modal.left .modal-body,
659 .modal.right .modal-body { 659 .modal.right .modal-body {
660 padding: 15px 15px 80px; 660 padding: 0.9375rem 0.9375rem 5rem;
661 } 661 }
662 662
663 .modal.left.fade .modal-dialog{ 663 .modal.left.fade .modal-dialog{
...@@ -689,7 +689,7 @@ ul.sf_date_field { ...@@ -689,7 +689,7 @@ ul.sf_date_field {
689 .sf-field-post-meta-file_type{ 689 .sf-field-post-meta-file_type{
690 width: 33%; 690 width: 33%;
691 display: inline-block !important; 691 display: inline-block !important;
692 @media screen and (max-width: 900px) { 692 @media screen and (max-width: 56.25rem) {
693 width: 100%; 693 width: 100%;
694 } 694 }
695 } 695 }
......
...@@ -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
......
1 $aaa_compliance:2.75rem; 1 $aaa_compliance:2.75rem;
2 2
3 body.pojo-a11y-light-background, body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link) { 3 .pojo-a11y-resize-font-130{
4 &.donation-amounts .container input:checked+.amount+.checked-fill:after { 4 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{
5 border-top:.6em solid black !important; 5 height: 80vh;
6 overflow: scroll;
7 padding-bottom: 50px;
6 } 8 }
7 & > p a.pdf { 9 p,h1,h2,h3,h4,h5,h6,span,li,ul,ol,blockquote,pre,code,abbr,acronym,address,cite,del,dfn,em,img,q,s,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
8 &:before {
9 filter:brightness(0) !important;
10 top: 5px;
11 left: -0.5rem;
12 }
13 }
14 &.copy-link {
15 background: url("../img/caption.svg") !important;
16 background-repeat: no-repeat !important;
17 }
18 &.download .download-text:after {
19 filter: brightness(0);
20 }
21 &.nf-form-content .list-select-wrap .nf-field-element>div, &.nf-form-content input:not([type=button]), &.nf-form-content textarea {
22 border:1px solid black !important;
23 }
24 &.nf-form-content button, &.nf-form-content input[type=button], &.nf-form-content input[type=submit] {
25 border:1px solid black !important;
26 }
27 &.wp-block-button__link {
28 border:1px solid black !important;
29 }
30 &.checkmark{
31 border:1px solid black;
32 }
33 &.more-link {
34 background-image: url("../img/more.svg") !important;
35 background-repeat: no-repeat !important;
36 color: transparent !important;
37 }
38 input::placeholder {
39 color:black !important;
40 }
41 .c-accordion__title:after {
42 filter: contrast(0.1);
43 }
44 &.search-btn {
45 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.712' height='20.712' viewBox='0 0 20.712 20.712'%3E%3Cg id='Group_797' data-name='Group 797' transform='translate(-1339 -132.497)'%3E%3Cline id='Line_1' data-name='Line 1' x2='8.63' y2='8.63' transform='translate(1350.375 143.873)' fill='none' stroke='black' stroke-width='2'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(1339 132.497)' fill='white' stroke='black' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
46 background-repeat: no-repeat !important;
47 background-position: center !important;
48 }
49 a.pdf:before {
50 filter: brightness(15);
51 }
52 &.btn, .download-text, .call-out-block a, .buttons a {
53 border:1px solid black !important;
54 }
55 &.menu-item.twit > a {
56 color:transparent !important;
57 background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
58 &:hover {
59 background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
60 }
61 }
62 &.menu-item.face > a {
63 color:transparent !important;
64 background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23666'/%3E%3C/svg%3E") !important;
65 &:hover {
66 background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23699'/%3E%3C/svg%3E") !important;
67 }
68 }
69 &.menu-item.linked > a {
70 color:transparent !important;
71 background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
72 &:hover {
73 background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
74 }
75 }
76 &.menu-item.insta > a {
77 color:transparent !important;
78 background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
79 &:hover {
80 background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
81 }
82 }
83 &.menu-item.snap > a {
84 color:transparent !important;
85 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Component_132_1' data-name='Component 132 %E2%80%93 1' transform='translate(0 0)'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23666'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
86 &:hover {
87 background-image: url("data:image/svg+xml,%3Csvg id='Component_132_1' data-name='Component 132 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23699'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
88 }
89 }
90 &.navbar-toggler-icon {
91 background-image: url("data:image/svg+xml,%3Csvg id='Group_100' data-name='Group 100' xmlns='http://www.w3.org/2000/svg' width='25.333' height='24' viewBox='0 0 25.333 24'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='25.333' height='5.333' rx='1' fill=' %23FFFF00'/%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='25.333' height='5.333' rx='1' fill=' %23FFFF00' transform='translate(0 9.333)'/%3E%3Cpath id='Path_1433' data-name='Path 1433' d='M1.333 0H24a1.333 1.333 0 0 1 1.333 1.333V4A1.333 1.333 0 0 1 24 5.333H1.333A1.333 1.333 0 0 1 0 4V1.333A1.333 1.333 0 0 1 1.333 0Z' transform='translate(0 18.667)' fill=' %23FFFF00' /%3E%3C/svg%3E") !important;
92 }
93 &.nav-link {
94 border:1px solid black;
95 }
96 button, .navbar-toggler {
97 border:1px solid black !important;
98 }
99 // &.navbar-brand.custom-logo-link > img {
100 // background:black !important;
101 // }
102 &.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
103 background:none !important;
104 }
105 .swiper-pagination-bullet.swiper-pagination-bullet-active {
106 background:black !important;
107 }
108 &.side-caption.header-caption {
109 background: none !important;
110 }
111 &.wp-block-ub-tabbed-content-accordion-toggle.active:before {
112 background-color: transparent !important;
113 border-bottom-color: transparent !important;
114 }
115 &.slider {
116 border:1px solid black;
117 &:before {
118 background-color: black;
119 }
120 }
121 &.donation-amounts .container input:checked+.amount {
122 color:black !important;
123 }
124 &.donation-amounts .container input:checked+.amount+.checked-fill {
125 border:1px solid black;
126 }
127 &.swiper-button-next {
128 background-image: url("data:image/svg+xml,%3Csvg id='Component_111_165' data-name='Component 111 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='white'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 6.941c.651-.659 1.289-1.312 1.936-1.958Q13.671 2.659 16 .34a1.044 1.044 0 0 1 1.543 0c.3.3.6.6.9.9a1.023 1.023 0 0 1-.006 1.531q-2.094 2.093-4.186 4.188-2.03 2.032-4.058 4.067a1.133 1.133 0 0 1-.759.362 1.081 1.081 0 0 1-.835-.36Q7.03 9.456 5.463 7.885 3.331 5.75 1.2 3.617c-.29-.29-.582-.58-.871-.871a1.017 1.017 0 0 1 .011-1.5L1.226.355a1.043 1.043 0 0 1 1.566 0L6.568 4.116 9.3 6.839C9.329 6.865 9.357 6.89 9.41 6.941Z' transform='translate(12.806 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important;
129 border:1px solid black;
130 }
131 &.swiper-button-prev {
132 background-image: url("data:image/svg+xml,%3Csvg id='Component_112_165' data-name='Component 112 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='white'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 4.448c.651.659 1.289 1.312 1.936 1.958Q13.671 8.73 16 11.049a1.044 1.044 0 0 0 1.543 0c.3-.3.6-.6.9-.9a1.023 1.023 0 0 0-.006-1.531Q16.341 6.525 14.249 4.43 12.219 2.4 10.191.364A1.133 1.133 0 0 0 9.432 0 1.081 1.081 0 0 0 8.6.362Q7.03 1.933 5.463 3.5 3.331 5.639 1.2 7.772c-.29.29-.582.58-.871.871a1.017 1.017 0 0 0 .011 1.5l.889.889a1.043 1.043 0 0 0 1.566 0L6.568 7.273 9.3 4.55C9.329 4.524 9.357 4.5 9.41 4.448Z' transform='translate(10.805 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important;
133 border:1px solid black;
134 }
135 .jssocials-share.jssocials-share-twitter a i {
136 background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='white'/%3E%3C/svg%3E") !important;
137 background-size: contain !important;
138 }
139 &.nf-multi-cell .nf-breadcrumbs li.errors a {
140 background: #e80000!important;
141 }
142 &.nf-multi-cell .nf-breadcrumbs:before {
143 color:black !important;
144 }
145 &.nf-breadcrumbs>li:nth-child(1) .nf-breadcrumb, &.nf-breadcrumbs>li:nth-child(2) .nf-breadcrumb {
146 color:transparent !important;
147 border: 1px solid black;
148 &:before {
149 color:black !important;
150 }
151 }
152 input::placeholder {
153 color:black !important;
154 }
155 }
156 10
157 body.pojo-a11y-negative-contrast, body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) { 11 line-height: normal !important;
158 &.copy-link {
159 background: url("../img/caption.svg") !important;
160 background-repeat: no-repeat !important;
161 }
162 &.nf-multi-cell .nf-breadcrumbs li.errors a {
163 background: #e80000!important;
164 }
165 &.nf-multi-cell .nf-breadcrumbs:before {
166 color:yellow !important;
167 }
168 &.nf-breadcrumbs>li:nth-child(1) .nf-breadcrumb, &.nf-breadcrumbs>li:nth-child(2) .nf-breadcrumb {
169 color:transparent !important;
170 border: 1px solid white;
171 }
172 input::placeholder {
173 color:yellow !important;
174 }
175 .c-accordion__title:after {
176 filter: contrast(0.1);
177 }
178 &.search-btn {
179 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.712' height='20.712' viewBox='0 0 20.712 20.712'%3E%3Cg id='Group_797' data-name='Group 797' transform='translate(-1339 -132.497)'%3E%3Cline id='Line_1' data-name='Line 1' x2='8.63' y2='8.63' transform='translate(1350.375 143.873)' fill='none' stroke='yellow' stroke-width='2'/%3E%3Cg id='Ellipse_1' data-name='Ellipse 1' transform='translate(1339 132.497)' fill='black' stroke='yellow' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='8' stroke='none'/%3E%3Ccircle cx='8' cy='8' r='7' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
180 background-repeat: no-repeat !important;
181 background-position: center !important;
182 }
183 a.pdf:before {
184 filter: brightness(15);
185 }
186 &.btn, .download-text, .call-out-block a, .buttons a {
187 border:1px solid white !important;
188 }
189 &.menu-item.twit > a {
190 color:transparent !important;
191 background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
192 &:hover {
193 background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='%23fff'/%3E%3C/svg%3E") !important;
194 }
195 }
196 &.menu-item.face > a {
197 color:transparent !important;
198 background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23666'/%3E%3C/svg%3E") !important;
199 &:hover {
200 background-image: url("data:image/svg+xml,%3Csvg id='Ellipse_12' data-name='Ellipse 12' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_12-2' data-name='Ellipse 12' cx='20' cy='20' r='20' fill='%23699'/%3E%3C/svg%3E") !important;
201 }
202 }
203 &.menu-item.linked > a {
204 color:transparent !important;
205 background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
206 &:hover {
207 background-image: url("data:image/svg+xml,%3Csvg id='Component_131_1' data-name='Component 131 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cpath id='Path_913' data-name='Path 913' d='M331.3 532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033 2.033 0 0 1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234 2.234 0 1 1 2.427 2.023A1.891 1.891 0 0 1 329.372 519.079Zm16.6 13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1 2.1 0 0 0-1.985 1.438 2.7 2.7 0 0 0-.089.959v6.35h-4.116s.053-10.759 0-11.736h4.116v1.842a3.761 3.761 0 0 1 3.659-1.956c2.606 0 4.653 1.689 4.653 5.325Z' transform='translate(-314.832 -504.941)' fill='%23fff'/%3E%3C/svg%3E") !important;
208 }
209 }
210 &.menu-item.insta > a {
211 color:transparent !important;
212 background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
213 &:hover {
214 background-image: url("data:image/svg+xml,%3Csvg id='Component_130_1' data-name='Component 130 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_11' data-name='Ellipse 11' cx='20' cy='20' r='20' fill='%23699'/%3E%3Cg id='Group_290' data-name='Group 290' transform='translate(-264.021 -505.354)'%3E%3Cpath id='Path_914' data-name='Path 914' d='M288.408 535.248h-8.776a5.512 5.512 0 0 1-5.506-5.506v-8.775a5.512 5.512 0 0 1 5.506-5.506h8.776a5.513 5.513 0 0 1 5.507 5.506v8.775A5.513 5.513 0 0 1 288.408 535.248Zm-8.776-17.532a3.256 3.256 0 0 0-3.253 3.252v8.775A3.257 3.257 0 0 0 279.632 533h8.776a3.258 3.258 0 0 0 3.254-3.254v-8.775a3.257 3.257 0 0 0-3.254-3.252Z' fill='%23fff'/%3E%3Cpath id='Path_915' data-name='Path 915' d='M284.021 530.687a5.333 5.333 0 1 1 5.332-5.334v0A5.339 5.339 0 0 1 284.021 530.687Zm0-8.411a3.078 3.078 0 1 0 3.078 3.08 3.079 3.079 0 0 0-3.078-3.08Z' fill='%23fff'/%3E%3Ccircle id='Ellipse_14' data-name='Ellipse 14' cx='0.95' cy='0.95' r='0.95' transform='translate(288.226 519.248)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
215 }
216 }
217 &.menu-item.snap > a {
218 color:transparent !important;
219 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg id='Component_132_1' data-name='Component 132 %E2%80%93 1' transform='translate(0 0)'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23666'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
220 &:hover {
221 background-image: url("data:image/svg+xml,%3Csvg id='Component_132_1' data-name='Component 132 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='Path_916' data-name='Path 916' d='M385.642 537.716a20 20 0 1 0-20-20v0a20 20 0 0 0 20 20' transform='translate(-365.643 -497.716)' fill='%23699'/%3E%3Cg id='Group_291' data-name='Group 291' transform='translate(-365.643 -497.716)'%3E%3Cpath id='Path_917' data-name='Path 917' d='M384.928 508.02h1.518c.256.06.515.112.769.179a5.021 5.021 0 0 1 4 4.024 14.38 14.38 0 0 1 .054 2.889c-.009 1.058.019 1.1 1.028.706a1.279 1.279 0 0 1 1.116.047.744.744 0 0 1 .141 1.332 5.168 5.168 0 0 1-.947.479c-.282.129-.588.218-.858.361a.6.6 0 0 0-.348.771.577.577 0 0 0 .041.087 5.91 5.91 0 0 0 3.942 3.587 3.979 3.979 0 0 1 .623.285v.353a4.239 4.239 0 0 1-.868.706 5.652 5.652 0 0 1-1.486.418.59.59 0 0 0-.571.538c-.2.886-.328.951-1.218.791a3.516 3.516 0 0 0-2.89.481 6.753 6.753 0 0 1-2.7 1.354h-1.251a2.541 2.541 0 0 1-.5-.15 23.018 23.018 0 0 1-2.092-1.144 3.441 3.441 0 0 0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28 2.28 0 0 1-.839-.271 7.426 7.426 0 0 1-.869-.714v-.353a1.672 1.672 0 0 1 .447-.257 5.7 5.7 0 0 0 3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342 5.342 0 0 1-.9-.47.741.741 0 0 1 .138-1.33 1.134 1.134 0 0 1 1.027-.041 1.209 1.209 0 0 0 1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554 9.554 0 0 1 .105-2 5.092 5.092 0 0 1 4-3.986C384.347 508.127 384.639 508.08 384.928 508.02Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") !important;
222 }
223 }
224 &.navbar-toggler-icon {
225 background-image: url("data:image/svg+xml,%3Csvg id='Group_100' data-name='Group 100' xmlns='http://www.w3.org/2000/svg' width='25.333' height='24' viewBox='0 0 25.333 24'%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='25.333' height='5.333' rx='1' fill=' %23FFFF00'/%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='25.333' height='5.333' rx='1' fill=' %23FFFF00' transform='translate(0 9.333)'/%3E%3Cpath id='Path_1433' data-name='Path 1433' d='M1.333 0H24a1.333 1.333 0 0 1 1.333 1.333V4A1.333 1.333 0 0 1 24 5.333H1.333A1.333 1.333 0 0 1 0 4V1.333A1.333 1.333 0 0 1 1.333 0Z' transform='translate(0 18.667)' fill=' %23FFFF00' /%3E%3C/svg%3E") !important;
226 }
227 &.nav-link {
228 border:1px solid white;
229 }
230 button, .navbar-toggler {
231 border:1px solid white !important;
232 } 12 }
233 &.navbar-brand.custom-logo-link > img { 13 .side-menu li a,
234 background:white !important; 14 #menu-footer li a,
15 .mega-menu-description,
16 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{
17 font-size: 130%;
18 line-height: normal !important;
235 } 19 }
236 &.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { 20
237 background:none !important; 21 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
22 left: -10% !important;
23 width: 120% !important;
238 } 24 }
239 .swiper-pagination-bullet.swiper-pagination-bullet-active { 25 .entry-header.page .search-box .sf-field-submit input[name=_sf_submit],
240 background:yellow !important; 26 #search-wrapper .sf-field-submit input[name=_sf_submit],
27 .home-header .search-box .sf-field-submit input[name=_sf_submit]{
28 height: 3.5rem;
29 width: 3.5rem;
241 } 30 }
242 &.side-caption.header-caption { 31
243 background: none !important; 32 #advance-search-modal .modal-dialog .searchandfilter .sf-datepicker{
33 width: unset !important;
34 height: unset !important;
244 } 35 }
245 &.wp-block-ub-tabbed-content-accordion-toggle.active:before { 36 #advance-search-modal .modal-dialog .searchandfilter .search-filter-reset-custom,
246 background-color: transparent !important; 37 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]{
247 border-bottom-color: transparent !important; 38 height: 5rem;
39 width: 11rem;
248 } 40 }
249 &.slider { 41 #search-wrapper .sf-field-search{
250 border:1px solid white; 42 width: calc(100% - 8.5rem);
251 &:before {
252 background-color: yellow;
253 } 43 }
44 .entry-header.page .search-box .sf-field-search{
45 width: calc(100% - 9rem);
254 } 46 }
255 &.donation-amounts .container input:checked+.amount { 47 .home-header .search-box .sf-field-search{
256 color:white !important; 48 width: calc(100% - 5.75rem);
257 } 49 }
258 &.donation-amounts .container input:checked+.amount+.checked-fill { 50 .side-menu-page #page-sidebar {
259 background:yellow !important; 51 width: 50%;
52 word-break: break-word;
260 } 53 }
261 &.swiper-button-next { 54 .side-menu-page #main{
262 background-image: url("data:image/svg+xml,%3Csvg id='Component_111_165' data-name='Component 111 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='yellow'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 6.941c.651-.659 1.289-1.312 1.936-1.958Q13.671 2.659 16 .34a1.044 1.044 0 0 1 1.543 0c.3.3.6.6.9.9a1.023 1.023 0 0 1-.006 1.531q-2.094 2.093-4.186 4.188-2.03 2.032-4.058 4.067a1.133 1.133 0 0 1-.759.362 1.081 1.081 0 0 1-.835-.36Q7.03 9.456 5.463 7.885 3.331 5.75 1.2 3.617c-.29-.29-.582-.58-.871-.871a1.017 1.017 0 0 1 .011-1.5L1.226.355a1.043 1.043 0 0 1 1.566 0L6.568 4.116 9.3 6.839C9.329 6.865 9.357 6.89 9.41 6.941Z' transform='translate(12.806 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important; 55 width: 50%;
263 } 56 }
264 &.swiper-button-prev { 57 #advance-search-modal{
265 background-image: url("data:image/svg+xml,%3Csvg id='Component_112_165' data-name='Component 112 %E2%80%93 165' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='35' height='35' fill='yellow'/%3E%3Cpath id='Path_734' data-name='Path 734' d='M9.41 4.448c.651.659 1.289 1.312 1.936 1.958Q13.671 8.73 16 11.049a1.044 1.044 0 0 0 1.543 0c.3-.3.6-.6.9-.9a1.023 1.023 0 0 0-.006-1.531Q16.341 6.525 14.249 4.43 12.219 2.4 10.191.364A1.133 1.133 0 0 0 9.432 0 1.081 1.081 0 0 0 8.6.362Q7.03 1.933 5.463 3.5 3.331 5.639 1.2 7.772c-.29.29-.582.58-.871.871a1.017 1.017 0 0 0 .011 1.5l.889.889a1.043 1.043 0 0 0 1.566 0L6.568 7.273 9.3 4.55C9.329 4.524 9.357 4.5 9.41 4.448Z' transform='translate(10.805 26.891) rotate(-90)' fill='black'/%3E%3C/svg%3E") !important; 58 z-index: 999;
266 } 59 }
267 &.post-template-default .entry-content a.extern:after { 60 #advance-search-modal .modal-dialog{
268 background-image: url("data:image/svg+xml,%3Csvg id='Group_1558' data-name='Group 1558' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.935' height='20.915' viewBox='0 0 20.935 20.915'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_151' data-name='Rectangle 151' width='20.935' height='20.915' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath id='Path_1277' data-name='Path 1277' d='M0 0V20.915H20.934V9.763h-2.56v8.6H2.58V2.517h8.383V0Z' transform='translate(0 0)' fill='yellow'/%3E%3Cg id='Group_1023' data-name='Group 1023' transform='translate(0 0)'%3E%3Cg id='Group_1022' data-name='Group 1022' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_1278' data-name='Path 1278' d='M18.276 13.612 16.363 11.7l9.185-9.143H23V.016h6.913v6.9H27.374V4.478l-9.1 9.134' transform='translate(-8.975 -0.009)' fill='yellow'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important; 61 width: 80%!important;
62 max-width: unset;
269 } 63 }
270 .jssocials-share.jssocials-share-twitter a i { 64 #advance-search-modal .modal-dialog .searchandfilter .h4, #advance-search-modal .modal-dialog .searchandfilter h4{
271 background-image: url("data:image/svg+xml,%3Csvg id='Component_134_1' data-name='Component 134 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle id='Ellipse_13' data-name='Ellipse 13' cx='20' cy='20' r='20' fill='%23666'/%3E%3Cpath id='Path_910' data-name='Path 910' d='M504.682 522.589a7.779 7.779 0 0 1-2.22.609 3.866 3.866 0 0 0 1.7-2.139 7.712 7.712 0 0 1-2.455.941 3.871 3.871 0 0 0-6.585 3.527 10.965 10.965 0 0 1-7.968-4.04 3.873 3.873 0 0 0 1.2 5.164 3.871 3.871 0 0 1-1.752-.483v.047a3.865 3.865 0 0 0 3.1 3.791 3.7 3.7 0 0 1-1.02.137 3.85 3.85 0 0 1-.726-.068 3.865 3.865 0 0 0 3.611 2.684 7.768 7.768 0 0 1-4.8 1.655 8.126 8.126 0 0 1-.923-.053 11 11 0 0 0 16.926-9.265c0-.168 0-.335-.011-.5a7.835 7.835 0 0 0 1.929-2' transform='translate(-475.261 -508.433)' fill='white'/%3E%3C/svg%3E") !important; 65 font-size: 130% !important;
272 background-size: contain !important;
273 } 66 }
274 } 67 }
275 68
276 body.pojo-a11y-resize-font-130, body.pojo-a11y-resize-font-140, body.pojo-a11y-resize-font-150, body.pojo-a11y-resize-font-160, body.pojo-a11y-resize-font-170, body.pojo-a11y-resize-font-180, body.pojo-a11y-resize-font-190, body.pojo-a11y-resize-font-200 { 69
277 .post-list-left-col, .post-list-right-col { 70 .pojo-a11y-resize-font-140{
278 display: none !important; 71
279 } 72 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{
280 .mobile-article-list { 73 height: 80vh;
281 display: block; 74 overflow: scroll;
282 } 75 padding-bottom: 50px;
283 .news-and-stories-block ul .article-card.lg {
284 max-height: none;
285 min-height: auto;
286 }
287 .news-and-stories-block .post-list-left-col, .news-and-stories-block .post-list-right-col {
288 flex-basis: 100%;
289 }
290 .post-list-left-col {
291 padding-bottom:2.5rem;
292 }
293 .news-and-stories-block ul {
294 gap:2.5rem;
295 }
296 .row.related-content {
297 .row {
298 display: flex !important;
299 flex-direction: row !important;
300 flex-wrap: nowrap;
301 }
302 .related-block {
303 width: 100% !important;
304 }
305 }
306 .article-card.lg .content {
307 padding-bottom:1rem;
308 }
309 .related .related-content .info {
310 max-width: none!important;
311 flex:1;
312 }
313 .related-image, .single-news_and_stories .related-image {
314 height: auto !important;
315 }
316 .search-floating-tool .search-btn {
317 width: 3.3rem;
318 height: 3.3rem ;
319 }
320 .nf-row {
321 nf-cells {
322 flex-direction: column;
323 .nf-cell {
324 width: 100% !important;
325 }
326 }
327 }
328 .label-left .nf-field-label {
329 width: 100% !important;
330 }
331 .label-left .field-wrap {
332 flex-wrap: wrap !important;
333 }
334 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a svg {
335 height: 2rem;
336 width: auto;
337 }
338 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
339 position: absolute;
340 top: 2.65rem;
341 a {
342 width: 3.3rem;
343 height: 3.3rem;
344 }
345 }
346 span.wpml-ls-native {
347 font-size: 2rem !important;
348 }
349 &.floating-buttons {
350 top:8rem;
351 }
352 &.jssocials-share {
353 margin:0;
354 }
355 &.jssocials-share.jssocials-share-twitter a {
356 position: relative;
357 }
358 &.addtoany-text {
359 font-size: 1rem;
360 }
361 &.jssocials-share.jssocials-share-twitter a i {
362 position: absolute;
363 bottom: 0;
364 height: 2.5rem;
365 width: 2.5rem;
366 }
367 &.entry-header .side-caption {
368 max-width: 40%;
369 }
370 #full-width-page-wrapper .header-carousel-link .h1, #full-width-page-wrapper .header-carousel-link h1, #page-wrapper .header-carousel-link .h1, #page-wrapper .header-carousel-link h1 {
371 font-size: 3.438rem !important;
372 }
373 button {
374 font-size: 1.5rem;
375 }
376 #menu-footer-menu li a {
377 font-size: 1.5rem;
378 }
379 #footer-full-content {
380 flex-direction: column;
381 }
382 .footer-menus+div {
383 position: static;
384 }
385 .switch {
386 height: auto;
387 width: 5.75rem;
388 .slider:before {
389 height: 2.5rem;
390 width: 2.5rem;
391 }
392 }
393 input:checked+.slider:before {
394 transform: translateX(2.5rem);
395 }
396 .donation {
397 max-width: none;
398 padding-right:2.813rem;
399 .donation-info-wrapper {
400 max-width: none;
401 }
402 .donation-info-wrapper .donation-info {
403 width: auto;
404 height: auto;
405 padding-right:25%;
406 }
407 }
408 #wrapper-navbar #main-menu>li>a {
409 padding-top:1.5rem !important;
410 font-size: 60% !important;
411 }
412 #wrapper-navbar #main-menu>li:last-of-type {
413 text-align: center;
414 & > a {
415 padding-top:0 !important;
416 padding:0 0.531rem;
417 }
418 }
419 #breadcrumb a {
420 font-size: 1.25rem;
421 } 76 }
422 h1, h2, h3, h4, h5, h6, p, li, a { 77 #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row{
423 line-height: normal !important; 78 height: 80vh;
79 overflow: scroll;
424 } 80 }
425 .article-card .content p:first-child { 81 p,h1,h2,h3,h4,h5,h6,span,li,ul,ol,blockquote,pre,code,abbr,acronym,address,cite,del,dfn,em,img,q,s,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
82
426 line-height: normal !important; 83 line-height: normal !important;
427 } 84 }
428 .article-card .content .author-name, .article-card .content .author-title, .article-card .content .author_company, .article-card .content .published { 85 .side-menu li a,
86 #menu-footer li a,
87 .mega-menu-description,
88 #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link{
89 font-size: 140%;
429 line-height: normal !important; 90 line-height: normal !important;
430 } 91 }
431 .full-width-block { 92 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
432 max-height: none !important; 93 left: -10% !important;
433 } 94 width: 120% !important;
434 #main-nav {
435 // position: static !important;
436 // height: auto !important;
437 }
438 #wrapper-navbar #main-menu .dropdown-menu {
439 flex-direction: row;
440 height: auto;
441 max-height: none;
442 position:absolute;
443 left:0 !important;
444 top: 6.25rem;
445 width: 100vw;
446 // flex-wrap: wrap;
447 & > li {
448 // flex-basis: 50% !important;
449 // max-width: 10rem !important;
450 }
451 }
452 &.retract {
453 #wrapper-navbar #main-menu>li:last-of-type {
454 height: 3.6rem !important;
455 }
456 #wrapper-navbar #main-menu .dropdown-menu {
457 top: 3.25rem;
458 }
459 }
460 #wrapper-navbar #main-menu li {
461 position: static;
462 flex: 1;
463 max-width: 30vw;
464 }
465 #wrapper-navbar #main-menu>li:nth-child(n+2) .dropdown-menu {
466 flex-flow: row;
467 flex-wrap: wrap;
468 }
469 #wrapper-navbar #main-menu .dropdown-menu a {
470 padding-top:0;
471 } 95 }
472 #wrapper-navbar #main-menu .dropdown-menu>li { 96 .entry-header.page .search-box .sf-field-submit input[name=_sf_submit],
473 width: auto; 97 #search-wrapper .sf-field-submit input[name=_sf_submit],
474 max-width: none; 98 .home-header .search-box .sf-field-submit input[name=_sf_submit]{
475 flex-basis: 50% !important; 99 height: 4rem;
476 padding: 1rem 1rem; 100 width: 4rem;
477 } 101 }
478 #wrapper-navbar .dropdown-shadow { 102 #advance-search-modal .modal-dialog .searchandfilter .sf_date_field .sf-date-prefix,
479 height: auto; 103 #advance-search-modal .modal-dialog .searchandfilter .search-filter-reset-custom,
104 #advance-search-modal .modal-dialog .searchandfilter .sf-datepicker{
105 width: unset !important;
106 height: unset !important;
480 } 107 }
481 .wp-block-columns { 108
482 flex-direction: column; 109 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]{
483 } 110 height: 4rem;
484 #banner-alert { 111 width: 11rem;
485 max-height: none !important;
486 }
487 .wp-block-ub-tabbed-content-tab-content-wrap {
488 margin-top:1rem;
489 gap: 1rem;
490 flex-direction: column;
491 }
492 .article-card {
493 max-width: none;
494 .content {
495 p:first-child {
496 max-height: none;
497 }
498 }
499 }
500 // .news-and-stories-block {
501 // flex-direction: column;
502 // }
503 .news-and-stories-block ul .article-card.lg .scale-wrapper {
504 max-height: none;
505 min-height: auto;
506 }
507 .card-block .image-hover-container img {
508 width: auto;
509 }
510 .count-info {
511 .swiper-slide {
512 height:auto !important;
513 }
514 }
515 .donation-amounts input {
516 position: static;
517 }
518 .donation-amounts {
519 flex-direction: column !important;
520 }
521 .donation-amounts input.custom-amt {
522 width: 100%;
523 height: auto;
524 }
525 .number-format:not(.nf-field-container):before {
526 bottom: 1rem !important;
527 }
528 .cap {
529 line-height: 1;
530 }
531 &.retract #wrapper-navbar #main-menu .dropdown-toggle::after {
532 bottom:-0.2rem
533 }
534 .mi-image-container {
535 width: 50% !important;
536 }
537 span {
538 line-height: normal;
539 }
540 @media(max-width:71.875rem) {
541 .donation {
542 .donation-info-wrapper .donation-info {
543 padding-right:0;
544 }
545 }
546 .donation-block .donate-btn {
547 margin-top: 2rem;
548 }
549 #main>article>.entry-content p+.carousel {
550 margin-top:1.563rem;
551 }
552 .news-and-stories-block ul {
553 // margin-bottom:1.563rem;
554 }
555 #wrapper-navbar #main-menu .dropdown-menu>li {
556 flex-basis: auto !important;
557 }
558 #wrapper-navbar #main-menu>li:nth-child(n+2) .dropdown-menu {
559 flex-flow: column;
560 flex:none !important;
561 &.show {
562 height: auto !important;
563 }
564 }
565 .side-caption {
566 .image-side-caption {
567 opacity: 0;
568 } 112 }
113 #advance-search-modal .modal-dialog .searchandfilter .search-filter-reset-custom{
114 height: 5rem;
115 width: 12rem;
569 } 116 }
570 .side-caption:focus-within, .side-caption:hover { 117 #search-wrapper .sf-field-search{
571 top:0; 118 width: calc(100% - 8.5rem);
572 left:0;
573 z-index: 99999;
574 max-width: 100% !important;
575 .image-side-caption {
576 opacity: 1;
577 } 119 }
120 .home-header .search-box .sf-field-search{
121 width: calc(100% - 5.75rem);
578 } 122 }
579 #wrapper-navbar #main-menu li, wrapper-navbar #main-menu li, #wrapper-navbar #main-menu li { 123 .entry-header.page .search-box .sf-field-search{
580 max-width: 100%; 124 width: calc(100% - 9rem);
581 } 125 }
582 #wrapper-navbar #main-menu .dropdown-menu, #wrapper-navbar #main-menu .dropdown-menu, #wrapper-navbar #main-menu .dropdown-menu { 126
583 flex-direction: column; 127
584 padding-left:4rem; 128
585 padding-right: 1.688rem; 129 .side-menu-page #page-sidebar {
130 width: 50%;
131 word-break: break-word;
586 } 132 }
587 #wrapper-navbar #main-menu>li>a { 133 .side-menu-page #main{
588 font-size: 1.75rem !important; 134 width: 50%;
589 } 135 }
590 &.retract { 136 #advance-search-modal .modal-dialog .searchandfilter .sf-datepicker{
591 #wrapper-navbar #main-menu>li { 137 width: unset !important;
592 flex:none; 138 height: unset !important;
593 } 139 }
594 #wrapper-navbar #main-menu>li>a { 140 #advance-search-modal .modal-dialog{
595 font-size: 1.75rem !important; 141 width: 80%!important;
142 max-width: unset;
596 } 143 }
144 #advance-search-modal{
145 z-index: 999;
597 } 146 }
598 #wrapper-navbar #main-menu .dropdown-menu > li { 147 #advance-search-modal .modal-dialog .searchandfilter .h4, #advance-search-modal .modal-dialog .searchandfilter h4{
599 padding: 0.5rem; 148 font-size: 140% !important;
600 & > a {
601 font-size: 1.5rem !important;
602 } 149 }
150 }
603 151
604 }
605 #search-wrapper, .entry-content {
606 padding-left: 1.813rem;
607 padding-right: 1.813rem;
608 }
609 #footer-full-content>div p {
610 line-height: normal !important;
611 }
612 152
613 .wp-block-ub-tabbed-content .infograph-row {
614 flex-direction: column;
615 }
616 153
617 .donation-info-wrapper .donation-info {
618 width: auto;
619 height: auto;
620 }
621 154
622 155
623 } 156 .pojo-a11y-resize-font-130,
157 .pojo-a11y-resize-font-140{
158
159
160
624 } 161 }
...\ 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.21 5 Version: 1.0.22
6 */ 6 */
......