You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
ozgurkon-theme-hugo/static/theme-oyd.css

2920 lines
76 KiB

@charset "UTF-8";
:root{
--primary:#c03e24;
--primary-txt:#fff;
--accent:grey;
--accent-txt:#fff;
--base:#fff;
--base-text:#424242;
--base-secondary-text:#636363;
--link-secondary-text:#424242;
--darken-1:rgba(0,0,0,0.125);
--darken-2:rgba(0,0,0,0.25);
--darken-3:rgba(0,0,0,0.5);
--lighten-1:rgba(255,255,255,0.125);
--lighten-2:rgba(255,255,255,0.25);
--lighten-3:rgba(255,255,255,0.5);
--color-hero:#f8f8ff;
--color-platium:#73737a;
--color-sponsors:#b7935b;
--color-error:#b22222;
--space-1:.125rem;
--space-2:.25rem;
--space-3:.5rem;
--space-4:1rem;
--theJdrSize:1100px;
--block-text-max-width:60rem;
--breakpoint-sm:34.375rem;
--breakpoint-md:45rem;
--breakpoint-lg:60rem;
--breakpoint-xl:71.25rem;
--container-margin:10vw;
--container-margin-mobile:3vw;
--toolbar-height:3.25rem;
--font-family:"Roboto",sans-serif;
--tag1:#b3e2cd;
--tag2:#fdcdac;
--tag3:#cbd5e8;
--tag4:#f4cae4;
--tag5:#e6f5c9;
--tag6:#fff2ae;
--tag7:#f1e2cc;
--tag8:#ccc;
--native-mobile-apps:var(--tag2);
--web:var(--tag6);
--method-tools:var(--tag5);
--big-data-ml-ai:var(--tag3);
--iot:var(--tag8);
--cloud:var(--tag4);
--languages:var(--tag1);
--wtf:var(--tag7);
--general:var(--tag8);
--office-hours:#fffaf0;
--keynote:#afeeee;
--jumbo-logo-width:400px;
--jumbo-overlay-opacity:0.01;
--jumbo-overlay-transition:0.5s;
--partner-support-height:60px;
--partner-organisation-height:calc(var(--partner-support-height)*3);
--partner-partners-height:calc(var(--partner-support-height)*2);
--partner-sponsors-height:calc(var(--partner-support-height)*2);
--animation:0.3s cubic-bezier(0.4,0,0.2,1);
--extruded-dark:1px 0 0 var(--darken-3);
--extruded-light:1px 0 0 var(--lighten-3);
--box-shadow-1:0 0 2px 0 rgba(0,0,0,0.07),0 2px 2px 0 rgba(0,0,0,0.15);
--box-shadow-2:0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12);
--fg-mark-a:#fff;
--bg-mark-a:#fb2c17;
--fg-mark-b:#000;
--bg-mark-b:#fc0;
--fg-mark-t2:#fff;
--bg-mark-t2:#11a7e0;
--base-grid-height:4.5em
}
html{
box-sizing:border-box;
font-family:Roboto,sans-serif;
font-family:var(--font-family);
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
background:rgba(0,0,0,.25);
background:var(--darken-2)
}
*,:after,:before{
box-sizing:inherit
}
:focus{
outline:thin dotted rgba(0,0,0,.5);
outline:thin dotted var(--darken-3);
outline-offset:.125rem;
outline-offset:var(--space-1)
}
body{
background:#fff;
background:var(--base);
color:#424242;
color:var(--base-text);
margin:3.25rem 0 0;
margin:var(--toolbar-height) 0 0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
min-height:calc(100vh - 3.25rem);
min-height:calc(100vh - var(--toolbar-height))
}
h1,h2,h3,h4,h5,h6{
margin:0;
font-weight:400
}
hr{
border-color:rgba(0,0,0,.125);
border-color:var(--darken-1);
opacity:.25
}
p{
line-height:1.25
}
a,a:visited{
color:inherit;
text-decoration:none
}
.content a,.content a:visited{
color:#593a9f;
color:var(--primary)
}
.language.english:before{
content:"🇬🇧"
}
.language.turkish:before{
content:"🇹🇷"
}
.language.english-turkish:before{
content:"🇹🇷 🇬🇧"
}
.visually-hidden{
position:absolute!important;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px 1px 1px 1px);
clip:rect(1px,1px,1px,1px)
}
body>footer.container,body>header.container,body>main>section.container{
padding:4rem 10vw;
padding:4rem var(--container-margin)
}
body>header{
position:fixed;
top:0;
z-index:100;
width:100vw;
box-shadow:0 .125rem #593a9f,0 .25rem .125rem rgba(0,0,0,.5);
box-shadow:0 var(--space-1) var(--primary),0 var(--space-2) var(--space-1) var(--darken-3);
background:#593a9f;
background:var(--primary);
color:#fff;
color:var(--primary-txt)
}
body>header .top-content{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center
}
body>header .logo img{
height:2.75rem;
height:calc(var(--toolbar-height) - 2*var(--space-2));
}
body>header label{
display:none;
opacity:.5;
padding:.1em;
border:.25rem solid transparent;
border:var(--space-2) solid transparent;
outline-offset:.25rem;
outline-offset:var(--space-2)
}
body>header label .icon{
--size:1.5rem;
height:1.5rem;
height:var(--size,1.5rem);
width:1.5rem;
width:var(--size,1.5rem)
}
body>header label .icon-menu{
display:block
}
body>header label .icon-close{
display:none
}
body>header label:focus,body>header label:hover{
opacity:1;
outline:thin dotted currentColor
}
body>header input[type=checkbox]:checked~label .icon-menu{
display:none
}
body>header input[type=checkbox]:checked~label .icon-close{
display:block
}
body>header nav{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center
}
body>header nav ul{
margin:0;
padding:0;
display:-webkit-box;
display:flex;
list-style:none
}
body>header nav li{
opacity:.6;
-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);
transition:all .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:all var(--animation);
transition:all var(--animation);
border-bottom:thin solid transparent;
border-radius:5%
}
body>header nav li.active{
opacity:1;
border-bottom-color:currentColor
}
body>header nav a{
display:block;
text-transform:uppercase;
padding:0 .5rem;
padding:0 var(--space-3);
text-decoration:none;
line-height:2.25rem;
line-height:calc(var(--toolbar-height) - 4*var(--space-2));
color:inherit;
font-weight:200
}
body>header nav a svg{
max-width:3ch
}
body>header nav nav a:focus,body>header nav nav a:hover{
text-shadow:1px 0 0 rgba(0,0,0,.5);
text-shadow:var(--extruded-dark);
opacity:.75
}
body>header nav .languages a.lang{
color:transparent;
max-width:2em;
height:2em;
overflow:hidden
}
body>header nav .languages a.lang:before{
color:#000;
color:initial
}
body>header nav .languages a.lang.lang-tr:before{
content:"🇹🇷"
}
body>header nav .languages a.lang.lang-gb:before{
content:"🇬🇧"
}
body>header nav .languages a.active{
display:none
}
@media (max-width:71.24em){
body>header{
flex-wrap:wrap
}
body>header label{
display:block
}
body>header nav{
display:none;
width:100%;
padding:0 1em;
background:#593a9f;
background:var(--primary);
-webkit-box-pack:start;
justify-content:flex-start
}
body>header nav,body>header nav ul{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
body>header nav a{
padding:.25rem 0;
padding:var(--space-2) 0;
width:100%
}
body>header nav a.active{
border-bottom-width:thin;
border-bottom-color:rgba(255,255,255,.25);
border-bottom-color:var(--lighten-2)
}
body>header nav a:focus,body>header nav a:hover{
background:rgba(0,0,0,.125);
background:var(--darken-1)
}
body>header input[type=checkbox]:checked~nav{
display:block
}
}
body>main{
-webkit-box-flex:1;
flex-grow:1
}
body>main>section{
margin:2rem 10vw;
margin:2rem var(--container-margin);
padding-left:0;
padding-right:0
}
@media (max-width:44.99em){
body>main>section{
margin:1rem
}
}
body>main>section.primary{
background-color:#593a9f;
background-color:var(--primary);
color:#fff;
color:var(--primary-txt)
}
body>main>section.accent{
background-color:grey;
background-color:var(--accent);
color:#fff;
color:var(--accent-txt)
}
body>footer{
background-color:rgba(0,0,0,.125);
background-color:var(--darken-1);
color:#636363;
color:var(--base-secondary-text);
font-weight:200;
padding:.5em 1em
}
body>footer .bottom-content{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto
}
body>footer a:hover{
text-decoration:underline
}
body>footer .footer-header{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
font-weight:500;
flex-wrap:wrap;
text-transform:uppercase
}
body>footer .footer-header header{
margin-right:.25rem;
margin-right:var(--space-2)
}
body>footer .footer-header>div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom:1rem
}
body>footer .footer-header>div ul.social-list{
padding:0;
margin:0;
list-style:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center
}
body>footer .footer-header>div ul.social-list li{
display:inline-block;
padding:.25rem;
padding:var(--space-2)
}
body>footer .footer-header .follow a.social{
opacity:.75;
-webkit-filter:grayscale(1);
filter:grayscale(1);
-webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
transition:filter .3s cubic-bezier(.4,0,.2,1);
transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:-webkit-filter var(--animation);
transition:-webkit-filter var(--animation);
transition:filter var(--animation);
transition:filter var(--animation),-webkit-filter var(--animation)
}
body>footer .footer-header .follow a.social:focus,body>footer .footer-header .follow a.social:hover{
opacity:1;
-webkit-filter:grayscale(0);
filter:grayscale(0)
}
body>footer .footer-header .blog a{
text-decoration:underline
}
body>footer .footer-header .email a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center
}
body>footer .footer-header .email a .icon{
width:1em;
height:1em
}
body>footer .footer-content{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
flex-wrap:wrap;
margin-top:1rem;
margin-top:var(--space-4)
}
body>footer .footer-content .subscribe a.btn{
color:#424242;
color:var(--link-secondary-text)
}
body>footer .footer-content section{
margin:.25rem 1rem;
margin:var(--space-2) var(--space-4)
}
@media (max-width:44.99em){
body>footer .footer-content section{
margin:.25rem 0;
margin:var(--space-2) 0
}
}
body>footer .footer-content section:first-child{
margin-left:0
}
body>footer .footer-content section:last-child{
margin-right:0
}
body>footer .footer-content section header{
font-size:1.125rem;
font-weight:600;
margin-bottom:.25rem;
margin-bottom:var(--space-2)
}
body>footer .footer-content section ul{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
list-style:none;
padding:0;
margin:.5rem 0;
margin:var(--space-3) 0;
font-weight:100;
font-size:.9rem
}
body>footer .footer-content section ul li{
margin:.125rem 0;
margin:var(--space-1) 0
}
body>footer .footer-footer{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
flex-direction:row;
-webkit-box-pack:justify;
justify-content:space-between;
margin-top:1rem;
margin-top:var(--space-4)
}
@media (max-width:44.99em){
body>footer .footer-footer{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:start;
align-items:start
}
body>footer .footer-footer>*{
margin:.25rem 0;
margin:var(--space-2) 0
}
}
body>footer .footer-footer img{
height:2rem;
width:auto
}
a.btn,button,input[type=button],input[type=reset],input[type=submit],span.btn{
display:-webkit-inline-box;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
border:thin solid rgba(0,0,0,.5);
border:thin solid var(--darken-3);
background:rgba(0,0,0,.125);
background:var(--darken-1);
padding:.5rem;
padding:var(--space-3);
color:inherit;
text-transform:uppercase;
text-decoration:none;
font-size:.875rem;
font-weight:100;
cursor:pointer;
text-shadow:1px 0 0 rgba(255,255,255,.5);
text-shadow:var(--extruded-light);
--focus-color:var(--darken-1);
--active-color:var(--darken-1)
}
a.btn.btn-lg,button.btn-lg,input[type=button].btn-lg,input[type=reset].btn-lg,input[type=submit].btn-lg,span.btn.btn-lg{
padding:.5rem 1rem;
font-size:1.25rem;
line-height:1.5;
border-radius:.3rem
}
a.btn.primary,button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary,span.btn.primary{
background-color:#593a9f;
background-color:var(--primary);
color:#fff;
color:var(--primary-txt);
text-shadow:1px 0 0 rgba(0,0,0,.5);
text-shadow:var(--extruded-dark);
--focus-color:var(--lighten-1);
--active-color:var(--lighten-1)
}
a.btn.btn-icon-only,button.btn-icon-only,input[type=button].btn-icon-only,input[type=reset].btn-icon-only,input[type=submit].btn-icon-only,span.btn.btn-icon-only{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background:rgba(255,255,255,.125);
background:var(--lighten-1);
border-radius:50%;
margin-left:1ch;
padding:.25rem;
padding:var(--space-2);
border-color:transparent
}
a.btn.btn-icon-only .icon,button.btn-icon-only .icon,input[type=button].btn-icon-only .icon,input[type=reset].btn-icon-only .icon,input[type=submit].btn-icon-only .icon,span.btn.btn-icon-only .icon{
margin:.25rem;
margin:var(--space-2);
--size:1.5rem;
width:1.5rem;
width:var(--size,1.5rem);
height:1.5rem;
height:var(--size,1.5rem);
display:inline-block;
content:"";
background-repeat:no-repeat
}
a.btn:focus,a.btn:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover,span.btn:focus,span.btn:hover{
background-image:-webkit-gradient(linear,left top,right top,from(var(--focus-color)),to(var(--focus-color)));
background-image:linear-gradient(90deg,var(--focus-color),var(--focus-color));
text-decoration:none
}
a.btn .icon,button .icon,input[type=button] .icon,input[type=reset] .icon,input[type=submit] .icon,span.btn .icon{
--size:1rem;
width:1rem;
width:var(--size,1rem);
height:1rem;
height:var(--size,1rem)
}
a.btn[aria-disabled],button[aria-disabled],form:invalid button,span.btn[aria-disabled]{
opacity:.5;
cursor:not-allowed;
-webkit-filter:grayscale(100%);
filter:grayscale(100%)
}
a.goto-top{
position:fixed;
display:-webkit-box;
display:flex;
bottom:2em;
right:2em;
height:1em;
-webkit-box-pack:center;
justify-content:center;
border:.75em solid #593a9f;
border:.75em solid var(--primary);
font-size:200%;
background-color:#593a9f;
background-color:var(--primary);
color:#fff;
color:var(--primary-txt);
border-radius:50%
}
a.goto-top,a.social{
width:1em;
-webkit-box-align:center;
align-items:center
}
a.social{
display:-webkit-inline-box;
display:inline-flex;
margin:.125rem;
margin:var(--space-1);
background-size:contain;
background-position:50%;
background-repeat:no-repeat;
text-decoration:none;
overflow:hidden
}
a.social:focus,a.social:hover{
text-decoration:underline
}
.jumbo{
position:relative;
height:calc(100vh - 3.25rem);
height:calc(100vh - var(--toolbar-height));
max-width:100%;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center
}
.jumbo img.jumbo-logo{
max-width:100%;
width:400px;
width:var(--jumbo-logo-width,400px);
height:auto;
-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));
-webkit-filter:drop-shadow(0 1px 1px var(--darken-3));
filter:drop-shadow(0 1px 1px var(--darken-3))
}
.jumbo p{
margin:.25rem 0;
margin:var(--space-2) 0;
font-size:2rem
}
.jumbo .jumbo-cover{
background-size:cover;
background-attachment:fixed;
background-position:50%;
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
.jumbo #jumbo-img{
display:none
}
.jumbo #jumbo-overlay{
background-color:#593a9f;
background-color:var(--primary);
-webkit-transition:opacity .5s;
transition:opacity .5s;
-webkit-transition:opacity var(--jumbo-overlay-transition,.4s);
transition:opacity var(--jumbo-overlay-transition,.4s);
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
opacity:1
}
.jumbo #jumbo-overlay.show{
opacity:.6;
opacity:var(--jumbo-overlay-opacity,.6)
}
.jumbo .inner-wrapper{
max-width:75vw
}
.jumbo .inner-wrapper .inner{
padding:1rem;
padding:var(--space-4);
color:#fff;
color:var(--primary-txt);
position:relative;
overflow:hidden;
text-align:center;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
.jumbo .inner-wrapper .inner h2{
font-size:2rem;
margin:.5rem 0;
margin:var(--space-3) 0;
font-weight:700
}
.jumbo .inner-wrapper .inner h3{
font-size:1.8rem;
margin:.5rem 0;
margin:var(--space-3) 0
}
.jumbo .inner-wrapper .inner a{
-ms-grid-row-align:center;
align-self:center;
margin:.5em
}
.jumbo .scroll-down{
position:absolute;
bottom:2rem;
left:0;
-webkit-transform:translateX(50vw);
transform:translateX(50vw);
-webkit-transform-origin:center center;
transform-origin:center center;
color:#fff;
color:var(--base,#fff)
}
.jumbo .scroll-down .icon{
height:2.5em;
width:1.5em
}
.jumbo .scroll-down .icon .scroller{
-webkit-animation:scrollDownMove .8s ease-in-out infinite alternate;
animation:scrollDownMove .8s ease-in-out infinite alternate
}
@-webkit-keyframes scrollDownMove{
0%{
-webkit-transform:translateY(-.15em);
transform:translateY(-.15em)
}
to{
-webkit-transform:translateY(.65em);
transform:translateY(.65em)
}
}
@keyframes scrollDownMove{
0%{
-webkit-transform:translateY(-.15em);
transform:translateY(-.15em)
}
to{
-webkit-transform:translateY(.65em);
transform:translateY(.65em)
}
}
@media (max-width:59.99em){
.jumbo .inner{
max-width:80vw;
padding:0
}
.jumbo .inner h1{
font-size:1.5rem
}
.jumbo .inner h1 img{
max-width:100%
}
}
.hero .description,.hero h1{
padding:2rem 10vw;
padding:2rem var(--container-margin)
}
.hero .description{
background:#f8f8ff;
background:var(--color-hero);
border-top:thin solid rgba(0,0,0,.125);
border-top:thin solid var(--darken-1);
border-bottom:thin solid rgba(0,0,0,.125);
border-bottom:thin solid var(--darken-1)
}
#TableOfContents ul{
padding-left:1em;
list-style:none
}
#TableOfContents ul li{
font-size:1rem;
margin:.125rem 0;
margin:var(--space-1) 0;
padding:.125rem 0;
padding:var(--space-1) 0
}
#TableOfContents ul li a{
color:#593a9f;
color:var(--primary);
text-decoration:none
}
#TableOfContents ul li a:focus,#TableOfContents ul li a:hover{
text-decoration:underline
}
#TableOfContents>ul>li>ul>li>a{
font-weight:700
}
.speakers ul li .speaker{
text-decoration:none;
color:inherit
}
.speakers ul li .speaker,.speakers ul li .speaker .info{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center
}
.speakers ul li .speaker .speaker-img{
--size:8rem;
height:8rem;
height:var(--size,8rem);
min-width:8rem;
min-width:var(--size,8rem);
border-radius:100%;
background-size:cover;
margin:.25rem;
margin:var(--space-2)
}
.speakers ul li .speaker .speaker-company img{
max-height:2rem;
margin:.125rem;
margin:var(--space-1)
}
.speakers ul li .speaker .speaker-company figcaption{
display:none
}
.speakers ul li .speaker .speaker-name{
font-weight:600;
margin:.125rem;
margin:var(--space-1)
}
.speakers ul li .speaker .speaker-company{
font-weight:200;
opacity:.8;
margin:.125rem;
margin:var(--space-1)
}
.tickets ul{
list-style:none;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
width:100%;
padding-left:0
}
.tickets ul li{
flex-basis:15rem
}
.tickets ul li .ticket{
margin:1rem;
margin:var(--space-4);
padding:2rem .5rem;
padding:2rem var(--space-3);
border:thin solid rgba(0,0,0,.125);
border:thin solid var(--darken-1);
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
text-decoration:none;
color:inherit
}
.tickets ul li .ticket[aria-disabled]{
opacity:.5;
-webkit-filter:grayscale(1);
filter:grayscale(1);
cursor:not-allowed
}
.tickets ul li .ticket .ticket-name{
font-size:1rem
}
.tickets ul li .ticket .ticket-price{
font-size:3.5rem;
color:#593a9f;
color:var(--primary);
font-weight:200
}
.tickets ul li .ticket .ticket-date,.tickets ul li .ticket .ticket-info{
font-size:.75rem;
color:rgba(0,0,0,.5);
color:var(--darken-3)
}
.tickets ul li .ticket .btn{
margin:1rem;
margin:var(--space-4)
}
.partners-group h3{
text-align:center;
margin:1rem 0;
margin:var(--space-4) 0
}
.partners-group ul{
list-style:none;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:center;
justify-content:center;
padding:0
}
.partners-group ul li{
flex-basis:160px;
margin:.5rem;
margin:var(--space-3);
height:60px;
height:var(--partner-support-height)
}
.partners-group .partner{
padding:.5rem;
padding:var(--space-3);
display:block;
height:100%;
width:100%;
background-size:contain;
background-repeat:no-repeat;
background-position:50%;
background-origin:content-box;
box-shadow:0 0 2px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.15);
box-shadow:var(--box-shadow-1);
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:box-shadow var(--animation);
transition:box-shadow var(--animation);
cursor:pointer;
color:transparent
}
.partners-group .partner:focus,.partners-group .partner:hover{
box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);
box-shadow:var(--box-shadow-2)
}
.partners-group.partner-organisation ul li{
height:180px;
height:var(--partner-organisation-height);
flex-basis:320px
}
.partners-group.partner-sponsors ul li,.partners-group.partner-startup ul li{
height:120px;
height:var(--partner-sponsors-height);
flex-basis:200px
}
.partners-group.partner-partners ul li,.partners-group.partner-startup ul li{
height:120px;
height:var(--partner-partners-height);
flex-basis:200px
}
.partners-group .fancy{
line-height:.5;
text-align:center;
color:#636363;
color:var(--base-secondary-text)
}
.partners-group .fancy span{
display:inline-block;
position:relative;
text-transform:capitalize
}
.partners-group .fancy span:after,.partners-group .fancy span:before{
top:40%;
content:"";
position:absolute;
height:5px;
width:140%;
max-width:25vw
}
.partners-group .fancy span:before{
right:100%;
margin-right:15px
}
.partners-group .fancy span:after{
left:100%;
margin-left:15px
}
.partners-group.partner-organisation .fancy{
font-size:1.5em;
color:#73737a;
color:var(--color-platium)
}
.partners-group.partner-organisation .fancy span:after,.partners-group.partner-organisation .fancy span:before{
border-bottom:1px solid;
border-top:1px solid
}
.partners-group.partner-sponsors .fancy{
font-size:1.33em;
color:#b7935b;
color:var(--color-sponsors)
}
.partners-group.partner-sponsors .fancy span:after,.partners-group.partner-sponsors .fancy span:before{
top:20%;
border-bottom:1px solid
}
.tag-method-tools{
background-color:#e6f5c9;
background-color:var(--method-tools)
}
.tag-native-mobile-apps{
background-color:#fdcdac;
background-color:var(--native-mobile-apps)
}
.tag-web{
background-color:#fff2ae;
background-color:var(--web)
}
.tag-big-data-ml-ai{
background-color:#cbd5e8;
background-color:var(--big-data-ml-ai)
}
.tag-iot{
background-color:#ccc;
background-color:var(--iot)
}
.tag-cloud-infra{
background-color:#f4cae4;
background-color:var(--cloud)
}
.tag-languages{
background-color:#b3e2cd;
background-color:var(--languages)
}
.tag-wtf{
background-color:#f1e2cc;
background-color:var(--wtf)
}
.tag-keynote{
background-color:#afeeee;
background-color:var(--keynote)
}
.tag-office-hours{
background-color:#fffaf0;
background-color:var(--office-hours)
}
.tag-general{
background-color:#ccc;
background-color:var(--general)
}
section .tags{
padding:.125rem;
padding:var(--space-1);
border-radius:.25rem;
border-radius:var(--space-2);
background:rgba(0,0,0,.125);
background:var(--darken-1);
border:thin solid rgba(0,0,0,.25);
border:thin solid var(--darken-2);
text-shadow:1px 0 0 rgba(255,255,255,.5);
text-shadow:var(--extruded-light)
}
.tag-open{
background-image:url(/images/backgrounds/open.jpg)
}
.tag-pause{
background-image:url(/images/backgrounds/pause.jpg)
}
.tag-lunch{
background-image:url(/images/backgrounds/lunch.jpg)
}
.tag-party{
background-image:url(/images/backgrounds/party.jpg)
}
.icon{
--size:1em;
height:1em;
height:var(--size,1em);
min-width:1em;
min-width:var(--size,1em);
display:inline-block;
background-repeat:no-repeat;
margin-right:.125rem;
margin-right:var(--space-1)
}
a .icon.icon-calendar,a .icon.icon-email,a .icon.icon-pdf,a .icon.icon-subscribe{
margin-right:.5rem;
margin-right:var(--space-3)
}
a .icon.icon-right{
margin-left:.5rem;
margin-left:var(--space-3)
}
.type-conference{
--duration:"50"
}
.type-quickie{
--duration:"25"
}
.type-keynote,.type-office-hours{
--duration:"50"
}
form{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
form button,form input[type=button],form input[type=reset],form input[type=submit]{
align-self:flex-end
}
form input{
background:transparent;
border:none;
border-bottom:.125rem solid rgba(0,0,0,.25);
border-bottom:var(--space-1) solid var(--darken-2);
-webkit-transition:border .3s cubic-bezier(.4,0,.2,1);
transition:border .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:border var(--animation);
transition:border var(--animation);
margin:.5rem 0;
margin:var(--space-3) 0;
outline:thin dotted transparent;
font-size:1rem;
line-height:1.5rem;
padding:.25rem;
padding:var(--space-2);
border-radius:.125rem;
border-radius:var(--space-1);
color:#424242;
color:var(--base-text)
}
form input::-webkit-input-placeholder{
color:rgba(0,0,0,.5);
color:var(--darken-3)
}
form input::-moz-placeholder{
color:rgba(0,0,0,.5);
color:var(--darken-3)
}
form input:-ms-input-placeholder{
color:rgba(0,0,0,.5);
color:var(--darken-3)
}
form input::-ms-input-placeholder{
color:rgba(0,0,0,.5);
color:var(--darken-3)
}
form input::placeholder{
color:rgba(0,0,0,.5);
color:var(--darken-3)
}
form input:focus{
border-bottom-color:#593a9f;
border-bottom-color:var(--primary)
}
form input:invalid{
border-bottom-color:#b22222;
border-bottom-color:var(--color-error)
}
.album{
padding:.25rem;
padding:var(--space-2)
}
.album .img{
background-size:cover;
background-position:50%
}
.album .inner{
padding:1rem;
padding:var(--space-4);
background-color:#593a9f;
background-color:var(--primary);
color:#fff;
color:var(--primary-txt);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-align:center;
align-items:center;
text-align:center
}
@supports (grid-template-columns:repeat(5,1fr)){
.album{
padding:.25rem;
padding:var(--space-2);
display:-ms-grid;
display:grid;
grid-gap:.25rem;
grid-gap:var(--space-2);
-ms-grid-columns:(1fr)[5];
grid-template-columns:repeat(5,1fr);
-ms-grid-rows:(30vh)[3];
grid-template-rows:repeat(3,30vh);
grid-auto-flow:dense
}
.album .img{
background-size:cover;
background-position:50%
}
.album .img:first-child,.album .img:nth-child(2),.album .img:nth-child(6),.album .img:nth-child(8),.album .inner{
-ms-grid-column-span:2;
grid-column:span 2
}
.album .img:nth-child(3){
-ms-grid-column:5;
grid-column:5;
-ms-grid-row:1;
-ms-grid-row-span:2;
grid-row:1/3
}
.album .inner{
-ms-grid-column:3;
-ms-grid-column-span:2;
grid-column:3/5;
-ms-grid-row:2;
grid-row:2
}
@media (max-width:59.99em){
.album{
-ms-grid-columns:(1fr)[3];
grid-template-columns:repeat(3,1fr);
-ms-grid-rows:(20vh)[5];
grid-template-rows:repeat(5,20vh)
}
.album .img:first-child,.album .img:nth-child(7),.album .img:nth-child(8){
-ms-grid-column-span:1;
grid-column:span 1
}
.album .img:nth-child(2),.album .img:nth-child(4),.album .img:nth-child(6),.album .inner{
-ms-grid-column-span:2;
grid-column:span 2
}
.album .img:nth-child(3){
-ms-grid-column:3;
grid-column:3;
-ms-grid-row:2;
-ms-grid-row-span:2;
grid-row:2/4
}
.album .inner{
-ms-grid-column-span:3;
grid-column:span 3;
-ms-grid-row-span:5;
grid-row:span 5
}
}
}
.home main>section{
margin:0;
padding:4rem
}
.home main>section h2{
margin-bottom:1.5rem;
padding:0;
font-size:2rem;
line-height:1.875rem;
font-weight:300
}
.home main .info{
display:-webkit-box;
display:flex;
flex-wrap:wrap
}
.home main .info .wrapper{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto;
display:-webkit-box;
display:flex
}
@media (max-width:44.99em){
.home main .info{
text-align:center
}
}
.home main .info .inner{
-webkit-box-flex:1;
flex:1 1 auto;
max-width:33vw;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-pack:center;
justify-content:center
}
@media (max-width:71.24em){
.home main .info .inner{
max-width:100%
}
}
.home main .info .numbers{
-webkit-box-flex:1;
flex:1 0 33vw;
margin:0 2rem;
min-width:33vw;
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
width:100%
}
@media (max-width:44.99em){
.home main .info .numbers{
margin:0
}
}
.home main .info .number strong{
font-size:3.5rem;
font-weight:100
}
.home main .info .number strong:after{
content:"";
display:block;
height:.125rem;
width:2rem;
background-color:#593a9f;
background-color:var(--primary)
}
.home main .info .number div{
margin:.125rem 0;
margin:var(--space-1) 0
}
.home main .speakers .inner,.home main .speakers ul{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto
}
.home main .speakers ul{
padding-left:0;
list-style:none;
display:-webkit-box;
display:flex;
justify-content:space-around;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap
}
.home main .speakers ul li{
margin:1rem;
margin:var(--space-4)
}
.home main .speakers ul li:nth-child(n+32){
display:none
}
.home main .subscribe{
text-align:center;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center
}
.home main .youtube-section{
text-align:center
}
.home main .youtube-section .inner{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto;
padding:1rem;
padding:var(--space-4);
border-radius:.5rem;
border-radius:var(--space-3);
position:relative;
overflow:hidden;
text-shadow:0 1px 1px rgba(0,0,0,.5);
text-shadow:0 1px 1px var(--darken-3);
text-align:center
}
.home main .youtube-section .inner .youtube-player{
border:4px solid #fff;
background-color:#000
}
@media (max-width:59.99em){
.home main .youtube-section .inner{
padding:0;
max-width:80vw
}
}
.home main .tickets{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center
}
.home main .tickets p{
font-size:80%
}
.home main .location{
padding:0;
position:relative;
background:rgba(0,0,0,.125);
background:var(--darken-1);
font-weight:300
}
.home main .location .map{
display:block;
height:664px;
background-position:50%;
background-size:cover
}
.home main .location .description{
display:inline-block;
padding:1rem;
padding:var(--space-4);
width:400px;
position:absolute;
bottom:2rem;
right:2rem;
background-color:#593a9f;
background-color:var(--primary);
color:#fff;
color:var(--primary-txt)
}
.home main .location .description .direction{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center
}
.home main .partners .inner h2{
text-align:center
}
@supports (grid-template-columns:repeat(auto-fit,minmax(25vmin,1fr))){
.home main .info .numbers{
-webkit-box-pack:center;
justify-content:center;
display:grid;
grid-template-columns:repeat(2,1fr)
}
}
@media (max-width:59.99em){
.home main>section{
padding:2rem
}
.home main .location .description{
position:relative;
top:unset;
bottom:unset;
left:0;
right:unset;
width:100%
}
}
.section.sessions ul.talks,.taxonomy.tags ul.talks{
list-style:none;
padding:0;
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap
}
.section.sessions ul.talks li.talk,.taxonomy.tags ul.talks li.talk{
margin:1rem;
-webkit-box-flex:1;
flex:1 0 320px
}
.section.sessions ul.talks a,.taxonomy.tags ul.talks a{
border:thin solid rgba(0,0,0,.125);
border:thin solid var(--darken-1);
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:box-shadow var(--animation);
transition:box-shadow var(--animation);
border-radius:.25rem;
border-radius:var(--space-2);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
text-decoration:none;
color:inherit;
height:100%
}
.section.sessions ul.talks a:focus,.section.sessions ul.talks a:hover,.taxonomy.tags ul.talks a:focus,.taxonomy.tags ul.talks a:hover{
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.section.sessions ul.talks a .info,.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a .info,.taxonomy.tags ul.talks a h2{
padding:1rem;
padding:var(--space-4)
}
.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a h2{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center
}
.section.sessions ul.talks a hr,.taxonomy.tags ul.talks a hr{
width:calc(100% - .5rem);
width:calc(100% - var(--space-3));
margin:0 auto
}
.section.sessions ul.talks a .info,.taxonomy.tags ul.talks a .info{
-webkit-box-flex:1;
flex-grow:1
}
.section.sessions ul.talks a .info .tags,.taxonomy.tags ul.talks a .info .tags{
float:right
}
.section.sessions ul.talks a .info .presentation svg,.section.sessions ul.talks a .info .video svg,.taxonomy.tags ul.talks a .info .presentation svg,.taxonomy.tags ul.talks a .info .video svg{
min-height:1.25em;
max-width:3ch
}
.section.sessions ul.talks a .speakers,.taxonomy.tags ul.talks a .speakers{
border:thin solid transparent;
border-radius:.25rem;
border-radius:var(--space-2);
background:#fff;
background:var(--base);
padding-left:0
}
.section.sessions ul.talks a .speaker+.speaker,.taxonomy.tags ul.talks a .speaker+.speaker{
border-top:thin solid rgba(0,0,0,.125);
border-top:thin solid var(--darken-1)
}
@supports (grid-template-columns:repeat(auto-fit,minmax(320px,1fr))){
.section.sessions ul.talks,.taxonomy.tags ul.talks{
grid-template-columns:repeat(auto-fit,minmax(320px,1fr))
}
}
.talk{
margin:2rem auto 0;
max-width:60rem;
max-width:var(--block-text-max-width)
}
.talk .complexity:before{
content:"Niveau : "
}
.talk .type:before{
content:"Type : "
}
.talk .type:after{
font-weight:100;
content:" (" "" " min.)";
content:" (" var(--duration,"") " min.)"
}
.talk .speakers .speaker{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:.125rem .5rem;
padding:var(--space-1) var(--space-3);
background-color:#fff;
background-color:var(--base);
--img-size:2rem
}
.talk .speakers .speaker .speaker-img{
--img-size:3rem;
height:3rem;
height:var(--img-size,3rem);
min-width:3rem;
min-width:var(--img-size,3rem);
border-radius:100%;
background-size:cover;
margin-right:1rem;
margin-right:var(--space-4)
}
.talk .speakers .speaker .info{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
.talk .speakers .speaker .speaker-company{
-webkit-box-flex:1;
flex-grow:1;
text-align:right;
margin-left:.5rem;
margin-left:var(--space-3)
}
.talk .speakers .speaker p{
max-width:320px
}
.page.sessions .talk header{
border-radius:.25rem;
border-radius:var(--space-2);
padding:.25rem;
padding:var(--space-2);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center
}
.page.sessions .talk header h1{
-webkit-box-flex:1;
flex-grow:1
}
.page.sessions .talk header .tags{
margin-right:1ch;
white-space:nowrap
}
.page.sessions .talk .detail{
margin:.25rem 0;
margin:var(--space-2) 0;
padding:.25rem 0;
padding:var(--space-2) 0;
border-top:thin solid rgba(0,0,0,.125);
border-top:thin solid var(--darken-1);
border-bottom:thin solid rgba(0,0,0,.125);
border-bottom:thin solid var(--darken-1)
}
.page.sessions .talk .content{
margin:1rem 0;
margin:var(--space-4) 0;
-webkit-box-flex:1;
flex:1 1 auto
}
.page.sessions .talk .content p{
line-height:1.5;
font-size:110%
}
.page.sessions .talk .content blockquote.twitter-tweet{
border:thin solid rgba(0,0,0,.25);
border:thin solid var(--darken-2);
border-radius:.5em;
padding:.75em
}
.page.sessions .talk .content blockquote.twitter-tweet p{
margin:0
}
.page.sessions .talk .speakers .speaker{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
-ms-grid-rows:1fr auto auto;
grid-template-rows:1fr auto auto
}
.page.sessions .talk .speakers .speaker .speaker-img{
grid-row:1/-1;
-ms-grid-row-align:center;
align-self:center;
--img-size:6rem;
height:3rem;
height:var(--img-size,3rem);
min-width:3rem;
min-width:var(--img-size,3rem);
border-radius:100%;
background-size:cover;
margin-right:1rem;
margin-right:var(--space-4)
}
.page.sessions .talk .speakers .speaker .speaker-company{
text-align:left;
margin-left:0
}
.page.sessions .talk .speakers{
float:right;
margin:.125rem .5rem;
margin:var(--space-1) var(--space-3);
list-style:none;
padding:0;
-ms-grid-row-align:start;
align-self:start;
border-radius:.25rem;
border-radius:var(--space-2)
}
.page.sessions .talk .speakers .speaker{
padding:.5rem;
padding:var(--space-3);
margin:1rem 0;
margin:var(--space-4) 0;
border:thin solid rgba(0,0,0,.125);
border:thin solid var(--darken-1);
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:box-shadow var(--animation);
transition:box-shadow var(--animation);
border-radius:.25rem;
border-radius:var(--space-2);
text-decoration:none;
color:inherit
}
.page.sessions .talk .speakers .speaker:focus,.page.sessions .talk .speakers .speaker:hover{
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.page.sessions .talk .media{
grid-column:1/-1
}
.page.sessions .talk .media a{
padding:.5rem 0;
padding:var(--space-3) 0;
font-size:1rem
}
.page.sessions .talk .media .social-slides{
width:auto;
margin-top:1em;
background:#593a9f;
background:var(--primary);
color:#fff;
color:var(--primary-txt);
font-size:1.25em;
padding:.125em .75em;
border-radius:1em
}
.page.sessions .talk .media .social-slides:active,.page.sessions .talk .media .social-slides:focus,.page.sessions .talk .media .social-slides:hover{
box-shadow:.0625em .0625em .125em rgba(0,0,0,.5);
box-shadow:.0625em .0625em .125em var(--darken-3)
}
.page.sessions .talk .media .social-slides svg{
max-width:2ch
}
@media (max-width:59.99em){
.page.talks .talk{
-ms-grid-columns:1fr;
grid-template-columns:1fr
}
.page.sessions .talk .speakers{
float:unset
}
}
.page.partners .content img{
width:50vw
}
.page.partners .header{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
grid-template-areas:"logo title" "logo website";
-webkit-box-align:center;
align-items:center
}
.page.partners .header .card{
-ms-grid-row:1;
-ms-grid-row-span:2;
-ms-grid-column:1;
grid-area:logo;
height:8em;
width:12em;
display:inline-block;
background-size:contain;
background-repeat:no-repeat;
background-position:50%;
background-origin:content-box;
padding:.25em;
margin-right:1em;
box-shadow:.125em .125em .25em rgba(0,0,0,.5)
}
.page.partners .header h1{
-ms-grid-row:1;
-ms-grid-column:2;
grid-area:title;
-ms-grid-row-align:end;
align-self:end;
font-size:2.5em
}
.page.partners .header a{
-ms-grid-row:2;
-ms-grid-column:2;
grid-area:website;
-ms-grid-row-align:start;
align-self:start
}
.page.partners .socials ul{
margin:0;
list-style:none;
padding-left:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:2em
}
.page.partners .socials ul li{
margin:.25em
}
.page.partners .jobs ul{
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-align:center;
align-items:center;
list-style:none;
padding-left:0
}
.page.partners .jobs ul .job{
padding:.5em;
margin:.5em;
box-shadow:.125em .125em .25em rgba(0,0,0,.5);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
.page.partners .jobs ul .job header{
font-size:1.1em;
font-weight:700;
font-style:italic;
margin:.5em 0
}
.page.partners .jobs ul .job .city,.page.partners .jobs ul .job .contact{
display:-webkit-box;
display:flex;
-webkit-box-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
align-items:center;
color:#666;
margin:.25em 0
}
.page.partners .jobs ul .job .city .icon,.page.partners .jobs ul .job .contact .icon{
width:2ch
}
.section.schedule .hero .description{
display:-webkit-box;
display:flex
}
.section.schedule .hero .description p+p{
margin-left:1em
}
.section.schedule nav.day-tabs{
font-size:2em;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:space-between;
align-self:center;
padding:.5rem 10vw;
padding:var(--space-3) var(--container-margin)
}
.section.schedule nav.day-tabs a{
-webkit-box-flex:1;
flex-grow:1;
margin:.25rem 1rem;
margin:var(--space-2) var(--space-4);
border-radius:.5rem;
border-radius:var(--space-3);
text-align:center;
color:#593a9f;
color:var(--primary);
background-color:#fff;
background-color:var(--primary-txt)
}
.section.schedule nav.day-tabs a.active{
background-color:#593a9f;
background-color:var(--primary);
color:#fff;
color:var(--primary-txt)
}
.section.schedule main>section.schedule{
margin:1rem 2rem 2rem;
padding:.5rem 10vw;
padding:var(--space-3) var(--container-margin)
}
.section.schedule main>section.schedule .day{
display:none
}
.section.schedule main>section.schedule .day:target{
display:block
}
.section.schedule h2{
display:none
}
.section.schedule .room{
-webkit-box-align:start;
align-items:flex-start;
color:#593a9f;
color:var(--primary);
margin:.125em
}
.section.schedule .room,.section.schedule .room h3{
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
background-color:#fff;
background-color:var(--primary-txt)
}
.section.schedule .room h3{
border:solid;
border-radius:.5rem;
border-radius:var(--space-3);
font-size:1.25em;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
width:100%;
padding:.5rem;
padding:var(--space-3);
height:3em;
font-weight:700
}
.section.schedule .room h3 small{
font-size:.75em;
font-weight:400
}
.section.schedule .slot,.section.schedule .start{
font-size:2em;
color:#636363;
color:var(--base-secondary-text)
}
.section.schedule .slot .mm,.section.schedule .start .mm{
font-size:50%
}
.section.schedule .start{
position:absolute;
top:0;
left:-3.5ch
}
.section.schedule .slot{
display:none
}
.section.schedule .session{
position:relative;
margin:1rem 1rem 1rem 5ch;
border-radius:.25rem;
border-radius:var(--space-2)
}
.section.schedule .session.tag-lunch,.section.schedule .session.tag-open,.section.schedule .session.tag-party,.section.schedule .session.tag-pause{
background-position:50%;
background-size:cover;
pointer-events:none
}
.section.schedule .session.tag-lunch>a,.section.schedule .session.tag-open>a,.section.schedule .session.tag-party>a,.section.schedule .session.tag-pause>a{
box-shadow:none
}
.section.schedule .session.tag-lunch h4,.section.schedule .session.tag-open h4,.section.schedule .session.tag-party h4,.section.schedule .session.tag-pause h4{
color:#fff;
text-shadow:2px 1px 1px #000
}
.section.schedule .session .slot,.section.schedule .session.tag-lunch .tags,.section.schedule .session.tag-office-hours .tags,.section.schedule .session.tag-open .tags,.section.schedule .session.tag-party .tags,.section.schedule .session.tag-pause .tags{
display:none
}
.section.schedule .session>a{
border:thin solid rgba(0,0,0,.125);
border:thin solid var(--darken-1);
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:box-shadow var(--animation);
transition:box-shadow var(--animation);
border-radius:.25rem;
border-radius:var(--space-2);
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
text-decoration:none;
color:inherit;
height:100%
}
.section.schedule .session>a:focus,.section.schedule .session>a:hover{
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.section.schedule .session>a .info,.section.schedule .session>a h4{
padding:.25rem;
padding:var(--space-2)
}
.section.schedule .session>a h4{
text-shadow:2px 1px 1px #fff;
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center
}
.section.schedule .session>a hr{
width:calc(100% - .5rem);
width:calc(100% - var(--space-3));
margin:0 auto
}
.section.schedule .session>a .info{
-webkit-box-flex:1;
flex-grow:1
}
.section.schedule .session>a .info .complexity,.section.schedule .session>a .info .presentation,.section.schedule .session>a .info .video{
float:left;
clear:left;
display:inline;
max-height:1.5em
}
.section.schedule .session>a .info .complexity svg,.section.schedule .session>a .info .presentation svg,.section.schedule .session>a .info .video svg{
height:1.5em;
max-width:1.5em
}
.section.schedule .session>a .info .tags{
float:right
}
.section.schedule .session>a .speakers{
border:thin solid transparent;
border-top-color:rgba(0,0,0,.125);
border-top:thin solid var(--darken-1);
border-radius:.25rem;
border-radius:var(--space-2);
background:#fff;
background:var(--base);
padding:0;
margin:0;
list-style:none
}
.section.schedule .session>a .speaker{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding:.125rem .5rem;
padding:var(--space-1) var(--space-3)
}
.section.schedule .session>a .speaker .speaker-img{
--img-size:2rem;
height:3rem;
height:var(--img-size,3rem);
min-width:3rem;
min-width:var(--img-size,3rem);
border-radius:100%;
background-size:cover;
margin-right:1rem;
margin-right:var(--space-4)
}
.section.schedule .session>a .speaker .info{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
.section.schedule .session>a .speaker .speaker-company{
-webkit-box-flex:1;
flex-grow:1;
text-align:right;
margin-left:.5rem;
margin-left:var(--space-3)
}
.section.schedule .session>a .speaker p{
max-width:320px
}
@supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){
.section.schedule main>section.schedule .day{
-ms-grid-columns:auto (1fr)[var(--rooms)];
grid-template-columns:auto repeat(var(--rooms),1fr);
--dayStart:60 * var(--dayStartH) + var(--dayStartM);
--dayEnd:60 * var(--dayEndH) + var(--dayEndM);
-ms-grid-rows:4em (4.5em)[calc(var(--end) - 1)];
grid-template-rows:4em repeat(calc(var(--end) - 1),4.5em);
-ms-grid-rows:4em (var(--base-grid-height,6em))[calc(var(--end) - 1)];
grid-template-rows:4em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));
grid-gap:.125em .25em
}
.section.schedule main>section.schedule .day:target{
display:-ms-grid;
display:grid
}
.section.schedule main>section.schedule .day .slot{
display:block;
-ms-grid-column:1;
-ms-grid-column-span:1;
grid-column:1/2;
--start:calc(1 + var(--row-start));
--end:calc(1 + var(--row-end));
grid-row:var(--start)/var(--end);
background-color:#f8f8ff;
background-color:var(--color-hero)
}
.section.schedule main>section.schedule .day .room{
grid-column:calc(var(--room) + 2);
grid-row:1/-1
}
.section.schedule main>section.schedule .day .room.even{
background-color:#f8f8ff;
background-color:var(--color-hero)
}
.section.schedule main>section.schedule .day .session{
margin:.125em;
z-index:2;
--start:calc(1 + var(--row-start));
--end:calc(1 + var(--row-end));
grid-column:calc(var(--room) + 2);
grid-row:var(--start)/var(--end)
}
.section.schedule main>section.schedule .day .session.tag-pause{
z-index:0;
grid-column:2/-1
}
.section.schedule main>section.schedule .day .session.tag-lunch h4,.section.schedule main>section.schedule .day .session.tag-open h4,.section.schedule main>section.schedule .day .session.tag-party h4{
font-size:2em
}
.section.schedule main>section.schedule .day .session.tag-lunch,.section.schedule main>section.schedule .day .session.tag-open,.section.schedule main>section.schedule .day .session.tag-party{
grid-column:2/-1;
z-index:1
}
.section.schedule main>section.schedule .day .session.tag-office-hours{
margin:.5rem;
margin:var(--space-3)
}
.section.schedule main>section.schedule .day .session.tag-office-hours .speakers.multi{
padding-top:.125em;
flex-wrap:wrap
}
.section.schedule main>section.schedule .day .session .start{
display:none
}
.section.schedule main>section.schedule .day .session .speakers.multi{
display:-webkit-box;
display:flex;
-webkit-box-pack:space-evenly;
justify-content:space-evenly
}
.section.schedule main>section.schedule .day .session .speakers.multi .speaker{
position:relative;
border-top:none
}
.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-img{
margin-right:.125rem;
margin-right:var(--space-1)
}
.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{
background:#fff;
background:var(--base);
z-index:100;
border-radius:.25rem;
border-radius:var(--space-2);
border:thin solid rgba(0,0,0,.125);
border:thin solid var(--darken-1);
box-shadow:1px 1px .125rem rgba(0,0,0,.125);
box-shadow:1px 1px var(--space-1) var(--darken-1);
padding:.125rem;
padding:var(--space-1);
position:absolute;
top:0;
right:0;
-webkit-transform:translateX(50%) translateY(-75%);
transform:translateX(50%) translateY(-75%);
display:none
}
.section.schedule main>section.schedule .day .session .speakers.multi .speaker:focus .speaker-name,.section.schedule main>section.schedule .day .session .speakers.multi .speaker:hover .speaker-name{
display:block
}
.section.schedule main>section.schedule.horizontal .day{
overflow:auto;
-ms-grid-rows:auto (1fr)[var(--rooms)];
grid-template-rows:auto repeat(var(--rooms),1fr);
--dayStart:60 * var(--dayStartH) + var(--dayStartM);
--dayEnd:60 * var(--dayEndH) + var(--dayEndM);
-ms-grid-columns:7em (4.5em)[calc(var(--end) - 1)];
grid-template-columns:7em repeat(calc(var(--end) - 1),4.5em);
-ms-grid-columns:7em (var(--base-grid-height,6em))[calc(var(--end) - 1)];
grid-template-columns:7em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));
grid-auto-flow:dense
}
.section.schedule main>section.schedule.horizontal .day .slot{
display:block;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1/2;
--start:calc(1 + var(--row-start));
--end:calc(1 + var(--row-end));
grid-column:var(--start)/var(--end);
background-color:#f8f8ff;
background-color:var(--color-hero)
}
.section.schedule main>section.schedule.horizontal .day .room{
grid-row:calc(var(--room) + 2);
grid-column:1/-1;
-webkit-box-pack:start;
justify-content:flex-start
}
.section.schedule main>section.schedule.horizontal .day .room h3{
padding:.25em;
height:100%;
width:5.5em;
max-width:5.5em;
text-align:center;
-webkit-text-orientation:upright;
text-orientation:upright
}
.section.schedule main>section.schedule.horizontal .day .session{
--start:calc(1 + var(--row-start));
--end:calc(1 + var(--row-end));
grid-row:calc(var(--room) + 2);
grid-column:var(--start)/var(--end)
}
.section.schedule main>section.schedule.horizontal .day .session.tag-lunch,.section.schedule main>section.schedule.horizontal .day .session.tag-open,.section.schedule main>section.schedule.horizontal .day .session.tag-party,.section.schedule main>section.schedule.horizontal .day .session.tag-pause{
grid-row:2/-1
}
.section.schedule main>section.schedule.horizontal .day .session h4{
overflow:hidden
}
}
@media (max-width:79.99em){
.section.schedule main>section.schedule{
--container-margin:0em
}
}
@media (max-width:59.99em){
.section.schedule main>section.schedule .day .session{
--container-margin:0em;
margin:1rem .5rem 2rem 2.25em
}
.section.schedule main>section.schedule .day .session .start{
display:block
}
@supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){
.section.schedule main>section.schedule .day:target{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
.section.schedule main>section.schedule .day .slot{
display:none
}
.section.schedule main>section.schedule .day .room{
-webkit-box-align:start;
align-items:flex-start;
margin-top:1em
}
}
}
@media print{
.section.schedule main section.schedule .session{
font-size:24px
}
.section.schedule main section.schedule .session.format-quickie{
font-size:18px
}
.section.schedule main section.schedule .session a,.section.schedule main section.schedule .session h4{
background:inherit;
text-shadow:none;
box-shadow:none
}
.section.schedule main>section.schedule .day .session .speakers.multi{
display:block
}
.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{
position:relative;
-webkit-transform:none;
transform:none;
border:none;
display:block;
box-shadow:none
}
}
.section.speakers .hero h1{
padding:2rem 10vw;
padding:2rem var(--container-margin)
}
.section.speakers ul.speakers{
list-style:none;
padding:0;
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap
}
.section.speakers ul.speakers>li{
margin:1rem;
-webkit-box-flex:1;
flex:1 0 300px;
max-width:450px
}
.section.speakers a.speaker{
padding:1rem;
padding:var(--space-4);
border:thin solid rgba(0,0,0,.125);
border:thin solid var(--darken-1);
box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);
box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);
-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
transition:box-shadow .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:box-shadow var(--animation);
transition:box-shadow var(--animation);
border-radius:.25rem;
border-radius:var(--space-2);
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
flex-direction:row;
height:100%
}
.section.speakers a.speaker .speaker-img{
margin-right:1rem;
margin-right:var(--space-4)
}
.section.speakers a.speaker .speaker-company{
margin-top:.5rem;
margin-top:var(--space-3);
text-align:center
}
.section.speakers a.speaker .speaker-company img{
max-width:100%
}
.section.speakers a.speaker .speaker-company figcaption{
display:block;
max-width:200px
}
.section.speakers a.speaker:focus,.section.speakers a.speaker:hover{
box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);
box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)
}
.page.speakers .hero,.page.speakers main{
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column
}
.page.speakers .hero .description,.page.speakers .hero header{
padding:1rem 10vw;
padding:var(--space-4) var(--container-margin)
}
.page.speakers .hero header{
align-self:center;
padding-left:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center
}
.page.speakers .hero header .speaker-img{
--size:6rem;
height:6rem;
height:var(--size,6rem);
min-width:6rem;
min-width:var(--size,6rem);
border-radius:100%;
background-size:cover;
box-shadow:0 0 .5rem rgba(0,0,0,.5);
box-shadow:0 0 var(--space-3) var(--darken-3);
margin-right:1rem;
margin-right:var(--space-4)
}
.page.speakers .hero header h1{
margin:0;
padding:0
}
.page.speakers .hero header ul.socials{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
list-style:none;
padding:0;
margin:0;
font-size:1.25em;
-webkit-box-pack:start;
justify-content:flex-start
}
.page.speakers .hero header ul.socials li{
-webkit-box-flex:0;
flex:0 1 auto;
padding-right:1rem;
padding-right:var(--space-4)
}
.page.speakers .hero header ul.socials li a.social{
width:auto;
color:inherit
}
.page.speakers .hero header ul.socials li a.social .icon{
width:1em
}
.page.speakers .hero .description .talks{
margin:1rem auto;
max-width:60rem;
max-width:var(--block-text-max-width);
padding-left:0;
list-style:none
}
.page.speakers .hero .description .talks .talk{
margin-top:1rem;
border:thin solid rgba(0,0,0,.125);
border:thin solid var(--darken-1);
display:-webkit-inline-box;
display:inline-flex;
padding:.25rem;
padding:var(--space-2);
border-radius:.125rem;
border-radius:var(--space-1)
}
.page.speakers .hero .description .talks .talk .language,.page.speakers .hero .description .talks .talk .tags{
margin-right:1ch
}
.page.speakers .hero .description .talks .talk .tags{
white-space:nowrap;
-ms-grid-row-align:center;
align-self:center
}
.page.speakers .hero .description .talks .talk.tag-{
display:none
}
.page.speakers section.speaker{
-ms-grid-row-align:center;
align-self:center;
margin:1rem auto;
max-width:60rem;
max-width:var(--block-text-max-width)
}
.page.speakers section.speaker header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:justify;
justify-content:space-between
}
.page.speakers section.speaker .speaker-company{
margin:.5rem 0;
margin:var(--space-3) 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center
}
.page.speakers section.speaker p{
line-height:1.5;
font-size:110%
}
@media (max-width:var(--breakpoint-lg)){
.section.blog main>section{
margin:2rem 3vw;
margin:2rem var(--container-margin-mobile)
}
}
.section.blog main .blogs,.section.blog main h1{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto
}
.section.blog .blogs a.blog-links{
position:absolute!important;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px 1px 1px 1px);
clip:rect(1px,1px,1px,1px)
}
.section.blog .blogs a.blog{
text-decoration:none;
padding:1rem;
padding:var(--space-4);
border-radius:.5rem;
border-radius:var(--space-3);
display:-webkit-box;
display:flex;
color:inherit;
border-bottom:thin solid rgba(0,0,0,.125);
border-bottom:thin solid var(--darken-1)
}
@media (max-width:44.99em){
.section.blog .blogs a.blog{
padding:.25rem;
padding:var(--space-2)
}
}
.section.blog .blogs a.blog .img{
display:inline-block;
background-position:50%;
background-size:cover;
--size:16rem;
-webkit-box-flex:0;
flex:0 0 16rem;
flex:0 0 var(--size,16rem);
height:16rem;
height:var(--size,16rem);
width:16rem;
width:var(--size,16rem);
border-radius:.25rem;
border-radius:var(--space-2)
}
.section.blog .blogs a.blog .info{
-webkit-box-flex:1;
flex:1 1 auto;
margin-left:1rem;
margin-left:var(--space-4);
-webkit-box-pack:center;
justify-content:center
}
.section.blog .blogs a.blog .info h2{
margin:.5rem 0;
margin:var(--space-3) 0
}
.section.blog .blogs a.blog .info .reading{
align-self:flex-end
}
.section.blog .blogs a.blog .info .reading:after{
content:" min."
}
.section.blog .blogs a.blog .info .date{
align-self:flex-start;
color:#636363;
color:var(--base-secondary-text)
}
.section.blog .blogs a.blog .info p{
line-height:1.75
}
@media (max-width:59.99em){
.section.blog .blogs a{
-ms-grid-rows:auto 1fr;
grid-template-rows:auto 1fr;
-ms-grid-columns:auto;
grid-template-columns:auto
}
.section.blog .blogs a .img{
width:100%
}
}
@media (max-width:33.74em){
.section.blog .blogs a.blog{
display:block
}
.section.blog .blogs a.blog .img{
display:none
}
}
@media (max-width:59.99em){
.section.blog .blogs a.blog{
display:block
}
.section.blog .blogs a.blog .img{
--size:8rem;
float:left;
margin-right:.5em
}
}
.page.blog .hero .img{
padding:10vw;
padding:var(--container-margin);
background-repeat:no-repeat;
background-size:cover;
background-position:50%;
text-shadow:1px 0 0 rgba(255,255,255,.5);
text-shadow:1px 0 0 var(--lighten-3);
min-height:45vmin
}
.page.blog .hero h1{
color:#593a9f;
color:var(--primary);
padding-left:0;
padding-right:0
}
.page.blog .hero h1 small{
display:block
}
.page.blog main .content,.page.blog main h1{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto
}
.page.blog .content{
padding-left:0;
padding-right:0;
margin:2rem 10vw;
margin:2rem var(--container-margin)
}
@media (max-width:44.99em){
.page.blog .content{
margin:1rem
}
}
.page.blog .content img{
max-width:100%
}
.page.blog .content .centered-img{
text-align:center;
margin:.5rem 0;
margin:var(--space-3) 0
}
.page.blog .content h1,.page.blog .content h2,.page.blog .content h3,.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{
color:#593a9f;
color:var(--primary);
font-style:normal;
font-weight:400
}
.page.blog .content h1,.page.blog .content h2,.page.blog .content h3{
margin-top:1.25rem;
margin-bottom:.625rem
}
.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{
margin-top:.625rem;
margin-bottom:.625rem
}
.page.blog .content p{
text-align:justify;
margin-bottom:1.5rem;
line-height:1.7rem
}
.page.blog .content ul{
margin-left:1rem
}
.page.blog .content ul li{
line-height:1.7rem
}
main>.kids .hero{
position:relative
}
main>.kids .hero .img{
background-repeat:no-repeat;
background-size:cover;
background-position:50%;
text-shadow:1px 0 0 rgba(255,255,255,.5);
text-shadow:1px 0 0 var(--lighten-3);
min-height:45vmin
}
main>.kids .hero h1{
position:absolute;
bottom:0;
max-width:1100px;
max-width:var(--theJdrSize);
color:#fff;
color:var(--primary-txt);
padding-left:0;
padding-right:0;
margin:0;
font-size:3rem
}
main>.kids .hero h1 small{
display:block;
font-size:.6em
}
@media (max-width:44.99em){
main>.kids .hero h1{
font-size:2rem
}
}
@media (max-width:33.74em){
main>.kids .hero h1{
font-size:1.5rem
}
}
main>.kids .img-container{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
flex-direction:row
}
@media (max-width:44.99em){
main>.kids .img-container{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center
}
}
main>.kids .img-container img{
margin:10px
}
main>.kids .content,main>.kids h1{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto
}
main>.kids .content{
padding-left:0;
padding-right:0
}
@media (max-width:44.99em){
main>.kids .content{
margin:1rem
}
}
main>.kids .content img{
max-width:100%
}
main>.kids .content .centered-img{
text-align:center;
margin:.5rem 0;
margin:var(--space-3) 0
}
main>.kids .content h2,main>.kids .content h3,main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{
color:#593a9f;
color:var(--primary);
font-style:normal;
font-weight:400
}
main>.kids .content h2,main>.kids .content h3{
margin-top:1.25rem;
margin-bottom:.625rem
}
main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{
margin-top:.625rem;
margin-bottom:.625rem
}
main>.kids .content p{
text-align:justify;
margin-bottom:1.5rem;
line-height:1.7rem
}
main>.kids .content ul{
margin-left:1rem
}
main>.kids .content ul li{
line-height:1.7rem
}
.section.team h2{
margin:1rem 0;
margin:var(--space-4) 0
}
.section.team ul.members{
padding:0;
margin:0;
display:-webkit-box;
display:flex;
flex-wrap:wrap
}
.section.team ul.members>li{
-webkit-box-flex:1;
flex:1 1 300px;
margin:2rem;
display:-webkit-box;
display:flex
}
.section.team ul.members>li .photo{
--size:6rem;
box-shadow:0 0 0 .25rem rgba(0,0,0,.25);
box-shadow:0 0 0 var(--space-2) var(--darken-2);
min-width:6rem;
min-width:var(--size,6rem);
height:6rem;
height:var(--size,6rem);
border-radius:100%;
background-size:cover;
margin:.25rem;
margin:var(--space-2)
}
.section.team ul.members>li .label{
display:-webkit-box;
display:flex;
margin-left:.5rem;
margin-left:var(--space-3);
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-pack:center;
justify-content:center
}
.section.team ul.members>li ul.socials{
list-style:none;
margin:0;
padding:0;
font-size:1.5em
}
.section.team ul.members>li ul.socials li{
display:inline-block;
opacity:.5;
-webkit-filter:grayscale(1);
filter:grayscale(1);
-webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);
transition:filter .3s cubic-bezier(.4,0,.2,1);
transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);
-webkit-transition:-webkit-filter var(--animation);
transition:-webkit-filter var(--animation);
transition:filter var(--animation);
transition:filter var(--animation),-webkit-filter var(--animation)
}
.section.team ul.members>li ul.socials li:focus,.section.team ul.members>li ul.socials li:hover{
opacity:1;
-webkit-filter:grayscale(0);
filter:grayscale(0)
}
.section.team .partners-group ul li{
flex-basis:260px;
margin:.5rem;
margin:var(--space-3);
height:120px;
height:var(--partner-sponsors-height)
}
@media (max-width:44.99em){
.page.faq .hero .description,.page.fr-faq .hero .description{
padding:0
}
}
.page.faq #TableOfContents,.page.faq main .content,.page.faq main h1,.page.fr-faq #TableOfContents,.page.fr-faq main .content,.page.fr-faq main h1{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto
}
.page.faq .content h1,.page.faq .content h2,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content h1,.page.fr-faq .content h2,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{
color:#593a9f;
color:var(--primary)
}
.page.faq .content>ol,.page.faq .content>p,.page.faq .content>ul,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content>ol,.page.fr-faq .content>p,.page.fr-faq .content>ul,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{
margin-left:calc(10vw - 2rem);
margin-left:calc(var(--container-margin) - 2rem)
}
.page.faq .content li,.page.fr-faq .content li{
line-height:1.5
}
@media (max-width:44.99em){
.page.faq .content ul,.page.fr-faq .content ul{
padding-left:2ch
}
}
.page.faq .content mark,.page.fr-faq .content mark{
font-weight:700;
border-radius:.25em;
padding:.125em
}
.page.faq .content mark.a,.page.fr-faq .content mark.a{
color:#fff;
color:var(--fg-mark-a);
background-color:#fb2c17;
background-color:var(--bg-mark-a)
}
.page.faq .content mark.b,.page.fr-faq .content mark.b{
color:#000;
color:var(--fg-mark-b);
background-color:#fc0;
background-color:var(--bg-mark-b)
}
.page.faq .content mark.t2,.page.fr-faq .content mark.t2{
color:#fff;
color:var(--fg-mark-t2);
background-color:#11a7e0;
background-color:var(--bg-mark-t2)
}
@media (max-width:71.24em){
.page.faq .content,.page.fr-faq .content{
padding:0 .5em
}
}
.page.code-of-conduct #TableOfContents,.page.code-of-conduct main .content,.page.code-of-conduct main h1{
max-width:1100px;
max-width:var(--theJdrSize);
margin:0 auto
}
.page.code-of-conduct .content p{
text-align:justify
}
.page.code-of-conduct .content p,.page.code-of-conduct .content p:first-letter{
margin-left:1rem;
margin-left:var(--space-4)
}
.page.code-of-conduct .content ul{
margin-left:2rem
}
.page.code-of-conduct .content ul li{
line-height:1.25
}
@media (max-width:71.24em){
.page.code-of-conduct .content{
padding:0 .5em
}
}
.live-section {
display: flex;
flex-direction: row;
align-items: center;
}
.live-tab-switcher {
font-size:2em;
display:-webkit-box;
display:flex;
flex-direction: row;
flex-wrap:wrap;
-webkit-box-pack:justify;
justify-content:center;
align-self:center;
padding:.5rem 10vw;
padding:var(--space-3) var(--container-margin);
}
.live-tab-link {
-webkit-box-flex:1;
flex-grow:1;
border-radius:.5rem;
border-radius:var(--space-3);
text-align:center;
background-color: #fff;
color: var(--primary);
margin-right: 1rem;
}
.live-tab-link.active {
background-color: var(--primary);
color: #fff;
}
.live-tab-d-none {
display: none;
}
.live-chat {
width: 30vw;
height: 60vh;
}
.live-player-wrapper {
width: 70vw;
height: 60vh;
margin-right: 10px;
}
.vjs-tech {
object-fit: cover;
}