@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; box-sizing: border-box; -webkit-box-sizing: border-box; }
html, body { width: 100%; font-size: 16px; line-height: 20px; color: var(--black); font-family: 'Roboto', sans-serif; font-weight: 400; background: var(--white); }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

/*input[type=checkbox]{ -webkit-appearance: checkbox; margin: 0px 0 0 0px; display: inline-block; vertical-align: top;}*/


[href^="tel"] { cursor: text; }
[href^="tel"]:hover { text-decoration:none !important; }

textarea::input-placeholder,input::input-placeholder { opacity: 1; }
textarea::-moz-placeholder,input::-moz-placeholder{ opacity: 1; }
textarea:-ms-input-placeholder,input:-ms-input-placeholder{ opacity: 1; }
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder { opacity:100; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

input, textarea { font-weight: 400; transition: all 0.3s; -webkit-transition: all 0.3s;font-family: 'Roboto', sans-serif; border-radius:0px !important; -webkit-border-radius:0px  !important; -ms-border-radius:0px  !important; }
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
 textarea:focus { outline: none; }

/*common */
a { color: inherit; outline: none; transition: all 0.3s; -webkit-transition: all 0.3s;}
img { border: 0px; outline: none; display: block; max-width: 100%; height:auto;  transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; }
ul,ol { margin-bottom: 20px; padding: 0 0 0 20px;}
.clear { clear: both; overflow: hidden; }
h1, .h1 ,h2, .h2 ,h3, .h3 ,h4, .h4 ,h5, .h5 ,h6, .h6 { padding-bottom: 10px; font-weight:900; }

h1, .h1 { font-size: 50px; line-height: 65px; }
h2, .h2 { font-size: 30px; line-height: 32px; }
h3, .h3 { font-size: 25px; line-height: 30px; }
h4, .h4 { font-size: 20px; line-height: 20px; }
h5, .h5 { font-size: 16px; line-height: 20px; font-weight:700; }
h6, .h6 { font-size: 14px; line-height: 18px; font-weight:700; }

p { padding-bottom: 20px; }
p a { font-weight:900; text-decoration:underline; }
p a:hover { opacity: 0.75; }

ul.listing li { padding: 0 0 10px 10px; position: relative; line-height: 30px; }
ul.listing li:before { content:'.'; position:absolute; left:0; top:0; }

.field, .wpcf7-text, textarea { display: block; border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; width: 100%; height: 42px; font-size: 16px ; padding: 10px 15px; background: var(--white); border:0; font-weight:900; color: var(--white); }
textarea { padding: 13px 15px; height: 175px; resize: none; }

a.close, a.mobilemenu { display: none; }
strong, b { font-weight:900; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus { border:0; color: var(--black); outline:none; }


.button { font-size: 16px; line-height: 22px; padding: 10px 22px; text-align:center; background: var(--yellow); color: var(--black); !important; display:inline-block; vertical-align: top; text-transform: capitalize; font-weight:900 !important; border:0; cursor: pointer; text-decoration:none !important;}
.button:hover { text-decoration:underline !important; opacity:100 !important;  }
sup { margin-top:-5px; font-weight:300; font-size:60%; display: inline-block; vertical-align: top; }

/* Alignment */
.alignleft { display: inline; float: left; margin-right: 1em !important; }
.alignright { display: inline; float: right; margin-left: 1em !important; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; }
table, th, td { border: none }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; }
td { border-width: 0 1px 1px 0; vertical-align: top; }
td img { width: 100%; max-width: 100%; vertical-align: top; margin: 0px; height: auto; }
th, td { padding: 0.4em; }
th { font-size: 24px; letter-spacing: 1px; line-height: 28px; }
td img.alignnone { margin: 0px }
blockquote { font-weight: normal; margin: 0 2%; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote cite { color: #666; letter-spacing: 0.05em; text-transform: uppercase; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
#blogWrapper { width:auto; overflow:hidden; }

/*keyframes*/
@-webkit-keyframes stickyhead {
	0%{opacity:0;-webkit-transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes stickyhead{
	0%{opacity:0;-moz-transform:translateY(-100%)}
	100%{opacity:1;-moz-transform:translateY(0)}
}
@keyframes stickyhead{
	0%{opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
:root {
  --white: #fff;
  --white--off: #f6f0ea;
  --grey--light: #efefef;
  --grey--dark: #1d1d1d;
  --yellow: #fef330;
  --brown--light: #a05e00;
  --green: #158479;
  --green--light: #d1eae8;
  --green--dark: #0c675e;
  --blue--light: #d9e0ef;
  --blue--dark: #012f92;
  --pink: #f4dbdf;
  --red: #b40c27;
  --purple:  #621865;
  --purple--light: #e0d1e0;
  --purple--bright: #802084;    
  --black: #000;
  --black-opacity-30: rgba(0,0,0,0.30);
  --opacity--05: 0.5;
}

.bln-opacity--02 {
    opacity: 0.2;
}
.bln-opacity--05 {
    opacity: 0.5;
}
.bg--purple--opacity--05 {
    background-color: rgba(var(--purple), var(--opacity--05));
}

/* Text Color */
.bln-color--white.text,
.bln-color--white.text *:not(.cosd-tooltip-icon),
.bln-color--white.button a,
.bln-color--white a.cmp-download__action,
.bln-color--white button,
.bln-color--white .cmp-tabs__tab--active,
.bln-color--white .cmp-teaser__content,
.fa-color--white {
    color: var(--white) !important;
}
.bln-color--white--off.text,
.bln-color--white--off.text *:not(.cosd-tooltip-icon),
.bln-color--white--off.button a,
.bln-color--white--off a.cmp-download__action,
.bln-color--white--off button,
.bln-color--white--off .cmp-tabs__tab--active,
.bln-color--white--off .cmp-teaser__content,
.fa-color--white--off {
    color: var(--white--off) !important;
}
.bln-color--grey--light.text,
.bln-color--grey--light.text *:not(.cosd-tooltip-icon),
.bln-color--grey--light.button a,
.bln-color--grey--light a.cmp-download__action,
.bln-color--grey--light button,
.bln-color--grey--light .cmp-tabs__tab--active,
.bln-color--grey--light .cmp-teaser__content,
.fa-color--grey--light {
    color: var(--grey--light) !important;
}
.bln-color--grey--dark.text,
.bln-color--grey--dark.text *:not(.cosd-tooltip-icon),
.bln-color--grey--dark.button a,
.bln-color--grey--dark a.cmp-download__action,
.bln-color--grey--dark button,
.bln-color--grey--dark .cmp-tabs__tab--active,
.bln-color--grey--dark .cmp-teaser__content,
.fa-color--grey--dark {
    color: var(--grey--dark) !important;
}
.bln-color--brown--light.text,
.bln-color--brown--light.text *:not(.cosd-tooltip-icon),
.bln-color--brown--light.button a,
.bln-color--brown--light a.cmp-download__action,
.bln-color--brown--light button,
.bln-color--brown--light .cmp-tabs__tab--active,
.bln-color--brown--light .cmp-teaser__content,
.fa-color--brown--light {
    color: var(--brown--light) !important;
}
.bln-color--yellow.text,
.bln-color--yellow.text *:not(.cosd-tooltip-icon),
.bln-color--yellow.button a,
.bln-color--yellow a.cmp-download__action,
.bln-color--yellow button,
.bln-color--yellow .cmp-tabs__tab--active,
.bln-color--yellow .cmp-teaser__content,
.fa-color--yellow {
    color: var(--yellow) !important;
}
.bln-color--green.text,
.bln-color--green.text *:not(.cosd-tooltip-icon),
.bln-color--green.button a,
.bln-color--green a.cmp-download__action,
.bln-color--green button,
.bln-color--green .cmp-tabs__tab--active,
.bln-color--green .cmp-teaser__content,
.fa-color--green {
    color: var(--green) !important;
}
.bln-color--green--light.text,
.bln-color--green--light.text *:not(.cosd-tooltip-icon),
.bln-color--green--light.button a,
.bln-color--green--light a.cmp-download__action,
.bln-color--green--light button,
.bln-color--green--light .cmp-tabs__tab--active,
.bln-color--green--light .cmp-teaser__content,
.fa-color--green--light {
    color: var(--green--light) !important;
}
.bln-color--green--dark.text,
.bln-color--green--dark.text *:not(.cosd-tooltip-icon),
.bln-color--green--dark.button a,
.bln-color--green--dark a.cmp-download__action,
.bln-color--green--dark button,
.bln-color--green--dark .cmp-tabs__tab--active,
.bln-color--green--dark .cmp-teaser__content,
.fa-color--green--dark {
    color: var(--green--dark) !important;
}
.bln-color--blue--light.text,
.bln-color--blue--light.text *:not(.cosd-tooltip-icon),
.bln-color--blue--light.button a,
.bln-color--blue--light a.cmp-download__action,
.bln-color--blue--light button,
.bln-color--blue--light .cmp-tabs__tab--active,
.bln-color--blue--light .cmp-teaser__content,
.fa-color--blue--light {
    color: var(--blue--light) !important;
}
.bln-color--blue--dark.text,
.bln-color--blue--dark.text *:not(.cosd-tooltip-icon),
.bln-color--blue--dark.button a,
.bln-color--blue--dark a.cmp-download__action,
.bln-color--blue--dark button,
.bln-color--blue--dark .cmp-tabs__tab--active,
.bln-color--blue--dark .cmp-teaser__content,
.fa-color--blue--dark {
    color: var(--blue--dark) !important;
}
.bln-color--red.text,
.bln-color--red.text *:not(.cosd-tooltip-icon),
.bln-color--red.button a,
.bln-color--red a.cmp-download__action,
.bln-color--red button,
.bln-color--red .cmp-tabs__tab--active,
.bln-color--red .cmp-teaser__content,
.fa-color--red {
    color: var(--red) !important;
}
.bln-color--purple.text,
.bln-color--purple.text *:not(.cosd-tooltip-icon),
.bln-color--purple.button a,
.bln-color--purple a.cmp-download__action,
.bln-color--purple button,
.bln-color--purple .cmp-tabs__tab--active,
.bln-color--purple .cmp-teaser__content,
.fa-color--purple {
    color: var(--purple) !important;
}
.bln-color--purple--bright.text,
.bln-color--purple--bright.text *:not(.cosd-tooltip-icon),
.bln-color--purple--bright.button a,
.bln-color--purple--bright a.cmp-download__action,
.bln-color--purple--bright button,
.bln-color--purple--bright .cmp-tabs__tab--active,
.bln-color--purple--bright .cmp-teaser__content,
.fa-color--purple--bright {
    color: var(--purple--bright) !important;
}
.bln-color--black.text,
.bln-color--black.text *:not(.cosd-tooltip-icon),
.bln-color--black.button a,
.bln-color--black a.cmp-download__action,
.bln-color--black button,
.bln-color--black .cmp-tabs__tab--active,
.bln-color--black .cmp-teaser__content,
.fa-color--black {
    color: var(--black) !important;
}


/* Background Color */
.bln-bg--white:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--white > .cmp-text,
.bln-bg--white > .cmp-image,
.bln-bg--white.bln-title--underline:after,
.bln-bg--white.button,
.bln-bg--white button,
.bln-bg--white--hover.button a:hover,
.bln-bg--white--hover button:hover,
.bln-bg--white.accordion button,
.bln-bg--white.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--white.teaser,
.bln-bg--white a.cmp-download__action,
.bln-bg--white--hover a.cmp-download__action:hover,
.fa-bg--white > .cosd-global-fa  {
    background-color: var(--white) !important;
}
.bln-bg--white--off:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--white--off > .cmp-text,
.bln-bg--white--off > .cmp-image,
.bln-bg--white--off.bln-title--underline:after,
.bln-bg--white--off.button,
.bln-bg--white--off button,
.bln-bg--white--off--hover.button a:hover,
.bln-bg--white--off--hover button:hover,
.bln-bg--white--off.accordion button,
.bln-bg--white--off.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--white--off.teaser,
.bln-bg--white--off a.cmp-download__action,
.bln-bg--white--off--hover a.cmp-download__action:hover,
.fa-bg--white--off > .cosd-global-fa  {
    background-color: var(--white--off) !important;
}
.bln-bg--grey--light:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--grey--light > .cmp-text,
.bln-bg--grey--light > .cmp-image,
.bln-bg--grey--light.bln-title--underline:after,
.bln-bg--grey--light.button,
.bln-bg--grey--light button,
.bln-bg--grey--light--hover.button a:hover,
.bln-bg--grey--light--hover button:hover,
.bln-bg--grey--light.accordion button,
.bln-bg--grey--light.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--grey--light.teaser,
.bln-bg--grey--light a.cmp-download__action,
.bln-bg--grey--light--hover a.cmp-download__action:hover,
.fa-bg--grey--light > .cosd-global-fa  {
    background-color: var(--grey--light) !important;
}
.bln-bg--grey--dark:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--grey--dark > .cmp-text,
.bln-bg--grey--dark > .cmp-image,
.bln-bg--grey--dark.bln-title--underline:after,
.bln-bg--grey--dark.button,
.bln-bg--grey--dark button,
.bln-bg--grey--dark--hover.button a:hover,
.bln-bg--grey--dark--hover button:hover,
.bln-bg--grey--dark.accordion button,
.bln-bg--grey--dark.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--grey--dark.teaser,
.bln-bg--grey--dark a.cmp-download__action,
.bln-bg--grey--dark--hover a.cmp-download__action:hover,
.fa-bg--grey--dark > .cosd-global-fa  {
    background-color: var(--grey--dark) !important;
}
.bln-bg--yellow:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--yellow > .cmp-text,
.bln-bg--yellow > .cmp-image,
.bln-bg--yellow.bln-title--underline:after,
.bln-bg--yellow.button,
.bln-bg--yellow button,
.bln-bg--yellow--hover.button a:hover,
.bln-bg--yellow--hover button:hover,
.bln-bg--yellow.accordion button,
.bln-bg--yellow.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--yellow.teaser,
.bln-bg--yellow a.cmp-download__action,
.bln-bg--yellow--hover a.cmp-download__action:hover,
.fa-bg--yellow > .cosd-global-fa  {
    background-color: var(--yellow) !important;
}
.bln-bg--brown--light:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--brown--light > .cmp-text,
.bln-bg--brown--light > .cmp-image,
.bln-bg--brown--light.bln-title--underline:after,
.bln-bg--brown--light.button,
.bln-bg--brown--light button,
.bln-bg--brown--light--hover.button a:hover,
.bln-bg--brown--light--hover button:hover,
.bln-bg--brown--light.accordion button,
.bln-bg--brown--light.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--brown--light.teaser,
.bln-bg--brown--light a.cmp-download__action,
.bln-bg--brown--light--hover a.cmp-download__action:hover,
.fa-bg--brown--light > .cosd-global-fa  {
    background-color: var(--brown--light) !important;
}
.bln-bg--green:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--green > .cmp-text,
.bln-bg--green > .cmp-image,
.bln-bg--green.bln-title--underline:after,
.bln-bg--green.button,
.bln-bg--green button,
.bln-bg--green--hover.button a:hover,
.bln-bg--green--hover button:hover,
.bln-bg--green.accordion button,
.bln-bg--green.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--green.teaser,
.bln-bg--green a.cmp-download__action,
.bln-bg--green--hover a.cmp-download__action:hover,
.fa-bg--green > .cosd-global-fa  {
    background-color: var(--green) !important;
}
.bln-bg--green--light:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--green--light > .cmp-text,
.bln-bg--green--light > .cmp-image,
.bln-bg--green--light.bln-title--underline:after,
.bln-bg--green--light.button,
.bln-bg--green--light button,
.bln-bg--green--light--hover.button a:hover,
.bln-bg--green--light--hover button:hover,
.bln-bg--green--light.accordion button,
.bln-bg--green--light.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--green--light.teaser,
.bln-bg--green--light a.cmp-download__action,
.bln-bg--green--light--hover a.cmp-download__action:hover,
.fa-bg--green--light > .cosd-global-fa  {
    background-color: var(--green--light) !important;
}
.bln-bg--green--dark:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--green--dark > .cmp-text,
.bln-bg--green--dark > .cmp-image,
.bln-bg--green--dark.bln-title--underline:after,
.bln-bg--green--dark.button,
.bln-bg--green--dark button,
.bln-bg--green--dark--hover.button a:hover,
.bln-bg--green--dark--hover button:hover,
.bln-bg--green--dark.accordion button,
.bln-bg--green--dark.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--green--dark.teaser,
.bln-bg--green--dark a.cmp-download__action,
.bln-bg--green--dark--hover a.cmp-download__action:hover,
.fa-bg--green--dark > .cosd-global-fa  {
    background-color: var(--green--dark) !important;
}
.bln-bg--blue--light:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--blue--light > .cmp-text,
.bln-bg--blue--light > .cmp-image,
.bln-bg--blue--light.bln-title--underline:after,
.bln-bg--blue--light.button,
.bln-bg--blue--light button,
.bln-bg--blue--light--hover.button a:hover,
.bln-bg--blue--light--hover button:hover,
.bln-bg--blue--light.accordion button,
.bln-bg--blue--light.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--blue--light.teaser,
.bln-bg--blue--light a.cmp-download__action,
.bln-bg--blue--light--hover a.cmp-download__action:hover,
.fa-bg--blue--light > .cosd-global-fa  {
    background-color: var(--blue--light) !important;
}
.bln-bg--blue--dark:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--blue--dark > .cmp-text,
.bln-bg--blue--dark > .cmp-image,
.bln-bg--blue--dark.bln-title--underline:after,
.bln-bg--blue--dark.button,
.bln-bg--blue--dark button,
.bln-bg--blue--dark--hover.button a:hover,
.bln-bg--blue--dark--hover button:hover,
.bln-bg--blue--dark.accordion button,
.bln-bg--blue--dark.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--blue--dark.teaser,
.bln-bg--blue--dark a.cmp-download__action,
.bln-bg--blue--dark--hover a.cmp-download__action:hover,
.fa-bg--blue--dark > .cosd-global-fa  {
    background-color: var(--blue--dark) !important;
}
.bln-bg--pink:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--pink > .cmp-text,
.bln-bg--pink > .cmp-image,
.bln-bg--pink.bln-title--underline:after,
.bln-bg--pink.button,
.bln-bg--pink button,
.bln-bg--pink--hover.button a:hover,
.bln-bg--pink--hover button:hover,
.bln-bg--pink.accordion button,
.bln-bg--pink.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--pink.teaser,
.bln-bg--pink a.cmp-download__action,
.bln-bg--pink--hover a.cmp-download__action:hover,
.fa-bg--pink > .cosd-global-fa  {
    background-color: var(--pink) !important;
}
.bln-bg--red:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--red > .cmp-text,
.bln-bg--red > .cmp-image,
.bln-bg--red.bln-title--underline:after,
.bln-bg--red.button,
.bln-bg--red button,
.bln-bg--red--hover.button a:hover,
.bln-bg--red--hover button:hover,
.bln-bg--red.accordion button,
.bln-bg--red.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--red.teaser,
.bln-bg--red a.cmp-download__action,
.bln-bg--red--hover a.cmp-download__action:hover,
.fa-bg--red > .cosd-global-fa  {
    background-color: var(--red) !important;
}
.bln-bg--purple:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--purple > .cmp-text,
.bln-bg--purple > .cmp-image,
.bln-bg--purple.bln-title--underline:after,
.bln-bg--purple.button,
.bln-bg--purple button,
.bln-bg--purple--hover.button a:hover,
.bln-bg--purple--hover button:hover,
.bln-bg--purple.accordion button,
.bln-bg--purple.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--purple.teaser,
.bln-bg--purple a.cmp-download__action,
.bln-bg--purple--hover a.cmp-download__action:hover,
.fa-bg--purple > .cosd-global-fa  {
    background-color: var(--purple) !important;
}
.bln-bg--purple--light:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--purple--light > .cmp-text,
.bln-bg--purple--light > .cmp-image,
.bln-bg--purple--light.bln-title--underline:after,
.bln-bg--purple--light.button,
.bln-bg--purple--light button,
.bln-bg--purple--light--hover.button a:hover,
.bln-bg--purple--light--hover button:hover,
.bln-bg--purple--light.accordion button,
.bln-bg--purple--light.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--purple--light.teaser,
.bln-bg--purple--light a.cmp-download__action,
.bln-bg--purple--light--hover a.cmp-download__action:hover,
.fa-bg--purple--light > .cosd-global-fa  {
    background-color: var(--purple--light) !important;
}
.bln-bg--purple--bright:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--purple--bright > .cmp-text,
.bln-bg--purple--bright > .cmp-image,
.bln-bg--purple--bright.bln-title--underline:after,
.bln-bg--purple--bright.button,
.bln-bg--purple--bright button,
.bln-bg--purple--bright--hover.button a:hover,
.bln-bg--purple--bright--hover button:hover,
.bln-bg--purple--bright.accordion button,
.bln-bg--purple--bright.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--purple--bright.teaser,
.bln-bg--purple--bright a.cmp-download__action,
.bln-bg--purple--bright--hover a.cmp-download__action:hover,
.fa-bg--purple--bright > .cosd-global-fa  {
    background-color: var(--purple--bright) !important;
}
.bln-bg--black:not(.download):not(.accordion):not(.tabs):not(.text):not(.title):not(.image),
.bln-bg--black > .cmp-text,
.bln-bg--black > .cmp-image,
.bln-bg--black.bln-title--underline:after,
.bln-bg--black.button,
.bln-bg--black button,
.bln-bg--black--hover.button a:hover,
.bln-bg--black--hover button:hover,
.bln-bg--black.accordion button,
.bln-bg--black.tabs .cmp-tabs__tab:not(.cmp-tabs__tab--active),
.bln-bg--black.teaser,
.bln-bg--black a.cmp-download__action,
.bln-bg--black--hover a.cmp-download__action:hover,
.fa-bg--black > .cosd-global-fa  {
    background-color: var(--black) !important;
}

/* Border Color */
.bln-border--white.tabs .cmp-tabs__tab,
.bln-border--white.accordion,
.bln-border--white.accordion .cmp-accordion__panel > .container,
.bln-border--white .cmp-separator__horizontal-rule {
    border-color: var(--white) !important;
}
.bln-border--white--off.tabs .cmp-tabs__tab,
.bln-border--white--off.accordion,
.bln-border--white--off.accordion .cmp-accordion__panel > .container,
.bln-border--white--off .cmp-separator__horizontal-rule  {
    border-color: var(--white--off) !important;
}
.bln-border--grey--light.tabs .cmp-tabs__tab,
.bln-border--grey--light.accordion,
.bln-border--grey--light.accordion .cmp-accordion__panel > .container,
.bln-border--grey--light .cmp-separator__horizontal-rule  {
    border-color: var(--grey--light) !important;
}
.bln-border--grey--dark.tabs .cmp-tabs__tab,
.bln-border--grey--dark.accordion,
.bln-border--grey--dark.accordion .cmp-accordion__panel > .container,
.bln-border--grey--dark .cmp-separator__horizontal-rule  {
    border-color: var(--grey--dark) !important;
}
.bln-border--yellow.tabs .cmp-tabs__tab,
.bln-border--yellow.accordion,
.bln-border--yellow.accordion .cmp-accordion__panel > .container,
.bln-border--yellow .cmp-separator__horizontal-rule  {
    border-color: var(--yellow)!important;
}
.bln-border--brown--light.tabs .cmp-tabs__tab,
.bln-border--brown--light.accordion,
.bln-border--brown--light.accordion .cmp-accordion__panel > .container,
.bln-border--brown--light .cmp-separator__horizontal-rule  {
    border-color: var(--brown--light) !important;
}
.bln-border--blue--light.tabs .cmp-tabs__tab,
.bln-border--blue--light.accordion,
.bln-border--blue--light.accordion .cmp-accordion__panel > .container,
.bln-border--blue--light .cmp-separator__horizontal-rule  {
    border-color: var(--blue--light) !important;
}
.bln-border--blue--dark.tabs .cmp-tabs__tab,
.bln-border--blue--dark.accordion,
.bln-border--blue--dark.accordion .cmp-accordion__panel > .container,
.bln-border--blue--dark .cmp-separator__horizontal-rule  {
    border-color: var(--blue--dark) !important;
}
.bln-border--green.tabs .cmp-tabs__tab,
.bln-border--green.accordion,
.bln-border--green.accordion .cmp-accordion__panel > .container,
.bln-border--green .cmp-separator__horizontal-rule  {
    border-color: var(--green)!important;
}
.bln-border--green--light.tabs .cmp-tabs__tab,
.bln-border--green--light.accordion,
.bln-border--green--light.accordion .cmp-accordion__panel > .container,
.bln-border--green--light .cmp-separator__horizontal-rule  {
    border-color: var(--green--light) !important;
}
.bln-border--green--dark.tabs .cmp-tabs__tab,
.bln-border--green--dark.accordion,
.bln-border--green--dark.accordion .cmp-accordion__panel > .container,
.bln-border--green--dark .cmp-separator__horizontal-rule  {
    border-color: var(--green--dark) !important;
}
.bln-border--pink.tabs .cmp-tabs__tab,
.bln-border--pink.accordion,
.bln-border--pink.accordion .cmp-accordion__panel > .container,
.bln-border--pink .cmp-separator__horizontal-rule  {
    border-color: var(--pink)!important;
}
.bln-border--red.tabs .cmp-tabs__tab,
.bln-border--red.accordion,
.bln-border--red.accordion .cmp-accordion__panel > .container,
.bln-border--red .cmp-separator__horizontal-rule  {
    border-color: var(--red)!important;
}
.bln-border--purple.tabs .cmp-tabs__tab,
.bln-border--purple.accordion,
.bln-border--purple.accordion .cmp-accordion__panel > .container,
.bln-border--purple .cmp-separator__horizontal-rule  {
    border-color: var(--purple) !important;
}
.bln-border--purple--light.tabs .cmp-tabs__tab,
.bln-border--purple--light.accordion,
.bln-border--purple--light.accordion .cmp-accordion__panel > .container,
.bln-border--purple--light .cmp-separator__horizontal-rule  {
    border-color: var(--purple--light) !important;
}
.bln-border--purple--bright.tabs .cmp-tabs__tab,
.bln-border--purple--bright.accordion,
.bln-border--purple--bright.accordion .cmp-accordion__panel > .container,
.bln-border--purple--bright .cmp-separator__horizontal-rule  {
    border-color: var(--purple--bright) !important;
}
.bln-border--black.tabs .cmp-tabs__tab,
.bln-border--black.accordion,
.bln-border--black.accordion .cmp-accordion__panel > .container,
.bln-border--black .cmp-separator__horizontal-rule  {
    border-color: var(--black) !important;
}

/* Accordion */
.accordion.bln-bg--purple--bright .cmp-accordion__button--expanded {
    background-color: var(--purple) !important;
}
.accordion.bln-bg--green .cmp-accordion__button--expanded {
    background-color: var(--green--dark) !important;
}

/* Background */
@media only screen and (min-width: 1024px) {
    /* 2-column 57/43 */
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--white) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--white) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--white--off) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--white--off) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--grey--light) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--grey--light) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--grey--dark) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--grey--dark) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--yellow) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--yellow) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--brown--light) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--brown--light) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--blue--light) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--blue--light) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--blue--dark) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--blue--dark) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--green) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--green) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--green--light) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--green--light) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--green--dark) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--green--dark) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--pink) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--pink) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--purple) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--purple) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--red) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--red) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--purple--light) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--purple--light) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--purple--bright) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--purple--bright) 42.5%) !important;
    }
    .container_2-column--uneven:has(> .cmp-container > .aem-Grid > .container + .bln-bg--black) {
        background-image: linear-gradient(90deg, transparent 56.5%, var(--black) 42.5%) !important;
    }
    /* 2-column 70/30 */
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--white) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--white) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--white--off) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--white--off) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--grey--light) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--grey--light) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--grey--dark) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--grey--dark) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--yellow) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--yellow) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--blue--light) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--blue--light) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--brown--light) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--brown--light) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--blue--light) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--blue--light) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--blue--dark) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--blue--dark) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--green) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--green) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--green--light) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--green--light) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--green--dark) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--green--dark) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--pink) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--pink) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--purple) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--purple) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--red) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--red) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--purple--light) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--purple--light) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--purple--bright) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--purple--bright) 30.5%) !important;
    }
    .container_2-column--uneven.--70-30:has(> .cmp-container > .aem-Grid > .container + .bln-bg--black) {
        background-image: linear-gradient(90deg, transparent 69.5%, var(--black) 30.5%) !important;
    }
}
/* BLACK LEGACY NOW */

