/*!
Theme Name: Starter
Author: Richard Rabillon
Description: Starter Theme with Bootstrap to use with Timber
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: re
Tags:
*/
body{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
#main{
    max-width: 1080px;
    margin:0 auto;
}
.nav ul{
    display:flex;
    align-items: center;
    list-style-type: none;
    padding:0;
    margin:0;
    gap:16px;
}
.nav a{
    border:1px solid gray;
    display:block;
    text-align:center;
    color:black;
    background:white;
    text-decoration:none;
    padding:8px;
}
.nav a.is-active{
    background:black;
    color:white;
}
.workshop{
    display:flex;
    border-bottom:1px solid #e1e3e5;
    padding:40px 0;
    gap:80px;
    align-items: flex-start;
}
.workshop h2{
    margin-top:0;
}
.workshop-left{
    display:flex;
    align-items: center;
    gap:8px;
    flex-shrink:0;
}
.workshop-left svg{
    color:#9d9e9f;
}
.workshop-speakers-item{
    margin-bottom:18px;
    display:flex;
    gap:24px;
    align-items: flex-start;
}
.workshop-speakers-item:first-child{
    margin-top:32px;
}
.workshop-speakers-item:last-child{
    margin-bottom:0;
}
.workshop-speakers-item-content-title{
    color:#fb5405;
    margin-top:0;
}
.workshop-speakers-item img{
    width:80px;
    height:80px;
    object-fit: cover;
    flex-shrink: 0;
    border-radius: 50%;
    object-position: center;
}
.button{
    background:#fb5405;
    cursor: pointer;
    color:white;
    border:0;
    padding:8px;
    text-decoration:none;
    font-size:13px;
    display: inline-flex;
} 
.button:hover{
    text-decoration: underline;
}

.bag{
    position: fixed;
    right:24px;
    bottom:24px;
    background-color: white;
    z-index: 99;
    border:1px solid #fb5405;
    padding:24px;
    display:none;
    width:400px;
}
.bag.is-open{
    display:block;
}
.bag-title{
    margin-top:0;
    font-weight: bold;
}
form{
    display:flex;
    flex-flow: column;
    max-width: 800px;
    margin:0 auto;
    gap:18px;
    align-items: center;
}
form .input{
    width:100%;
    padding:8px;
}