/********************************************************************************
*                             BEM Methodology                                   *
*  [$] Block = block                                                            *
*  [$] Element = block__element                                                 *
*  [$] Modifier = block__element--modifier                                      *
*                                                                               *
*                             Box Component                                     *
*                                                                               *
*  [^]hp-fsp = Homepage - Figure support project                                *                                                             
*  [^]hp-events = Homepage - Events                                             *
*  [+] Font-size: To change the font-size only                                  *
*  [#] Screen size: xs,sm,md,lg                                                 *
*                                                                               *
*                                                                               *
********************************************************************************/

/* [$] Element *****************************************/
    
    
    /* [^]hp-events */
                
        .box__day {
            font-size: 1.8em;
            font-weight: bold;
            padding-top: 5px;
            top: 2px;
            position: relative;
            line-height: 35px;
        }
            
    
    /* end of [^]hp-events */
    
    .box__column {
        padding-left: 15px;
        padding-right: 15px;  
    }
    
    .box__title.country h3 .country__name {
        display: -webkit-box;
        height: 53px;
        margin: 0 auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .box__calendar ul {
        margin-bottom: 7px;
    }
        
    #homepage__find-project-support .box__read-more {
        margin-top: 10px;
        /*
        position: absolute;
        bottom: -70px;
        left: 50%;
        transform: translate(-50%, -50%);
        */
    }
    

    /* [^]country */
        .country.box__title h3 {
            color:#00529e;
        }
    /* end of [^]country */
    
    @media (max-width: 767px) {
        .box__wrapper {
            padding: 0;
        }
        .box__calendar {
            padding: 0;
        }
        
        .box__day {
            font-size: 1.4em;
        }
        
        #homepage__find-project-support .box__read-more {
       
            bottom: -50px;
        }
        
        
    }

/* [$] Modifier ****************************************/


     
  
    
    
    
    
    


    