.root > .cmp-container > .aem-Grid > .experiencefragment + .container {
    min-height: 200px;
}

/* Navigation */
#bln-navigation .image img {
    width: auto;
}
#bln-navigation .navigation nav ul {
    padding-left: 0px;
    margin-bottom: 5px;
}
#bln-navigation nav li.cmp-navigation__item--active a {
    opacity: 0.5;
}
.cmp-experiencefragment--header.nav--sticky {
    position: fixed;
    animation: stickyhead ease-in-out 0.4s 0.1s both;
    background: rgba(0,0,0,1);
}
#bln-navigation nav li {
    padding-left: 14px;
    margin-left: 14px;
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 37px;
    text-transform: uppercase;
    list-style-type: none;
}
#bln-navigation nav li a {
    color: var(--white);
    text-decoration: none;
}
#bln-navigation nav li:not(:last-child) a:hover {
    opacity: 0.50;
}
#bln-navigation nav li:first-child {
    padding: 0px;
    margin: 0px;
}
#bln-navigation nav li:not(:first-child):not(:last-child)::before {
    width: 1px;
    height: 12px;
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -6px;
    background: var(--white);
}
#bln-navigation .navigation nav ul li:last-child {
    letter-spacing: 0.01em;
    float: right;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    text-transform: none;
    color: var(--white);
    margin: 0px;
    padding: 8px 12px;
    background: var(--purple);
    transition: all 0.3s ease 0s;
}
#bln-navigation .navigation nav ul li:last-child a:hover {
    text-decoration: underline;
}
@media only screen and (max-width: 1174px) {
    #bln-navigation nav li {
        padding-left: 10px;
        margin-left: 10px;
        font-size: 13px;
    }
}
@media only screen and (max-width: 1023px) {
    #bln-navigation nav li {
        padding-left: 7px;
        margin-left: 7px;
        font-size: 12px;
        letter-spacing: -0.01em;
    }
    #bln-navigation .navigation nav ul li:last-child {
        font-size: 12px;
        line-height: 14px;
        max-width: 140px;
        padding: 5px;
    }
}
@media only screen and (min-width: 768px) {
    #bln-navigation > .cmp-container > .aem-Grid > .container > .cmp-container > .aem-Grid > .image {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    #bln-navigation .navigation {
        padding-top: 10px;
    }
    #bln-navigation nav li {
        float: none !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
        font-size: 14px;
    }
    #bln-navigation nav li:before {
        display: none;
    }
    #bln-header > .aem-Grid > .image {
        z-index: 10;
        display: block;
        position: fixed;
        left: 25px;
        top: 20px;
        max-width: 31px;
    }
    #bln-navigation {
        z-index: 2;
        position: fixed;
        left: -250px;
        top: 0px;
        height: 100%;
        width: 250px !important;
        transition: all 0.3s ease 0s;
        padding: 80px 25px;
        background: rgb(0, 0, 0);
    }
    #bln-navigation.active {
        left: 0px;
    }
    #bln-navigation .navigation nav ul li:last-child {
        max-width: 100%;
        width: calc(100% - 40px);
        position: absolute;
        left: 20px;
        bottom: 20px;
        padding: 7px 10px;        
        text-align: center;
        font-size: 14px;
        font-weight: 700 !important;
        line-height: 16px;
    }
}

