/*
Theme Name: Better Insurance Network Sustain Festival
Theme URI: http://www.alivewithideas.com
Author: Alive With Ideas
Author URI: http://www.alivewithideas.com
Description: Bespoke theme for the Better Insurance Network Sustain Festival
Version: 1.0
Text Domain: awi
*/

body { color: #0a273a; font-family: "Montserrat", sans-serif; font-weight: 400; font-optical-sizing: auto; line-height: 1.4; overflow-x: hidden; width: 100vw; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: 700; margin: 0; }
h1, .h1 { text-transform: uppercase; } */
h1, .h1 { font-size: 2em; }
h2, .h2 { font-size: 1.625em; }
h3, .h3 { font-size: 1.25rem; }

.form-select:focus, .form-control:focus { outline: none; box-shadow: none; }
.form-control { border-color: #0a273a; }
.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");	
	display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #fff;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-color: #0a273a; background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none); background-repeat: no-repeat; 
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: 1px solid #0a273a;
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
}

@media (min-width: 768px) {
	html { font-size: 112.5%; }
	h1, .h1 { font-size: 2.225em; }
	h2, .h2 { font-size: 1.7778em; }
	h3, .h3 { font-size: 1.4445rem; }	
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
  }
}

@media (max-width: 767.9px) and (min-width: 360px) { 
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: calc(100% - 1rem);
  }	
}	

