File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/figi/bu/public/scss/_tickets.scss
.search-tickets{
padding:1.5rem 0;
background-color:rgba($light-gray,0.5);
h2{margin-top:0;}
button{line-height:1.5rem;}
}
.figi-shows{
margin:3rem 0;
.show{
border-right:solid 1px $light-gray;
text-align:center;
margin-bottom:1.5rem;
&:nth-child(4n){
border:none;
}
}
.card{
margin-bottom:0;
border:none;
.card-image{
position:relative;
&::before{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 0.75rem 0.75rem 0 0.75rem;
border-color: rgba($white,1) transparent transparent transparent;
z-index:0;
}
}
h4{margin:0 0 1rem 0;}
}
a{color:$primary-color;}
}
.fake-input-element{
position:relative;
z-index:100;
margin-bottom:1.5em;
.fake-input{
cursor:pointer;
padding:0.75em;
position:relative;
border:solid 1px $medium-gray;
background:#fff;
i{position:absolute;top:50%;transform:translateY(-50%);right:1rem;}
img{height:1.5em;display:block;float:left;border-radius:50%;overflow:hidden;margin-right:0.75em;vertical-align:middle;}
span.visible{display:block;float:left;vertical-align:middle;}
}
.fake-input-values{
border:solid 1px $light-gray;position:absolute;background-color:#fff;left:0;right:0;top:3em;box-shadow:0em 0.125em 0.25em rgba(0,0,0,0.125);z-index:1000;
&.hidden{z-index:0;display:none;}
ul{
margin:0;padding:0;list-style:none;
li{position:relative;background:none;border-bottom:solid 1px $light-gray;margin:0;padding:0;}
li:last-child{border:none;}
a.option{display:block;color:#000;text-decoration:none;padding:0.5rem;color:$dark-gray;}
a.option:hover{background-color:$secondary-color;color:$black;}
}
}
}
.show-details{
.show-specifications{
@include font-for-header(500);
color:$primary-color;
text-transform:uppercase;
font-size:1.5rem;
li{display:inline;margin-right:1rem;padding-right:1rem;border-right:solid 1px $light-gray;}
li:last-child{border:none;margin:0;padding:0;}
.kw-icon{height:1.5rem;vertical-align:sub;display:inline-block;margin:0 0.25rem;}
}
.show-schedule
{
h2{margin-top:0;}
img{margin:1.5rem auto;display:block;}
}
}
.panel-alternative{
padding:1.5rem 0;
background-color:rgba($light-gray,0.5);
margin:1.5rem 0;
.figi-shows{margin:1.5rem 0 0 0;}
.figi-shows .card{background:none;}
.card .card-image::before{border-color: #f3f2f1 transparent transparent transparent;}
}