﻿    
article 
{    } 


article.nearlySoldOut
{
    background-image: url('../../../Pix/Layout/Article/NearlySoldOut-L.png');
    background-repeat: no-repeat;
    background-size: 208px 110px;
    background-position: right 14px;
    } 
    
@media (max-width: 750px)
{
    
    article.nearlySoldOut
    {
    background-image: url('../../../Pix/Layout/Article/NearlySoldOut-M.png');
    background-size: 145px 95px;
    background-position: right 10px;
    }
}   

@media (max-width: 360px)
{
    
    article.nearlySoldOut
    {
    background-image: url('../../../Pix/Layout/Article/NearlySoldOut-S.png');
    background-size: 145px 95px;
    background-position: right 20px;
    }
}  
  
article .wrapper
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;   
    }   
    
@media (max-width: 750px)
{
    article .wrapper
    {  
    flex-direction: column; 
    }
    
}
    
article header
{
    margin-right: 2em;
    } 
    
article header h1
{
    margin-top:0.5em;    
}
 
    
article .wrapper .content
{
    margin-top: 1em;
    margin-right: 2em;
    margin-bottom: 1em;    
    }     
    
article aside
 {
    margin-top: 0em;
    min-width: 165px;
     } 
 
article .slider .wrapper aside
 {
    margin-top: 1em;
    margin-bottom: 1em;
    min-width: 165px;
    font-family: PTsansBold;
     }
 
@media (max-width: 750px)
{
    article .slider .wrapper aside
    {  
    margin-top: 0em;
    }
    
}
 
article  figure
{   
    width:160px;
    position: relative;
    margin: 0px 0px 30px 5px;
        }
    
article  figure .edgeImage
{
    background-color: #e21440;
    width:75px;
    height:75px;
    position: absolute;
    right:0px;
    bottom:-20px;
    } 
    
article figure img
{
    height:113px;
    width: 150px;
    position: relative;
    top:0px;
    right:20px;
    }   
 
article h4
{   
    margin-top:0.5em;
    margin-bottom:0.5em;
}
    
article p
{   
    padding:0px;
    margin:0px;
} 

article p.entranceFree
{    }

article .QuantityTicketsThreshold
{    }
    
 @media (max-width: 900px)
{
    article section
    {
        flex-direction: column;
        } 
        
    article section .articleContent
    {
        margin-bottom: 1em;
        }  
            
}


article .slider
{    
    transition: max-height 0.5s;
    transition-timing-function: linear;
    
    }

article .slider.open
{
    max-height: 1500px;
    }
    
@media (max-width: 1500px)
{    
    article .slider
    {    
    transition: max-height 0.4s;   
    }
    
    
    article .slider.open
    {
    max-height: 2000px;

    }
    
}     
    
@media (max-width: 850px)
{
  
    article .slider
    {    
    transition: max-height 0.5s;   
    }
    
}  
    
 @media (max-width: 620px)
{
    
    article .slider
    {    
    transition: max-height 0.6s;   
    }
    
    
    article .slider.open
    {
    
    max-height: 2500px;
    
    }
    
}     

 @media (max-width: 350px)
{
    
    article .slider.open
    {
    
    max-height: 2700px;
    
    }
    
} 
    
article .slider.closed
{    
    max-height: 0px;   
    }    
    
    
article button.detailButton
{   
    background-color: #e21440;   
}

.wrapperEdge
{
    position: relative;
    z-index:0;
    margin-bottom:1em;
    }
    
    
    
main .display .wrapperEdge .edge
{
    width:50px;
    height:50px;
    position: relative;
    left:0px;
    top:0px;
    background-color: #e21440;
    }
    
@media (max-width: 600px)
{
    
    main .display .wrapperEdge .edge
    {
    display:block;
    }
    
}   

.wrapperEdge time
{
    font-size: 0.8em;
    position: absolute;
    left: 55px;
    bottom:-3px;
    z-index: 10;
    }    
    

.wrapperEdge h2
{
    font-size: 1.0em;
    background-color: #ffffff;
    height: 35px;
    width: 90%;
    line-height: 1.05em;
    padding-left:5px;

    position: absolute;
    top:0px;
    left:15px;
    z-index: 5;
    
    display:flex;
    align-items: center;
    
    text-transform: uppercase;
    }

    
@media (max-width: 750px)
{    
    .wrapperEdge h2
    {
     width: 80%;
    }
}  

@media (max-width: 400px)
{
    
    .wrapperEdge h2
    {
    font-size: 0.8em;
    line-height: 1.0em;
    padding-left:3px;
    }
}  

.wrapperWeekdays
{
    display:flex;
    justify-content:space-between;
    }

a.weekday
{
    font-size: 1.2em;
    color: #ffffff;
    font-family:PTsansBold;
    text-transform: uppercase;
    background-color: #e21440;
    height: 50px;
    margin-right: 9px;
    margin-bottom: 1.5em;
    padding: 0 3px 0 3px;
    cursor: pointer;
    
    text-decoration:none;
    
    flex:1;

    display:flex;
    align-items:stretch;
    align-content:center;
    }
    
a.weekday:last-child
{

    margin-right: 0em;
}

a.weekday span
{
    display:flex;
    justify-content:flex-start;


    flex:1;
    align-self:center;
 
    margin-left: 8px;
}
    
a.weekday span:first-child
{    
    }
    
a.weekday span:last-child
{
    display:none;
    
    }
    
@media (max-width: 1300px)
{    
    a.weekday
    {
    font-size: 1.0em;
    height: 40px;
    }
    
} 

@media (max-width: 1200px)
{    
    a.weekday
    {
    font-size: 0.9em;
    height: 30px;
    margin-right: 6px;
    }
    
    a.weekday span
    {
    margin-left: 4px;
    }   
} 
    
@media (max-width: 750px)
{    
    a.weekday span:first-child
    {
    display:none;    
    }
   
   a.weekday span:last-child
    {
    display:block;   
    }   
}      
    
a.weekday.active
{
    background-color: #8e0f04;
    }