/* Container */
.testimonial-box {
    padding: 65px 0 45px 0;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 10%) inset;
    width: 100%;
}
.testimonial-box .cmp-container {
    max-width: 1074px;
    margin: 0 auto;
    padding: 0 25px;
}
.testimonial-box blockquote {
    font-size: 30px;
    line-height: 32px;
}
.container_2-column--even,
.container_2-column--uneven {
    width: 100% !important;
    margin: 0 auto !important;
}
.container_2-column--even > .cmp-container,
.container_2-column--uneven > .cmp-container {
    width: 100%;
    max-width: 1074px;
    padding: 0 25px;
    margin: 0 auto;
}
.container_2-column--uneven.--43-57 > .cmp-container > .aem-Grid > .container:first-child {
    padding: 60px 80px 50px 0;
    width: 42.5% !important;
}
.container_2-column--uneven.--43-57 > .cmp-container > .aem-Grid > .container:first-child + .container {
    padding: 60px 0 50px 80px;
    width: 56.5% !important;
}
.container_2-column--uneven.--57-43 > .cmp-container > .aem-Grid > .container:first-child {
    padding: 60px 80px 50px 0;   
    width: 56.5% !important;
}
.container_2-column--uneven.--57-43 > .cmp-container > .aem-Grid > .container:first-child + .container {
    padding: 60px 0 50px 80px;
    width: 42.5% !important;
}
.container_2-column--uneven.--70-30 > .cmp-container > .aem-Grid > .container:first-child {
    padding: 60px 80px 50px 0;   
    width: 69.5% !important;
}
.container_2-column--uneven.--70-30 > .cmp-container > .aem-Grid > .container:first-child + .container {
    padding: 60px 0 50px 80px;
    width: 30.5% !important;
}
@media only screen and (min-width: 1024px) {
	.container_2-column--uneven > .cmp-container > .aem-Grid {
	    display: flex;
	}
}
@media only screen and (max-width: 1023px) {
    .container_2-column--even > .cmp-container,
	.container_2-column--uneven > .cmp-container {
	    padding: 0;
	}
    .container_2-column--uneven.--43-57 > .cmp-container > .aem-Grid > .container:first-child,
	.container_2-column--uneven.--43-57 > .cmp-container > .aem-Grid > .container:first-child + .container,
	.container_2-column--uneven.--57-43 > .cmp-container > .aem-Grid > .container:first-child,
	.container_2-column--uneven.--57-43 > .cmp-container > .aem-Grid > .container:first-child + .container,
    .container_2-column--uneven.--70-30 > .cmp-container > .aem-Grid > .container:first-child,
	.container_2-column--uneven.--70-30 > .cmp-container > .aem-Grid > .container:first-child + .container {
		width: 100% !important;
        padding: 40px 15px !important;
	}
}
.content-section {
    padding: 65px 0 65px;    
    background-color: var(--grey--light);
}
.content-section > .cmp-container {
    max-width: 1074px;
    margin: 0 auto;
    padding: 0 25px;
    text-align: left;
}
.content-section ol {
    margin-left: 20px;
}
.content-section ul {
    padding: 0;
    margin: -5px 0 0 25px;
    list-style: none;
}
.content-section ul li {
    padding: 0 0 5px 10px;
    position: relative;
}
.content-section ul li:before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 0;
    top: 8px;
}
@media only screen and (max-width: 1023px) {
    .container_2-column--uneven .cmp-container {
        padding: 0;
    }
}
@media only screen and (max-width: 767px) {
    .content-section {
        padding: 30px 0;
    }
    .content-section .aem-Grid > .title {
        width: 100% !important;
        margin-bottom: 0.5rem;
    }
    .content-section .aem-Grid > .title + .text ul {
        margin: -5px 0 0 25px;
    }   
}

