/**
 * @file
 * Visual styles for Bartik's blocks.
 */

/* Block has its own content wrapper. */
.block .content {
  margin-top: 10px;
}
@media (min-width: 1024px) { 
#event-details{
   background-image: url("/themes/nce_theme/images/fundal_home_mini.PNG");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   width: 1170px;
   margin: auto;
   height: 420px;
}
}

@media (min-width: 320px) and (max-width: 480px) { 
    #block-description::after,#block-description .content::after{
       display: table;
       clear: both;
       content: "";
    }
    #block-description{
        background-color: #342ead;
    }
    #block-description .content{
      background-image: url("/themes/nce_theme/images/fundal_home_mini.PNG");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      margin: auto;
      height: 129px;
      }
    .info-details{
       width: 100%;   
       display: block; 
       margin-top: 15px;
       line-height: 1.4;
    }
    #event-details{
        float: left;
        padding-bottom: 20px;
    }
    .more-details-info {
        width: 90%;
        margin: auto;
    }
    .featured-top{
        padding: 0 10px;
    }
    .region-footer-first .align-center{
        margin-top: auto;
        } 
    
}
@media (min-width: 481px) and (max-width: 767px) {
#block-description::after, #block-description .content::after {
    display: table;
    clear: both;
    content: "";
}
#block-description {
    background-color: #342ead;
    padding-bottom: 20px;
}
#block-description .content {
    background-image: url("/themes/nce_theme/images/fundal_home_mini.PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin: auto;
    margin-top: auto;
    height: 230px;
}
#block-description .content {
    margin-top: 0px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {    
    #event-details {
    float: left;
    }
   #block-description .content {
    background-image: url("/themes/nce_theme/images/fundal_home_mini.PNG");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin: auto;
    margin-top: auto;
    margin-top: auto;
    height: 276px;
    }
    #block-description {
    background-color: #342ead;
    }
    
    #block-description::after, #block-description .content::after {
      display: table;
      clear: both;
      content: "";
    }  
    #block-video-block .field__item {  
       width: 100%;    
       height: 344px;
    }    
}