https://ecr-group.netlify.app/component---src-templates-blog-template-js-b863b02bf4af23c3febd.js

1"use strict";(self.webpackChunkgatsby_starter_default=self.webpackChunkgatsby_starter_default||[]).push([[637],{1058:function(e,t,i){var n=i(7294),o=i(1082),a=i(2788),l=i(5444);t.Z=e=>{let{list:t}=e;return n.createElement(r,null,t.map(((e,i)=>n.createElement(d,{key:i},n.createElement(p,{isFirst:0===i},n.createElement(o.Link,{to:e.linkUrl},0===i&&n.createElement(l.J,{type:"RETURN_ICON",width:18,height:18}),n.createElement(c,{isFirst:0===i},(e=>{const t=e.split(" ");return t.length>4?`${t.slice(0,4).join(" ")}...`:t.join(" ")})(e.label)))),i<t.length-1&&n.createElement(m,null,"/")))))};const r=a.default.div.withConfig({componentId:"sc-16qk4wc-0"})`
2  margin-bottom: 40px;
3  display: flex;
4  align-items: center;
5  gap: 10px;
6
7  @media (min-width: ${e=>{let{theme:t}=e;return t.media.tablet_min}}) {
8    margin-bottom: 45px;
9  }
10`,d=a.default.div.withConfig({componentId:"sc-16qk4wc-1"})`
11  display: contents;
12`,p=a.default.div.withConfig({componentId:"sc-16qk4wc-2"})`
13  span {
14    font-size: 16px;
15    color: white;
16    padding-left: ${e=>{let{isFirst:t}=e;return t?"4px":""}};
17
18    @media (min-width: ${e=>{let{theme:t}=e;return t.media.tablet_min}}) {
19      font-size: 18px;
20    }
21  }
22
23  a {
24    color: #fff;
25    font-weight: bold;
26    font-size: 14px;
27    display: inline-flex;
28    align-items: center;
29
30    @media (min-width: ${e=>{let{theme:t}=e;return t.media.tablet_min}}) {
31      font-size: 20px;
32    }
33
34    svg {
35      flex-shrink: 0;
36      transition: 0.3s ease-out;
37    }
38
39    &:hover {
40      svg {
41        transform: translateX(-5px) rotate(-5deg);
42      }
43    }
44  }
45`,m=a.default.div.withConfig({componentId:"sc-16qk4wc-3"})`
46  color: #fff;
47`,c=a.default.span.withConfig({componentId:"sc-16qk4wc-4"})`
48  display: block;
49  margin-left: ${e=>{let{isFirst:t}=e;return t?"8px":""}};
50`},4403:function(e,t,i){var n=i(7294),o=i(138);t.Z=e=>{let{document:t}=e;return n.createElement(o.Z,{slices:t.body})}},2557:function(e,t,i){i.r(t),i.d(t,{default:function(){return z}});var n=i(7294),o=i(2794),a=i(3864),l=i(4403),r=i(381),d=i.n(r),p=i(2788),m=i(1082);var c=e=>{var t,i,o;let{author:a}=e;return n.createElement(s,null,n.createElement("div",null,n.createElement(h,null,n.createElement("h5",null,"Written by:"),n.createElement(m.Link,{to:`/team/${null==a||null===(t=a.document)||void 0===t?void 0:t.uid}`},null==a||null===(i=a.document)||void 0===i||null===(o=i.data)||void 0===o?void 0:o.name))))};const s=p.default.div.withConfig({componentId:"sc-12aoo3b-0"})`
51  list-style: none;
52  padding: 0;
53  li {
54    margin-bottom: 16px;
55    p {
56      margin: 0;
57    }
58  }
59`,h=p.default.div.withConfig({componentId:"sc-12aoo3b-1"})`
60  -moz-box-flex: 1;
61  flex-grow: 1;
62  color: #3c3c3b;
63  display: flex;
64  flex-wrap: wrap;
65  align-items: flex-end;
66  h5 {
67    font-size: 20px;
68    line-height: calc(38.4 / 24);
69    color: #fff;
70    font-weight: 600;
71    margin-right: 10px;
72  }
73  p {
74    font-size: 16px;
75    line-height: calc(32 / 20);
76    margin: 0 0 8px;
77    color: #fff;
78  }
79  a {
80    color: #2a95bf;
81    font-size: 20px;
82    line-height: calc(38 / 24);
83    text-decoration: underline;
84    font-weight: 500;
85  }
86  @media (max-width: 768px) {
87    a {
88      font-size: 18px;
89    }
90  }
91`;var f=i(1404),g=i(3723),u=i(5195),x=i(1058),w=i(5444),b=i(3711);var v=e=>{let{data:t,categoryName:i}=e;const{0:o,1:a}=(0,n.useState)(!1),l=(0,n.useRef)(null);

91return(0,b.t)(l,a),n.createElement(E,null,n.createElement("h4",null,"Categories:"),n.createElement(k,{ref:l,isPopupOpen:o},n.createElement(y,{isPopupOpen:o,onClick:()=>{a(!o)}},n.createElement("button",{type:"button"},i)),n.createElement("ul",null,t.map((e=>n.createElement("li",null,"heading3"===e.type?"- ":"",n.createElement(m.Link,{to:`/category/${e.node.uid}`},e.node.data.name)))))))};const E=p.default.div.withConfig({componentId:"sc-1hni45h-0"})`
92  display: flex;
93  flex-wrap: wrap;
94  align-items: center;
95  @media (min-width: 577px) {
96    margin-bottom: 0;
97  }
98
99  h4 {
100    font-size: 16px;
101    margin-bottom: 0;
102    font-weight: bold;
103    color: rgb(42,149,191);
104
105    @media (min-width: ${e=>{let{theme:t}=e;return t.media.tablet_min}}) {
106      font-size: 20px;
107    }
108  }
109`,y=p.default.div.withConfig({componentId:"sc-1hni45h-1"})`
110  cursor: pointer;
111
112  &:after {
113    content: "";
114    display: inline-block;
115    margin-left: 5px;
116    background-image: url("data:image/svg+xml,%3Csvg width='24' height='15' viewBox='0 0 24 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.9834 1.99996L11.9917 11.9917L1.99993 1.99997' stroke='white' stroke-width='3.07438'/%3E%3C/svg%3E%0A");
117    background-size: contain;
118    background-repeat: no-repeat;
119    width: 15px;
120    height: 10px;
121    transform: ${e=>e.isPopupOpen?"rotate(180deg)":"rotate(0)"};
122  }
123  button {
124    padding: 8px 0;
125    font-size: 16px;
126    font-weight: bold;
127    color: #fff;
128    border: none;
129    background: transparent;
130    cursor: pointer;
131    white-space: nowrap;
132    overflow: hidden;
133    text-overflow: ellipsis;
134    max-width: 145px;
135    font-family: 'Montserrat', sans-serif;
136    @media (min-width: ${e=>{let{theme:t}=e;return t.media.tablet_min}}) {
137      font-size: 20px;
138      max-width: 300px;
139    }
140  }
141`,k=p.default.div.withConfig({componentId:"sc-1hni45h-2"})`
142  list-style: none;
143  padding: 0 0 0 10px;
144  position: relative;
145  z-index: 20;
146  width: max-content;
147
148  ul {
149    position: absolute;
150    z-index: 1;
151    top: 100%;
152    left: -60%;
153    background-color: #2a95bf;
154    border: none;
155    max-height: 230px;
156    padding: 0;
157    overflow: auto;
158    width: 230px;
159    display: ${e=>e.isPopupOpen?"block":"none"};
160
161    @media (min-width: 480px) {
162      left: 0;
163    }
164  }
165
166  li {
167    display: flex;
168    align-items: center;
169    padding: 8px;
170    position: relative;
171
172    &:hover {
173      background-color: #005475;
174
175      &:before {
176        position: absolute;
177        content: "";
178        left: 0;
179        top: 0;
180        height: 100%;
181        width: 2px;
182        background: #fff;
183      }
184    }
185
186    a {
187      color: #fff;
188      font-size: 14px;
189      display: block;
190
191      @media (min-width: 480px) {
192        font-size: 16px;
193      }
194    }
195
196    &.heading3 {
197      a {
198        font-size: 14px;
199        margin-left: 4px;
200      }
201    }
202  }
203`;var z=e=>{var t,i,r;let{data:p,location:m}=e;const{0:s,1:h}=(0,n.useState)(!1),{prismicBlog:{data:b,first_publication_date:E},allPrismicCategory:{edges:y}}=p,k=()=>{window.scrollY>1500&&!s?h(!0):h(!1)};if((0,n.useEffect)((()=>(window.addEventListener("scroll",k),()=>{window.removeEventListener("scroll",k)})),[]),!b)return null;const z=d()(E).format("ll"),{title:$,excerpt:L,author:q,category:O,featured_image:P,meta_title:R,meta_description:Z,social_card:F}=b,S=[{label:"Return to all blogs",linkUrl:new URLSearchParams(null==m?void 0:m.search).get("from")||"/blog"},{label:`${null==O||null===(t=O.document)||void 0===t||null===(i=t.data)||void 0===i?void 0:i.name}`,linkUrl:`/category/${null==O||null===(r=O.document)||void 0===r?void 0:r.uid}`}],T=(0,g.c)(P);let{document:{data:{name:U}}}=O;return n.createElement(a.Z,{location:m},n.createElement("style",null,"@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')"),n.createElement(o.Z,{pathname:m.pathname,title:R||$.text,description:Z||L,image:F.localFile?F.localFile.url:P?P.url:void 0}),n.createElement(f.S,{type:"violet",container:!0},n.createElement(u.W,null,n.createElement(I,null,n.createElement(x.Z,{list:S}),n.createElement("div",{dangerouslySetInnerHTML:{__html:$.html}}),n.createElement(v,{categoryName:U,data:y}),n.createElement(c,{author:q}))),n.createElement(C,null,s&&n.createElement(_,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})}},n.createElement(w.J,{type:"SCROLL_TOP_BLOCK_WHITE"})),n.createElement(u.W,{variant:"content"},n.createElement(g.G,{image:T,alt:"logo"}),n.createElement(l.Z,{document:b}),n.createElement("p",null,z)))))};const C=p.default.div.withConfig({componentId:"sc-1be8bqd-0"})`
204  background: rgb(249, 249, 249);
205  padding-bottom: 5px;
206  padding-top: 20px;
207  .gatsby-image-wrapper {
208    display: block;
209    max-width: 600px;
210    margin: 0 auto 20px;
211  }
212  .block-img {
213    display: block;
214    max-width: 600px;
215    margin: 0 auto 20px;
216  }
217  iframe {
218    width: 100%;
219    max-width: 600px;
220    height: 350px;
221    margin: 0 auto;
222    display: block;
223  }
224  a[type="button"] {
225    margin-bottom: 20px;
226    color: white;
227  }
228  * {
229       font-family: 'Montserrat', sans-serif!important;
230  }
231  p {
232    margin-bottom: 32px;
233    margin-top: 0;
234    color: rgb(62, 62, 62);
235    font-weight: 500!important;
236    font-size: 18px;
237  }
238  @media (max-width: 540px) {
239    iframe {
240      height: 300px;
241    }
242  }
243  @media (max-width: 599px) {
244    p {
245      font-size: 15px;
246      line-height: 25px;
247      margin-bottom: 15px;
248    }
249    * {
250      margin-bottom: 15px;
251    }
252  }
253
254  h1 {
255  font-size: 30px;
256  
257  }
258
259  a {
260      color: #2a95bf;
261         font-weight: 500;
262    text-decoration: underline;
263  }
264
265     ul, ol {
266  margin-bottom: 20px;
267        padding-left: 20px;}
268
269        ol li {
270          margin-bottom: 10px;
271          font-weight: 400;
272        }
273
274          ul li {
275         margin-bottom: 10px;
276             list-style: disc;
277         }
278
279  @media (min-width: 768px) {
280      h1 {
281          font-size: 64px;
282          margin-bottom: 24px;
283      }
284
285      h3 {
286              font-size: 36px;
287        line-height: 56px;}
288
289        h4 {
290        margin-top: 25px;
291            font-size: 24px;
292    line-height: 28px;
293        }      
294
295      p, ul li, ol li {
296              font-size: 22px;
297                      line-height: 32px;
298      }
299  }
300`,_=p.default.button.withConfig({componentId:"sc-1be8bqd-1"})`
301  cursor: pointer;
302  width: 55px;
303  height: 55px;
304  background: rgb(60,49,94);
305  position: fixed;
306  border-radius: 50%;
307  bottom: 120px;
308  right: 70px;
309  z-index: 9999;
310  :before {
311    position: absolute;
312    content: '';
313    height: 100%;
314    width: 100%;
315    left: 0;
316    top: 0;
317    border-radius: 50%;
318  }
319  @media (max-width: 1024px) {
320    bottom: 100px;
321    width: 45px;
322    height: 45px;
323    overflow: hidden;
324    right: 30px;
325    svg {
326      position: absolute;
327      top: -6px;
328      left: -4px;
329    }
330  }
331  @media (max-width: 768px) {
332    bottom: 30px;
333  }
334`,I=p.default.div.withConfig({componentId:"sc-1be8bqd-2"})`
335  position: relative;
336  padding-bottom: 20px;
337
338  h1 {
339    color: #fff;
340    font-size: 39px;
341    text-transform: uppercase;
342    line-height: calc(78 / 64);
343    margin-bottom: 0;
344    @media (max-width: 992px) {
345      max-width: 100%;
346    }
347    @media (max-width: 599px) {
348      font-size: 25px;
349      line-height: 28px;
350    }
351  }
352  p {
353    a {
354      text-decoration: underline;
355      transition: 0.3s;
356      &:hover {
357        color: ${e=>{let{theme:t}=e;return t.colors.primary_color}};
358      }
359    }
360  }
361`}}]);
362//# sourceMappingURL=component---src-templates-blog-template-js-b863b02bf4af23c3febd.js.map