.page-content a, .page-content a:visited { color: #0a273a; text-decoration: underline; font-weight: 600; }
.page-content a:hover { color: #0a273a; text-decoration: none; }
.page-content h3 { margin: 2.5rem 0 .5rem 0; }

.btn, .btn:visited { line-height: 1; padding: .75rem 2rem; position: relative; border-width: 2px; border-style: solid; border-color: inherit; color: inherit; }
.btn:hover { background: #fff; color: #0a273a; text-decoration: none; }

.btn.btn-arrow, .btn.btn-arrow:visited { padding: .75rem 4.5rem .75rem 2rem; }
.btn.btn-arrow:after { background: #fff; line-height: 1; 
	-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 17.74"><defs><clipPath id="a"><rect width="28" height="17.74" fill="%23fff"/></clipPath></defs><g clip-path="url(%23a)"><path d="M27.688,8.118,19.882.312a1.064,1.064,0,0,0-1.5,1.5l5.99,5.989H1.064a1.064,1.064,0,1,0,0,2.128h23.3l-5.991,5.991a1.064,1.064,0,1,0,1.5,1.5l7.807-7.807a1.064,1.064,0,0,0,0-1.5" transform="translate(0 0)" fill="%23fff"/></g></svg>');
	mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 17.74"><defs><clipPath id="a"><rect width="28" height="17.74" fill="%23fff"/></clipPath></defs><g clip-path="url(%23a)"><path d="M27.688,8.118,19.882.312a1.064,1.064,0,0,0-1.5,1.5l5.99,5.989H1.064a1.064,1.064,0,1,0,0,2.128h23.3l-5.991,5.991a1.064,1.064,0,1,0,1.5,1.5l7.807-7.807a1.064,1.064,0,0,0,0-1.5" transform="translate(0 0)" fill="%23fff"/></g></svg>');	
	content: ''; width: 1.5rem; height: 1rem; position: absolute; left: calc(100% - 3.5rem); top: 50%; transform: translateY(-50%); transform-origin: left center; transition: 0.15s ease-in-out; }
.btn.btn-arrow:hover:after { transform: translateY(-50%) scaleX(1.2); background: #0a273a; }

.btn.btn-down, .btn.btn-down:visited { padding: .75rem 2rem; display: inline-flex; align-items: center; }
.btn.btn-down:after { background: #fff; line-height: 1;  
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat; -mask-repeat: no-repeat; 
	content: ''; width: 1.5rem; height: 1.5rem; margin: 0 0 0 2rem;  transition: 0.15s ease-in-out; }
.btn.btn-down:hover:after { background: #0a273a; }

header { position: fixed; top: 0; left: 0; right: 0; color: #fff; z-index: 9999; padding: 1rem 0; transition: padding .15s ease-in-out; }
.scrolled:not(.menu-open) header { background: #0a273a; border-bottom: 2px solid #fff; padding: .25rem 0; }

.navbar-brand { max-width: 50%; }
.navbar-toggler, .navbar-toggler:focus { padding: 0; border: none; outline: none; box-shadow: none; } 
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon,
.navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"); }
.navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E"); }

@media (max-width: 991.8px) { 	
	.navbar-collapse { position: fixed; top: 0; left: 0; right: 0; background: #0a273a; z-index: -1; }
	.navbar-nav { padding-top: 160px; padding-bottom: 80px; border-bottom: 2px solid #fff; }
	.navbar-nav .nav-item { margin: 1rem auto; }
	.navbar-nav .nav-item:last-child .nav-link { margin-top: 1.25rem; }
}
 
.brand-logo-sustain { width: 200px; transition: .15s ease-in-out; max-width: 100%; }
.brand-logo-sustain svg { width: 100%; }
.scrolled:not(.menu-open) header .brand-logo-sustain { width: 120px; }

.brand-logo-sustain svg .susta,
.brand-logo-sustain svg .disc-bg { fill: #fff; }
.brand-logo-sustain svg .disc { fill: #0a273a; }

footer .brand-logo-sustain { width: 150px; margin: auto 0; }
@media (min-width: 768px) { 
	footer .brand-logo-sustain { width: 200px; }
}

.logo-link { display: inline-block; margin: auto; }

main { overflow-x: hidden; }
main, section { position: relative; }
main section { padding: 3rem 0; }
main section img { display: block; max-width: 100%; height: auto; }

.brand-logo-bin { width: 230px; }

.page main section h2:not(.h1),
.event h1 { text-transform: none; text-decoration: underline; text-decoration-color: #ff661a; text-underline-offset: 0.5rem; line-height: 1.4; margin: 0 0 2rem 0; }

main section.top-decor:before,
main:after { 
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='2560' height='155.259' viewBox='0 0 2560 155.259'%3E%3Cpath fill='%230a273a' d='M-216.735,405.451c-226.631-2.636,55.483-441.728,780.203-296.668c0,0,482.656-241.108,1049.947,7.732c0,0,694.307-166.865,1176.185,8.784c401.147,146.222-1036.004,578.739-1036.004,578.739L-216.735,405.451z'/%3E%3C/svg%3E%0A");
	background-position: top center; background-size: 576px auto; background-repeat: no-repeat; display: block; height: 32px; width: 100vw; overflow: hidden;	background-color: transparent; position: absolute; left: 0; right: 0; }
main section:last-of-type { padding-bottom: calc(3rem + 32px); }
main section.top-decor { margin-top: 32px; }
main section.top-decor:before { top: -32px; margin-bottom: 3rem; }
main section.top-decor.bg-green:before { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='2560' height='155.259' viewBox='0 0 2560 155.259'%3E%3Cpath fill='%2338c697' d='M-216.735,405.451c-226.631-2.636,55.483-441.728,780.203-296.668c0,0,482.656-241.108,1049.947,7.732c0,0,694.307-166.865,1176.185,8.784c401.147,146.222-1036.004,578.739-1036.004,578.739L-216.735,405.451z'/%3E%3C/svg%3E%0A"); }
main:after { bottom: 0; } 

@media (min-width: 576px) { 
	main section.top-decor:before,
	main:after { background-size: 800px auto; height: 46px; }
	main section:last-of-type { padding-bottom: calc(3rem + 46px); }
	main section.top-decor { margin-top: 46px; }
	main section.top-decor:before { top: -46px; }		
}	

@media (min-width: 768px) { 
	main section.top-decor:before,
	main:after { background-size: 1000px auto; height: 60px; }
	main section:last-of-type { padding-bottom: calc(3rem + 60px); }
	main section.top-decor { margin-top: 60px; }
	main section.top-decor:before { top: -60px; }		
}	

@media (min-width: 992px) { 
	main section.top-decor:before,
	main:after { background-size: 1200px auto; height: 70px; }
	main section:last-of-type { padding-bottom: calc(3rem + 70px); }
	main section.top-decor { margin-top: 70px; }
	main section.top-decor:before { top: -70px; }		
}	

@media (min-width: 1200px) { 
	main section.top-decor:before,
	main:after { background-size: 1920px auto; height: 100px; }
	main section:last-of-type { padding-bottom: calc(3rem + 100px); }
	main section.top-decor { margin-top: 100px; }
	main section.top-decor:before { top: -100px; }		
}	

@media (min-width: 1920px) { 
	main section.top-decor:before,
	main:after { background-size: 2560px auto; height: 120px; }
	main section:last-of-type { padding-bottom: calc(3rem + 120px); }
	main section.top-decor { margin-top: 120px; }
	main section.top-decor:before { top: -120px; margin-bottom: 3rem; }		
}	

footer { background: #0a273a; color: #fff; padding: 3rem 0; position: relative; }
footer .container .row + .row { margin-top: 2rem; }
.footer-links { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; column-gap: 2rem; }
.footer-links li { margin: .75rem 0; padding: 0; display: flex; }
.footer-links li a { margin: auto 0; text-decoration: none; }
.footer-links li a:not(.btn) { transition: opacity 0.2s ease-in-out; }
.footer-links li a:not(.btn):hover { opacity: 0.7; }

.footer-legal a, .footer-legal a:visited { color: #fff; text-decoration: none; font-size: 0.825rem; }
.footer-legal a:hover { color: #fff; text-decoration: underline; }

.intro { font-size: 1.222rem; margin-bottom: 2rem; }
.intro p { font-size: 1.222rem; }

svg.decor-birds { width: 120px; }

#about-bin img { margin: 3rem 0 0 0; }
#about-sustain .awi-video, #about-sustain .awi-video-placeholder { margin: 2rem 0 0 0; }

@media (min-width: 992px) { 
	#about-sustain .awi-video, #about-sustain .awi-video-placeholder { margin: 0; }	
	#about-bin:after { aspect-ratio: 482 / 261; width: 600px; left: calc(50vw + (1140px / 2)); background-image: url(lib/images/about-graphic.svg); content: ''; position: absolute; bottom: 0; background-repeat: no-repeat; background-size: contain; background-position: bottom; }
}	
@media (min-width: 1200px) { 
	#get-involved:after { aspect-ratio: 791 / 250; width: 600px; right: calc(50vw + (1140px / 6) ); background-image: url(lib/images/get-involved-graphic.svg); content: ''; position: absolute; bottom: 0; background-repeat: no-repeat; background-size: contain; background-position: bottom; }	
}	
@media (min-width: 576px) { 
	#clock span { font-size: 3rem; }
}

@media (min-width: 992px) {		
	footer:after { content: ''; position: absolute; bottom: 0; background-repeat: no-repeat; background-size: contain; background-position: bottom;
		aspect-ratio: 892 / 372; width: 860px; left: calc(50vw + 100px); background-image: url(lib/images/footer-graphic.svg);
 }		 
	#about-bin img { margin: 0; } 
}	

.bg-blue { background: #0a273a; color: #fff; }
.bg-blue h2 { color: #38c697; }
.bg-blue p strong { color: #38c697; }
.bg-cyan { background: #6bd7eb; }
.bg-orange { background: #ffb81c; }

.page main section.bg-green h2,
.page main section.bg-blue h2,
.page main section.bg-orange h2 { text-decoration-color: #fff; }

.bg-green { background: #38c697; }
.bg-red { background: #ff661a; }

.bg-orange .btn-arrow:after { background: #0a273a; }
.bg-orange .btn:hover { background: #0a273a; color: #ffb81c; border-color: #0a273a; }
.bg-orange .btn-arrow:hover:after { background: #ffb81c; }

.bg-red .btn-arrow:after { background: #fff; } 
.bg-red .btn:hover { color: #ff661a; border-color: #fff; }
.bg-red .btn-arrow:hover:after { background: #ff661a; }

.bg-green .btn-arrow:after { background: #fff; } 
.bg-green .btn:hover { color: #38c697; border-color: #fff; }
.bg-green .btn-arrow:hover:after { background: #38c697; }

.btn.btn-dark, .btn.btn-dark:visited { background: #0a273a; color: #fff; border-color: #0a273a; }
.btn.btn-dark:hover { background: #fff; color: #0a273a; }

.btn.btn-red { background: #ff661a; color: #fff; border-color: #ff661a; }
.btn.btn-red:hover { background: #fff; color: #ff661a; border-color: #fff; }
.btn.btn-red.btn-arrow:hover:after { background: #ff661a; }

.content-row + .content-row { margin-top: 3rem; padding-top: 3rem; position: relative; }
.content-row + .content-row:before { content: ''; position: absolute; height: 2px; top: 0; left: 0.75rem; right: 0.75rem; background: #306fb7; }

.link-disc { margin: 2rem auto 0 auto; max-width: 420px; padding: 23% 18%; aspect-ratio: 1; display: flex; flex-direction: column; border-radius: 50%; align-content: center; text-align: center; color: #fff; overflow: hidden; }
.link-disc p { margin: 0 0 auto 0; text-transform: uppercase; }
.link-disc p span, .link-disc p strong { display: block; font-weight: 700; font-size: 2em; line-height: 1.1; }
.link-disc .btn { margin: auto auto 0 auto; color: inherit; }
.link-disc .btn:hover { border-color: inherit; background: #fff; }

.link-disc .btn.btn-arrow, .btn.btn-arrow:visited { padding: .75rem 3rem .75rem 1rem; }
.link-disc .btn.btn-arrow:after { left: calc(100% - 2.25rem); }
link-disc .btn.btn-arrow:hover::after { transform: translateY(-50%) scaleX(1.1); }

@media (min-width: 992px) { 
	.link-disc { margin: 0 auto; }
}	

.content-row .link-disc p span { font-size: 1.3em; }
@media (min-width: 310px) { 
	.content-row .link-disc p span { font-size: 1.5em; }
}
@media (min-width: 340px) { 
	.content-row .link-disc p span { font-size: 1.5em; }
}

.link-disc.bg-blue { color: #ffb81c; }
.link-disc.bg-blue .btn-arrow:after { background: #ffb81c; } 
.link-disc.bg-blue .btn:hover { color: #0a273a; border-color: #ffb81c; background: #ffb81c; }
.link-disc.bg-blue .btn-arrow:hover:after { background: #0a273a; }

.link-disc.bg-orange { color: #0a273a; }
.link-disc.bg-orange .btn:hover { color: #ffb81c; border-color: #0a273a; background: #0a273a; }
.link-disc.bg-orange .btn-arrow:hover:after { background: #ffb81c; }

.link-disc.bg-red .btn:hover { border-color: #fff; }
.link-disc.bg-green .btn:hover { border-color: #fff; }

.nav-link { font-weight: 700; color: #fff; }
.nav-link:hover { text-decoration: underline; text-underline-offset: .4rem; text-decoration-thickness: 2px; color: inherit; }
@media (max-width: 991.8px) { 	
	.nav-link { font-size: 120%; }
}
.navbar-nav { align-items: center; column-gap: 1.5rem; }
.navbar-nav .nav-item { padding: 0; }
.navbar-nav .nav-item:last-child .nav-link { line-height: 1; padding: .5rem 1rem; border-radius: 0.375rem; border: none; background: #ff661a; color: #fff; }
.navbar-nav .nav-item:last-child .nav-link:hover { background: #fff; color: #ff661a; text-decoration: none; }

.banner { height: 320px; background: #38c697 url(lib/images/event-banner.svg) no-repeat bottom center; background-size: cover; color: #fff; text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; }
.banner > .container { z-index: 1; }
.banner:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to bottom, rgba(10,39,58,1) 0%,rgba(10,39,58,0) 100%); }
.banner.home-banner { height: auto; padding: 150px 0 50vw 0; background-size: 220%;  }
.banner.home-banner:before { height: 33%; }
@media (min-width: 768px) { 
	.banner { height: 380px; }
	.banner.home-banner { padding: 180px 0 42vw 0; }
}	
@media (min-width: 1200px) { 
	.banner.home-banner { background-size: 210%; padding: 180px 0 38vw 0; }
}	
@media (min-width: 1920px) { 
	.banner { background-size: auto 100%; height: 465px; }
	.banner.home-banner { background-size: auto 100%; height: 890px; padding: 0; }
	.banner.home-banner > .container { transform: translateY(-50%); }
}	

.banner p { font-size: 1.4rem; font-weight: 500; }
.banner h1 + p { margin: 2rem 0 0 0; }
.banner a.btn { margin: 2rem 0 0 0; }
@media (min-width: 768px) {
	.banner p { font-size: 1.8rem; }
}	

.sponsors h3 { margin: 2rem 0 1rem 0; text-align: center; font-size: 1rem; font-weight: 600; }
.sponsor { aspect-ratio: 1; height: 100%; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.sponsor > img { margin: auto; }
.sponsor > div { background: #eee; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; width: 100%; font-size: 0.75rem; }

.hashtag { color: #38c697; font-weight: 500; font-size: 1.222rem; margin: auto auto 1.5rem auto; }
@media (min-width: 992px) { 
	.hashtag { margin: auto auto auto 0; }
}	

#clock { display: flex; text-align: center; font-weight: 600; }
#clock div { color: #38c697; width: 25%; }
#clock div + div { border-left: 2px solid #38c697; }
#clock span { font-size: 2rem; font-weight: 700; display: block; color: #fff; line-height: 1; }
@media (min-width: 576px) { 
	#clock span { font-size: 3rem; }
}

.custom-counter { margin: 0; padding: 0; list-style-type: none; }
.custom-counter li { counter-increment: step-counter; margin: 0 0 1rem 0; padding: 0 0 0 2.5rem; position: relative; }
.custom-counter li:before { content: counter(step-counter); position: absolute; font-size: 0.8rem; background-color: #0a273a; color: #fff; font-weight: 700; border-radius: 50%; height: 1.6rem; width: 1.6rem; left: 0; top: 0; text-align: center; line-height: 1.6rem; }

#about-sustain h3 { margin: 2rem 0 1rem 0; }
.tick-list { margin: 0; padding: 0; list-style-type: none; }
.tick-list li { margin: 0 0 1rem 0; padding: 0 0 0 2.5rem; position: relative; }
.tick-list li:before { padding: .375rem .375rem .375rem .4rem; display: flex; position: absolute; background-color: #0a273a; color: #fff; border-radius: 50%; height: 1.6rem; width: 1.6rem; left: 0; top: 0; text-align: center; 
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>'); }

.card { position: relative; }
.card, .card-img-top, .card-footer { border: none; }
.card { background: #ededed; }
.card-img-top { background: #ccc; aspect-ratio: 16 / 9; }

.card-footer { padding: 0; background: none; }
.card-footer a { font-weight: 500; padding: 0.5rem 0.75rem;border-radius: 0 0 .375rem .375rem;  display: flex; align-content: center; justify-content: space-between; background: #ddd; color: #fff; text-decoration: none; }
.card-footer a:after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E ");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3E%3C/svg%3E ");
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content: ''; background: #fff; width: 16px;		
	 }

.event-card h4 { font-size: 1.444rem; }
.event-card h5 { font-size: 1rem; }
.event-host { font-weight: 700; }
.event-card-info { margin: 1rem 0; }
.event-card-info p { margin: 0; padding: 0; display: flex; line-height: 1; }
.event-card-info p + p { margin-top: .575rem; }
.event-card-info p:before { width: 1rem; height: 1rem; line-height: 1; margin: auto 1rem auto 0; text-align: center; }

.event-time:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.925' height='13.925' viewBox='0 0 13.925 13.925'%3E%3Cg transform='translate(-3.375 -3.375)'%3E%3Cpath d='M10.331,3.375A6.963,6.963,0,1,0,17.3,10.338,6.96,6.96,0,0,0,10.331,3.375Zm.007,12.533a5.57,5.57,0,1,1,5.57-5.57A5.57,5.57,0,0,1,10.338,15.908Z' transform='translate(0 0)'/%3E%3Cpath d='M17.582,10.688H16.538v4.178l3.655,2.193.522-.857-3.133-1.858Z' transform='translate(-6.896 -3.831)'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.event-location:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.3' height='16.596' viewBox='0 0 12.3 16.596'%3E%3Cpath d='M13,3A5.375,5.375,0,0,0,7.5,8.25C7.5,12.188,13,18,13,18s5.5-5.812,5.5-9.75A5.375,5.375,0,0,0,13,3Zm0,7.125A1.922,1.922,0,0,1,11.036,8.25a1.966,1.966,0,0,1,3.929,0A1.922,1.922,0,0,1,13,10.125Z' transform='translate(-6.85 -2.35)' fill='none' stroke='%230a273a' stroke-width='1.3'/%3E%3C/svg%3E%0A"); }
.event-format:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.579' height='10.992' viewBox='0 0 12.579 10.992'%3E%3Cpath d='M1.746,0,5.595,5.3l7.521-10.1' transform='translate(-1.139 5.24)' fill='none' stroke='%230a273a' stroke-linejoin='bevel' stroke-width='1.5'/%3E%3C/svg%3E%0A"); }
.event-format.format-online:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.226' height='13.297' viewBox='0 0 14.226 13.297'%3E%3Cpath d='M1.821,13.355h5.8v2.089H5.3v.928h5.57v-.928H8.552V13.355h5.8a.7.7,0,0,0,.7-.7V4.071a.7.7,0,0,0-.7-.7H1.821a.7.7,0,0,0-.7.7v8.588a.7.7,0,0,0,.7.7ZM2.053,4.3H14.122v8.123H2.053Z' transform='translate(-0.975 -3.225)' stroke='%230a273a' stroke-width='0.3'/%3E%3C/svg%3E"); }
.event-format.format-in-person:before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.152' height='14.835' viewBox='0 0 13.152 14.835'%3E%3Cg transform='translate(-4.146 -2.25)'%3E%3Cpath d='M17.168,6.334A3.334,3.334,0,1,1,13.834,3a3.334,3.334,0,0,1,3.334,3.334Z' transform='translate(-3.112)' fill='none' stroke='%230a273a' stroke-width='1.5'/%3E%3Cpath d='M14.056,21h.235a2,2,0,0,1,1.984,1.752l.261,2.083a1.334,1.334,0,0,1-1.324,1.5H6.232a1.334,1.334,0,0,1-1.324-1.5l.26-2.083A2,2,0,0,1,7.154,21h.234' transform='translate(0 -9.999)' fill='none' stroke='%230a273a' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E"); }

.event-card { background: #ffefe7; }
.event-card .card-footer a { background: #ff661a; border: #ff661a solid 2px; }
.event-card .card-footer a:hover { font-weight: 700; }

#article-list .col:nth-of-type(6n+2) .event-card { background: #e7f6f1; }
#article-list .col:nth-of-type(6n+2) .event-card .card-footer a { background: #38c697; border-color: #38c697; }
#article-list .col:nth-of-type(6n+3) .event-card { background: #e2f1f4; }
#article-list .col:nth-of-type(6n+3) .event-card .card-footer a { background: #0097c2; border-color: #0097c2; }
#article-list .col:nth-of-type(6n+4) .event-card { background: #e3e6e8; }
#article-list .col:nth-of-type(6n+4) .event-card .card-footer a { background: #0a273a; border-color: #0a273a; }
#article-list .col:nth-of-type(6n+5) .event-card { background: #fff8e7; }
#article-list .col:nth-of-type(6n+5) .event-card .card-footer a { background: #ffb81c; color: #0a273a; border-color: #ffb81c; }
#article-list .col:nth-of-type(6n+5) .event-card .card-footer a:after { background: #0a273a; }
#article-list .col:nth-of-type(6n+6) .event-card { background: #eef6e2; }
#article-list .col:nth-of-type(6n+6) .event-card .card-footer a { background: #75c602; border-color: #75c602; }

.event-card-date { box-shadow: 2px 2px 6px rgba(0,0,0,.8); border-radius: 0.375rem; background: #fff; position: absolute; left: 1rem; top: 1rem; padding: .5rem; font-weight: 700; text-align: center; line-height: 1; text-transform: uppercase; }
.event-card-date span { display: block; font-size: 1.777em; margin-bottom: 0.125rem; }

.add-to-calendar::part(atcb-button-wrapper) { padding: 0; margin: 0.2rem 0; }
.add-to-calendar::part(atcb-button) { font-weight: 400; background: transparent; padding: 0; border-radius: 0; box-shadow: none; margin: 0; border: none; font-size: 0.875rem; }
.add-to-calendar::part(atcb-button):hover { color: #f00; } 

.event-calendar-button { position: absolute; top: 1rem; right: 1rem; padding-top: 2rem; }
.event-calendar-button-button { box-shadow: 2px 2px 6px rgba(0,0,0,.8); position: absolute; top: 0; right: 0; border: none; width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-content: center; border-radius: 50%; background: #fff; }
.event-calendar-button-button:hover { color: red; }

.event-calendar-share { margin: 2rem 0; position: relative; display: inline-block; }
.event-calendar-share-button.btn { padding: .75rem 1.5rem; position: relative; }
.event-calendar-share svg { margin: auto .75rem auto 0; }
#calendar-share-dropdown { padding: 0; position: absolute; margin-top: 2px; background: #fff; border: 1px solid #0a273a; width: 100%; border-radius: 0.375rem; z-index: 1; }
#calendar-share-dropdown .add-to-calendar::part(atcb-button-wrapper) { margin: 0.33rem 0.75rem; }

.event-card .collapse, .event-card .collapsing { background: #fff; padding: 0.33rem 1rem; border-radius: 0.375rem; }

.article-list .article-card { height: 100%; }
#article-list-more { text-align: center; padding: 3rem 0 0 0; }

#event-info { position: relative; margin-bottom: 3rem; }

.itinery { margin: 2rem 0 0 0; }
.itinery h2 { font-size: 1.444rem; }
.itinery-item { padding: 2rem 0; }
.itinery-item + .itinery-item { border-top: 2px solid #ff661a; }
.itinery-item h2, .itinery-item h3, .itinery-item h4  { font-size: 1rem; }
.itinery-time { font-size: 1.222rem; }

.itinery-speakers { margin: 2rem 0 0 0;}
.itinery-speakers h4 { margin: 0 0 2rem 0; }
.speaker-list { list-style: none; padding: 0; margin-bottom: 0; row-gap: 1.5rem; }
.speaker-list li { display: flex; column-gap: 1.5rem; }
.speaker-list li > div { flex: 1; }
.speaker-list li > img { width: 60px; aspect-ratio: 1; border-radius: 50%; display: block; margin: 0 0 auto 0; }
.speaker-list li.no-image:before { content: ''; background-image: url('lib/images/speaker-1.webp'); width: 60px; aspect-ratio: 1; background-repeat: no-repeat; background-size: contain; display: block; margin: 0 0 auto 0; }
.speaker-list li.no-image:nth-of-type(4n+2):before { background-image: url('lib/images/speaker-2.webp'); }
.speaker-list li.no-image:nth-of-type(4n+3):before { background-image: url('lib/images/speaker-3.webp'); }
.speaker-list li.no-image:nth-of-type(4n+4):before { background-image: url('lib/images/speaker-4.webp'); }
.speaker-list h5, .speaker-list li p  { margin: 0; font-size: 1rem; }

.event-filter { margin-bottom: 3rem; row-gap: 1rem; }
@media (min-width: 576px) { 
	.event-filter { row-gap: 1.5rem; }
}	

#filter-search { border-width: 1px 0 1px 1px; }
#filter-search-button { padding-right: 0.5rem; padding-left: 0.5rem; background: none; border-style: solid; border-radius: 1px 1px 1px 0; border-width: 1px; border-color: #0a273a; border-radius: 0 0.375rem 0.375rem 0; }
#filter-search-button svg { width: 1.2rem; margin-top: -5px; }

.social-links { list-style: none; display: flex; flex-direction: row; column-gap: 1rem; margin: 0; padding: 0; justify-content: center; }
.social-links li { margin: 0; padding: 0; }
.social-links li a { color: #fff; border: 2px solid #0a273a; background: #0a273a; border-radius: 50%; width: 3rem; height: 3rem; display: flex; justify-content: center; align-content: center; transition: 0.15s ease-in-out; }
.social-links li a:hover { background: transparent; color: #0a273a; }
.social-links li a svg { width: 1.5rem; max-height: 1.5rem; margin: auto; }
footer .social-links li a { color: #fff; background: #2d64bb; border-color: #2d64bb; border-radius: 50%; width: 3rem; height: 3rem; display: flex; justify-content: center; align-content: center; transition: 0.15s ease-in-out; }
footer .social-links li a:hover { background: transparent; color: #fff; }
@media (min-width: 992px) { 
	.social-links { justify-content: flex-start; }
}	

/*---------*/
/*  Video  */
/*---------*/
.awi-video-placeholder { aspect-ratio: 16 / 9; background-size: cover; }
.awi-video { background: #0a273a; position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 56.25%; } 
.awi-video-thumb, .awi-video-player iframe { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.awi-video-thumb { background: #ccc; background-size: cover; display: flex; justify-content: center; align-items: center; }
.awi-video-thumb:after { transition: all .15s ease-in; content: ""; line-height: 1;
	width: 100px;
	height: 100px;	
	color: #fff;
	opacity: 0.7;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9l0 176c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z"/></svg>');
}
.awi-video-thumb:hover:after { opacity: 1; transform: scale(1.1); }

/*------------------*/
/*  Cookie consent  */
/*------------------*/

.cc-bar { font-size: .8rem; padding: 1rem 0; background: #ffb81c; border-top: 2px solid #0a273a; color: #0a273a; position: fixed; bottom: 0; left: 0; width: 100%; transform: translateY(100%); opacity: 0; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out ; z-index: 1800; }
.cc-bar .btn, .cc-bar .btn:visited { font-size: .8rem; padding: 0.25rem 0.75rem; color: #0a273a; border-color: #0a273a; background-color: #ffb81c; }
.cc-bar .btn:hover { background-color: #0a273a; border-color: #0a273a; color: #ffb81c; }
.cc-show .cc-bar { transform: translateY(0); opacity: 1; }
.cc-content { text-align: center; }
.cc-content p { margin: 0;}
.cc-control { flex: none; padding: 0; margin: 0; }	
.cc-control ul { list-style: none; padding: 0; margin: 0; display: flex; row-gap: 1rem; align-items: center; justify-content: center; flex-wrap: wrap; }	
.cc-control ul li { padding: 0 0.75rem 0 0; margin: 0; }
.cc-control ul li:first-child { width: 100%; text-align: center; margin: 0; }	
.cc-control ul li:last-child { padding: 0; }	
.cc-info a { color: #0a273a; }

@media (min-width: 480px) {	
	.cc-control { margin: 1rem 0 0 0; }	
	.cc-control ul li:first-child { width: auto; margin: 0; }	
}
@media (min-width: 576px) {	
	.cc-bar { font-size: .9rem; }
	.cc-bar .btn { font-size: .9rem; padding: 0.5rem 1.25rem; }
	.cc-control { flex: none; }	
	.cc-control ul li { padding: 0 1rem 0 0; }	
	.cc-control ul li:last-child { padding: 0; }	
}	
@media (min-width: 992px) {	
	.cc-inner { display: flex; align-items: center; justify-content: center;  }
	.cc-content { font-size: 0.8rem; text-align: left; }
	.cc-control { flex: none; padding: 0 0 0 1rem; margin: 0; }
	.cc-control ul li, .cc-control ul li:last-child { padding: 0 0 0 1rem; }		
}