/* 2 Column */
.container_2-column--even {
    padding: 0;
}
.container_2-column--even > .cmp-container {
    display: flex;
    flex-wrap: wrap;
    padding: 60px 25px 70px 25px;
}
.container_2-column--even > .cmp-container > .container {
    width: 50%;
}
.container_2-column--even > .cmp-container > .container + .container {
    padding-left: 15px;
}
.container_2-column--even > .cmp-container > .aem-Grid {
	display: inline-grid;
	grid-template-columns: 1fr 1fr;
    gap: 25px 30px;
}
.container_2-column--even> .cmp-container > .aem-Grid::before {
    display: none;
}
.container_2-column--even > .cmp-container > .aem-Grid > .container {
    width: 100%;
}
.container_2-column--even > .cmp-container > .aem-Grid > .container .cmp-container > .aem-Grid > div {
    width: inherit;
}
.container_2-column--even:has(.bln-teaser--thumbnail) {
    padding-bottom: 0;
}
.container_2-column--even > .cmp-container:has(.bln-teaser--thumbnail),
.container_2-column--uneven {
    padding: 0;
}
@media only screen and (max-width: 767px) {
	.container_2-column--even > .cmp-container > .aem-Grid {
		display: block;
	}
    .container_2-column--even > .cmp-container > .container {
        width: 100%;
    }
    .container_2-column--even > .cmp-container > .container + .container {
        padding: 15px 0 0 0;
    }
	.container_2-column--even > .cmp-container > .aem-Grid > .container + .container {
		padding-top: 15px;
	}    
}

