/* Site chrome carried over verbatim from the source stylesheets, plus the theme tokens. Mobile-first behaviour (drawer, sticky CTA bar) is preserved exactly as the source site shipped it. Layer order below mirrors the source document exactly: 1. container reset - stands Elementor's container defaults down 2. the source stylesheets ( tags, in load order) 3. the customizer + additional CSS, which the source ships INLINE in AFTER those links, so it must win Both orderings matter and both were wrong once. The reset has to come first or it beats the source rules and every 50% column collapses. The theme tokens have to come last or styles.css's own :root defaults override them - that put --sg-color-primary at Bootstrap's link blue (#0a58ca) instead of the brand green (#375b4f), so every heading rendered blue. */ /* ---- neutralise Elementor container defaults (155 converted containers) ---- */ #i2f8, #iv7r, #iyy5, #i56i, #iw7kua, #inh1h, #iuehbu, #i3xeei, #i5jdu, #ilo5h, #ixpw5, #i666w, #ic79d, #ivie4, #ikorc, #iwo1f, #io272c, #if0rzs, #im4k2, #il9h5, #ihe96, #imwch, #irr6b, #imruf, #isc6u, #i367, #iact, #i3mw, #ip9d, #ijum, #i1jq, #iq4e, #ijd1, #ihvr, #izuy, #i7ug, #ieye, #iks2, #iv4c, #ihlx, #ilts, #i2e6, #i43z, #idxn, #i8ft, #irhl, #iqph, #iz85, #i8pb, #ibt1, #ides, #in8x, #iqo4, #is8j, #i6gh, #i4eh, #ip7g, #iud7, #ibdj, #iigw, #i901, #ifzx, #in0xt, #i8lgw, #imk13, #iyn2i, #iw0mn, #i9g5t, #i47gc, #iscxg, #if0qb, #iybyh, #i0ard, #i8zuu, #iwe41, #igzag, #ijmzv, #igk2j, #ipo2o, #i3qy7, #i4ieh, #i2xn, #iuorm, #is4w8, #i53k, #ik4f, #i35k, #i9oh9, #igyb, #ik3d, #in63f, #ivdgh, #ie0sb, #ix6f7, #irgyx, #ijo5x, #if2zk, #i6yuk, #i552y, #iawdd, #iv376, #i4o6i, #igwyj, #is7xq, #if56l, #if0gw, #it09x, #i90hp, #i1ugp1, #ixh4ix, #ij6eo, #i37x, #igrex, #ihd7n, #i2rxl, #ifmh, #icr7c, #ip7br, #imag, #iugw, #imzr, #ij0o, #ixlol, #iw0wu, #i2ndb, #i53s2, #ih677, #i0phf, #irwii, #ilvbr, #ivaw7, #i7sn3, #icig4, #i6jdn, #ic24g, #iu8k4, #iuouj, #irwai, #i8bla, #i49el, #id489, #izwd4, #i64fm, #ia05h, #itvng, #i6d1h, #i6nj3, #ixuwu, #izsi, #imzu, #iopf, #ix97, #i9ors, #iabyr, #in83l { display: block; flex-direction: initial; gap: normal; --flex-direction: initial; --width: auto; --content-width: none; --gap: normal; --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --margin-top: 0px; --margin-right: 0px; --margin-bottom: 0px; --margin-left: 0px; /* Elementor sets min-width:0 on its elements, which lets flex items shrink below their content. The source keeps the flex default (auto), and that is what makes a too-wide column claim a whole line and wrap. */ min-width: auto; } #i2f8 > .e-con-inner, #iv7r > .e-con-inner, #iyy5 > .e-con-inner, #i56i > .e-con-inner, #iw7kua > .e-con-inner, #inh1h > .e-con-inner, #iuehbu > .e-con-inner, #i3xeei > .e-con-inner, #i5jdu > .e-con-inner, #ilo5h > .e-con-inner, #ixpw5 > .e-con-inner, #i666w > .e-con-inner, #ic79d > .e-con-inner, #ivie4 > .e-con-inner, #ikorc > .e-con-inner, #iwo1f > .e-con-inner, #io272c > .e-con-inner, #if0rzs > .e-con-inner, #im4k2 > .e-con-inner, #il9h5 > .e-con-inner, #ihe96 > .e-con-inner, #imwch > .e-con-inner, #irr6b > .e-con-inner, #imruf > .e-con-inner, #isc6u > .e-con-inner, #i367 > .e-con-inner, #iact > .e-con-inner, #i3mw > .e-con-inner, #ip9d > .e-con-inner, #ijum > .e-con-inner, #i1jq > .e-con-inner, #iq4e > .e-con-inner, #ijd1 > .e-con-inner, #ihvr > .e-con-inner, #izuy > .e-con-inner, #i7ug > .e-con-inner, #ieye > .e-con-inner, #iks2 > .e-con-inner, #iv4c > .e-con-inner, #ihlx > .e-con-inner, #ilts > .e-con-inner, #i2e6 > .e-con-inner, #i43z > .e-con-inner, #idxn > .e-con-inner, #i8ft > .e-con-inner, #irhl > .e-con-inner, #iqph > .e-con-inner, #iz85 > .e-con-inner, #i8pb > .e-con-inner, #ibt1 > .e-con-inner, #ides > .e-con-inner, #in8x > .e-con-inner, #iqo4 > .e-con-inner, #is8j > .e-con-inner, #i6gh > .e-con-inner, #i4eh > .e-con-inner, #ip7g > .e-con-inner, #iud7 > .e-con-inner, #ibdj > .e-con-inner, #iigw > .e-con-inner, #i901 > .e-con-inner, #ifzx > .e-con-inner, #in0xt > .e-con-inner, #i8lgw > .e-con-inner, #imk13 > .e-con-inner, #iyn2i > .e-con-inner, #iw0mn > .e-con-inner, #i9g5t > .e-con-inner, #i47gc > .e-con-inner, #iscxg > .e-con-inner, #if0qb > .e-con-inner, #iybyh > .e-con-inner, #i0ard > .e-con-inner, #i8zuu > .e-con-inner, #iwe41 > .e-con-inner, #igzag > .e-con-inner, #ijmzv > .e-con-inner, #igk2j > .e-con-inner, #ipo2o > .e-con-inner, #i3qy7 > .e-con-inner, #i4ieh > .e-con-inner, #i2xn > .e-con-inner, #iuorm > .e-con-inner, #is4w8 > .e-con-inner, #i53k > .e-con-inner, #ik4f > .e-con-inner, #i35k > .e-con-inner, #i9oh9 > .e-con-inner, #igyb > .e-con-inner, #ik3d > .e-con-inner, #in63f > .e-con-inner, #ivdgh > .e-con-inner, #ie0sb > .e-con-inner, #ix6f7 > .e-con-inner, #irgyx > .e-con-inner, #ijo5x > .e-con-inner, #if2zk > .e-con-inner, #i6yuk > .e-con-inner, #i552y > .e-con-inner, #iawdd > .e-con-inner, #iv376 > .e-con-inner, #i4o6i > .e-con-inner, #igwyj > .e-con-inner, #is7xq > .e-con-inner, #if56l > .e-con-inner, #if0gw > .e-con-inner, #it09x > .e-con-inner, #i90hp > .e-con-inner, #i1ugp1 > .e-con-inner, #ixh4ix > .e-con-inner, #ij6eo > .e-con-inner, #i37x > .e-con-inner, #igrex > .e-con-inner, #ihd7n > .e-con-inner, #i2rxl > .e-con-inner, #ifmh > .e-con-inner, #icr7c > .e-con-inner, #ip7br > .e-con-inner, #imag > .e-con-inner, #iugw > .e-con-inner, #imzr > .e-con-inner, #ij0o > .e-con-inner, #ixlol > .e-con-inner, #iw0wu > .e-con-inner, #i2ndb > .e-con-inner, #i53s2 > .e-con-inner, #ih677 > .e-con-inner, #i0phf > .e-con-inner, #irwii > .e-con-inner, #ilvbr > .e-con-inner, #ivaw7 > .e-con-inner, #i7sn3 > .e-con-inner, #icig4 > .e-con-inner, #i6jdn > .e-con-inner, #ic24g > .e-con-inner, #iu8k4 > .e-con-inner, #iuouj > .e-con-inner, #irwai > .e-con-inner, #i8bla > .e-con-inner, #i49el > .e-con-inner, #id489 > .e-con-inner, #izwd4 > .e-con-inner, #i64fm > .e-con-inner, #ia05h > .e-con-inner, #itvng > .e-con-inner, #i6d1h > .e-con-inner, #i6nj3 > .e-con-inner, #ixuwu > .e-con-inner, #izsi > .e-con-inner, #imzu > .e-con-inner, #iopf > .e-con-inner, #ix97 > .e-con-inner, #i9ors > .e-con-inner, #iabyr > .e-con-inner, #in83l > .e-con-inner { display: block; width: auto; max-width: none; padding: 0; } /* Elementor clamps every direct-child widget with .e-con.e-con > .e-con-inner > .elementor-widget { max-width:100% } The source leaves those at max-width:none, and that clamp changes flex sizing: an image that should reach its intrinsic 720px got held to the 372px column, so the row never wrapped and 768px rendered two half-width columns where the source stacks them. Source #id rules (specificity 100) still override this where they set a real max-width. */ .e-con > .e-con-inner > .elementor-widget.sgFlex-component, .e-con > .elementor-widget.sgFlex-component, .e-con.e-con > .e-con-inner > .elementor-widget.sgFlex-component { max-width: none; } /* ---- bootstrap.min.css (231 rules) ---- */ :root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff} *,::after,::before{box-sizing:border-box} @media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}} body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent} hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25} hr:not([size]){height:1px} .h2,h1,.elementor-widget-heading h1.elementor-heading-title,h2,.elementor-widget-heading h2.elementor-heading-title,h3,.elementor-widget-heading h3.elementor-heading-title,h4,.elementor-widget-heading h4.elementor-heading-title,h5,.elementor-widget-heading h5.elementor-heading-title,h6,.elementor-widget-heading h6.elementor-heading-title{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2} h1,.elementor-widget-heading h1.elementor-heading-title{font-size:calc(1.375rem + 1.5vw)} @media (min-width:1200px){h1,.elementor-widget-heading h1.elementor-heading-title{font-size:2.5rem}} .h2,h2,.elementor-widget-heading h2.elementor-heading-title{font-size:calc(1.325rem + .9vw)} @media (min-width:1200px){.h2,h2,.elementor-widget-heading h2.elementor-heading-title{font-size:2rem}} h3,.elementor-widget-heading h3.elementor-heading-title{font-size:calc(1.3rem + .6vw)} @media (min-width:1200px){h3,.elementor-widget-heading h3.elementor-heading-title{font-size:1.75rem}} h4,.elementor-widget-heading h4.elementor-heading-title{font-size:calc(1.275rem + .3vw)} @media (min-width:1200px){h4,.elementor-widget-heading h4.elementor-heading-title{font-size:1.5rem}} h5,.elementor-widget-heading h5.elementor-heading-title{font-size:1.25rem} h6,.elementor-widget-heading h6.elementor-heading-title{font-size:1rem} p{margin-top:0;margin-bottom:1rem} abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none} address{margin-bottom:1rem;font-style:normal;line-height:inherit} ol,ul{padding-left:2rem} dl,ol,ul{margin-top:0;margin-bottom:1rem} ol ol,ol ul,ul ol,ul ul{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} b,strong{font-weight:bolder} small{font-size:.875em} mark{padding:.2em;background-color:#fcf8e3} sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:#0d6efd;text-decoration:underline} a:hover{color:#0a58ca} a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none} code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override} pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em} pre code{font-size:inherit;color:inherit;word-break:normal} code{font-size:.875em;color:#d63384;word-wrap:break-word} a>code{color:inherit} kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem} kbd kbd{padding:0;font-size:1em;font-weight:700} figure{margin:0 0 1rem} img,svg{vertical-align:middle} table{caption-side:bottom;border-collapse:collapse} caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left} th{text-align:inherit;text-align:-webkit-match-parent} tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0} label{display:inline-block} button{border-radius:0} button:focus:not(:focus-visible){outline:0} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} button,select{text-transform:none} [role=button]{cursor:pointer} select{word-wrap:normal} select:disabled{opacity:1} [list]::-webkit-calendar-picker-indicator{display:none} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button} [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} ::-moz-focus-inner{padding:0;border-style:none} textarea{resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit} @media (min-width:1200px){legend{font-size:1.5rem}} legend+*{clear:left} ::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0} ::-webkit-inner-spin-button{height:auto} [type=search]{outline-offset:-2px;-webkit-appearance:textfield} ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-color-swatch-wrapper{padding:0} ::-webkit-file-upload-button{font:inherit} ::file-selector-button{font:inherit} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} output{display:inline-block} iframe{border:0} summary{display:list-item;cursor:pointer} progress{vertical-align:baseline} [hidden]{display:none!important} .list-unstyled{padding-left:0;list-style:none} .img-fluid{max-width:100%;height:auto} .container,#iv7r,#inh1h,#ivie4,#irr6b,#iact,#i1jq,#izuy,#iks2,#ihlx,#idxn,#iz85,#in8x,#i4eh,#iigw,#i8lgw,#i47gc,#ijmzv,#i2xn,#ik4f,#ivdgh,#if2zk,#iv376,#if0gw,#i37x,#ifmh,#iugw,#ih677,#iu8k4,#i49el,#imzu{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto} @media (min-width:576px){.container,#iv7r,#inh1h,#ivie4,#irr6b,#iact,#i1jq,#izuy,#iks2,#ihlx,#idxn,#iz85,#in8x,#i4eh,#iigw,#i8lgw,#i47gc,#ijmzv,#i2xn,#ik4f,#ivdgh,#if2zk,#iv376,#if0gw,#i37x,#ifmh,#iugw,#ih677,#iu8k4,#i49el,#imzu{max-width:540px}} @media (min-width:768px){.container,#iv7r,#inh1h,#ivie4,#irr6b,#iact,#i1jq,#izuy,#iks2,#ihlx,#idxn,#iz85,#in8x,#i4eh,#iigw,#i8lgw,#i47gc,#ijmzv,#i2xn,#ik4f,#ivdgh,#if2zk,#iv376,#if0gw,#i37x,#ifmh,#iugw,#ih677,#iu8k4,#i49el,#imzu{max-width:720px}} @media (min-width:992px){.container,#iv7r,#inh1h,#ivie4,#irr6b,#iact,#i1jq,#izuy,#iks2,#ihlx,#idxn,#iz85,#in8x,#i4eh,#iigw,#i8lgw,#i47gc,#ijmzv,#i2xn,#ik4f,#ivdgh,#if2zk,#iv376,#if0gw,#i37x,#ifmh,#iugw,#ih677,#iu8k4,#i49el,#imzu{max-width:960px}} @media (min-width:1200px){.container,#iv7r,#inh1h,#ivie4,#irr6b,#iact,#i1jq,#izuy,#iks2,#ihlx,#idxn,#iz85,#in8x,#i4eh,#iigw,#i8lgw,#i47gc,#ijmzv,#i2xn,#ik4f,#ivdgh,#if2zk,#iv376,#if0gw,#i37x,#ifmh,#iugw,#ih677,#iu8k4,#i49el,#imzu{max-width:1140px}} @media (min-width:1400px){.container,#iv7r,#inh1h,#ivie4,#irr6b,#iact,#i1jq,#izuy,#iks2,#ihlx,#idxn,#iz85,#in8x,#i4eh,#iigw,#i8lgw,#i47gc,#ijmzv,#i2xn,#ik4f,#ivdgh,#if2zk,#iv376,#if0gw,#i37x,#ifmh,#iugw,#ih677,#iu8k4,#i49el,#imzu{max-width:1320px}} .row,#iyy5,#iuehbu,#ilo5h,#ikorc,#io272c,#im4k2,#imruf,#i3mw,#iq4e,#i7ug,#ilts,#i8ft,#i8pb,#iqo4,#ip7g,#i901,#imk13,#iscxg,#iybyh,#i8zuu,#igk2j,#iuorm,#i35k,#ie0sb,#i6yuk,#i4o6i,#it09x,#igrex,#icr7c,#imzr,#i0phf,#ilvbr,#iuouj,#id489,#i64fm,#iopf{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))} .row>*,#iyy5>*,#iuehbu>*,#ilo5h>*,#ikorc>*,#io272c>*,#im4k2>*,#imruf>*,#i3mw>*,#iq4e>*,#i7ug>*,#ilts>*,#i8ft>*,#i8pb>*,#iqo4>*,#ip7g>*,#i901>*,#imk13>*,#iscxg>*,#iybyh>*,#i8zuu>*,#igk2j>*,#iuorm>*,#i35k>*,#ie0sb>*,#i6yuk>*,#i4o6i>*,#it09x>*,#igrex>*,#icr7c>*,#imzr>*,#i0phf>*,#ilvbr>*,#iuouj>*,#id489>*,#i64fm>*,#iopf>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)} .col-6{flex:0 0 auto;width:50%} @media (min-width:576px){.col-sm-12{flex:0 0 auto;width:100%}} @media (min-width:768px){.col-md-3{flex:0 0 auto;width:25%}} @media (min-width:768px){.col-md-6{flex:0 0 auto;width:50%}} @media (min-width:768px){.col-md-9{flex:0 0 auto;width:75%}} @media (min-width:992px){.col-lg-6{flex:0 0 auto;width:50%}} @media (min-width:1200px){.col-xl-6{flex:0 0 auto;width:50%}} @media (min-width:1400px){.col-xxl-4{flex:0 0 auto;width:33.33333333%}} .btn,a.elementor-button{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} @media (prefers-reduced-motion:reduce){.btn,a.elementor-button{transition:none}} .btn:hover{color:#212529} .btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)} .btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65} .btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd} .btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca} .btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)} .btn-primary.active,.btn-primary:active{color:#fff;background-color:#0a58ca;border-color:#0a53be} .btn-primary.active:focus,.btn-primary:active:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)} .btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd} .btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107} .btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720} .btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)} .btn-warning.active,.btn-warning:active{color:#000;background-color:#ffcd39;border-color:#ffc720} .btn-warning.active:focus,.btn-warning:active:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)} .btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107} .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545} .btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37} .btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)} .btn-danger.active,.btn-danger:active{color:#fff;background-color:#b02a37;border-color:#a52834} .btn-danger.active:focus,.btn-danger:active:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)} .btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545} .btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa} .btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb} .btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)} .btn-light.active,.btn-light:active{color:#000;background-color:#f9fafb;border-color:#f9fafb} .btn-light.active:focus,.btn-light:active:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)} .btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa} .btn-outline-primary{color:#0d6efd;border-color:#0d6efd} .btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd} .btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)} .btn-outline-primary.active,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd} .btn-outline-primary.active:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)} .btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent} .fade{transition:opacity .15s linear} @media (prefers-reduced-motion:reduce){.fade{transition:none}} .fade:not(.show){opacity:0} .collapse:not(.show){display:none} .collapsing{height:0;overflow:hidden;transition:height .35s ease} @media (prefers-reduced-motion:reduce){.collapsing{transition:none}} .collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease} @media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}} .dropend,.dropstart,.dropup{position:relative} .dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin:0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem} .dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:.125rem} .dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem} .dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem} .dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem} .dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0} .dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef} .dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd} .dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent} .dropdown-menu.show{display:block} .nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none} .nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out} @media (prefers-reduced-motion:reduce){.nav-link{transition:none}} .nav-link:focus,.nav-link:hover{color:#0a58ca} .nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default} .navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem} .navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between} .navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap} .navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none} .navbar-nav .nav-link{padding-right:0;padding-left:0} .navbar-nav .dropdown-menu{position:static} @media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}} @media (min-width:768px){.navbar-expand-md .navbar-nav{flex-direction:row}} @media (min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}} @media (min-width:768px){.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}} .navbar-light .navbar-brand{color:rgba(0,0,0,.9)} .navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)} .navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)} .navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)} .navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)} .navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)} .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease} @media (prefers-reduced-motion:reduce){.accordion-button{transition:none}} .accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)} .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)} .accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out} @media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}} .accordion-button:hover{z-index:2} .accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)} .accordion-header{margin-bottom:0} .accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)} .accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem} .accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)} .accordion-item:not(:first-of-type){border-top:0} .accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)} .accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem} .accordion-body{padding:1rem 1.25rem} .pagination{display:flex;padding-left:0;list-style:none} .page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out} @media (prefers-reduced-motion:reduce){.page-link{transition:none}} .page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6} .page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)} .page-item:not(:first-child) .page-link{margin-left:-1px} .page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd} .page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6} .page-link{padding:.375rem .75rem} .page-item:first-child .page-link{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem} .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem} .carousel{position:relative} .carousel.pointer-event{touch-action:pan-y} .d-flex{display:flex!important} .d-none,#ic79d,#ijo5x{display:none!important} .border-0{border:0!important} .w-100{width:100%!important} .h-100{height:100%!important} .flex-column{flex-direction:column!important} .justify-content-center{justify-content:center!important} .order-1{order:1!important} .order-2{order:2!important} .m-1{margin:.25rem!important} .mt-3{margin-top:1rem!important} .mt-4{margin-top:1.5rem!important} .me-1{margin-right:.25rem!important} .me-3{margin-right:1rem!important} .mb-1{margin-bottom:.25rem!important} .mb-3{margin-bottom:1rem!important} .mb-4{margin-bottom:1.5rem!important} .mb-5{margin-bottom:3rem!important} .text-start{text-align:left!important} .text-center{text-align:center!important} .text-decoration-underline{text-decoration:underline!important} .text-uppercase{text-transform:uppercase!important} .text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important} .text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important} .text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important} .bg-primary,#i4ieh,#igyb,#if56l{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important} @media (min-width:768px){.justify-content-md-start{justify-content:flex-start!important}} @media (min-width:768px){.order-md-1{order:1!important}} @media (min-width:768px){.order-md-2{order:2!important}} @media (min-width:768px){.text-md-start{text-align:left!important}} /* ---- flexi.css (59 rules) ---- */ :root { --shape-divider-color-top: #000; --shape-divider-width-top: 100%; --shape-divider-height-top: 200px; --shape-divider-color-bottom: #000; --shape-divider-width-bottom: 100%; --shape-divider-height-bottom: 200px; } .gjs-row, #iyy5, #iuehbu, #ilo5h, #ikorc, #io272c, #im4k2, #imruf, #i3mw, #iq4e, #i7ug, #ilts, #i8ft, #i8pb, #iqo4, #ip7g, #i901, #imk13, #iscxg, #iybyh, #i8zuu, #igk2j, #iuorm, #i35k, #ie0sb, #i6yuk, #i4o6i, #it09x, #igrex, #icr7c, #imzr, #i0phf, #ilvbr, #iuouj, #id489, #i64fm, #iopf { position: relative; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: nowrap; --fx-gutter-x: 1.5rem; margin-right: calc(-.5 * var(--fx-gutter-x)); margin-left: calc(-.5 * var(--fx-gutter-x)); } .gjs-cell, #i56i, #i3xeei, #ixpw5, #iwo1f, #if0rzs, #il9h5, #ihe96, #isc6u, #ip9d, #ijd1, #ieye, #i2e6, #irhl, #ibt1, #is8j, #iud7, #ifzx, #iyn2i, #iw0mn, #if0qb, #i0ard, #iwe41, #ipo2o, #i3qy7, #is4w8, #i9oh9, #ix6f7, #i552y, #igwyj, #is7xq, #i90hp, #i1ugp1, #ihd7n, #ip7br, #ij0o, #i2ndb, #irwii, #ivaw7, #icig4, #irwai, #izwd4, #ia05h, #itvng, #ix97, #i9ors, #iabyr, #in83l { position: relative; flex-grow: 1; flex-basis: 0%; max-width: 100%; padding-right: calc(var(--fx-gutter-x) * .5); padding-left: calc(var(--fx-gutter-x) * .5); } .sgFlex-component-div, #i5jdu, #i666w, #igyb, #ik3d, #irgyx, #ixh4ix, #ixlol, #iw0wu, #i7sn3, #i6jdn, #i6d1h, #i6nj3, #ixuwu { padding: 5px; flex: 1; } .sgFlex-component-div > .sgFlex-component-div, #i5jdu > .sgFlex-component-div, #i666w > .sgFlex-component-div, #igyb > .sgFlex-component-div, #ik3d > .sgFlex-component-div, #irgyx > .sgFlex-component-div, #ixh4ix > .sgFlex-component-div, #ixlol > .sgFlex-component-div, #iw0wu > .sgFlex-component-div, #i7sn3 > .sgFlex-component-div, #i6jdn > .sgFlex-component-div, #i6d1h > .sgFlex-component-div, #i6nj3 > .sgFlex-component-div, #ixuwu > .sgFlex-component-div { margin: 10px; } @media screen and (min-width: 1200px){[data-hidden-sg-desktop], .elementor-page-142 #iawdd, .elementor-page-142 #if56l, .elementor-page-142 #ixh4ix, .elementor-page-145 #isvfb, .elementor-page-145 #il3gu, .elementor-page-145 #ieo9l, .elementor-page-145 #imcsk, .elementor-page-145 #ixjg, #i35ja { display: none !important; }} @media screen and (max-width: 1200px) and (min-width: 993px){[data-hidden-sg-laptop], .elementor-page-142 #iawdd, .elementor-page-142 #if56l, .elementor-page-142 #ixh4ix, .elementor-page-145 #isvfb, .elementor-page-145 #il3gu, .elementor-page-145 #ieo9l, .elementor-page-145 #imcsk, .elementor-page-145 #ixjg, #i35ja { display: none !important; }} @media screen and (max-width: 992px) and (min-width: 768px){[data-hidden-sg-notebook], .elementor-page-142 #iawdd, .elementor-page-142 #if56l, .elementor-page-142 #ixh4ix, .elementor-page-145 #isvfb, .elementor-page-145 #il3gu, .elementor-page-145 #ieo9l, .elementor-page-145 #imcsk, .elementor-page-145 #ixjg, #i35ja { display: none !important; }} @media screen and (max-width: 767px) and (min-width: 576px){[data-hidden-sg-tablet], .elementor-page-142 #iawdd, .elementor-page-142 #if56l, .elementor-page-142 #ixh4ix, .elementor-page-145 #i2ndb, .elementor-page-145 #if6e1, .elementor-page-145 #i8irt, .elementor-page-145 #ian8m, .elementor-page-145 #iur11, .elementor-page-145 #iht8y, .elementor-page-145 #ilpic, .elementor-page-145 #iuszo, .elementor-page-145 #ieo9l, .elementor-page-145 #imcsk, .elementor-page-145 #ixjg, #iwqhx, #iah5s { display: none !important; }} @media screen and (max-width: 575px) and (min-width: 481px){[data-hidden-sg-mobile-lg], .elementor-page-142 #iawdd, .elementor-page-142 #if56l, .elementor-page-142 #ixh4ix, .elementor-page-145 #i2ndb, .elementor-page-145 #if6e1, .elementor-page-145 #i8irt, .elementor-page-145 #ian8m, .elementor-page-145 #iur11, .elementor-page-145 #iht8y, .elementor-page-145 #ilpic, .elementor-page-145 #iuszo, .elementor-page-145 #ieo9l, .elementor-page-145 #imcsk, .elementor-page-145 #ixjg, #iwqhx, #iah5s { display: none !important; }} @media screen and (max-width: 480px){[data-hidden-sg-mobile-sm], .elementor-page-142 #iawdd, .elementor-page-142 #if56l, .elementor-page-142 #ixh4ix, .elementor-page-145 #i2ndb, .elementor-page-145 #if6e1, .elementor-page-145 #i8irt, .elementor-page-145 #ian8m, .elementor-page-145 #iur11, .elementor-page-145 #iht8y, .elementor-page-145 #ilpic, .elementor-page-145 #iuszo, .elementor-page-145 #il3gu, .elementor-page-145 #imcsk, .elementor-page-145 #ixjg, #iwqhx, #iah5s { display: none !important; }} @media only screen and (max-width: 767px){.gjs-row, #iyy5, #iuehbu, #ilo5h, #ikorc, #io272c, #im4k2, #imruf, #i3mw, #iq4e, #i7ug, #ilts, #i8ft, #i8pb, #iqo4, #ip7g, #i901, #imk13, #iscxg, #iybyh, #i8zuu, #igk2j, #iuorm, #i35k, #ie0sb, #i6yuk, #i4o6i, #it09x, #igrex, #icr7c, #imzr, #i0phf, #ilvbr, #iuouj, #id489, #i64fm, #iopf { flex-wrap: wrap; }} .sgFlex-component, #i2f8, #iv7r, #iyy5, #i56i, #iw7kua, #inh1h, #iuehbu, #i3xeei, #i5jdu, #ilo5h, #ixpw5, #i666w, #ic79d, #ivie4, #ikorc, #iwo1f, #io272c, #if0rzs, #im4k2, #il9h5, #ihe96, #imwch, #irr6b, #imruf, #isc6u, #i367, #iact, #i3mw, #ip9d, #ijum, #i1jq, #iq4e, #ijd1, #ihvr, #izuy, #i7ug, #ieye, #iks2, #iv4c, #ihlx, #ilts, #i2e6, #i43z, #idxn, #i8ft, #irhl, #iqph, #iz85, #i8pb, #ibt1, #ides, #in8x, #iqo4, #is8j, #i6gh, #i4eh, #ip7g, #iud7, #ibdj, #iigw, #i901, #ifzx, #in0xt, #i8lgw, #imk13, #iyn2i, #iw0mn, #i9g5t, #i47gc, #iscxg, #if0qb, #iybyh, #i0ard, #i8zuu, #iwe41, #igzag, #ijmzv, #igk2j, #ipo2o, #i3qy7, #i4ieh, #i2xn, #iuorm, #is4w8, #i53k, #ik4f, #i35k, #i9oh9, #igyb, #ik3d, #in63f, #ivdgh, #ie0sb, #ix6f7, #irgyx, #ijo5x, #if2zk, #i6yuk, #i552y, #iawdd, #iv376, #i4o6i, #igwyj, #is7xq, #if56l, #if0gw, #it09x, #i90hp, #i1ugp1, #ixh4ix, #ij6eo, #i37x, #igrex, #ihd7n, #i2rxl, #ifmh, #icr7c, #ip7br, #imag, #iugw, #imzr, #ij0o, #ixlol, #iw0wu, #i2ndb, #i53s2, #ih677, #i0phf, #irwii, #ilvbr, #ivaw7, #i7sn3, #icig4, #i6jdn, #ic24g, #iu8k4, #iuouj, #irwai, #i8bla, #i49el, #id489, #izwd4, #i64fm, #ia05h, #itvng, #i6d1h, #i6nj3, #ixuwu, #izsi, #imzu, #iopf, #ix97, #i9ors, #iabyr, #in83l, [class^="sgFlex-component"] { position: relative; } .sgFlex-component-card { position: relative; display: flex; flex-direction: column; width: 100%; /* max-width: 300px; */ font-size: inherit; line-height: 1.5em; background-color: #fff; border: 1px solid #e3e3e3; color: #000; overflow: hidden; } .sgFlex-component-card > .inner { position: relative; flex: 1; display: flex; flex-direction: column; } .sgFlex-component-card a.p { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 2; } .sgFlex-component-card .thumbnail { position: relative; overflow: hidden; } .sgFlex-component-card .thumbnail > img { width: 100%; transition: all 0.35s; } .sgFlex-component-card .info { position: relative; flex: 1; display: flex; flex-direction: column; padding: 15px; text-align: center; } .sgFlex-component-card .title { font-size: 24px; font-weight: bold; margin-bottom: 5px; } .sgFlex-component-card .content { margin-bottom: 5px; } .sgFlex-component-card .ctas { display: block; margin-top: auto; padding-top: 15px; } .sgFlex-component-card .ctas a { margin: 2px; z-index: 10; } .sgFlex-component-card > .inner.style_2 > .thumbnail { position: relative; padding-top: 100%; } .sgFlex-component-card > .inner.style_2 > .thumbnail > img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center; } .sgFlex-component-card:hover> .inner.style_2 > .thumbnail > img { transform: scale(1.2); } .sgFlex-component-card > .inner.style_2 > .info { position: absolute; left: 0; width: 100%; bottom: 0; padding: 15px; text-align: left; } .sgFlex-component-testimonials { padding: 25px; } .sgFlex-component-testimonials .testimonial-items { position: relative; display: flex; flex-wrap: wrap; width: 100%; } .sgFlex-component-testimonials .testimonial-items.layout-carousel { display: block; } .sgFlex-component-testimonials .testimonial-item { position: relative; display: inline-flex; flex-direction: column; max-width: 100%; width: auto; padding: 25px; background-color: #f0f0f0; color: #000; border-radius: 15px; text-align: center; box-shadow: 0 0 20px 0px rgba(0,0,0,0.20); margin: 5px; } .sgFlex-component-testimonials .testimonial-item .rating { display: flex; justify-content: center; margin-bottom: 15px; } .sgFlex-component-testimonials .testimonial-item .rating span { opacity: 0.15; } .sgFlex-component-testimonials .testimonial-item .rating span.checked { color: var(--sg-color-primary); opacity: 1; } .sgFlex-component-testimonials .testimonial-item .title { font-weight: bold; margin-top: 15px; } .sgFlex-component-testimonials .testimonial-item .title span { display: block; } .sgFlex-component-testimonials .testimonial-items.layout-carousel .testimonial-item { display: block; width: auto; } .sgFlex-component-testimonials .testimonial-items.style_1 .testimonial-item { display: inline-block; text-align: left; } .sgFlex-component-testimonials .testimonial-items.style_1 .testimonial-item .rating { justify-content: flex-start; } .sgFlex-component-testimonials .testimonial-items.style_1 .testimonial-item .info { display: flex; gap: 10px; margin-top: 10px; } .sgFlex-component-testimonials .testimonial-items.style_1 .testimonial-item .info .title { margin: 0; } .sgFlex-component-testimonials .testimonial-items.style_2 .testimonial-item { display: flex; flex-direction: column; } .sgFlex-component-testimonials .testimonial-items.style_2 .testimonial-item .rating { order: 2; } .sgFlex-component-testimonials .testimonial-items.style_2 .testimonial-item .info { margin: 0 0 15px; } .sgFlex-component-testimonials .testimonial-items.style_2 .testimonial-item .title { margin: 0; order: 1; } .sgFlex-component-testimonials .testimonial-items.style_2 .testimonial-item .content { order: 3; } .sgFlex-component-gallery > .gallery-items { display: flex; flex-wrap: wrap; } .sgFlex-component-gallery > .gallery-items.layout-carousel { display: block; } .sgFlex-component-gallery .gallery-item { position: relative; display: inline-block; width: 100%; /* margin: 5px; */ } .sgFlex-component-gallery .gallery-items.layout-carousel .owl-stage { display: flex; align-items: center; } .sgFlex-component-gallery .gallery-items.layout-carousel .owl-item { text-align: center; } .sgFlex-component-gallery .gallery-items.layout-carousel .gallery-item { position: relative; width: auto; max-width: 100%; display: inline-flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; } .sgFlex-component-tmp-contact-row .ctaItems { margin-bottom: 25px; } .sgFlex-component-tmp-contact-row .ctaItems > a.btn { display: flex; border-radius: 0; font-size: 150%; justify-content: flex-start; padding: 25px 115px 25px 25px; margin-bottom: 10px; } .sgFlex-component-tmp-contact-row .ctaItems > a.btn .icon { position: absolute; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.15); margin: 0; width: 100px; font-size: 150%; text-align: center; } .sgFlex-component-tmp-contact-row .ctaItems > a.btn .icon > * { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; } ul.sgFlex-iconlists-items { position: relative; list-style: none; padding: 0; } ul.sgFlex-iconlists-items .icon { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; } ul.sgFlex-iconlists-items .icon ~ .text { margin-left: 5px; } /* ---- sgen-styles.css (2 rules) ---- */ b { font-weight: bold; } strong { font-weight: 900; } /* ---- styles.css (201 rules) ---- */ :root { --body-font-size: 15px; --body-font-family: 'Poppins'; --container-width: 1199px; --button-font-size: var(--body-font-size); --button-font-family: var(--body-font-family); /* --headings-font-family: 'Poppins'; */ --headings_1-font-family: var(--body-font-family); --headings_1-font-size: 60px; --headings_2-font-family: var(--body-font-family); --headings_2-font-size: 46px; --headings_3-font-family: var(--body-font-family); --headings_3-font-size: 36px; --headings_4-font-family: var(--body-font-family); --headings_4-font-size: 24px; --headings_5-font-family: var(--body-font-family); --headings_5-font-size: 20px; --headings_6-font-family: var(--body-font-family); --headings_6-font-size: 18px; --sg-color-body: #ffffff; --sg-color-text: #000000; --sg-color-accent: #051e37; --sg-color-accent_hover: #051e37; --sg-color-primary: #0a58ca; --sg-color-primary_hover: #0a58ca; --sg-color-secondary: #71a2ea; --sg-color-secondary_hover: #71a2ea; --sg-color-success: #146c43; --sg-color-success_hover: #146c43; --sg-color-info: #2dcfe9; --sg-color-info_hover: #2dcfe9; --sg-color-warning: #e9af43; --sg-color-warning_hover: #e9af43; --sg-color-danger: #bb2d3b; --sg-color-danger_hover: #bb2d3b; --sg-color-light: #fff; --sg-color-light_hover: #fff; --sg-color-dark: #000; --sg-color-dark_hover: #000; /* override bs */ --bs-primary: var(--sg-color-primary); --bs-secondary: var(--sg-color-secondary); --bs-success: var(--sg-color-success); --bs-info: var(--sg-color-info); --bs-warning: var(--sg-color-warning); --bs-danger: var(--sg-color-danger); --bs-light: var(--sg-color-light); --bs-dark: var(--sg-color-dark); } body { font-size: var(--body-font-size); font-family: var(--body-font-family), sans-serif; color: var(--sg-color-text); background-color: var(--sg-color-body); } [data-lazyload="true"] { opacity: 0; height: revert-layer; transition: all 0.35s; } .btn, a.elementor-button { font-size: 100%; } .container, #iv7r, #inh1h, #ivie4, #irr6b, #iact, #i1jq, #izuy, #iks2, #ihlx, #idxn, #iz85, #in8x, #i4eh, #iigw, #i8lgw, #i47gc, #ijmzv, #i2xn, #ik4f, #ivdgh, #if2zk, #iv376, #if0gw, #i37x, #ifmh, #iugw, #ih677, #iu8k4, #i49el, #imzu { max-width: var(--container-width); } .site-wrapper { position: relative; /* overflow: hidden; */ } .site-content { position: relative; z-index: 26; } a { color: var(--sg-color-accent); text-decoration: none; } a:hover { color: var(--sg-color-accent_hover); } h1, .elementor-widget-heading h1.elementor-heading-title { font-size: var(--headings_1-font-size); font-family: var(--headings_1-font-family), sans-serif; font-weight: bold; } h2, .elementor-widget-heading h2.elementor-heading-title, .h2 { font-size: var(--headings_2-font-size); font-family: var(--headings_2-font-family), sans-serif; font-weight: bold; } h3, .elementor-widget-heading h3.elementor-heading-title { font-size: var(--headings_3-font-size); font-family: var(--headings_3-font-family), sans-serif; font-weight: bold; } h4, .elementor-widget-heading h4.elementor-heading-title { font-size: var(--headings_4-font-size); font-family: var(--headings_4-font-family), sans-serif; } h5, .elementor-widget-heading h5.elementor-heading-title { font-size: var(--headings_5-font-size); font-family: var(--headings_5-font-family), sans-serif; } h6, .elementor-widget-heading h6.elementor-heading-title { font-size: var(--headings_6-font-size); font-family: var(--headings_6-font-family), sans-serif; } .dropdown-item.active, .dropdown-item:active { background-color: var(--sg-color-primary); } .navbar-nav .nav-item.open > .dropdown-menu { display: block; } .navbar ul.nav li.nav-item.active > a { color: var(--sg-color-primary); } .navbar.style_2 ul.nav > li { margin: 3px; } .navbar.style_2 ul.nav li.nav-item > a { color: #000; background-color: #e3e3e3; border-radius: 25px; padding: 7px 25px; } .navbar.style_2 ul.nav li.nav-item.active > a { background-color: var(--sg-color-primary); color: var(--sg-color-light); } .dropdown-menu { border-radius: 0; padding: 0; font-size: inherit; } .dropdown-menu li { position: relative; } .text-primary { color: var(--sg-color-primary) !important; } .text-light { color: var(--sg-color-light) !important; } .text-dark { color: var(--sg-color-dark) !important; } .bg-primary, #i4ieh, #igyb, #if56l { background-color: var(--sg-color-primary) !important; } .btn, a.elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; border-radius: 25px 25px 25px 25px; padding: 10px 25px 10px 25px; line-height: 1.25em; transition: all 0.35s; } .btn:active:focus, .btn:focus, .btn:active { box-shadow: none; outline: none; } .btn.btn-default { background-color: #ededed; border-color: #ededed; color: #000; } .btn.btn-default:hover { background-color: #e3e3e3; border-color: #e3e3e3; } .btn.btn-outline-accent:hover { background-color: var(--sg-color-accent); border-color: var(--sg-color-accent); color: var(--sg-color-light); } .btn.btn-outline-accent { border-color: var(--sg-color-accent); color: var(--sg-color-accent); } .btn.btn-primary, .btn.btn-outline-primary:hover, .btn-outline-primary.active, .btn-outline-primary:active { background-color: var(--sg-color-primary); border-color: var(--sg-color-primary); color: var(--sg-color-light); } .btn.btn-primary:hover { background-color: var(--sg-color-primary_hover); border-color: var(--sg-color-primary_hover); } .btn.btn-outline-primary { border-color: var(--sg-color-primary); color: var(--sg-color-primary); } .btn.btn-warning { background-color: var(--sg-color-warning); border-color: var(--sg-color-warning); color: var(--sg-color-light); } .btn.btn-warning:hover { background-color: var(--sg-color-warning_hover); border-color: var(--sg-color-warning_hover); } .btn.btn-danger { background-color: var(--sg-color-danger); border-color: var(--sg-color-danger); color: var(--sg-color-light); } .btn.btn-danger:hover { background-color: var(--sg-color-danger_hover); border-color: var(--sg-color-danger_hover); } .btn.btn-light { background-color: var(--sg-color-light); border-color: var(--sg-color-light); color: var(--sg-color-dark); } .btn.btn-light:hover { background-color: var(--sg-color-light_hover); border-color: var(--sg-color-light_hover); } .btn > .text { display: inline-block; text-align: left; } .btn > .text > span.subtext { display: block; font-size: 70%; } .btn > .icon { margin-right: 10px; } header#masterhead { position: relative; background-color: var(--sg-color-accent); color: var(--sg-color-light); /* padding: 15px 0; */ background-size: cover; background-repeat: no-repeat; background-position: bottom center; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); z-index: 9999; } header#masterhead .primary-navbar { position: relative; display: flex; align-items: center; padding: 0; } header#masterhead a:not(.btn):not(:hover) { color: inherit; } header#masterhead .navbar-brand { margin: 0; } header#masterhead .navbar-brand img { display: block; /* margin: 0 auto; */ max-height: 100%; } header#masterhead .navbar-wrapper { position: relative; display: flex; align-items: center; width: 100%; } header#masterhead .navbar-ctas { position: relative; margin-left: 25px; } header#masterhead .navbar-ctas > .nav-cta-item { padding: 5px; } header#masterhead .navbar-wrapper .navbar-brand { max-width: 250px; flex: 0 0 250px; } .sg-site-navigation.navbar-nav { margin-left: auto; align-items: center; } .sg-site-navigation.navbar-nav .nav-link { color: inherit; padding: 7px 15px; text-align: center; transition: all 0.35s; } .sg-site-navigation.navbar-nav .nav-link.btn { margin: 5px 15px; } .sg-site-navigation.navbar-nav .nav-item { position: relative; } .sg-site-navigation.navbar-nav > .nav-item { padding: 5px; } .mobile-navbar-brand { display: none; } .mobile-toggler-burger { position: relative; display: none; padding-top: 5px; width: 40px; height: 40px; background-color: var(--sg-color-primary); z-index: 15; } .mobile-toggler-burger > span { position: relative; display: block; width: 30px; height: 4px; margin: 5px auto; border-radius: 3px; background-color: #fff; transition: all 0.35s; } .mobile-toggler-burger.close > span.top-bun { transform: rotate(-45deg); margin-top: 12px; } .mobile-toggler-burger.close > span.bottom-bun { opacity: 0; transform: rotate(45deg); } .mobile-toggler-burger.close > span.meat { transform: rotate(45deg); margin-top: -9px; } #mobile-nav { position: fixed; display: none; font-size: 15px; top: 0; right: 0; bottom: 0; left: 0; z-index: 10009; } #mobile-nav:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 15; } #mobile-nav > .inner { position: absolute; top: 0; right: 0; bottom: 0; display: block; padding: 60px 25px 25px; width: 320px; height: 100%; color: var(--sg-color-light); background-color: var(--sg-color-accent); transform: translateX(320px); transition: all 0.35s; overflow: auto; z-index: 22; } #mobile-nav > .inner .brand > .navbar-brand { max-width: 70%; margin: 0 auto; transform: none; display: block; } #mobile-nav > .inner .nav .nav-item a { color: inherit; } #mobile-nav > .inner img { max-width: 100%; } #mobile-nav > .inner .site-img-logo > img { display: block; max-height: 150px; margin: 0 auto; object-fit: contain; } #mobile-nav > .inner > .navi { position: relative; display: block; margin-top: 25px; } #mobile-nav > .inner > .navi > ul.nav, #mobile-nav > .inner > .navi > ul.nav ul { list-style: none; color: inherit; } #mobile-nav > .inner > .navi > ul.nav li { width: 100%; } #mobile-nav > .inner > .navi > ul.nav li > a, #mobile-nav > .inner > .navi > ul.nav li > .nav-link { display: block; width: 100%; border-bottom: 1px solid rgba(255,255,255,0.5); text-align: left; } #mobile-nav > .inner > .navi > ul.nav ul { position: relative !important; transform: none !important; border: 0 !important; margin-top: 5px !important; margin-bottom: 15px !important; background-color: transparent; padding-left: 15px; } #mobile-nav > .inner > .navi > ul.nav > li:last-child { border-bottom: 0; } #mobile-nav > .inner > .navi > ul.nav li a, #mobile-nav > .inner > .navi > ul.nav li .nav-link { display: block; padding: 10px; color: inherit; transition: all 0.35s; } #mobile-nav > .inner > .navi > ul.nav li a:hover { background-color: var(--sg-color-accent_hover); } #mobile-nav .close { position: absolute; top: 5px; left: 5px; } #mobile-nav .navbar-ctas .nav-cta-item { flex: 0 0 100%; max-width: 100%; } #mobile-nav .navbar-ctas .nav-cta-item > a { width: 100%; } #mobile-nav.open { display: block; } #mobile-nav.slideNav.open > .inner { transform: translateX(0); } @media screen and (min-width: 768px){.sg-site-navigation.navbar-nav .dropdown-menu { margin-top: 0; }} footer#masterfoot { position: relative; background-color: var(--sg-color-accent); color: var(--sg-color-light); /* border-bottom: 1px solid; */ background-size: cover; background-repeat: no-repeat; background-position: top center; padding: 0; z-index: 30; } footer#masterfoot a:not(.btn) { color: inherit; } section, #i2f8, #iw7kua, #ic79d, #imwch, #i367, #ijum, #ihvr, #iv4c, #i43z, #iqph, #ides, #i6gh, #ibdj, #in0xt, #i9g5t, #igzag, #i4ieh, #i53k, #in63f, #ijo5x, #iawdd, #if56l, #ij6eo, #i2rxl, #imag, #i53s2, #ic24g, #i8bla, #izsi, .section, .sg-section { position: relative; padding-top: 100px; padding-bottom: 100px; background-size: cover; background-repeat: no-repeat; } section:before, #i2f8:before, #iw7kua:before, #ic79d:before, #imwch:before, #i367:before, #ijum:before, #ihvr:before, #iv4c:before, #i43z:before, #iqph:before, #ides:before, #i6gh:before, #ibdj:before, #in0xt:before, #i9g5t:before, #igzag:before, #i4ieh:before, #i53k:before, #in63f:before, #ijo5x:before, #iawdd:before, #if56l:before, #ij6eo:before, #i2rxl:before, #imag:before, #i53s2:before, #ic24g:before, #i8bla:before, #izsi:before, .section:before, .sg-section:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; } section > *, #i2f8 > *, #iw7kua > *, #ic79d > *, #imwch > *, #i367 > *, #ijum > *, #ihvr > *, #iv4c > *, #i43z > *, #iqph > *, #ides > *, #i6gh > *, #ibdj > *, #in0xt > *, #i9g5t > *, #igzag > *, #i4ieh > *, #i53k > *, #in63f > *, #ijo5x > *, #iawdd > *, #if56l > *, #ij6eo > *, #i2rxl > *, #imag > *, #i53s2 > *, #ic24g > *, #i8bla > *, #izsi > *, .section > *, .sg-section > * { position: relative; z-index: 11; } .swiper-slide { height: auto; } .sgen--blocks_carousel { position: relative; display: -ms-flex; display: flex; --items-per-slide: 1; /* opacity: 0; */ } .sgen--blocks_carousel:not(.owl-loaded) { /* overflow-x: auto; */ overflow: hidden; } .sgen--blocks_carousel:not(.owl-loaded) > * { flex: 0 0 calc(100% / var(--items-per-slide)); max-width: calc(100% / var(--items-per-slide)); width: 100%; margin-right: 15px; } .sgen--blocks_carousel:not(.owl-loaded) > *:not(:first-child) { display: none !important; } .sgen--blocks_carousel .owl-stage { display: flex; } .sgen--blocks_carousel .owl-stage > .owl-item > * { height: 100%; } .owl-theme.owl-carousel .owl-item { padding: 5px; } .owl-theme.owl-carousel .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: -ms-flex; display: flex; -ms-justify-content: space-between; justify-content: space-between; -ms-align-items: center; align-items: center; margin: 0; } .owl-theme.owl-carousel .owl-nav.disabled { display: none; } .owl-theme.owl-carousel .owl-nav > button[class^="owl-"] { position: absolute; font-size: 24px; font-weight: bold; background-color: var(--sg-color-accent); color: var(--sg-color-light); border-radius: 30px; width: 30px; height: 30px; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; } .owl-theme.owl-carousel .owl-nav > button[class^="owl-"]:focus { background-color: var(--sg-color-primary); color: var(--sg-color-light); } .owl-theme.owl-carousel .owl-nav > button[class^="owl-"] > span { position: absolute; font-family: 'Arial'; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); } .owl-theme.owl-carousel .owl-nav > button[class^="owl-"] > .fa { font-size: 13px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; } .owl-theme.owl-carousel .owl-nav > button.owl-next { right: 0; } .owl-theme.owl-carousel .owl-dots { position: absolute; left: 0; right: 0; bottom: 10px; margin-top: 15px; margin-left: auto; margin-right: auto; } .owl-theme.owl-carousel .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 3px; } .owl-theme.owl-carousel .owl-dots .owl-dot.active span { background-color: var(--sg-color-accent); } .sgen--posts { position: relative; display: flex; flex-wrap: wrap; } .sgen--posts.sgen--blocks_carousel { display: block; margin: 0; } .sgen--posts .article-item { position: relative; } .sgen--posts .article-item a.p { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 22; } .sgen--posts .article-item > .article-item-content { position: relative; text-align: left; overflow: hidden; } .sgen--posts .article-item > .article-item-content > .thumb { position: relative; padding-top: 85%; width: 100%; background-color: #e3e3e3; overflow: hidden; } .sgen--posts .article-item > .article-item-content > .thumb:before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 2; } .sgen--posts .article-item > .article-item-content > .thumb > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 5s; z-index: 1; } .sgen--posts .article-item:hover > .article-item-content > .thumb > img { transform: scale(1.2); } .sgen--posts .article-item > .article-item-content > .details { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; color: #fff; z-index: 11; } .sgen--posts .article-item > .article-item-content > .details > * { position: relative; } .sgen--posts .article-item > .article-item-content .article-title { font-weight: bold; margin: 0 0 5px; padding: 0; text-transform: uppercase; } .sgen--posts .article-item .article-date { font-weight: 500; font-size: 80%; } @media only screen and (min-width: 576px){.sgen--posts .article-item.style_1 > .article-item-content { display: flex; }} @media only screen and (min-width: 576px){.sgen--posts .article-item.style_1 > .article-item-content > .thumb { padding: 0 !important; min-height: 250px; margin: 0 !important; }} @media only screen and (min-width: 576px){.sgen--posts .article-item.style_1 > .article-item-content > .thumb ~ .details { padding: 25px; }} .sgen--posts.archived-posts .article-item > .article-item-content { display: flex; flex-direction: column; height: 100%; } .sgen--posts.archived-posts .article-item > .article-item-content > .thumb { padding-top: 60%; } .sgen--posts.archived-posts .article-item > .article-item-content > .details { position: relative; padding: 25px; background-color: #fff; color: #000; flex: 1; } .sgen--posts.sidebar-posts { display: block; margin: 0; } .sgen--posts.sidebar-posts > .article-item { flex: 1; max-width: 100%; margin: 0 0 25px; } .accordion { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: 0 -7.5px; } .accordion > .accordion-item { text-align: left; flex: 0 0 100%; max-width: 100%; flex: 0 0 calc(calc(100% / 1) - 15px); max-width: calc(calc(100% / 1) - 15px); margin: 0 7.5px 15px; border: 0; background-color: #fff; color: #222; } .accordion > .accordion-item > .accordion-header { font-size: inherit; } .accordion > .accordion-item > .accordion-header > .accordion-button.collapsed { background-color: #e3e3e3; color: #222; } .accordion > .accordion-item > .accordion-header > .accordion-button { font-size: inherit; background-color: var(--sg-color-accent); color: var(--sg-color-light); line-height: 1.25em; border-radius: 0; } .accordion > .accordion-item > .accordion-header > .accordion-button:focus { outline: none; box-shadow: none; } .accordion > .accordion-item > .accordion-header > .accordion-button.collapsed:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion > .accordion-item > .accordion-header > .accordion-button:after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .accordion > .accordion-item .accordion-collapse { transition: all 0.35s; } .accordion > .accordion-item .accordion-collapse.collapsing { opacity: 0; } iframe { max-width: 100%; width: 100%; } .pagination { margin-top: 25px; } .pagination .page-item .page-link { color: var(--sg-color-primary); } .pagination .page-item.active .page-link { background-color: var(--sg-color-primary); border-color: var(--sg-color-primary); color: var(--sg-color-light); } .sg-layoutGrid { display: flex; flex-wrap: wrap; --grid-spacing: 5px; } .sg-layoutGrid > * { flex: 0 0 calc(calc(100% / 1) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 1) - calc(var(--grid-spacing) * 2)); margin: var(--grid-spacing); } .sg-layoutGrid.itemsPerRow-3 > * { flex: 0 0 calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)); } .sg-layoutGrid.itemsPerRow-4 > * { flex: 0 0 calc(calc(100% / 4) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 4) - calc(var(--grid-spacing) * 2)); } .sg-layoutGrid.itemsPerRow-6 > * { flex: 0 0 calc(calc(100% / 6) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 6) - calc(var(--grid-spacing) * 2)); } .sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-3 > *:nth-child(4n + 1) { flex: 0 0 auto; max-width: 100%; } .sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-4 > *:nth-child(5n + 1) { flex: 0 0 auto; max-width: 100%; } .sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-6 > *:nth-child(7n + 1) { flex: 0 0 auto; max-width: 100%; } .sg-layoutGrid[data-grid-style="mansory"] { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: auto; gap: 1rem; padding: 1rem; } .sg-layoutGrid[data-grid-style="mansory"] > * { flex: 0 0 auto !important; max-width: 100% !important; grid-column: span 2; margin: 0; } .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 1) { grid-column: span 4; grid-row: span 2; } .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 2) { grid-column: span 4; } .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 3), .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 4) { grid-column: span 2; } .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 5) { grid-column: span 4; grid-row: auto; } .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 6) { grid-column: span 4; grid-row: span 2; } .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 7), .sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(8n + 8) { grid-column: span 2; } @media only screen and (min-width: 768px){.sticky-mobile-ctas { display: none; }} @media only screen and (max-width: 991px){.sg-layoutGrid.itemsPerRow-4 > * { flex: 0 0 calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)); }} @media only screen and (max-width: 991px){.sg-layoutGrid.itemsPerRow-6 > * { flex: 0 0 calc(calc(100% / 4) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 4) - calc(var(--grid-spacing) * 2)); }} @media only screen and (max-width: 991px){.sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-4 > * { flex: 0 0 calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)) !important; max-width: calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)) !important; }} @media only screen and (max-width: 991px){.sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-6 > * { flex: 0 0 calc(calc(100% / 4) - calc(var(--grid-spacing) * 2)) !important; max-width: calc(calc(100% / 4) - calc(var(--grid-spacing) * 2)) !important; }} @media only screen and (max-width: 767px){.mobile-navbar-brand, .mobile-toggler-burger { display: block; }} @media only screen and (max-width: 767px){header#masterhead .primary-navbar .navbar-wrapper { display: none; }} @media only screen and (max-width: 767px){header#masterhead .primary-navbar .navbar { padding: 5px }} @media only screen and (max-width: 767px){header#masterhead .primary-navbar .navbar .navbar-brand { max-width: 200px; }} @media only screen and (max-width: 767px){.sticky-mobile-ctas { position: fixed; display: flex; justify-content: center; background-color: var(--sg-color-accent); bottom: 0; left: 0; right: 0; padding: 5px; z-index: 9999; --items: 2; }} @media only screen and (max-width: 767px){.sticky-mobile-ctas > a.btn { position: relative; -ms-flex: 1; flex: 1; font-size: inherit; /* padding: 10px 36px 10px 45px; */ margin: 0 5px; /* border-radius: 25px; */ /* height: 40px; */ border: 0; box-shadow: rgb(0 0 0 / 50%) 0px 10px 50px; flex: 0 0 calc(calc(100% / var(--items)) - 10px); }} @media only screen and (max-width: 767px){.sg-layoutGrid.itemsPerRow-3 > *, .sg-layoutGrid.itemsPerRow-4 > * { flex: 0 0 calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)); }} @media only screen and (max-width: 767px){.sg-layoutGrid.itemsPerRow-6 > * { flex: 0 0 calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 3) - calc(var(--grid-spacing) * 2)); }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-3 > *, .sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-4 > * { flex: 0 0 calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)) !important; max-width: calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)) !important; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-3 > *:nth-child(3n + 1), .sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-4 > *:nth-child(3n + 1) { flex: 0 0 auto !important; max-width: 100% !important; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-6 > * { flex: 0 0 calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)) !important; max-width: calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)) !important; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="hero_tiles"].itemsPerRow-6 > *:nth-child(5n + 1) { flex: 0 0 auto !important; max-width: 100% !important; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(6n + 1) { grid-column: span 4; grid-row: span 2; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(6n + 2) { grid-column: span 4; grid-row: auto; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(6n + 3) { grid-column: span 4; grid-row: auto; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(6n + 4) { grid-column: span 4; grid-row: auto; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(6n + 5) { grid-column: span 4; grid-row: span 2; }} @media only screen and (max-width: 767px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(6n + 6) { grid-column: span 4; grid-row: auto; }} @media only screen and (max-width: 575px){body { font-size: calc(var(--body-font-size) / 1.1); }} @media only screen and (max-width: 575px){h1, .elementor-widget-heading h1.elementor-heading-title { font-size: calc(var(--headings_1-font-size) / 1.35); }} @media only screen and (max-width: 575px){h2, .elementor-widget-heading h2.elementor-heading-title, .h2 { font-size: calc(var(--headings_2-font-size) / 1.25); }} @media only screen and (max-width: 575px){h3, .elementor-widget-heading h3.elementor-heading-title { font-size: calc(var(--headings_3-font-size) / 1.25); }} @media only screen and (max-width: 575px){h4, .elementor-widget-heading h4.elementor-heading-title { font-size: calc(var(--headings_4-font-size) / 1.05); }} @media only screen and (max-width: 575px){h5, .elementor-widget-heading h5.elementor-heading-title { font-size: calc(var(--headings_5-font-size) / 1.05); }} @media only screen and (max-width: 575px){h6, .elementor-widget-heading h6.elementor-heading-title { font-size: calc(var(--headings_6-font-size) / 1); }} @media only screen and (max-width: 575px){section, #i2f8, #iw7kua, #ic79d, #imwch, #i367, #ijum, #ihvr, #iv4c, #i43z, #iqph, #ides, #i6gh, #ibdj, #in0xt, #i9g5t, #igzag, #i4ieh, #i53k, #in63f, #ijo5x, #iawdd, #if56l, #ij6eo, #i2rxl, #imag, #i53s2, #ic24g, #i8bla, #izsi, .section, .sg-section { padding-top: 50px; padding-bottom: 50px; }} @media only screen and (max-width: 575px){.accordion > .accordion-item { flex: 0 0 calc(calc(100% / 1) - 15px) !important; max-width: calc(calc(100% / 1) - 15px) !important; }} @media only screen and (max-width: 575px){.sgen--posts { display: block; margin: 0; }} @media only screen and (max-width: 575px){header#masterhead .primary-navbar { flex-direction: column; }} @media only screen and (max-width: 575px){.navbar-nav .nav-item > .nav-link { position: relative; }} @media only screen and (max-width: 575px){.sg-layoutGrid.itemsPerRow-3 > *, .sg-layoutGrid.itemsPerRow-4 > * { flex: 100%; max-width: 100%; }} @media only screen and (max-width: 575px){.sg-layoutGrid.itemsPerRow-6 > * { flex: 0 0 calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)); max-width: calc(calc(100% / 2) - calc(var(--grid-spacing) * 2)); }} @media only screen and (max-width: 575px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(3n + 1) { grid-column: span 8; grid-row: span 2; }} @media only screen and (max-width: 575px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(3n + 2) { grid-column: span 4; grid-row: auto; }} @media only screen and (max-width: 575px){.sg-layoutGrid[data-grid-style="mansory"] > *:nth-child(3n + 3) { grid-column: span 4; grid-row: auto; }} @media only screen and (max-width: 575px){.sticky-mobile-ctas > a.btn { padding: 1rem; }} /* ---- age-verification.css (11 rules) ---- */ .sg_age-verification { position: fixed; display: flex; align-items: center; top: 0; left: 0; right: 0; bottom: 0; width: 100%; /* height: 100%; */ background-color: rgba(0,0,0,0.90); z-index: 99999; } .sg_age-verification:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--sg-color-primary); opacity: 0.5; } .sg_age-verification > .inner { /* position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); */ position: relative; margin: 0 auto; max-width: 700px; width: 100%; padding: 50px; color: #fff; text-align: center; z-index: 2; } .sg_age-verification > .inner h2 { font-weight: bold; font-size: 70px; line-height: 1em; text-transform: uppercase; } .sg_age-verification > .inner .brand { margin-bottom: 25px; } .sg_age-verification > .inner .actions { margin-top: 25px; } .sg_age-verification > .inner .actions > .btn { font-size: 24px; border-width: 3px; min-width: 220px; margin: 5px; } .sg_age-verification .site-img-logo { max-width: 300px; margin: 0 auto; } @media only screen and (max-width: 575px){.sg_age-verification .site-img-logo img { max-height: 150px; width: auto; }} @media only screen and (max-width: 575px){.sg_age-verification > .inner h2 { font-size: 36px; }} @media only screen and (max-width: 575px){.sg_age-verification > .inner .actions > .btn { font-size: 16px; }} :root {--body-font-size: 18px;--headings_1-font-size: 60px;--headings_2-font-size: 48px;--headings_3-font-size: 36px;--headings_4-font-size: 24px;--headings_5-font-size: 20px;--headings_6-font-size: 18px;--sg-color-body: #ffffff;--sg-color-text: #000000;--sg-color-accent: #fff5e0;--sg-color-accent_hover: #fff5e0;--sg-color-primary: #375b4f;--sg-color-primary_hover: #375b4f;--sg-color-secondary: #fff5e0;--sg-color-secondary_hover: #fff5e0;--sg-color-success: #183f31;--sg-color-success_hover: #183f31;--sg-color-info: #2dcfe9;--sg-color-warning: #ffd002;--sg-color-warning_hover: #ffd002;--sg-color-danger: #bd9362;--sg-color-danger_hover: #bd9362;--sg-color-light: #ffffff;--sg-color-dark: #000000;} .container { max-width: 1199px; } section, #i2f8, #iw7kua, #ic79d, #imwch, #i367, #ijum, #ihvr, #iv4c, #i43z, #iqph, #ides, #i6gh, #ibdj, #in0xt, #i9g5t, #igzag, #i4ieh, #i53k, #in63f, #ijo5x, #iawdd, #if56l, #ij6eo, #i2rxl, #imag, #i53s2, #ic24g, #i8bla, #izsi, .section { padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; } .btn, a.elementor-button { font-family: "Montserrat"; font-display: swap; font-size: 18px; padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; } .btn.btn-warning { color: #375b4f; } .btn.btn-warning:hover { color: #375b4f; } .btn.btn-outline-warning:hover { color: #375b4f; } header#masterhead { background-color: #000000; color: #ffffff; background-image: url(/wp-content/uploads/essex-apothecary/2025/08/Rectangle_36.webp); } h2, .elementor-widget-heading h2.elementor-heading-title { font-family: 'MADE Soulmaze', sans-serif; } a.btn, a.elementor-button { font-weight: 800; font-size: 18px; } .sg-site-navigation.navbar-nav .nav-link { font-family: Montserrat; font-weight: 700; font-size: 18px; text-transform: uppercase; } header#masterhead .primary-navbar { display: flex; justify-content: center; height: 100px; } header#masterhead .container { max-width: calc(1671px + var(--bs-gutter-x, .75rem)); } .mobile-navbar-brand .site-img-logo { max-width: 110px; } .mobile-toggler-burger { padding-top: 0; } .mobile-toggler-burger>span { border-radius: 0; width: 37px; margin: 7px auto; background-color: #F8F2E6; } footer#masterfoot { background-color: unset; } footer#masterfoot .footer-widget:nth-child(3) .footer-widget-col-title { margin-bottom: 15px; } .sg_age-verification::before { background-color: transparent; } .sg_age-verification { background-image: url(/wp-content/uploads/essex-apothecary/2025/09/Rectangle_36_3__1_.webp); background-size: cover; background-repeat: no-repeat; background-position: top right; } .sg_age-verification>.inner { max-width: 1202px; padding-left: 25px; padding-right: 25px; } .sg_age-verification>.inner .brand { margin-bottom: 84px !important; } .sg_age-verification .site-img-logo { max-width: 512px; } .sg_age-verification>.inner h2 { font-family: Montserrat; font-weight: 800; font-size: 72px; line-height: 100%; margin-bottom: 24px; } .sg_age-verification>.inner p { font-family: Montserrat; font-weight: 400; font-size: 32px; line-height: 100%; margin-bottom: 63px; } .sg_age-verification>.inner .actions>.btn { font-family: Montserrat; font-weight: 800; font-size: 18px; line-height: 102%; margin: 5px 22px; min-width: auto; max-width: 179px; height: 64px; border-radius: 64px; text-transform: uppercase; width: 100%; } .sg_age-verification>.inner .actions>.btn--yes { background-color: #FFD002 !important; border: 2px solid #375B4F; color: #375B4F; } .sg_age-verification>.inner .actions>.btn--no { background-color: #183F31 !important; color: #fff; border: none; } #mobile-nav>.inner { width: 100%; background-image: url(/wp-content/uploads/essex-apothecary/2025/09/Rectangle_37_1_.webp); } #mobile-nav>.inner .brand, #mobile-nav>.inner>.navi>ul.nav { margin-bottom: 91px; } #mobile-nav>.inner .site-img-logo>img { content: url(/wp-content/uploads/essex-apothecary/2025/09/Group_9_.webp); max-width: 276px; width: 100%; } #mobile-nav>.inner>.navi>ul.nav li a, #mobile-nav>.inner>.navi>ul.nav li .nav-link { text-align: center; border: none; } #mobile-nav .navbar-ctas .nav-cta-item { text-align: center; } #mobile-nav .navbar-ctas .nav-cta-item>a { width: 100%; max-width: 339px; height: 64px; border-radius: 64px; } .mobile-toggler-burger, #mobile-nav>.inner>.navi>ul.nav li a:hover { background-color: transparent; } .mobile-toggler-burger>span { margin-bottom: 5px; margin-left: 1.5px; margin-right: 1.5px; } .mobile-toggler-burger.close>span { background-color: #fff; } .sticky-mobile-ctas>a.btn { max-width: 195px; height: 64px; font-weight: 800; font-size: 18px; border-radius: 64px; padding-left: 5px; padding-right: 5px; } .sticky-mobile-ctas>a.btn-outline-accent { background: #FFD002; border: 2px solid #375B4F; color: #375B4F; } .sticky-mobile-ctas>a.btn-outline-primary { background: #183F31; border: 3px solid #FFD002; color: #fff; } @media only screen and (max-width: 767px) { body.has-sticky-cta-footer { margin-bottom: 82px; } #mobile-nav>.inner { width: 100%; background-image: url(/wp-content/uploads/essex-apothecary/2025/09/Rectangle_37_3__1_.webp); } .sticky-mobile-ctas~.mdp-readabler-trigger-button-box.bottom-left, .sticky-mobile-ctas~.mdp-readabler-trigger-button-box.bottom-right { bottom: 82px; } .sg_age-verification>.inner { max-width: 435px; padding-left: 10px; padding-right: 10px; } .sg_age-verification>.inner .brand { margin-bottom: 73px; } .sg_age-verification>.inner h2 { font-size: 52px; margin-bottom: 34px; } .sg_age-verification>.inner p { font-size: 18px; line-height: 100%; margin-bottom: 37px; } .sg_age-verification>.inner .actions>.btn { max-width: 339px; } .sg_age-verification>.inner .actions>.btn--yes { margin-bottom: 20px; } } @media only screen and (max-width: 480px) { .sticky-mobile-ctas>a.btn { font-size: 16px; } } /**/ .article-title, .title-link, .cta { color: #be9461 !important; } /* Accessibility */ .skip-link { position: absolute; left: -999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 100; background: #fff; color: #000; padding: 8px; text-decoration: none; } .skip-link:focus { left: 8px; top: 8px; width: auto; height: auto; font-size: 1rem; outline: 2px solid #005fcc; } /* Nothing may exceed the viewport. Elementor's Swiper lays slides out beyond the container edge and relies on the track clipping them; if anything leaks the whole page canvas widens (measured 592px inside a 375px viewport). */ html, body { max-width: 100%; overflow-x: hidden; } .elementor-widget-image-carousel, .elementor-widget-image-carousel .elementor-image-carousel-wrapper, .elementor-widget-image-carousel .swiper, .elementor-widget-image-carousel .swiper-container { max-width: 100%; overflow: hidden; } .elementor-widget-image-carousel .swiper-slide img { max-width: 100%; height: auto; } /* Elfsight's review widget also runs wide on small screens. */ .elfsight-app-d962254e-c7f3-420d-81fb-c4eb273bc722 { max-width: 100%; overflow-x: hidden; } /* Elementor's reset.css applies white-space:nowrap to every