﻿    
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 h2
{
    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
{

    width:75px;
    height:75px;
    position: absolute;
    right:0px;
    bottom:-20px;
    } 
    
article  figure img
{
    height:113px;
    width: 150px;
    position: relative;
    top:0px;
    right:20px;
    }

figure.sizeL img{
    height: auto;
    width: 150px;
    position: relative;
    top: 0px;
    right: 20px;
}

article h4 {
    margin-bottom: 0.5em;
}
    
article p
{   
    padding:0px;
    margin:0px;
} 

@media (min-width: 2000px)
{
    
    article .content p
    {

        margin-right:35px;
        } 
    
} 

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 1.0s;
    transition: max-height 0.3s;
    
    transition-timing-function: linear;

    }

article .slider.open
{   
    max-height: 1000px;  
    max-height: 1500px;  
    }
    
@media (max-width: 1500px)
{
    
    article .slider.open
    {   
    max-height: 1500px; 
    max-height: 2000px;    
    }
    
}     
    
@media (max-width: 450px)
{
    
    article .slider
    {    
    transition: max-height 0.5s;   
    }
    
    
    article .slider.open
    {  
    max-height: 2000px; 
    max-height: 2500px;    
    }
    
}  
    
    
article .slider.closed
{    
    max-height: 0px;   
    }    
    
    