/* 3 Column */
.container_3-column > .cmp-container > .aem-Grid {
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr;
    gap: 25px 30px;
}
@media only screen and (max-width: 1023px) {
	.container_3-column > .cmp-container > .aem-Grid {
		grid-template-columns: 1fr 1fr;
	}
}
@media only screen and (max-width: 767px) {
	.container_3-column > .cmp-container > .aem-Grid > div {
		width: 100% !important;
	}
}
@media only screen and (max-width: 520px) {
	.container_3-column > .cmp-container > .aem-Grid {
		grid-template-columns: 1fr;
	}
}        
.container_3-column > .cmp-container > .aem-Grid::before {
    display: none;
}

/* Poster List */
.poster-list {
    float: none;
}
.poster-list > .cmp-container > .aem-Grid {
    width: 100%;
}
.poster-list > .cmp-container > .aem-Grid .image {
    max-width: 105px;
    margin: 0 25px 0 0;
}
.poster-list > .cmp-container > .aem-Grid .container {
    width: auto;
    display: inline-block;
    float: none;
}
.poster-list > .cmp-container > .aem-Grid .container > .cmp-container > .aem-Grid > div {
    width: auto;
    display: block;
    float: none;
}
@media only screen and (max-width: 767px) {
    .poster-list {
        width: 100% !important;
    }
}

/* Header */
#bln-header > .aem-Grid > .image {
    width: auto;
}
.cmp-experiencefragment--header {
    padding: 23px 0;
    width: 100%;
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--black-opacity-30);
}
.cmp-experiencefragment--header .container:has(#bln-header) {
    background-color: transparent !important;
}
@media only screen and (min-width: 768px) {
    #bln-header > .aem-Grid > .image {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .cmp-experiencefragment--header {
        background: none;
    }
}
.cmp-experiencefragment--header > .cmp-container {
    width: 100%;
    max-width: 1195px;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
}
.root > .cmp-container > .aem-Grid > .container:first-child > .cmp-container > .aem-Grid {
    max-width: 1440px;
    width: 100%;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
}
.bln-content-wrapper > .cmp-container {
    width: 100%;
    max-width: 1074px;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
}

/* Footer */
.cmp-experiencefragment--footer > .cmp-container > .aem-Grid > .container > .cmp-container {
    width: 100%;
    max-width: 1195px;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
}
#bln-footer {
    padding: 60px 0 40px;
    width: 100%;
    overflow: hidden;
}
#bln-footer a {
    text-decoration: none;
}
#bln-footer .image {
    width: auto;
}
#bln-footer  #bln-footer-nav {
    padding-left: 3rem;
}
#bln-footer  #bln-footer-nav .cmp-text a {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    padding: 0 0.4rem;
    vertical-align: top;
}
#bln-footer  #bln-footer-nav .cmp-text a:first-child {
    padding-left: 0;
}
#bln-footer #bln-footer-nav .font-awesome {
    width: auto !important;
    padding-right: 20px;
    vertical-align: top;
    font-size: 25px;
    line-height: 25px;
}
#bln-footer #bln-footer-logo-list {
    width: 232px;
    position: relative;
}
#bln-footer #bln-footer-logo-list .image:not(:last-child) {
    height: 60px;
    padding: 1rem;
    border-right: 1px solid white;
}
#bln-footer #bln-footer-logo-list .image:last-child {
    padding: 0.5rem 0 0 1rem;
}
@media only screen and (min-width: 768px) {
    #bln-footer--logo {
        width: max-content;
    }
    #bln-footer #bln-footer-nav {
        margin-left: 3rem;
    }
    #bln-footer-logo-list {
        position: absolute !important;
        right: 1rem;
    }
}
@media only screen and (max-width: 767px) {
    #bln-footer {
        padding: 2rem 0;
    }
    #bln-footer .text {
        width: 100%;
        text-align: center;
    }
    #bln-footer .image {
        width: fit-content;
        margin: 0 auto;
        float: none;
    }
    #bln-footer > .aem-Grid > .container {
        width: 100%;
    }
    #bln-footer-nav .container > .cmp-container > .aem-Grid  {
        width: fit-content;
        margin: 0 auto;
    }    
    #bln-footer-nav > .aem-Grid {
        margin-top: 2.5rem;
        padding-left: 0;
    }
    #bln-footer-logo-list {
        width: 100% !important;
        margin: 3rem 0 0 0;
    }
    #bln-footer-logo-list .image {
        display: inline-block;
    }
    #bln-footer-logo-list > .aem-Grid {
        margin: 0 auto;
        width: fit-content;
    }
    #bln-footer .container:has(#bln-footer-logo-list) {
        margin: 1rem 0 0 0;
    }
}

/* Icon List */
.icon-list--vertical .bln-icon--circle + .text {
    margin-left: 0 !important;
    padding-left: 35px;
    width: calc(100% - 123px) !important;
}
.icon-list--vertical > .cmp-container > .aem-Grid > .container > .cmp-container > .aem-Grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
@media only screen and (min-width: 768px){
    .icon-list--horizontal > .cmp-container {
        margin: 0 -80px;
    }
    .icon-list--horizontal > .cmp-container > .aem-Grid > .container {
        padding: 5px 80px;
    }
	.icon-list--horizontal > .cmp-container > .aem-Grid > .container:nth-child(2) {
        border-style: solid;
        border-width: 0 1px;
        border-color: var(--white);
	}
    .icon-list--horizontal .bln-icon--circle {
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 767px) {
    .icon-list--horizontal > .cmp-container > .aem-Grid > .container {
        padding: 0 0 20px;
        margin-bottom: 20px;
        border-left: 0 !important;
        border-bottom: 2px solid rgba(255,255,255,0.5) !important;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .icon-list--horizontal > .cmp-container > .aem-Grid > .container > .cmp-container > .aem-Grid {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .icon-list--horizontal .bln-icon--circle + .text {
        margin-left: 0 !important;
        padding-left: 35px;
        width: calc(100% - 123px) !important;
    }
    
}
.bln-icon--circle {
    max-width: 88px;
}
.bln-icon--circle .cmp-text,
.bln-icon--circle .cmp-image  {
    width: 88px;
    height: 88px;
    text-align: center;
    font-size: 40px;
    line-height: 88px;
    font-weight: 900;
    color: #fff;
    background: var(--black);
    border-radius: 50%;
}
.bln-icon--circle .cmp-text .defaultSpan {
    font-weight: 300;
}
@media only screen and (max-width: 767px) {
    	.bln-icon--circle .cmp-text {
		margin-bottom: 0;
	}
    .bln-icon--circle + .text  {
        padding-left: 30px;
        width: calc(100% - 88px) !important;
    }
}

/* Icon - Font Awesome */
.content-section  .font-awesome > .cosd-global-fa > a > span {
    display: inline-block;
    min-width: 2rem;
    padding: 0 0 1rem 0;
    vertical-align: top;
    font-size: 25px;
    line-height: 25px;
}
.content-section  .font-awesome > .cosd-global-fa > a > span + span {
    font-size: initial;
    font-weight: bold;
    line-height: initial;
    text-decoration: underline;
}

/* Separator */
.bln-border--solid:not(.separator),
.bln-border--solid hr {
    border-style: solid;
}
.bln-separator--solid hr {
    border-style: solid;
}
.bln-separator--hidden hr {
    visibility: hidden;
}
.bln-border--1px {
    border-width: 1px;
}
.bln-border--2px {
    border-width: 2px;
}
.bln-border--3px {
    border-width: 3px;
}
.bln-border--4px {
    border-width: 4px;
}
.bln-border--5px {
    border-width: 5px;
}
.bln-border--top--1px hr {
    border-width: 1px 0 0 0;
}
.bln-border--top--2px hr {
    border-width: 2px 0 0 0;
}
.bln-border--top--3px hr {
    border-width: 3px 0 0 0;
}
.bln-border--top--4px hr {
    border-width: 4px 0 0 0;
}
.bln-border--top--5px hr {
    border-width: 5px 0 0 0;
}
.bln-separator--height--1 hr {
    margin: 0.5rem 0;
}
.bln-separator--height--2 hr {
    margin: 1rem 0;
}
.bln-separator--height--3 hr {
    margin: 1.5rem 0;
}
.bln-separator--height--4 hr {
    margin: 2rem 0;
}
.bln-separator--height--5 hr {
    margin: 2.5rem 0;
}

/* Text */
.text:has(+ .separator) p:last-child {
    padding-bottom:  0;
}
.bln-text--12px .cmp-text {
    font-size: 12px;
}
.bln-text--12px .cmp-text p {
    padding-bottom: 0;
}
.bln-text--14px .cmp-text {
    font-size: 14px;
}
.bln-text--14px .cmp-text p {
    padding-bottom: 0;
}
.bln-text--20px .cmp-text {
    font-size: 20px;
    line-height: 25px;
}
.bln-text--20px .cmp-text p {
    padding-bottom: 10px;
}
.bln-text--30px .cmp-text {
    font-size: 30px;
    line-height: 32px;
}
.bln-text--30px .cmp-text p {
    padding-bottom: 15px;
}

/* Title */
.bln-title--underline {
    position: relative;
}
.bln-title--underline:after {
    width: 55px;
    height: 5px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--black);
}
.bln-title--underline h4 {
    padding-bottom: 1rem;
    padding-right: 2rem;
}

/* Carousel */
.carousel:has(.teaser.bln-teaser--hero) {
    background-color: var(--black);
}
.cmp-carousel__item--active {
	opacity: 1;
    animation: fadeinout 0.5s linear;
}
@keyframes fadeinout {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

/*.cmp-accordion__panel--expanded {
    transform: translate(0, 0);
	transition: all 1s;
    transition: 0.5s ease-in-out;
}
.cmp-accordion__panel--expanded, 
.cmp-accordion__panel--hidden{            
    transform: translate(0, 20vh);
} 
*/

.cmp-carousel__action {
    font-size: 60px;
    border: 0;
    cursor: pointer;
    background: none;
    position: absolute;
    margin: -30px 0 0 -580px;
    font-family: 'Roboto', sans-serif;
    z-index: 1;
    font-weight: 100;
    opacity: 0.50;
    transition: all 0.3s;
}
.cmp-carousel__item:has(.teaser) ~ .cmp-carousel__actions .cmp-carousel__action {
    color: var(--white);
}
.cmp-carousel__action.cmp-carousel__action--previous {    
    position: absolute;
    left: 50%;
    top: 50%;
}
.cmp-carousel__action.cmp-carousel__action--previous:before {    
    content: "‹";
}
.cmp-carousel__action.cmp-carousel__action--next {
    position: absolute;
    top: 50%;
    right: 50%;
    margin-left: 0;
    margin-right: -580px;
}
.cmp-carousel__action.cmp-carousel__action--next:after {
    content: "›";
}
.cmp-carousel__action-icon,
.cmp-carousel__action-text {
    display: none;
}
.cmp-carousel__item:has(.teaser) ~ .cmp-carousel__indicators {
    margin-top: -40px;
}
.cmp-carousel__item:has(.teaser) ~ .cmp-carousel__indicators .cmp-carousel__indicator.cmp-carousel__indicator--active {
    background-color: rgba(255,255,255,100);
}
.cmp-carousel__item:has(.teaser) ~ .cmp-carousel__indicators .cmp-carousel__indicator:not(.cmp-carousel__indicator--active) {
    background-color: rgba(255,255,255,0.50);
    cursor: pointer;
}
@media only screen and (max-width: 1169px) {
    .cmp-carousel__action {
        display: none;
    }
}

/* Teaser */
.teaser {
    overflow: hidden;
}
.bln-teaser,
.bln-teaser--hero,
.bln-teaser--content {
    background-color: black;
}
.bln-teaser--hero .cmp-teaser__image,
.bln-teaser--content .cmp-teaser__image {
    width: 1440px;
    margin: 0 auto !important;
}
.bln-teaser--thumbnail .cmp-teaser__image,
.carousel .cmp-teaser__image {
    width: auto;
}
.bln-teaser--hero .cmp-teaser__image img {
    min-height: 450px;
    width: auto;
}
.bln-teaser--hero .cmp-teaser__description {
    display: none;
}
.cmp-teaser__action-container {
    min-width: 430px;
    padding: 10px 15px;
    background: rgba(5,5,5,0.75);
    position: absolute;   
    bottom: 40px;
    color: var(--white);
    font-size: 20px;
    line-height: 27px;
    font-weight: 300;
    font-style: italic;
}
.cmp-teaser__action-container a {    
    text-decoration: none;
}
.bln-teaser--hero .cmp-teaser__content,
.bln-teaser--thumbnail .cmp-teaser__content,
.carousel .cmp-teaser__content {
    position: relative;
    max-width: 1074px;
    margin: 0 auto;
}
.bln-teaser--hero .cmp-teaser__action-container,
.carousel .cmp-teaser__action-container {    
    right: 50%;
    margin-right: -575px;
}
.bln-teaser--content .cmp-teaser {
    position: relative;
}
.bln-teaser--content .cmp-teaser__content {
    position: absolute;
    max-width: 1074px;
    min-height: 320px;
    height: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 60px 15px;
}
.bln-teaser--content .cmp-teaser__action-container {
    left: 50%;
    margin-left: -535px;
    text-align: right;
    bottom: 32px;    
}
.bln-teaser--content .cmp-teaser__description {
    padding-left: 15px;
    color: var(--white);
    width: 100%;
    max-width: 50%;
    float: right;
}
.cmp-teaser__action-container:after {
    width: 5000px;
    height: 100%;
    content: '';
    position: absolute;
    right: -5000px;
    top: 0;
    background: rgba(5,5,5,0.75);
}
.cmp-teaser__action-link[href="#"]:hover {
    cursor: default;
}
.bln-teaser--content .cmp-teaser__action-container:after {   
    left: -5000px;
}
.bln-teaser--content h2 {
    letter-spacing: 0.01em;
    padding-bottom: 30px;    
}
.bln-teaser--content .cmp-teaser__description h3 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
}
.bln-teaser--content a:not(.cmp-teaser__action-link),
.bln-teaser--content .cosd-readmore-text:before,
.bln-teaser--content .cosd-readmore-text:after  {
    color: var(--yellow);
    font-weight: 400;
    text-decoration: underline;
}
.cmp-teaser__action-container p {
    padding-bottom: 0;
}
.bln-teaser--hero .cmp-teaser__title,
.bln-teaser--content .cmp-teaser__title {
    position: absolute;
    left: 25px;
    letter-spacing: -0.03em;
    bottom: 68px;
    color: var(--white);
    padding-bottom: 38px;
    max-width: 450px;
    line-height: 1;
}
.bln-teaser--thumbnail .cmp-teaser__title:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 53px;
    height: 5px;
    content: '';
    background: var(--yellow);
}
.bln-teaser--thumbnail:hover .cmp-teaser__title:after {
    background: var(--white);
}
@media only screen and (max-width: 1023px) {
	.bln-teaser--hero .cmp-teaser__title,
	.bln-teaser--content .cmp-teaser__title {
	    bottom: 40px;
	    font-size: 40px;
	    line-height: 45px;
	    padding-bottom: 20px;
	}
    .bln-teaser--content h2 {
        font-size: 25px;
        line-height: 30px;
    }
    .bln-teaser--hero .cmp-teaser__action-container {
        min-width: 250px;
        right: 0;
        margin-right: auto;
    }
}

.bln-teaser--thumbnail:hover img {
    opacity: 0;
}
.bln-teaser--thumbnail .cmp-teaser__title {
    position: absolute;
    color: var(--white);
    left: 27px;
    bottom: 25px;
    z-index: 1;
    padding-bottom: 17px;
    max-width: 150px;
    font-size: 20px;
    line-height: 20px;
}
.bln-teaser--hero .cmp-teaser__title > a,
.bln-teaser--thumbnail .cmp-teaser__title a {
	text-decoration: none;
}
.bln-teaser--hero .cmp-teaser__title:after,
.bln-teaser--content .cmp-teaser__title:after {
    width: 100px;
    height: 10px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--yellow);
}
@media only screen and (max-width: 1023px) {
	.bln-teaser--hero .cmp-teaser__title:after,
	.bln-teaser--content .cmp-teaser__title:after {
	    height: 7px;
	}
}
.carousel .bln-teaser--thumbnail .cmp-teaser__title:after {
    transition: all 0.3s;
    width: 53px;
    height: 5px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fef330;
}
.bln-teaser--hero .cmp-teaser__image img {
    min-height: 548px;
    object-fit: cover;
}
.carousel .bln-teaser--hero .cmp-teaser__image img {
    max-height: 1200px;
    height: 100vh;
    width: 100%;
    object-fit: cover;
    object-position: right center;
}
@media only screen and (max-width: 1174px) {
    .bln-teaser--hero .cmp-teaser__image img {
        min-height: 450px;
        object-position: right;
    }
    .carousel .bln-teaser--hero .cmp-teaser__image img  {
        object-position: 70% center;
    }
}    
@media only screen and (max-width: 1023px) {
    .carousel .bln-teaser--hero .cmp-teaser__image img {
        object-position: 84% center;
    }
}
@media only screen and (max-width: 767px) {
    .carousel .bln-teaser--hero .cmp-teaser__image img {
        height: 75vh;
        object-position: 84% -25%;
    }   
}
.carousel .cmp-teaser__description {
    max-width: 630px;
    letter-spacing: -0.025em;
    display: block;
    padding-bottom: 55px;
    font-size: 56px;
    line-height: 60px;
    letter-spacing: inherit;
    color: var(--yellow);
    position: absolute;
    left: 25px;
    top: -62.5vh;
    xheight: 100vh;  
    xbottom: 0;
    xtransform: translateY(-50%);
}
.carousel .cmp-teaser__description ul {    
    list-style: none;
    padding-left: 0;
}
.carousel .cmp-teaser__description ul > li {    
    display: inline-block;
}
.carousel .cmp-teaser__description ul > li:first-child {
    max-width: 275px;
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-weight: 900;
}
.carousel .cmp-teaser__description ul > li:first-child + li {
    font-size: 16px;
    line-height: 22px;
    padding: 10px 22px;
    text-align: center;
    background: #fef330;
    color: #000 !important;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font-weight: 900 !important;
    border: 0;
    cursor: pointer;
    text-decoration: none;
}
.carousel .cmp-teaser__description ul > li:first-child + li a {
    text-decoration: none;
}
.cmp-carousel__item:has(.teaser) ~ .cmp-carousel__indicators {
    position: absolute;
    width: 100%;
}
@media only screen and (max-width: 1023px) {
    .bln-teaser--hero .cmp-teaser__image {
        width: auto;
    }
    .bln-teaser--hero .cmp-teaser__image img {
        min-height: 350px;
        width: auto;
    }
    .bln-teaser--content .cmp-teaser__image {
        visibility: hidden;
        width: auto;
        min-height: 400px;
    }
    .bln-teaser--content {
        background-color: transparent;
    }
   .bln-teaser--content .cmp-teaser__content {
        position: relative;
        padding: 0 15px 40px;
        background-image: linear-gradient(to bottom, transparent, var(--black) 20%, var(--black) 80%);
    }
    .bln-teaser--content .cmp-teaser__description {
        float: none;
        position: relative;
        z-index: 1;    
        max-width: 100%;
        padding: 80px 0 0 0;
    }
    .bln-teaser--content .cmp-teaser__action-container {
        min-width: auto;
        bottom: auto;
        top: 0;
        left: auto;
        margin: auto;
        padding-left: 0;
        text-align: left;
    }
    .bln-teaser--content .cmp-teaser__content {
        position: relative;
        padding: 0 15px 40px;
    }
    .cmp-container:has(.aem-Grid > .teaser:not(.bln-teaser--thumbnail)) {
        xbackground-size: auto !important;
        background-position: center top;
        background-size: cover !important;
        background-color: var(--black);
    }
    .cmp-container:has(.aem-Grid > .teaser.bln-teaser--content) {
        background-size: auto !important;
        background-color: var(--black);
    }
    .carousel .bln-teaser--hero .cmp-teaser__description p {
        font-size: 45px;
        line-height: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .cmp-container[style^="background-image:"] .bln-teaser--hero .cmp-teaser__image {
        visibility: hidden;
        min-height: 430px;
    }
    .bln-teaser--hero {
        background-color: transparent;
        background-image: linear-gradient(to bottom, transparent, transparent 60%, var(--black) 80%);
    }
    :not(.carousel) .bln-teaser--hero .cmp-teaser__title {
        font-size: 37px;
        line-height: 37px;
        bottom: 28px;
    }
    :not(.carousel) .bln-teaser--hero .cmp-teaser__title:after {
        width: 70px;
    }
    .bln-teaser--hero .cmp-teaser__action-container {
        min-width: 0;
        bottom: 16vh;
        margin-right: -30px;
    }
    .bln-teaser--hero .cmp-teaser__action-container.action--expanded {
        height: 48px;
        margin-right: 0;
        margin-bottom: -28px;
    }  
    .carousel .bln-teaser--hero .cmp-teaser__action-container {
        bottom: 50vh;
    }
    .bln-teaser--content .cmp-teaser__action-container {   
        height: 48px;
        right: 0;
        margin-top: -100px;
    }
    .bln-teaser--content .cmp-teaser__action-container:after {   
        left: auto;
    }
    .cmp-teaser__action-container:before {
        position: absolute;
        top: 24px;
        left: -25px;
        display: inline-block;
        min-width: auto;
        width: 50px;
        height: 34px;
        content: "‹";
        font-size: 40px;
        font-style: normal;
        transform: translate(-50%,-50%);
        cursor: pointer;
        text-align: center;
        background: rgba(5,5,5,0.75);
        padding: 7px 0;
    }
    .cmp-teaser__action-container.action--expanded:before {
        transform: translate(-50%,-50%) scale(-1,1);
    }
    .cmp-teaser__action-link {
        display: none;        
    }    
    .cmp-teaser__action-container.action--expanded > .cmp-teaser__action-link {
        display: inline-block;
    }   
    .cmp-container:has(.aem-Grid > .teaser) {
        background-position: 50% 50%;
        background-size: cover !important;
        background-size: contain !important;
        background-position: center top;
    }
    .cmp-container:has(.aem-Grid > .teaser.bln-teaser--hero) {
        background-position: center top;
    }
    .carousel .cmp-container:has(.aem-Grid > .teaser) {
        background-position: initial;
    }
    .carousel .bln-teaser--hero .cmp-container:has(.aem-Grid > .teaser) {
        background-size: cover !important;
    }
    .carousel .bln-teaser--hero .cmp-teaser__description {
        max-width: initial;
        position: initial;
        transform: initial;
        height: initial;
        margin: 0;
        padding: 0 25px;
    }
    .carousel .bln-teaser--hero .cmp-teaser__description p {
        font-size: 35px;
        line-height: 35px;
        padding-bottom: 10px;
    }
    .carousel .cmp-teaser__description ul > li:first-child {
        display: block;
        max-width: none;
        width: 100%;
        xpadding-bottom: 10px;
    }
    .carousel .cmp-teaser__description ul > li:first-child + li {
        line-height: 20px;
        padding: 7px 12px;
    }
    .cmp-carousel__item:has(.teaser) ~ .cmp-carousel__indicators {
        position: absolute;
        justify-content: right;
        right: 1rem;
        width: 100%;
    }
    .carousel .bln-teaser--hero .cmp-teaser__image::before {
        content: "";
        background-color: transparent;
        background-image: linear-gradient(to bottom, transparent, transparent 60%, var(--black) 80%);
        position: absolute;
        height: 1000px;
        width: 100%;
        bottom: 0;
    }
    .cmp-carousel__item:has(.teaser) ~ .cmp-carousel__indicators {
        justify-content: right;
        right: 1rem;
    }
}
.teaser .cosd-tooltip-icon {
    color: #000;
    background-color: rgba(255,255,255,0.5);
}
.teaser .cosd-tooltip-icon:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,1);
}

/* Teaser empty anchor bug - hide styling */
.cmp-teaser__description a:not([href]), 
.cmp-teaser__description a:not([href]):hover { 
    text-decoration: none !important; 
    color: inherit !important; 
    opacity: inherit !important; 
} 

.aem-AuthorLayer-Preview .carousel .cmp-teaser__description,
.aem-AuthorLayer-Edit .carousel .cmp-teaser__description {
	bottom: 12vh;
    top: auto;
}

/* Accordion (Card) */
.card {
    border-width: 2px;
    border-style: solid;
    padding-top: 0 !important;
    background-color: var(--white);
}
.cmp-accordion__header {
    padding: 0;
}
.cmp-accordion__header button {
    border: none;
    background-color: var(--black) !important;
	font-size: 16px;
    line-height: 18px;
    color: var(--white);
    font-weight: 900;
    padding: 11px 10px 11px 10px;
}
.card .cmp-accordion__panel {
    min-height: 120px;
    padding: 10px;
}
:not(.card) .cmp-accordion__panel {
    margin-bottom: 2px;
}

/* Accordion */
.cmp-accordion__header {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    background: var(--black);
    color: #fff;
    font-weight: 700;
    border-bottom: 2px solid var(--white);
}
button.cmp-accordion__button {
    border: none;
    background-color: transparent !important;
    color: var(--white);
}
button.cmp-accordion__button:hover {
    cursor: pointer;
}
.accordion:not(.card) .cmp-accordion__title {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
    xpadding: 9px 40px 9px 0;
	padding-right: 25px;
    color: #fff;
    font-weight: 700;
}
.accordion:not(.card) .cmp-accordion__icon:after {
    width: 20px;
    height: 20px;
    content: '+';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    background: #fef330;
    color: #000;
    text-align: center;
    line-height: 20px;
    font-size: 25px;
    border-radius: 50%;
    font-weight: 700;
}
.accordion:not(.card) .cmp-accordion__button--expanded .cmp-accordion__icon:after {
    content: '-';
}
.cmp-accordion__header:has(.cmp-accordion__button--expanded) {
    pointer-events: none;
    background: var(--black);
    border-bottom: 0;
}
.cmp-accordion__header:has(.cmp-accordion__button--expanded) .cmp-accordion__title {
    background: transparent;
}
.cmp-accordion__panel > .container {
    height: auto !important;
    padding: 10px !important;
    display: block !important;
    background: #fff;
    border: 2px solid var(--black);
}

/* Tooltip */
.teaser .cosd-tooltip .cosd-tooltip-icon + .cosd-tooltip-outer .cosd-tooltip-text, 
.text .cosd-tooltip .cosd-tooltip-icon + .cosd-tooltip-outer .cosd-tooltip-text {
    width: 400px;
}

/* Form and Button */
.cmp-form > div {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}
.cmp-form > div:not(.file-upload) input:not(.cmp-form-options__field):not(.cosd-checkbox),
.cmp-form > div textarea,
.cmp-form > div select {
    display: block;
    width: 100%;
    border: 2px solid #ccc;
    font-size: 1rem;
    padding: 0.25rem;
}
.cmp-form-button {
    background-color: transparent;
    display: block;
    width: 100%;
    border: none;
    padding: 10px 22px;
    font-size: 1rem;
}
.cmp-button {
    text-decoration: none;
}
.cmp-form-button:hover {
    cursor: pointer;
}
.button:has(.cmp-form-button) {
    padding: 0;
    text-decoration: none !important;
}
.button:has(.cmp-button) {
    padding: 10px 22px;
}
.button > button.cmp-button {
    border: none;
    background-color: transparent;
    font-size: 1rem;
}

/* Top Banner */ 
.cmp-experiencefragment--header.banner-top--active { 
    margin-top: 40px; 
} 
.banner-top { 
    position: sticky; 
    top: 0; 
    z-index: 100; 
    width: 1000px; 
    padding: 10px 60px; 
    line-height: 1.4; 
    width: 1080px; 
    font-size: 15px; 
} 
.banner-top.banner-top--hidden { 
    xtransition: all .3s ease-out;
} 
.banner-top .banner-top--hide { 
    position: absolute; 
    right: 20px; 
    top: 50%; 
    font-size: 18px; 
    text-align: center; 
    box-sizing: initial; 
    line-height: 1; 
    margin-top: -9px !important; 
    display: inline-block; 
    transform: rotate(45deg) translate3d(0,0,0); 
    text-decoration: none; 
    color: var(--white); 
} 
.banner-top > .cmp-container { 
    max-width: 1080px; 
    font-size: 15px; 
    margin: 0 auto; 
} 
.banner-top .text p a{ 
    font-weight: normal; 
} 
.banner-top .text p:last-child { 
    padding-bottom: 0; 
} 
@media only screen and (max-width: 767px) { 
    .cmp-experiencefragment--header.banner-top--active #bln-header > .aem-Grid > .image { 
        top: 80px;     
    } 
}